.side-cats{display:none}@media(min-width:481px){body{padding:0;background:#fff;display:block}#searchScroll .rt-head-l{font-size:15px}#searchScroll .rt-hero{padding:18px;gap:16px}#searchScroll .rt-himg{flex:0 0 104px;width:104px;height:128px}#searchScroll .rt-himg .ph-ic svg{width:34px;height:34px}#searchScroll .rt-ord{font-size:30px}#searchScroll .rt-gtag{font-size:9px}#searchScroll .rt-hnm{font-size:19px}#searchScroll .rt-hmeta{flex-direction:row;align-items:center;gap:28px}#searchScroll .rt-hmain{flex:1;min-width:0}#searchScroll .rt-hsub{flex:0 0 auto;margin-top:0;text-align:right;font-size:14px;white-space:nowrap}#searchScroll .rt-hero .rt-rt{font-size:23px}#searchScroll .rt-row{padding:14px 6px}#searchScroll .rt-ord-s{flex:0 0 42px;font-size:19px}#searchScroll .rt-rimg{flex:0 0 52px;width:52px;height:64px}#searchScroll .rt-rnm{font-size:14.5px}#searchScroll .rt-rsub{font-size:12px}.app{width:100vw;max-width:none;height:100vh;border:none;border-radius:0;box-shadow:none;padding-left:240px}.app:has(.tab[style*=none]){padding-left:0}.tab{top:0;bottom:0;left:0;right:auto;width:240px;height:auto;z-index:20;flex-direction:column;justify-content:flex-start;gap:4px;padding:116px 16px 20px;border-top:none;border-right:1px solid var(--line);background:#fff;backdrop-filter:none;overflow-y:auto}.tab::before{content:"";position:absolute;top:26px;left:26px;width:92px;height:36px;background:url(../assets/logo-wordmark-indigo.png?v=1) left center/contain no-repeat}.tab::after{content:"SHUKI \2014  DRINK JOURNAL";position:absolute;top:74px;left:27px;font-size:9px;letter-spacing:1.8px;color:var(--gold-text)}.tab button{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:14px;width:100%;height:48px;padding:0 16px;border-radius:12px;font-size:14.5px;color:var(--steel);transition:background .15s}.tab button .ti{font-size:20px;padding:0;background:none!important;color:inherit!important}.tab button .ti svg{width:22px;height:22px}.tab button.on::after{display:none}.tab button:hover{background:rgba(30,42,68,.05)}.tab button.on{color:var(--indigo);background:var(--plinth);font-weight:600}.tab button.on:hover{background:var(--plinth)}.tab button.on .ti{color:var(--gold)!important}.side-cats{display:block;width:100%;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.side-cats .sc-label{font-size:10.5px;letter-spacing:2px;color:var(--gold-text);padding:0 16px 8px}.side-cats button{display:flex;align-items:center;width:100%;padding:7px 16px;border:none;background:none;cursor:pointer;font-size:13px;color:var(--steel);font-family:var(--sans);border-radius:12px;text-align:left;transition:background .15s}.side-cats button:hover{background:rgba(30,42,68,.05);color:var(--indigo)}.head,.searchbar,.chips,#homeScroll,#searchScroll,#mineScroll,#drinkScroll,#vForm .scroll,.topbar{max-width:1400px;margin-left:auto;margin-right:auto;width:100%}.scroll{padding-bottom:48px}#vHome .head{display:none}#vSearch .head{padding:24px 40px 6px;justify-content:flex-start}#vSearch .head .logo img{height:28px}#vFeed .topbar{max-width:720px;padding:24px 24px 8px;justify-content:flex-start}#vFeed .topbar .logo img{height:28px}#vMine .topbar .logo img{height:28px}#feedScroll .feed-list{max-width:720px;margin-left:auto;margin-right:auto;padding:24px 24px 0}.searchbar{margin:30px 40px 14px;max-width:680px}.chips{padding:0 40px 16px}.auth-wrap{max-width:460px;margin:0 auto;width:100%}.d-cta,.form-save{left:240px;right:0;max-width:none;margin:0;bottom:0}.app:has(.tab[style*=none]) .d-cta,.app:has(.tab[style*=none]) .form-save{left:0}.pwa-banner{left:240px;right:0;bottom:0}.app:has(.tab[style*=none]) .pwa-banner{left:0}.fab-rec{bottom:24px}.bcard{min-width:0}.bcard .bimg{overflow:hidden}.bcard .bimg img{max-width:100%;object-fit:contain}}@media(min-width:900px){.chips{flex-wrap:wrap;overflow-x:visible;gap:10px 12px;align-content:start}#vHome .chip.chip-more,#vSearch .chip.chip-more{display:none}#homeScroll{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-content:start;align-items:start;padding:0 40px 48px}#homeScroll>.home-chips-wrap,#homeScroll>.hero-wrap,#homeScroll>.rank-full,#homeScroll>.cat-hub,#homeScroll>.cat-explore,#homeScroll>.sec-h,#homeScroll>.home-welcome,#homeScroll>.home-welc,#homeScroll>.hscroll,#homeScroll>.wishband,#homeScroll>.feature-wrap,#homeScroll>.wk-wrap,#homeScroll>.feed-tabs,#homeScroll>.hrev-list,#homeScroll>.feed-empty,#homeScroll>.mini-shelf,#homeScroll>.taste-cloud,#homeScroll>.invite-band,#homeScroll>.home-foot,#homeScroll>.onboard-lead,#homeScroll>.onboard-grid,#homeScroll>.guide-card,#homeScroll>div[style*=height]{grid-column:1/-1}#homeScroll .onboard-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}#homeScroll>.urow{grid-column:1/-1;max-width:640px}#homeScroll .mini-shelf{flex-wrap:wrap;overflow:visible}#homeScroll .rank-full{grid-column:1/-1}#homeScroll .rank-full .hscroll{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;overflow:visible}#homeScroll>.home-cols{grid-column:1/-1}#homeScroll .hero{position:relative;display:grid;grid-template-columns:1fr minmax(150px,190px);align-items:center;column-gap:24px;min-height:168px;padding:26px 36px;border-radius:18px;margin:18px 0 10px;overflow:hidden;box-shadow:var(--shadow-float)}#homeScroll .hero .hero-label{display:flex;align-items:center;gap:12px;font-size:11.5px;letter-spacing:3px;color:rgba(255,255,255,.78);white-space:nowrap}#homeScroll .hero .hero-label::before{content:"";width:28px;height:1px;background:var(--gold);flex:0 0 28px}#homeScroll .hero .hero-name{font-size:clamp(20px,1.6vw,28px);line-height:1.3;margin:10px 0 6px;letter-spacing:.04em}#homeScroll .hero .hero-sub{font-size:12.5px;letter-spacing:.05em;color:rgba(255,255,255,.72)}#homeScroll .hero .hero-rate{font-size:16px;margin-top:10px;color:var(--gold);letter-spacing:.04em}#homeScroll .hero .hero-rate small{font-size:12px}#homeScroll .hero .hero-cta{display:inline-block;margin-top:12px;padding:7px 16px;border:1px solid rgba(255,255,255,.34);border-radius:22px;font-size:12px;letter-spacing:.12em;color:rgba(255,255,255,.85);transition:all .2s}#homeScroll .hero:hover .hero-cta{background:#fff;color:var(--indigo);border-color:#fff}#homeScroll .hero .hero-img{width:100%;height:148px;border-radius:14px;justify-self:end;align-self:center;box-shadow:0 14px 34px rgba(10,14,26,.30);padding-bottom:0;align-items:center;transition:transform .3s}#homeScroll .hero:hover .hero-img{transform:translateY(-3px)}#homeScroll .hero .hero-img img,#homeScroll .hero .hero-img svg{max-height:132px;max-width:88%;object-fit:contain}#homeScroll .rk-champ{align-items:center;padding:18px 24px;gap:22px;margin-top:14px}#homeScroll .rk-champ .rk-c-frame{flex:0 0 118px;width:118px;min-height:152px}#homeScroll .rk-champ .rk-c-frame img,#homeScroll .rk-champ .rk-c-frame .bottle-img{max-height:152px}#homeScroll .rk-champ .rk-c-nm{font-size:20px}#homeScroll .rk-champ .rk-c-go{display:inline-block;flex:0 0 auto;margin-left:auto;align-self:center;font-size:13px;letter-spacing:.08em;color:var(--indigo);border:1px solid var(--line);border-radius:var(--r-pill);padding:9px 18px;white-space:nowrap;transition:all .2s}#homeScroll .rk-champ:hover .rk-c-go{background:var(--indigo);color:#fff;border-color:var(--indigo)}#homeScroll .rt-hero{padding:18px;gap:16px}#homeScroll .rt-himg{flex:0 0 100px;width:100px;height:124px}#homeScroll .rt-ord{font-size:28px}#homeScroll .rt-hnm{font-size:18px}#homeScroll .rt-hmeta{flex-direction:row;align-items:center;gap:24px}#homeScroll .rt-hmain{flex:1;min-width:0}#homeScroll .rt-hsub{flex:0 0 auto;margin-top:0;text-align:right;font-size:14px;white-space:nowrap}#homeScroll .sec-h{padding:22px 0 4px}#homeScroll .sec-h .t{font-size:17px;letter-spacing:.06em}#homeScroll .home-welcome{padding:0 0 12px}#homeScroll .hscroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,1fr));gap:14px;overflow:visible;padding:8px 0 10px}#homeScroll .hscroll .bcard{flex:none;width:auto;min-width:0;padding:10px 10px 12px;border-radius:var(--r-card);transition:box-shadow .2s,transform .2s}#homeScroll .hscroll .bcard:hover{box-shadow:var(--shadow-float);transform:translateY(-3px)}#homeScroll .bcard .bimg{height:150px;overflow:hidden}#homeScroll .bcard .bimg img{max-height:138px;max-width:100%;object-fit:contain}#homeScroll .bcard .bimg svg{height:136px}#homeScroll .bcard .bn{font-size:13px;margin-top:8px}#homeScroll .bcard .bb{font-size:11.5px}#homeScroll .bcard .br{font-size:12.5px}#homeScroll .wishband .hscroll,#homeScroll .feature .hscroll{display:flex;flex-wrap:nowrap;overflow-x:auto;grid-template-columns:none;gap:14px}#homeScroll>.hrev-list{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;padding:0}#homeScroll>.feed-tabs{padding:0 0 2px}#homeScroll>.taste-cloud{padding:2px 0 8px}#homeScroll .wishband{border-radius:16px;border:1px solid var(--hairline-gold-soft);margin-top:22px}#homeScroll .wishband .sec-h{padding:18px 22px 4px}#homeScroll .wish-lead{padding:0 22px 10px}#homeScroll .wishband .hscroll{padding:2px 22px 16px}#homeScroll .wcard{flex:0 0 130px}#homeScroll .wcard .wph{height:110px}#homeScroll .wcard .wph img{max-height:104px}#homeScroll .feature{margin:4px 0 6px;padding:20px 0 8px;border-radius:18px}#homeScroll .f-label{padding:0 26px}#homeScroll .f-title{font-size:20px;padding:8px 26px 0}#homeScroll .f-lead{font-size:12px;padding:6px 26px 12px}#homeScroll .feature .hscroll{padding:2px 26px 8px}#homeScroll .fcard{flex:0 0 112px}#homeScroll .fcard .fph{height:98px}#homeScroll .fcard .fph img{max-height:92px}#homeScroll .hrev:last-child{border-bottom:1px solid var(--line-2)}#searchScroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));column-gap:20px;align-content:start;padding:0 40px 40px}#searchScroll .sec-h,#searchScroll .sort-bar,#searchScroll .search-req,#searchScroll .mini-shelf,#searchScroll .rank-top,#searchScroll .taste-catbar,#searchScroll .region-find,#searchScroll .empty{grid-column:1/-1}#searchScroll .rank-top{max-width:none;margin:0}#searchScroll .rev-item{margin:0;border:1px solid var(--line);border-radius:14px;margin-bottom:12px;transition:box-shadow .2s,transform .16s ease}#searchScroll .rev-item:hover{box-shadow:var(--shadow-card)}#searchScroll .sec-h .t{font-size:17px}#searchScroll .sort-bar{padding-left:0;padding-right:0}#searchScroll #searchList.sg-grid{grid-template-columns:repeat(5,1fr);gap:12px;padding:8px 0 24px}.topbar{padding:18px 40px 0}#drinkScroll{max-width:720px;padding-bottom:150px}#vMine .topbar{max-width:1000px;padding:24px 40px 8px}#vMine .topbar .logo img{display:none}#vMine .topbar .logo{width:200px;height:28px;background:url(../assets/logo-mypage-indigo.png?v=1) left center/contain no-repeat}#mineScroll,#userScroll{max-width:1000px;margin-left:auto;margin-right:auto;padding:10px 40px 60px}#mineScroll .mp-hero,#userScroll .mp-hero{border-radius:20px;margin-top:18px}#mineScroll .shelf,#userScroll .shelf{grid-template-columns:repeat(auto-fill,minmax(126px,1fr));gap:12px}#mineScroll .shelf-item:hover,#userScroll .shelf-item:hover{box-shadow:0 8px 20px rgba(30,42,68,.10);transform:translateY(-2px)}#vUser .topbar{max-width:1000px;margin-left:auto;margin-right:auto;padding:24px 40px 8px}.ts-grid{gap:14px;max-width:920px}.ts-grid>.ts-card{padding:14px 16px}.ts-h{font-size:13px}.ts-donut-wrap{flex-direction:row;align-items:center;gap:14px}.ts-donut{width:104px;height:104px;flex:0 0 104px}.ts-legend{width:auto;flex:1;min-width:0}.ts-leg{font-size:11.5px;gap:7px}.ts-leg-dot{width:9px;height:9px;flex:0 0 9px}.ts-bar-row{gap:9px;margin:8px 0}.ts-bar-lbl{width:64px;font-size:11px}.ts-bar-track{height:6px}.ts-bar-val{width:26px;font-size:11px}.ts-dist-avg b{font-size:30px}.ts-dist-bars{gap:12px;min-height:64px}.pf-fav-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:16px 10px}#mineGear{font-size:28px;width:48px;height:48px;margin-left:auto}#mineGear:hover{background:rgba(30,42,68,.07)}#vForm .scroll{max-width:760px}}@media(min-width:1200px){#searchScroll #searchList.sg-grid{grid-template-columns:repeat(6,1fr)}#homeScroll .hero{grid-template-columns:1fr minmax(180px,230px);min-height:200px;padding:30px 44px;border-radius:20px}#homeScroll .hero::before{content:"";position:absolute;right:-36px;bottom:-70px;width:260px;height:260px;background:url(../assets/logo-icon-transparent-cream.png?v=1) center/contain no-repeat;opacity:.13;pointer-events:none}#homeScroll .hero .hero-label::after{content:"BOTTLE OF THE WEEK";font-size:9px;letter-spacing:2.5px;color:rgba(255,255,255,.38)}#homeScroll .hero .hero-name{margin:12px 0 8px}#homeScroll .hero .hero-rate{font-size:17px;margin-top:10px}#homeScroll .hero .hero-cta{margin-top:14px;padding:8px 18px}#homeScroll .hero .hero-img{height:165px;border-radius:16px}#homeScroll .hero .hero-img img,#homeScroll .hero .hero-img svg{max-height:148px}}@media(min-width:1100px){#drinkScroll{max-width:680px;margin:0 auto;padding:16px 24px 150px}#drinkScroll .d-card{display:block;margin:0}#drinkScroll .d-name{font-size:26px}#drinkScroll .d-hero .bottle-img{max-height:236px}#drinkScroll .d-hero .ph{width:150px;min-height:190px}#drinkScroll .d-stats .d-stars{font-size:18px}#drinkScroll .rev-item{max-width:none}.d-cta{max-width:680px;margin:0 auto;padding:12px 24px}.d-cta::before{display:none}.d-cta button{max-width:none;flex:1}}@media(min-width:481px)and (max-width:899px){.app{padding-left:68px}.tab{width:68px;padding:64px 10px 16px;align-items:center}.tab::before{content:"";top:20px;left:0;right:0;margin:0 auto;width:36px;height:36px;background:url(../assets/logo-icon-indigo.png?v=1) center/contain no-repeat}.tab::after{display:none}.side-cats{display:none}.tab button{justify-content:center;gap:0;width:48px;height:46px;padding:0;font-size:0}.tab button .ti{font-size:21px}.d-cta,.form-save{left:68px}.pwa-banner{left:68px}.hscroll{flex-wrap:wrap;overflow-x:visible;padding-bottom:8px}.hscroll .bcard{flex:0 0 132px}.wishband .hscroll,.feature .hscroll{flex-wrap:nowrap;overflow-x:auto;padding-bottom:14px}#searchScroll{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:20px;align-content:start;padding:0 24px 32px}#searchScroll #searchList.sg-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:8px 0 24px}#searchScroll .sec-h,#searchScroll .sort-bar,#searchScroll .search-req,#searchScroll .mini-shelf,#searchScroll .rank-top,#searchScroll .taste-catbar,#searchScroll .region-find,#searchScroll .empty{grid-column:1/-1}#searchScroll .rank-top{max-width:none;margin:0}#searchScroll .rev-item{margin:0;border-bottom:1px solid var(--line)}.shelf{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}#mineScroll .mp-hero,#userScroll .mp-hero{border-radius:18px;margin-left:var(--gutter);margin-right:var(--gutter);margin-top:14px}}@media(min-width:1100px){#homeScroll>.home-cols{display:grid;grid-template-columns:1.7fr 1fr;column-gap:30px;align-items:start}#homeScroll .home-main,#homeScroll .home-rail{display:flex;flex-direction:column;min-width:0}#homeScroll .home-rail{padding-left:30px;border-left:1px solid var(--line-2)}#homeScroll .hsec{min-width:0}#homeScroll .home-rail .hsec:not(:first-child){margin-top:8px}}@media(min-width:1500px){#homeScroll>.hrev-list{grid-template-columns:1fr 1fr 1fr;column-gap:36px}}