@tailwind base;@tailwind components;@tailwind utilities;:root{--bg:#f4f7f2;--surface:#fff;--surface-2:#edf2ea;--accent:#5c8b6e;--accent-soft:#eaf2ec;--ink:#2b3826;--ink-2:#6b7d67;--ink-3:#b4c5ae;--sep:#5c8b6e21;--danger:#c05a4a;--nav-bg:#f4f7f2eb;--tab-bg:#f4f7f2f5;--dark-bg:#141b12;--dark-paper:#f6f8f4;--reader-bg:#e5ece6;--safe-top:54px}@layer base{*,:before,:after{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#0d1209;font-family:-apple-system,PingFang SC,Noto Sans SC,system-ui,sans-serif}#root{height:100%}@media (width>=600px){#phone-shell{background:var(--bg);border-radius:52px;width:393px;height:852px;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #ffffff14,0 0 0 10px #00000073,0 60px 120px #000c}}@media (width<=599px){html,body{background:var(--bg)}#phone-shell{background:var(--bg);position:fixed;inset:0}:root{--safe-top:max(calc(env(safe-area-inset-top) * .5), 8px)}.device-chrome{display:none!important}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-touch-callout:none;touch-action:manipulation}}@layer components{.card-grain{border-radius:20px;position:relative;overflow:hidden}.card-grain:before{content:"";border-radius:inherit;filter:url(#grain);opacity:.07;mix-blend-mode:multiply;pointer-events:none;z-index:1;background:#1e2818;position:absolute;inset:0}.card-grain>*{z-index:2;position:relative}.ios-nav{background:var(--nav-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:.5px solid var(--sep);z-index:20;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex;position:sticky;top:0}.ios-tab-bar{background:var(--tab-bg);-webkit-backdrop-filter:blur(20px)saturate(1.4);border-top:.5px solid var(--sep);z-index:30;justify-content:space-around;align-items:flex-start;height:83px;padding-top:8px;padding-bottom:34px;display:flex;position:absolute;bottom:0;left:0;right:0}.content-area{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;position:absolute;inset:0 0 83px;overflow:hidden auto}.content-area::-webkit-scrollbar{display:none}.row-sep{background:var(--sep);height:.5px;margin-left:16px}.btn-accent{background:var(--accent);color:#fff;letter-spacing:.01em;border-radius:14px;width:100%;padding:14px;font-size:.9375rem;font-weight:600;transition:opacity .15s}.btn-accent:disabled{opacity:.38}.btn-accent:not(:disabled):active{opacity:.82}}@layer utilities{.font-serif{font-family:Noto Serif SC,Songti SC,serif}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}@keyframes breathe{0%,to{opacity:.4;transform:scale(.97)}50%{opacity:1;transform:scale(1)}}.breathe{animation:2s ease-in-out infinite breathe}@media (prefers-reduced-motion:reduce){.breathe{opacity:.7;animation:none}}