:root{--wine:#561f2a;--wine2:#7d3440;--cream:#faf7f1;--paper:#fff;--ink:#2b2630;--muted:#7c7480;--line:#e6dfd9;--sage:#347665;--gold:#bd8b46;--shadow:0 18px 55px rgba(73,37,45,.1)}*{box-sizing:border-box}body{margin:0;background:#f6f3ef;color:var(--ink);font:14px 'Noto Sans JP',sans-serif}button,input,select{font:inherit}header{height:70px;background:#fff;display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1200px)/2));gap:40px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.brand{text-decoration:none;color:var(--wine);display:flex;align-items:center;gap:9px;font:24px 'DM Serif Display',serif}.brand small{font:700 8px 'Noto Sans JP';background:#f3e8e7;padding:3px 5px;border-radius:5px;margin-left:4px}.mark{display:grid;place-items:center;width:34px;height:34px;color:#fff;background:var(--wine);border-radius:50%}header nav{display:flex;align-self:stretch;gap:24px}header nav button{border:0;background:none;color:var(--muted);font-weight:600;font-size:11px;position:relative}header nav .active{color:var(--wine)}header nav .active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--wine)}.head-actions{margin-left:auto;display:flex;gap:7px;align-items:center}.head-actions select{border:1px solid var(--line);border-radius:7px;padding:6px;background:#fff;font-size:9px;color:var(--wine)}.head-actions button{border:1px solid var(--wine);border-radius:7px;background:var(--wine);color:#fff;padding:7px 9px;font-size:9px;font-weight:800}.head-actions .avatar{border-radius:50%;width:34px;height:34px;background:#efe8e6;color:var(--wine);border:0}main{max-width:1200px;margin:auto}.hero{height:250px;margin:0 calc((1200px - 100vw)/2);padding:43px max(20px,calc((100vw - 1200px)/2));background:linear-gradient(110deg,#42161f,#742e39);color:#fff;position:relative;overflow:hidden}.hero:before{content:'';position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-100px;top:-200px}.hero-text{position:relative;z-index:2}.overline{font-size:9px;letter-spacing:2.5px;color:#e7c990;font-weight:800}.hero h1{font:35px/1.28 'DM Serif Display','Noto Sans JP',serif;margin:8px 0}.hero h1 em{font-style:normal;color:#edd39e}.hero p{color:#eadcdf;font-size:12px}.trust{display:flex;gap:18px;margin-top:20px;font-size:9px;color:#e9d9dc}.trust b{font-weight:500}.plate{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#fff 0 42%,#eee6dc 43% 49%,#fff 50% 63%,#d7cabd 64% 65%,transparent 66%);right:max(60px,calc((100vw - 1030px)/2));top:5px;filter:drop-shadow(0 22px 20px rgba(30,5,10,.28))}.plate-inner{position:absolute;inset:92px;text-align:center;color:var(--wine);display:grid;place-content:center}.plate-inner span{font:28px 'DM Serif Display'}.plate-inner b{font:8px/1.3 'Noto Sans JP';letter-spacing:1px}.searchbox{position:relative;margin-top:-32px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:14px;display:grid;grid-template-columns:1.7fr .8fr .55fr .55fr auto;box-shadow:var(--shadow);z-index:3}.searchbox label{padding:0 15px;border-right:1px solid var(--line)}.searchbox label>span{font-size:9px;color:var(--muted);display:block;margin-bottom:7px;font-weight:700}.searchbox label div{display:flex;gap:8px;align-items:center;color:var(--wine)}.searchbox input{border:0;outline:0;width:100%;background:none;color:var(--ink);font-weight:700}.searchbox>button{border:0;border-radius:9px;background:var(--wine);color:#fff;padding:0 18px;font-weight:700}.profile{margin:16px 0 27px;background:#f3ebe8;border:1px solid #e5d6d1;border-radius:11px;padding:11px 15px;display:flex;align-items:center;gap:24px}.profile>div:first-child{display:flex;align-items:center;gap:9px;border-right:1px solid #dac8c1;padding-right:25px}.profile p{margin:0}.profile b,.profile small{display:block}.profile b{font-size:10px}.profile small{font-size:8px;color:var(--muted)}.spark{display:grid;place-items:center;width:29px;height:29px;background:var(--wine);color:#fff;border-radius:50%}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span,.chips button{background:#fff;border:1px solid #d9ceca;border-radius:18px;padding:6px 10px;font-size:9px;font-weight:700}.chips i{font-style:normal;color:var(--sage);font-size:7px;background:#e6f1ed;padding:2px 4px;border-radius:6px}.chips button{border-style:dashed;color:var(--wine)}.venue{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.crumb{font-size:9px;color:var(--muted)}h2{margin:3px 0;font:30px 'DM Serif Display','Noto Sans JP';color:var(--wine)}.venue p{margin:0;font-size:10px;color:var(--muted)}.venue-badges{display:flex;gap:7px}.venue-badges span{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 9px;font-size:8px;color:var(--wine);font-weight:700}.value-summary{display:grid;grid-template-columns:.7fr 1fr 1.3fr 1fr;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.value-summary>div{padding:13px 20px;border-right:1px solid var(--line)}.value-summary>div:last-child{border:0}.value-summary small{display:block;color:var(--muted);font-size:8px}.value-summary strong{font-size:18px;color:var(--wine)}.value-summary .best{background:#e9f2ee}.value-summary .best strong{color:var(--sage);font-size:21px}.value-summary .best span{font-size:8px;background:#fff;color:var(--sage);border-radius:8px;padding:3px 6px;margin-left:5px}.clarity{display:flex;align-items:center;gap:20px;margin:10px 4px}.clarity>span{font-size:8px;color:var(--muted)}.clarity b{color:var(--ink)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:3px}.green{background:var(--sage)}.amber{background:var(--gold)}.clarity button{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px 10px}.content{display:grid;grid-template-columns:230px 1fr;gap:17px;margin-bottom:50px}aside{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;height:max-content}.close{display:none}.aside-head{display:flex;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid var(--line)}.aside-head button{border:0;background:none;color:var(--muted);font-size:9px}.switch{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.switch b,.switch small{display:block}.switch small{font-size:8px;color:var(--muted)}.switch input{display:none}.switch i{width:37px;height:20px;border-radius:20px;background:#c6c1c3;position:relative}.switch i:after{content:'';position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;left:3px;top:3px;transition:.2s}.switch input:checked+i{background:var(--sage)}.switch input:checked+i:after{left:20px}.group{padding:14px 0;border-bottom:1px solid var(--line)}.group>b{font-size:10px;display:block;margin-bottom:8px}.group label{display:flex;gap:8px;margin:9px 0;font-size:9px}.group input{accent-color:var(--wine)}.principle{margin-top:13px;background:var(--cream);border-radius:8px;padding:10px}.principle b{font-size:9px}.principle p{font-size:8px;color:var(--muted);margin:4px 0}.sort{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.sort p{margin:0}.sort b,.sort small{display:block}.sort b{font-size:11px}.sort small{font-size:8px;color:var(--muted)}.sort select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px;font-size:9px}.offer{display:grid;grid-template-columns:150px 1fr 190px;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:9px;position:relative}.offer.best{border:2px solid var(--sage);box-shadow:0 10px 25px rgba(52,118,101,.1)}.ribbon{position:absolute;top:0;left:0;background:var(--sage);color:#fff;padding:4px 10px;border-radius:0 0 7px;font-size:8px}.channel{display:grid;place-content:center;text-align:center;border-right:1px solid var(--line);padding:24px 10px}.channel b{color:var(--wine);font-size:13px}.channel small{font-size:8px;color:var(--muted);margin-top:4px}.owned{font-size:7px!important;color:var(--sage)!important;background:#e8f3ef;border-radius:8px;padding:3px 5px}.details{padding:15px 18px}.details h3{font-size:11px;margin:0 0 7px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{font-size:8px;background:#f3f1ef;padding:4px 6px;border-radius:5px;color:#625a62}.tags .good{background:#e8f3ef;color:var(--sage)}.cost-row{display:flex;gap:18px;margin-top:11px}.cost-row small,.cost-row b{display:block}.cost-row small{font-size:7px;color:var(--muted)}.cost-row b{font-size:9px}.price{background:#fbfaf8;border-left:1px solid var(--line);padding:14px 16px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.price small{font-size:8px;color:var(--muted)}.price .listed{text-decoration:line-through}.price strong{font-size:21px;color:var(--wine)}.best .price strong{color:var(--sage)}.price em{font-style:normal;color:var(--sage);font-size:8px;margin-bottom:7px}.price button{width:100%;border:1px solid var(--wine);background:#fff;color:var(--wine);border-radius:7px;padding:7px;font-size:9px;font-weight:700}.best .price button{background:var(--sage);border-color:var(--sage);color:#fff}.notice{text-align:center;color:#928b91;font-size:7px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;background:#29141a;color:#fff;border-radius:8px;padding:9px 15px;font-size:9px;transition:.2s;z-index:99}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-nav,.backdrop{display:none}@media(max-width:900px){header{gap:10px}header nav{display:none}.plate{right:-30px}.searchbox{grid-template-columns:1.5fr 1fr 1fr}.searchbox label:nth-of-type(4){display:none}.profile{align-items:flex-start}.content{grid-template-columns:1fr}.clarity button{display:block}aside{position:fixed;right:-280px;top:0;width:270px;height:100vh;z-index:80;overflow:auto;border-radius:0;padding-top:46px;transition:.25s}aside.open{right:0}.close{display:block;position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px}.backdrop.open{display:block;position:fixed;inset:0;background:rgba(35,15,20,.5);z-index:70}}@media(max-width:620px){body{padding-bottom:58px}header{height:58px;padding:0 12px}.brand{font-size:19px}.mark{width:29px;height:29px}.head-actions select{max-width:68px}.head-actions #install,.avatar{display:none!important}main{padding:0 11px}.hero{height:225px;margin:0 -11px;padding:30px 17px}.hero h1{font-size:27px;max-width:75%}.hero p{max-width:72%;font-size:10px}.plate{width:190px;height:190px;right:-75px;top:17px}.plate-inner{inset:65px}.searchbox{grid-template-columns:1fr;margin-top:-28px}.searchbox label{padding:8px;border-right:0;border-bottom:1px solid var(--line)}.searchbox label:nth-of-type(2),.searchbox label:nth-of-type(3){display:none}.searchbox>button{padding:12px}.profile{display:block;overflow:hidden}.profile>div:first-child{border:0}.chips{margin-top:8px;flex-wrap:nowrap;overflow:auto}.venue{align-items:flex-start}.venue-badges{display:none}.value-summary{grid-template-columns:1fr 1fr}.value-summary>div{padding:10px}.value-summary strong{font-size:14px}.clarity{flex-wrap:wrap;gap:7px}.clarity button{margin-left:0}.offer{grid-template-columns:95px 1fr}.channel{padding:20px 6px}.details{padding:12px}.cost-row{gap:8px}.price{grid-column:1/-1;flex-direction:row;align-items:center;gap:9px;padding:10px}.price button{width:auto;margin-left:auto}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:58px;background:#fff;border-top:1px solid var(--line);z-index:60}.mobile-nav button{border:0;background:none;color:#887e84;display:grid;place-content:center}.mobile-nav button span{font-size:7px}.mobile-nav .active{color:var(--wine)}}