*{box-sizing:border-box}html,body{height:100%;font-family:var(--font-sans);font-feature-settings:"tnum" 1, "cv11" 1;color:var(--ink-1);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0}#root{height:100%}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1, "zero" 1}.f360-app{background:var(--bg);width:100%;height:100%;color:var(--ink-1);flex-direction:column;font-size:13px;line-height:1.5;display:flex;overflow:hidden}.btn{height:var(--touch-target);border:1px solid var(--line);background:var(--bg-elev);border-radius:var(--radius-sm);font:inherit;color:var(--ink-1);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);align-items:center;gap:6px;padding:0 12px;font-size:12px;display:inline-flex}.btn:hover{background:var(--bg-sunken)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--bg-sunken)}.btn:disabled{opacity:.55;cursor:not-allowed}.kbd{font-family:var(--font-mono);border:1px solid var(--line);color:var(--ink-3);background:var(--bg-elev);border-radius:3px;padding:1px 5px;font-size:10px}.pill{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);border:1px solid var(--line);background:var(--bg-elev);border-radius:3px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;display:inline-flex}.divider{background:var(--line);height:1px}.vdivider{background:var(--line);align-self:stretch;width:1px}.seg{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev);display:inline-flex;overflow:hidden}.seg button{appearance:none;height:28px;font:inherit;color:var(--ink-2);cursor:pointer;border:0;border-right:1px solid var(--line);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;padding:0 12px;font-size:12px}.seg button:last-child{border-right:0}.seg button.active{background:var(--ink-1);color:#fff}.seg button:not(.active):hover{background:var(--bg-sunken)}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:500}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.scroll::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 2px var(--accent-soft);outline:0;border-color:var(--accent)!important}.seg button:focus-visible{outline-offset:-2px}