@font-face{font-family:JetBrains Mono;src:url('./fonts/jetbrains-mono.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;background:#000;color:#f5f5f7}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:var(--app-height,100%);overflow:hidden;overscroll-behavior:none}body{-webkit-tap-highlight-color:transparent}
#canvas-scroll{position:fixed;z-index:1;overflow-y:scroll;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;outline:none;background:transparent}#canvas-scroll::-webkit-scrollbar{display:none}#canvas-spacer{width:1px;pointer-events:none}
.action-sheet-scroll{position:fixed;z-index:3;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;background:transparent}.action-sheet-scroll::-webkit-scrollbar{display:none}
/* The v7 device report contains a sharp 3× bitmap, while the screenshot
   matches a 1× compositor copy enlarged afterward. Keep this canvas in its
   own layer. The black inset outline is intentional painted CSS content:
   it prevents WebKit's bitmap-only low-resolution backing-store shortcut.
   It sits on the existing black edge, outside all controls and text.
   Reference: https://github.com/WebKit/WebKit/pull/1405 */
#links-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;display:block;touch-action:none;transform:translateZ(0);outline:1px solid #000;outline-offset:-1px}
#native-fields{position:absolute;left:0;top:0;width:100%;z-index:3;pointer-events:none}
.sheet-native-fields{position:absolute;left:0;top:0;width:100%;pointer-events:none}
.native-field{position:absolute;display:block;box-sizing:border-box;margin:0;padding:12px 14px;border:0;border-radius:12px;outline:none;background:transparent;color:#f5f5f7;caret-color:#0a84ff;font:400 16px/24px 'JetBrains Mono',ui-monospace,monospace;resize:none;min-width:0;min-height:0;appearance:none;-webkit-appearance:none;pointer-events:auto;touch-action:auto;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default;overscroll-behavior:auto;scrollbar-width:thin}
.native-field::placeholder{color:#73737b;opacity:1}.native-field:disabled{opacity:.5}.native-field[type=search]::-webkit-search-cancel-button{display:none}
.picker-bridge{position:fixed;left:0;top:0;width:1px;height:1px;opacity:.01;pointer-events:none;border:0;padding:0;z-index:5;font-size:16px;color:transparent;background:transparent}
#canvas-a11y{position:fixed;inset:0;bottom:auto;height:var(--app-height,100%);pointer-events:none;z-index:4}[data-canvas-control]{position:absolute;opacity:0;pointer-events:none;appearance:none;min-width:0;min-height:0;padding:0;border:0;overflow:hidden;white-space:nowrap}
.visually-hidden{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
#safe-area{position:fixed;inset:0;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
/* Keep this CSS measurement independent of --app-height. Some installed iOS
   versions also omit a safe area here; displayHeight reconciles that case.
   Browser-tab sizing remains dynamic.
   https://bugs.webkit.org/show_bug.cgi?id=254868 */
@media (display-mode:standalone),(display-mode:fullscreen){#safe-area{height:100vh;bottom:auto}}
noscript{display:block;padding:40px 20px;font-size:16px;line-height:1.6}