:root{--ink: #100c18;--ink-2: #1a1426;--sumi: #0a0812;--panel: #241a33;--wood: #8a4f22;--wood-dark: #3a2412;--lamp: #ffb45e;--amber: #f0a33c;--gold: #c98f3d;--neon: #5fe3b2;--paper: #f2e8d5;--text: #e9ddc8;--dim: #a4906f;--line: rgba(232, 163, 76, .22);--frame: 3px solid var(--sumi);--pop: 4px 4px 0 rgba(5, 3, 10, .65)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:Zen Kaku Gothic New,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.hero-wrap{height:260vh;position:relative}.hero-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.hero-sticky canvas{display:block}.hero-title{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 24px}.hero-eyebrow{font-family:Shippori Mincho,serif;font-size:clamp(11px,2.6vw,14px);letter-spacing:.34em;color:var(--dim);margin-bottom:18px}.hero-logo{font-family:Cormorant Garamond,serif;font-weight:600;font-size:clamp(56px,13vw,128px);letter-spacing:.16em;line-height:1;color:var(--paper);text-shadow:4px 4px 0 var(--sumi),0 0 60px rgba(232,163,76,.3)}.hero-sub{margin-top:20px;font-family:Shippori Mincho,serif;font-size:clamp(13px,3vw,16px);letter-spacing:.2em;color:var(--amber)}.hero-scroll-cue{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--dim);font-size:11px;letter-spacing:.3em;text-transform:uppercase}.hero-scroll-cue i{width:1px;height:44px;background:linear-gradient(var(--amber),transparent);animation:cue 2s ease-in-out infinite}@keyframes cue{0%{transform:scaleY(0);transform-origin:top}55%{transform:scaleY(1)}to{opacity:0}}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 52%,rgba(4,2,9,.78) 100%)}.hero-vignette:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,rgba(5,3,10,.55) 0 2px,transparent 2px 10px);-webkit-mask-image:radial-gradient(ellipse at 50% 45%,transparent 58%,#000 96%);mask-image:radial-gradient(ellipse at 50% 45%,transparent 58%,#000 96%)}.neon-sign{position:absolute;top:26px;right:22px;font-family:Reggae One,Zen Kaku Gothic New,sans-serif;font-size:clamp(16px,2.6vw,22px);letter-spacing:.3em;padding:8px 14px 8px 18px;color:var(--neon);border:2.5px solid var(--neon);border-radius:10px;transform:rotate(3deg);text-shadow:0 0 8px rgba(95,227,178,.9),0 0 24px rgba(95,227,178,.5);box-shadow:0 0 12px #5fe3b259,inset 0 0 10px #5fe3b233;animation:neon-on 1.6s steps(1,end) 1,neon-hum 4s ease-in-out 1.6s infinite}@keyframes neon-on{0%{opacity:0}12%{opacity:1}20%{opacity:.2}32%{opacity:1}40%{opacity:.4}55%{opacity:1}}@keyframes neon-hum{0%,to{opacity:1}50%{opacity:.82}}@media (prefers-reduced-motion: reduce){.neon-sign{animation:none}}.sfx{position:fixed;left:50%;top:38%;z-index:80;pointer-events:none;font-family:Reggae One,sans-serif;font-size:clamp(54px,12vw,96px);color:var(--paper);text-shadow:3px 3px 0 var(--sumi),-3px 3px 0 var(--sumi),3px -3px 0 var(--sumi),-3px -3px 0 var(--sumi),7px 7px 0 rgba(5,3,10,.5);animation:sfx-pop .95s cubic-bezier(.2,1.6,.4,1) forwards}@keyframes sfx-pop{0%{transform:translate(-50%,-50%) scale(.3) rotate(-14deg);opacity:0}18%{transform:translate(-50%,-50%) scale(1.15) rotate(-7deg);opacity:1}30%{transform:translate(-50%,-50%) scale(1) rotate(-8deg)}75%{opacity:1}to{transform:translate(-50%,-56%) scale(1.02) rotate(-8deg);opacity:0}}@media (prefers-reduced-motion: reduce){.hero-scroll-cue i{animation:none}html{scroll-behavior:auto}}.main{max-width:880px;margin:0 auto;padding:72px 20px 120px;position:relative}.main-head{text-align:center;margin-bottom:56px}.main-eyebrow{font-family:Cormorant Garamond,serif;font-size:14px;letter-spacing:.42em;color:var(--amber);margin-bottom:10px}.main-title{font-family:Reggae One,Shippori Mincho,serif;font-size:clamp(26px,5.4vw,38px);letter-spacing:.2em;color:var(--paper);text-shadow:3px 3px 0 var(--sumi)}.main-sub{margin-top:12px;color:var(--dim);font-size:13px;letter-spacing:.08em}.shelves{display:flex;flex-direction:column;gap:64px}.shelf-head{display:flex;align-items:baseline;gap:10px 14px;margin-bottom:4px;padding:0 6px;flex-wrap:wrap}.shelf-en{font-family:Cormorant Garamond,serif;font-size:clamp(18px,4.6vw,24px);letter-spacing:.18em;color:var(--amber);white-space:nowrap}.shelf-jp{font-size:13px;color:var(--dim);letter-spacing:.14em;white-space:nowrap}.shelf-count{margin-left:auto;font-size:12px;color:var(--dim);white-space:nowrap}.shelf-board{display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px;min-height:150px;padding:10px 14px 0;border-bottom:13px solid transparent;border-image:linear-gradient(90deg,#421f0c,var(--wood) 18%,#c07a35 50%,var(--wood) 82%,#421f0c) 1;background:linear-gradient(to top,rgba(255,180,94,.12),transparent 55%);position:relative}.shelf-board:before{content:"";position:absolute;left:0;right:0;bottom:-16px;height:3px;background:var(--sumi)}.shelf-board:after{content:"";position:absolute;left:4%;right:4%;bottom:-26px;height:14px;background:radial-gradient(ellipse at center,rgba(255,180,94,.16),transparent 70%);pointer-events:none}.bottle{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border-radius:6px;transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 8px 10px rgba(0,0,0,.55))}.bottle:hover{transform:translateY(-8px);filter:drop-shadow(0 16px 16px rgba(0,0,0,.5)) brightness(1.12)}.bottle-name{font-size:11px;color:var(--dim);letter-spacing:.04em;max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-row .shelf-board{border-bottom:none;border-image:none;border:var(--frame);border-radius:6px;box-shadow:var(--pop),inset 0 0 0 2px #d9b45f,inset 0 0 70px #14060ebf;background:radial-gradient(ellipse 80% 90% at 50% 100%,rgba(246,214,138,.14),transparent 65%),linear-gradient(170deg,#3a1626,#260e1c 60%,#1c0a16);padding:34px 16px 6px}.fav-row .shelf-board:before{display:none}.fav-row .bottle{position:relative}.fav-row .bottle svg,.fav-row .bottle .bottle-name{position:relative;z-index:1}.fav-row .bottle:before{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:118px;height:158px;z-index:0;background:linear-gradient(to bottom,rgba(255,226,158,.34),rgba(255,226,158,.1) 62%,transparent 92%);clip-path:polygon(41% 0,59% 0,100% 100%,0 100%);pointer-events:none}.fav-row .bottle:after{content:"";position:absolute;top:-24px;left:50%;transform:translate(-50%);width:16px;height:7px;z-index:2;background:#d9b45f;border:2px solid var(--sumi);border-radius:0 0 9px 9px;box-shadow:0 3px 10px #ffd68ad9;pointer-events:none}.fav-row .bottle:hover:before{background:linear-gradient(to bottom,rgba(255,226,158,.46),rgba(255,226,158,.14) 62%,transparent 92%)}.fav-row .shelf-board:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid rgba(217,180,95,.55);border-radius:3px;background:none;pointer-events:none;height:auto}.fav-row .bottle{filter:drop-shadow(0 8px 12px rgba(0,0,0,.6)) drop-shadow(0 0 16px rgba(240,210,136,.14))}.fav-row .bottle-name{color:#e8d5a8}.fav-en{color:#e8c06a;text-shadow:0 0 14px rgba(240,210,136,.5)}.fav-star{color:#e8c06a;font-size:17px;line-height:1;text-shadow:0 0 10px rgba(240,210,136,.85)}.empty-shelf{text-align:center;padding:60px 0 40px}.empty-title{font-family:Shippori Mincho,serif;font-size:20px;letter-spacing:.2em;color:var(--dim)}.empty-sub{margin-top:14px;font-size:13px;color:var(--dim)}.footer{text-align:center;padding:32px 0 100px;color:#5c4d38;font-size:11px;letter-spacing:.2em}.fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--amber);color:#1c1206;font-weight:700;font-size:15px;letter-spacing:.1em;padding:15px 22px;border-radius:999px;border:var(--frame);box-shadow:var(--pop);z-index:40;transition:transform .15s ease,box-shadow .15s ease}.fab:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:6px 6px #05030aa6}.fab:active{transform:translate(2px,2px);box-shadow:1px 1px #05030aa6}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#050301c7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--panel);border:var(--frame);border-bottom:none;border-radius:16px 16px 0 0;width:min(560px,100%);max-height:92vh;max-height:92svh;overflow-y:auto;padding:22px 22px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -12px 60px #000000b3}@media (min-width: 640px){.modal-back{align-items:center;padding:24px}.modal{border-radius:16px;border-bottom:var(--frame);box-shadow:var(--pop),0 24px 80px #0009}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.modal-head h2{font-family:Reggae One,Shippori Mincho,serif;font-size:20px;letter-spacing:.14em;color:var(--paper);text-shadow:2px 2px 0 var(--sumi)}.x{font-size:26px;line-height:1;color:var(--dim);padding:2px 8px}.form-label{font-size:12px;letter-spacing:.18em;color:var(--dim);margin:18px 0 8px}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.cat-btn{display:flex;align-items:center;gap:7px;justify-content:center;padding:11px 6px;font-size:13px;border:1px solid var(--line);border-radius:10px;color:var(--text);background:#ffffff05}.cat-btn.on{border:2px solid var(--sumi);background:var(--amber);color:#1c1206;font-weight:700;box-shadow:2px 2px #05030a99}.cat-dot{width:9px;height:14px;border-radius:2px 2px 4px 4px;flex:none}.text-in{width:100%;padding:13px 14px;background:#ffffff0a;border:1px solid var(--line);border-radius:10px;color:var(--paper);font-size:16px;font-family:inherit}.text-in::placeholder{color:#6d5c44}textarea.text-in{resize:vertical}.author-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.author-in{width:8em;flex:1;min-width:6em}.chip{padding:9px 16px;border-radius:999px;font-size:13px;border:1px solid var(--line);color:var(--text)}.chip.on{border:2px solid var(--sumi);background:var(--amber);color:#1c1206;font-weight:700;box-shadow:2px 2px #05030a99}.rating-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.rating-label{font-size:14px;letter-spacing:.12em}.glasses{display:flex;gap:2px}.glass-btn{padding:3px;border-radius:6px}.glasses:not(.tappable) .glass-btn{cursor:default}.photo-row{display:flex;gap:14px;align-items:center}.photo-btn{display:inline-block;padding:12px 18px;font-size:14px;border:1px dashed rgba(232,163,76,.45);border-radius:10px;color:var(--amber);cursor:pointer}.photo-prev{width:58px;height:58px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.hint{font-size:12px;color:var(--dim);line-height:1.7;margin-top:8px}.err{color:#e88c6a;font-size:13px;margin-top:12px}.err.center{text-align:center;margin-bottom:24px}.save-btn{width:100%;margin-top:22px;padding:15px;background:var(--amber);color:#1c1206;font-size:16px;font-weight:700;letter-spacing:.22em;border-radius:12px;border:var(--frame);box-shadow:var(--pop);transition:transform .12s ease,box-shadow .12s ease}.save-btn:not(:disabled):active{transform:translate(3px,3px);box-shadow:1px 1px #05030aa6}.save-btn:disabled{opacity:.6}.detail-cat{font-family:Cormorant Garamond,serif;font-size:13px;letter-spacing:.24em;color:var(--amber);margin-bottom:6px}.detail-name{font-family:Shippori Mincho,serif;font-size:24px;letter-spacing:.06em;color:var(--paper)}.detail-img{width:100%;max-height:300px;object-fit:contain;background:radial-gradient(ellipse at bottom,rgba(255,180,94,.1),transparent 70%);border-radius:12px;margin:6px 0 4px}.detail-meta{color:var(--dim);font-size:12.5px;letter-spacing:.1em;margin:8px 0 4px}.detail-ratings{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:6px 0;margin:14px 0}.detail-comment{font-family:Shippori Mincho,serif;font-size:16px;line-height:1.9;color:var(--paper);padding:4px 8px 4px 16px;border-left:2px solid var(--amber);margin:18px 0}.info-facts{display:flex;gap:18px;font-size:13.5px;color:var(--text);margin-bottom:8px}.info-desc{font-size:13.5px;line-height:1.9;color:var(--text)}.head-actions{display:flex;align-items:center;gap:4px}.fav-btn{font-size:24px;line-height:1;padding:2px 6px;color:#57493a;transition:color .2s ease,text-shadow .2s ease,transform .15s ease}.fav-btn.on{color:#f0d288;text-shadow:0 0 12px rgba(240,210,136,.9)}.fav-btn:active{transform:scale(1.25)}.detail-actions{margin-top:26px;display:flex;gap:22px;align-items:baseline}.edit-btn{color:var(--amber);font-size:12.5px;text-decoration:underline}.del-btn{color:#8a6a55;font-size:12.5px;text-decoration:underline}.login-back{z-index:60}.login-modal{max-width:420px}.login-modal .detail-cat{font-family:Reggae One,sans-serif;color:var(--neon);text-shadow:0 0 8px rgba(95,227,178,.8)}.login-title{font-family:Reggae One,Shippori Mincho,serif;font-size:22px;letter-spacing:.2em;color:var(--paper);margin:6px 0 10px;text-shadow:2px 2px 0 var(--sumi)}.signout{margin-top:14px;color:#8a6a55;font-size:11.5px;text-decoration:underline;letter-spacing:.1em}