:root{--amber:#d4a853;--amber-deep:#c2933d;--amber-darker:#a87c2c;--amber-grad-b:#c49343;--brown:#6b4226;--green:#1f7a4c;--line:#d4a85338;--line-soft:#6b42261a;--shadow-sm:0 1px 2px #6b42260d;--shadow-md:0 8px 30px #6b422614, 0 2px 6px #6b42260d;--shadow-lg:0 24px 70px #6b42261f, 0 6px 18px #6b42260f;--serif:"Cormorant Garamond", Georgia, serif;--sans:"DM Sans", system-ui, sans-serif;--bg-page:#faf7f2;--bg-page-deep:#f2ece1;--bg-deepblock:#1a1008;--text-main:#1a1008;--text-muted:#9b8b7a;--accent-text:#6b4226;--glass-surface:#ffffff8c;--glass-surface-strong:#ffffffc7;--glass-border:#fff9;--card-solid-bg:#fffc;--nav-bg-glass:#faf7f2b3;--sidebar-glass:#f5efe599;--cream:var(--bg-page);--cream-deep:var(--bg-page-deep);--sidebar:var(--sidebar-glass);--white:var(--card-solid-bg);--ink:var(--text-main);--muted:var(--text-muted)}:root[data-theme=night]{--bg-page:#120d08;--bg-page-deep:#181109;--bg-deepblock:#0a0703;--text-main:#f3e9da;--text-muted:#b8a890;--accent-text:#e8c9a0;--glass-surface:#ffffff0f;--glass-surface-strong:#ffffff1a;--glass-border:#ffffff1f;--card-solid-bg:#ffffff14;--nav-bg-glass:#120d08b3;--sidebar-glass:#120d088c}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--sans);color:var(--text-main);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color .6s,color .6s}a{color:inherit;text-decoration:none}::selection{background:#d4a85340}.glass-card{background:var(--card-solid-bg);-webkit-backdrop-filter:blur(16px)saturate(120%);border:1px solid var(--glass-border)}.app{grid-template-columns:240px 1fr;min-height:100vh;transition:background-color .6s,color .6s;display:grid}.sidebar{background:var(--sidebar);-webkit-backdrop-filter:blur(18px)saturate(120%);border-right:1px solid var(--glass-border);flex-direction:column;height:100vh;padding:28px 18px 22px;transition:background-color .6s,color .6s,border-color .6s;display:flex;position:sticky;top:0}.sidebar-bottom{justify-content:center;margin-top:auto;padding-top:18px;display:flex}.side-logo{align-items:center;gap:9px;padding:0 8px 4px;display:flex}.side-logo .wordmark{font-family:var(--serif);color:var(--ink);font-size:27px;font-weight:600;line-height:1}.nav{flex-direction:column;gap:3px;margin-top:34px;display:flex}.nav-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:0 12px 10px;font-size:11px;font-weight:600}.nav-item{color:var(--brown);cursor:pointer;text-align:left;width:100%;font-size:14.5px;font-weight:500;font-family:var(--sans);background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;text-decoration:none;transition:background .16s,color .6s;display:flex;position:relative}.nav-item svg{width:19px;height:19px;color:var(--muted);flex:none;transition:color .16s}.nav-item:hover{background:#d4a8531a}.nav-item.active{color:var(--ink);background:#d4a85326;font-weight:600}.nav-item.active svg{color:var(--amber-deep)}.nav-item.active:before{content:"";background:var(--amber);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-18px}.credit{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:4px;margin-top:auto;padding:16px;display:flex}.credit-top{align-items:center;gap:13px;display:flex}.ring{flex:none;width:46px;height:46px;position:relative}.ring svg{transform:rotate(-90deg)}.ring-num{color:var(--brown);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute;inset:0}.credit-strong{color:var(--ink);font-size:14.5px;font-weight:700;line-height:1.2}.credit-sub{color:var(--muted);font-size:12px}.credit-link{cursor:pointer;font-family:var(--sans);color:var(--amber-deep);background:0 0;border:none;align-self:flex-start;margin-top:10px;font-size:13px;font-weight:600;transition:color .16s}.credit-link:hover{color:var(--brown)}.btn-amber{cursor:pointer;color:#fff;background:linear-gradient(180deg, var(--amber), var(--amber-deep));font-family:var(--sans);border:none;border-radius:10px;padding:14px 26px;font-size:15px;font-weight:600;transition:transform .14s,box-shadow .18s;box-shadow:0 6px 16px #d4a8534d,inset 0 1px #ffffff40}.btn-amber:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 24px #d4a8535c}.btn-amber:disabled{opacity:.45;cursor:default}.btn-ghost{cursor:pointer;color:var(--brown);font-family:var(--sans);background:#fff;border:1px solid #6b422647;border-radius:10px;padding:13px 22px;font-size:14.5px;font-weight:600;transition:background .16s,border-color .16s}.btn-ghost:hover{border-color:var(--brown);background:#fefcf8}.chip{white-space:nowrap;border-radius:8px;padding:4px 9px;font-size:11.5px;font-weight:600}.chip-room{color:var(--brown);background:#6b422617}.chip-style{color:var(--amber-deep);background:#d4a85329}.fade-up{opacity:1}@media (prefers-reduced-motion:no-preference){.fade-up{animation:.5s cubic-bezier(.22,1,.36,1) fadeUp}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{box-shadow:0 0 0 5px #d4a85338}50%{box-shadow:0 0 0 9px #d4a8531a}}