:root{--canvas: #eeefe9;--ink: #23251d;--primary: #f7a501;--hairline: #bfc1b7;--surface-soft: #e5e7e0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{display:flex;justify-content:center}.app-frame{width:100%;max-width:480px;min-height:100%;display:flex;flex-direction:column;background:var(--canvas);position:relative}button{font-family:inherit;border:none;background:none;cursor:pointer;padding:0;color:inherit}a{color:inherit;text-decoration:none}input{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--hairline);border-radius:9999px}::-webkit-scrollbar-track{background:transparent}@keyframes dsa-spin{to{transform:rotate(360deg)}}.dsa-spinner{width:28px;height:28px;border:3px solid var(--surface-soft);border-top-color:var(--primary);border-radius:9999px;animation:dsa-spin .8s linear infinite}