:root{--green:#2f4a3c;--gold:#a9722b;--gold-soft:#c9a86a;--brand:#2f4a3c;--bg:#efe7d8;--card:#fbf7ee;--ink:#2a241c;--sub:#6d6252;--line:#d6c9ae;--wood-side:#8a6a3c;--wood-side-dark:#6b5330;--wood-board-hi:#e2c489;--wood-board-lo:#7f6034;--wood-edge:#4d3819;--shelf-back:#3d2f1c;--shelf-back-lo:#2e2415;--danger:#a8321f;--on-green:#ffffff;--on-green-sub:#cfd8d4;--board-hi:#c9a86a;--board-lo:#a2823f;--shadow:rgba(20,38,33,0.16);--tab-on:#1a1a18;--tab-off:#8a867e;--mood-shimijimi:#1e6f62;--mood-atatakai:#b07d12;--mood-dokidoki:#b8501f;--mood-zokuzoku:#5d3f96;--mood-wakuwaku:#b03b5c;--mood-kanashii:#3f5d92;--mood-manabi:#5f7326;--mood-fushigi:#23736f}html[data-yomidana-theme=yoru]{--green:#3f6a55;--gold:#d6b877;--brand:#7fb69b;--bg:#17150f;--card:#211d15;--ink:#ede6d6;--sub:#a89c86;--line:#3a3225;--wood-side:#5b4527;--wood-side-dark:#46351d;--wood-board-hi:#9c7b45;--wood-board-lo:#574021;--wood-edge:#33260f;--shelf-back:#251c10;--shelf-back-lo:#191308;--danger:#e8705c;--on-green:#ffffff;--on-green-sub:#b8c6c1;--board-hi:#6d5433;--board-lo:#4a3823;--shadow:rgba(0,0,0,0.5);--tab-on:#eef2f0;--tab-off:#79847f}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--ink);font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.7}body{min-height:100dvh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:var(--ink)}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:6px}.frame{max-width:640px;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 16px 0}@media (min-width:768px){.frame{padding:0 28px}}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.tabbar{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);padding:4px 0 calc(6px + env(safe-area-inset-bottom));z-index:20}.tabbar,.tabbar a{display:flex;justify-content:center}.tabbar a{flex:0 1 120px;min-height:52px;flex-direction:column;align-items:center;gap:4px;color:var(--tab-off);border-radius:12px}.tabbar a.on{color:var(--tab-on)}.tabbar svg{width:26px;height:26px;display:block}.tabbar a.on:after{content:"";display:block;width:22px;height:2.5px;border-radius:2px;background:currentColor}.tabbar a{position:relative}.tabbar .tabdot{position:absolute;top:9px;left:calc(50% + 9px);width:8px;height:8px;border-radius:4px;background:#c0553d}