:root{--color-bg:#efe3cd;--color-bg-gradient:radial-gradient(circle at 18% 12%, #f7edda 0%, #efe3cd 55%, #e7d9be 100%);--color-surface:#f5ead8;--color-card:#fffaf0;--color-text:#201e1d;--color-text-soft:#3f3226;--color-text-muted:#6b5540;--color-text-mutedder:#7a6249;--color-text-faint:#96806a;--color-text-faintest:#a08a70;--color-accent:#c67139;--color-accent-hover:#b86630;--color-accent-press:#a2582b;--color-accent-soft:#a37a4e;--color-accent-2:#7a8a5e;--color-accent-2-hover:#6b7a51;--color-accent-2-press:#5f6c48;--color-border:#e0cdaa;--color-border-soft:#e3d2b3;--color-border-dash:#c9a87f;--color-border-dash-2:#d9c4a1;--color-hairline:#e6d6b8;--color-nav-ring:#e8dabd;--color-tag-bg:#e6dcc2;--color-avatar-bg:#f0e2c8;--color-avatar-bg-2:#efe1c6;--color-overlay:#3c28166b;--font-heading:"Caprasimo", serif;--font-body:"Figtree", system-ui, sans-serif;--font-script:"Ma Shan Zheng", cursive;--shadow-card:0 4px 0 #a0825a2e, 0 10px 22px -14px #5a3a1c80;--shadow-nav:0 8px 24px -8px #5a3a1c80, 0 0 0 2px var(--color-nav-ring);--shadow-sheet:0 -12px 30px -14px #5a3a1c99;--shadow-btn-accent:0 5px 0 var(--color-accent-press);--shadow-btn-accent-2:0 4px 0 var(--color-accent-2-press)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);background-image:var(--color-bg-gradient);font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;background-attachment:fixed}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}button,input{font-family:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:0;height:0}.scr{scrollbar-width:none;overflow-y:auto}.shell{background:var(--color-surface);flex-direction:column;max-width:440px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.shell:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#a0825a24 1px,#0000 1px);background-size:5px 5px;position:absolute;inset:0}@media (width>=480px){.shell{border-radius:40px;min-height:calc(100dvh - 56px);margin-top:28px;margin-bottom:28px;box-shadow:0 30px 60px -18px #5a3a1c6b,0 0 0 10px #dccfb4,0 0 0 12px #c9b894}}@keyframes pop{0%{opacity:0;transform:scale(.86)}60%{transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes riseIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
