:root{--paper:#f7f5f0;--paper-2:#efece4;--paper-3:#e6e2d8;--ink-1:#1a1815;--ink-2:#34302b;--ink-3:#5a554d;--ink-4:#8a857c;--ink-5:#b8b3a8;--ink-6:#d6d2c7;--ear-blue:#7bc9d9;--tongue-teal:#4a9ba8;--soft-jade:rgba(74,155,168,.12);--ok:#6a8a6a;--err:#a85a4a;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;--sans:"Noto Sans SC","Source Han Sans SC","PingFang SC",system-ui,sans-serif;--mono:"JetBrains Mono","SF Mono",ui-monospace,monospace;--fs-display:56px;--fs-h1:32px;--fs-h2:22px;--fs-body:15px;--fs-cap:12px;--fs-mono:11px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:48px;--sp-9:64px;--sp-10:96px;--r-sm:4px;--r-md:8px;--r-lg:14px;--r-xl:22px;--ease:cubic-bezier(.22,.61,.36,1);--d-1:240ms;--d-2:380ms;--d-3:600ms;--d-4:900ms}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--sans);color:var(--ink-1);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.serif{font-family:var(--serif);font-weight:400}.mono{font-family:var(--mono)}.hairline{border:0;border-top:1px solid var(--ink-6)}.paper-grain{position:relative;background-color:var(--paper)}.paper-grain:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.025) 1px,transparent 0),radial-gradient(rgba(0,0,0,.018) 1px,transparent 0);background-size:3px 3px,7px 7px;background-position:0 0,1px 2px;opacity:.55;mix-blend-mode:multiply}@keyframes inkDrift{0%{transform:translate(0) scale(1)}to{transform:translate(20px,-15px) scale(1.08)}}@keyframes inkSpread{0%{transform:scale(.2);opacity:0}40%{opacity:.5}to{transform:scale(2.6);opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ink-spread{top:50%;width:180px;height:180px;transform:translate(-50%,-50%) scale(.2);background:radial-gradient(closest-side,var(--ink-1),transparent 70%);animation:inkSpread 3.4s var(--ease) forwards;opacity:0}.ink-drop,.ink-spread{position:absolute;left:50%;border-radius:50%}.ink-drop{bottom:0;width:6px;height:6px;background:var(--ink-1);transform:translate(-50%);animation:inkSpread .9s var(--ease) forwards}.opt:hover{background:var(--paper-2)}.soft-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px -16px rgba(0,0,0,.4)}.screen{animation:fadeIn .5s var(--ease)}.app-frame{max-width:460px;margin:0 auto;min-height:100vh;position:relative;background:var(--paper);box-shadow:0 0 60px -10px rgba(0,0,0,.08)}@media (min-width:768px){body{background:#14130f}.app-frame{margin:24px auto;min-height:calc(100vh - 48px);border-radius:4px;overflow:hidden}}