:root{--bg: #ffffff;--fg: #000000;--dim: #5c5c5c;--line: #d9d9d9;--panel: #f5f5f5;--press: #ebebeb;--invert-bg: #000000;--invert-fg: #ffffff;--bar-inset: calc(64px + env(safe-area-inset-bottom)) ;--top-inset: env(safe-area-inset-top)}:root[data-theme=dark]{--bg: #000000;--fg: #ffffff;--dim: #9a9a9a;--line: #2a2a2a;--panel: #101010;--press: #1c1c1c;--invert-bg: #ffffff;--invert-fg: #000000}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}@supports (height: 100dvh){html,body,#root{height:100dvh}}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}button,input{touch-action:manipulation}button{font:inherit;color:var(--fg);background:var(--bg);border:1.5px solid var(--fg);border-radius:14px;cursor:pointer;min-height:48px;padding:0 16px;font-weight:700}button:active{background:var(--press);transform:scale(.985)}button.primary{background:var(--invert-bg);color:var(--invert-fg);border-color:var(--invert-bg)}button.quiet{border-color:var(--line);font-weight:600}button:disabled{opacity:.35}input{font:inherit;color:var(--fg);background:var(--panel);border:1.5px solid var(--line);border-radius:14px;min-height:48px;padding:0 14px;width:100%;outline:none}input:focus{border-color:var(--fg)}.wordmark{font-weight:900;letter-spacing:.06em}.dim{color:var(--dim)}.mono{font-variant-numeric:tabular-nums}.frame{height:100%;display:flex;flex-direction:column}.frame-head{padding:calc(var(--top-inset) + 10px) 18px 10px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);flex-shrink:0}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px 16px calc(var(--bar-inset) + 16px)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;align-items:stretch;padding:6px 8px calc(env(safe-area-inset-bottom,0px) + 6px);background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid var(--line)}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;border:none;background:none;min-height:50px;padding:4px 0;font-size:10.5px;font-weight:700;color:var(--dim)}.tabbar button:active{transform:none;background:none}.tabbar button.on{color:var(--fg)}.tabbar svg{width:24px;height:24px}.card{border:1.5px solid var(--line);border-radius:16px;padding:14px;background:var(--panel);margin-bottom:10px}.chip{display:inline-block;border:1.5px solid var(--line);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:900;letter-spacing:.1em;color:var(--dim)}.chip.solid{background:var(--invert-bg);color:var(--invert-fg);border-color:var(--invert-bg)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg);display:flex;flex-direction:column;padding:calc(var(--top-inset) + 12px) 16px calc(env(safe-area-inset-bottom) + 12px)}.fab{position:fixed;right:18px;bottom:calc(var(--bar-inset) + 14px);z-index:25;min-height:56px;border-radius:999px;padding:0 22px;font-size:15px;font-weight:800;box-shadow:0 6px 24px #00000059}