:root{--bg: #ffffff;--fg: #000000;--accent: #000000}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--fg);overflow:hidden}#bg{position:fixed;inset:0;display:block}.ui-shell{position:fixed;inset-inline:0;top:0;padding:16px 24px;display:flex;flex-direction:column;gap:8px;z-index:10;pointer-events:auto;background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,.65),transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .25s ease,transform .25s ease}.ui-top-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.ui-brand{font-size:14px;letter-spacing:.12em;text-transform:uppercase}.ui-controls{display:flex;gap:8px}.ui-status{margin:0;font-size:13px;opacity:.65}button{border:1px solid #000;background:#fff;color:#000;padding:6px 12px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease,transform .1s ease,box-shadow .1s ease}button:hover{background:#000;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}button:active{transform:translateY(0);box-shadow:none}button[disabled],button[disabled]:hover{opacity:.45;cursor:default;transform:none;box-shadow:none}#focus-toggle[aria-pressed=true]{background:#000;color:#fff}body.focus-mode .ui-shell{opacity:0;transform:translateY(-18px);pointer-events:none}body.focus-mode.show-ui .ui-shell{opacity:1;transform:translateY(0);pointer-events:auto}