:root{--bg:#000;--fg:#b9b9b9;--hi:#fff;--lo:#555;--font:"VT323", ui-monospace, monospace}*{box-sizing:border-box;margin:0}html,body{background:var(--bg);color:var(--fg);font-family:var(--font);font-variant-ligatures:none;height:100%}.radio{height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));grid-template-rows:minmax(0,1fr);justify-items:center;display:grid}.frame{--line:20px;--font:22px;flex-direction:column;max-width:100%;height:100%;display:flex}.frame>.modeline{margin-top:auto}canvas{aspect-ratio:16/9;cursor:text;width:100%;display:block}.titlebar,.modeline,.echo{cursor:default;-webkit-user-select:none;user-select:none;height:var(--font);line-height:var(--font);font-size:var(--font);white-space:nowrap;flex-shrink:0;overflow:hidden}.booting .titlebar,.booting .modeline,.booting .echo{opacity:0}.titlebar{z-index:1;grid-template-columns:1fr auto;padding:0 8px;display:grid;position:relative}.tb-path{align-items:center;min-width:0;display:flex}.tb-title{font:inherit}.tb-left{color:var(--fg);white-space:pre}.tb-left,.tb-name,.tb-hint,#modeline,#echo-text{transform-origin:0;display:inline-block;transform:scaleX(1.35)}.tb-title{cursor:pointer;color:var(--hi);align-items:center;gap:.5em;display:flex}.tb-title a{color:inherit}.tb-title:hover{background:var(--lo)}.logo{aspect-ratio:100/48;flex-shrink:0;width:auto;height:.62em}.tb-name{margin-right:1.25em}.tb-hint{transform-origin:100%;color:var(--fg);white-space:pre;justify-self:end}.modeline{z-index:1;background:var(--fg);color:var(--bg);padding:0 8px;position:relative}.echo{color:var(--fg);cursor:default;padding:0 8px;display:flex;position:relative}.echo.prompting{cursor:text}.echo input{opacity:0;pointer-events:none;background:0 0;border:0;outline:none;width:100%;padding:0;font-size:16px;position:absolute;inset:0}.echo-link{white-space:pre;transform-origin:100%;flex-shrink:0;margin-left:auto;text-decoration:none;display:inline-block;transform:scaleX(1.35)}.echo-link a{text-decoration:none}.echo.prompting .echo-link{display:none}.vk{opacity:0;pointer-events:none;width:1px;height:1px;font-size:16px;position:fixed;bottom:0;left:0}.narrow .tb-path{overflow:hidden}.narrow .tb-left{text-overflow:ellipsis;overflow:hidden}@media (max-width:600px){.radio{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}}.echo.way{margin-top:calc(var(--line) + var(--font));margin-bottom:var(--font);overflow:visible}.frame .ui-btn,.frame .ui-link,.frame .ui-icon{height:var(--font);line-height:var(--font);vertical-align:top;display:inline-block}.embed .radio{padding:0}.embed,.embed body,.embed .radio{background:0 0}.embed .titlebar,.embed .modeline,.embed .echo,.embed .toast-host{display:none}
html{font-synthesis:none;font-weight:400}.ui-link,.ui-btn,.ui-opt{cursor:pointer;white-space:pre;outline:none}.ui-link,.ui-opt{color:var(--hi)}.ui-btn{--block:var(--hi);background:var(--block);color:var(--bg);box-sizing:content-box;margin-block:-1lh;padding-block:1lh;display:inline-block}.ui-link:hover,.ui-link:focus-visible,.ui-link.is-hover{background:var(--lo);color:var(--hi)}.ui-btn:hover,.ui-btn:focus-visible,.ui-btn.is-hover{--block:var(--fg);color:var(--bg)}.ui-link[aria-disabled=true]{color:var(--lo);cursor:default;background:0 0}.ui-btn[aria-disabled=true]{--block:var(--lo);color:var(--bg);cursor:default}.ui-btn[aria-busy=true]{cursor:progress}.ui-cursor{background:var(--fg);animation:ui-blink var(--blink-cycle,1.06s) steps(1) infinite}@keyframes ui-blink{50%{background:0 0}}.ui-input{white-space:pre;cursor:text;position:relative}.ui-input input{opacity:0;border:0;width:100%;padding:0;font-size:16px;position:absolute;inset:0}.ui-typed{color:var(--hi)}.ui-blanks{color:var(--lo)}.ui-input:hover .ui-field{background:var(--lo)}.ui-input:hover .ui-blanks{color:var(--bg)}.ui-line{transform-origin:0;white-space:pre;display:inline-block;transform:scaleX(1.35)}.ui-icon{white-space:pre}.ui-icon.err{background:var(--hi);color:var(--bg)}.ui-icon.warn{background:var(--lo);color:var(--hi)}.ui-surface{--bg:var(--inv-bg);--fg:var(--inv-fg);--hi:var(--inv-hi);--lo:var(--inv-lo);background:var(--bg);color:var(--fg);animation:ui-paint var(--paint,.16s) steps(8, end)}.ui-modal{max-width:34em;padding:.6em 1.2em .9em}.ui-modal-title{justify-content:space-between;margin-bottom:1.2em;display:flex}.ui-modal-actions{margin:calc(1.2em + var(--line,1lh)) 0 var(--line,1lh)}.ui-alert{justify-content:space-between;gap:1em;max-width:64ch;padding:.35em .8em;display:flex}.ui-pop{z-index:10;min-width:12em;padding:.4em .8em;position:fixed;overflow:hidden}.ui-pop-rows{max-height:10em;overflow:hidden auto}.ui-pop [role=option]{color:var(--fg)}.ui-pop [role=option][aria-selected=true]{color:var(--hi)}.ui-pop [role=option]:hover,.ui-pop [role=option]:focus-visible{background:var(--lo);color:var(--hi)}.ui-pop-search{margin-bottom:.6em}.ui-pop-count{margin-top:.4em}.ui-toast{font-size:var(--font);line-height:var(--font);height:calc(3 * var(--font));padding:var(--font) 1ch;margin-bottom:var(--font);white-space:nowrap;gap:2ch;width:fit-content;max-width:64ch;animation:none;display:flex}.ui-toast .ui-line,.ui-toast .ui-icon{height:var(--font);line-height:var(--font);vertical-align:top}@keyframes ui-paint{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.ui-surface{animation:none}}@media (pointer:coarse){.ui-link,.ui-btn{position:relative}.ui-link:after,.ui-btn:after{content:"";position:absolute;inset:-10px -4px}.ui-input input{width:calc(100% + 8px);inset:-10px -4px}}.ui-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.frame>.toast-host{margin-top:auto}.frame>.toast-host+.modeline{margin-top:0}.toast-host{height:0;position:relative}.toast-host>*{position:absolute;bottom:0;right:0}
