:root{--ink: #0d0906;--ink-2: #16100a;--wood: #6b4526;--wood-dark: #3a2412;--lamp: #ffb45e;--amber: #e8a34c;--gold: #c98f3d;--paper: #f2e8d5;--text: #e9ddc8;--dim: #a4906f;--line: rgba(232, 163, 76, .18)}*{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:500;font-size:clamp(56px,13vw,128px);letter-spacing:.16em;line-height:1;color:var(--paper);text-shadow:0 0 60px rgba(232,163,76,.35),0 0 120px rgba(232,163,76,.15)}.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(5,3,1,.72) 100%)}@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-title{font-family:Shippori Mincho,serif;font-size:clamp(24px,5vw,34px);letter-spacing:.28em;color:var(--paper)}.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:14px;margin-bottom:4px;padding:0 6px}.shelf-en{font-family:Cormorant Garamond,serif;font-size:24px;letter-spacing:.22em;color:var(--amber)}.shelf-jp{font-size:13px;color:var(--dim);letter-spacing:.14em}.shelf-count{margin-left:auto;font-size:12px;color:var(--dim)}.shelf-board{display:flex;flex-wrap:wrap;align-items:flex-end;gap:4px;min-height:150px;padding:10px 14px 0;border-bottom:12px solid transparent;border-image:linear-gradient(90deg,#2a1a0d,var(--wood) 18%,#8a5a33 50%,var(--wood) 82%,#2a1a0d) 1;background:linear-gradient(to top,rgba(255,180,94,.1),transparent 55%);position:relative}.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}.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:linear-gradient(160deg,var(--amber),#b06f1e);color:#1c1206;font-weight:700;font-size:15px;letter-spacing:.1em;padding:16px 24px;border-radius:999px;box-shadow:0 6px 24px #e8a34c66,0 2px 8px #00000080;z-index:40;transition:transform .2s ease}.fab:hover{transform:translateY(-2px)}.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:linear-gradient(180deg,#1d140c,#140d07);border:1px solid var(--line);border-bottom:none;border-radius:18px 18px 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:18px;border-bottom:1px solid var(--line)}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.modal-head h2{font-family:Shippori Mincho,serif;font-size:20px;letter-spacing:.18em;color:var(--paper)}.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-color:var(--amber);background:#e8a34c24;color:var(--paper)}.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-color:var(--amber);background:#e8a34c24;color:var(--paper)}.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:16px;background:linear-gradient(160deg,var(--amber),#b06f1e);color:#1c1206;font-size:16px;font-weight:700;letter-spacing:.22em;border-radius:12px}.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)}.del-btn{margin-top:26px;color:#8a6a55;font-size:12.5px;text-decoration:underline}.login-back{z-index:60}.login-modal{max-width:420px}.login-title{font-family:Shippori Mincho,serif;font-size:22px;letter-spacing:.2em;color:var(--paper);margin:6px 0 10px}.signout{margin-top:14px;color:#8a6a55;font-size:11.5px;text-decoration:underline;letter-spacing:.1em}