:root{--lcd-1:#f8a85a;--lcd-2:#ec7c2c;--ink:#2b1306;--ink-soft:#2b130673;--pixel:"VT323", ui-monospace, "Courier New", monospace;--fs-status:clamp(1.25rem, 1rem + 1vw, 1.9rem);--fs-body:clamp(1.75rem, 1.3rem + 1.6vw, 2.8rem);--fs-title:clamp(1.9rem, 1.4rem + 1.8vw, 3rem);--fs-item:clamp(2.1rem, 1.5rem + 2.2vw, 3.6rem);--fs-clock:clamp(6rem, 3rem + 10vw, 13rem);--fs-soft:clamp(1.9rem, 1.4rem + 1.6vw, 2.8rem);--px:clamp(3px, .25rem, 5px)}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--lcd-2);color:var(--ink);font-family:var(--pixel);-webkit-font-smoothing:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}.lcd{background:radial-gradient(120% 90% at 30% 10%, var(--lcd-1), var(--lcd-2));height:100%;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;transition:filter .4s;display:flex;position:relative;overflow:hidden}.lcd:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#2b13060d 0 1px,#0000 1px 3px),repeating-linear-gradient(90deg,#2b13060a 0 1px,#0000 1px 3px);position:absolute;inset:0}.lcd.dim{filter:brightness(.55)saturate(.5)}.frame{flex-direction:column;flex:1;width:100%;max-width:860px;min-height:0;margin:0 auto;display:flex}:focus-visible{outline:3px dashed var(--ink);outline-offset:3px}.status{font-size:var(--fs-status);justify-content:space-between;align-items:flex-end;gap:10px;padding:10px 14px 6px;line-height:1;display:flex}.signal{all:unset;cursor:pointer;align-items:flex-end;gap:.12em;margin:-.15em;padding:.15em;display:flex}.signal:focus-visible{outline:3px dashed var(--ink);outline-offset:2px}.signal svg{width:.5em;height:.9em;margin-right:.15em}.signal i{background:var(--ink);width:.2em;display:block}.signal i.off{box-shadow:inset 0 0 0 1px var(--ink-soft);background:0 0}.signal .x{margin-left:.2em;font-style:normal}.env{all:unset;cursor:pointer;align-items:center;gap:.2em;margin:-.15em;padding:.15em;display:flex}.env svg{width:1em;height:.72em}.env:focus-visible{outline:3px dashed var(--ink);outline-offset:2px}.batt{all:unset;cursor:pointer;align-items:center;margin:-.15em;padding:.15em;display:flex}.batt:focus-visible{outline:3px dashed var(--ink);outline-offset:2px}.batt.empty .cell{animation:1s step-end infinite blink}.batt .cell{border:2px solid var(--ink);width:1.7em;height:.8em;padding:2px;display:block;position:relative}.batt .cell:after{content:"";background:var(--ink);width:.2em;height:.3em;position:absolute;top:.15em;right:-.3em}.batt .cell i{background:repeating-linear-gradient(90deg, var(--ink) 0 .3em, transparent .3em .4em);height:100%;transition:width .3s steps(4,end);display:block}.screen{flex:1;position:relative;overflow:hidden}.view{flex-direction:column;display:none;position:absolute;inset:0}.view.on{display:flex}.boot{text-align:center;justify-content:center;align-items:center;gap:6px;padding:0 16px}.boot .who{font-size:var(--fs-title);margin:0;line-height:1}.boot .role{font-size:var(--fs-body);margin:0}.boot .logo{shape-rendering:crispedges;width:min(82vw,460px);height:auto;margin-bottom:.5em;display:block}.boot .logo rect{fill:var(--ink);opacity:.14}.boot .logo rect.lit{opacity:1}.boot .pct{font-size:var(--fs-status);color:var(--ink-soft);margin:.6em 0 0}.home{text-align:center;align-items:center;padding:12px 20px 8px}.operator{font-size:var(--fs-title);margin:8px 0 0}.clock{font-size:var(--fs-clock);letter-spacing:2px;margin:4px 0 0;line-height:.85}.date{font-size:var(--fs-body);text-transform:capitalize;margin:0}.phrase{max-width:26ch;font-size:var(--fs-body);border-top:var(--px) dotted var(--ink);margin:auto 0 0;padding:.4em .5em;line-height:1.05}.caret{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.titlebar{font-weight:400;font-size:var(--fs-title);background:var(--ink);color:var(--lcd-1);justify-content:space-between;align-items:baseline;margin:0;padding:2px 14px;display:flex}.titlebar small{font-size:.75em}.listwrap{flex:1;min-height:0;padding:8px 10px 6px 12px;display:flex}.list{scrollbar-width:none;flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.list::-webkit-scrollbar{display:none}.list button{all:unset;width:100%;font-size:var(--fs-item);cursor:pointer;box-sizing:border-box;align-items:baseline;gap:.55em;padding:.15em .4em;line-height:1;display:flex}.list .n{opacity:.7;min-width:1ch;font-size:.65em}.list li.sel button{background:var(--ink);color:var(--lcd-1)}.list li.sel .n{opacity:1}.scroll{background:repeating-linear-gradient(to bottom, var(--ink) 0 2px, transparent 2px 5px) center / 2px 100% no-repeat;width:10px;margin-left:10px;position:relative}.scroll i{background:var(--ink);height:18%;transition:top .1s steps(2,end);position:absolute;left:0;right:0}.pagebody{scrollbar-width:none;font-size:var(--fs-body);flex:1;line-height:1.05;overflow-y:auto}.pagebody::-webkit-scrollbar{display:none}.pagebody p{margin:0 0 .35em}.pagebody h2{border-bottom:var(--px) dotted var(--ink);margin:.5em 0 .15em;font-size:1.15em;font-weight:400}.pagebody h2:first-child{margin-top:0}.pagebody .meta{color:var(--ink-soft)}.pagebody a{color:inherit;text-underline-offset:.15em;text-decoration-thickness:2px}.tags{flex-wrap:wrap;gap:.3em;margin:.2em 0 0;padding:0;list-style:none;display:flex}.tags li{border:2px solid var(--ink);padding:0 .3em}.scroll.none{visibility:hidden}.popup{background:var(--lcd-1);border:var(--px) solid var(--ink);max-width:560px;box-shadow:6px 6px 0 var(--ink);z-index:2;margin:0 auto;position:absolute;top:12%;left:7%;right:7%}.popup[hidden]{display:none}.popup .ptitle{background:var(--ink);color:var(--lcd-1);font-size:var(--fs-title);margin:0;padding:2px 12px}.popup .pbody{font-size:var(--fs-body);margin:0;padding:.4em .6em .6em;line-height:1.05}.popup .pbody p{margin:0 0 .25em}.popup .art{shape-rendering:crispedges;width:100%;height:auto;max-height:36vh;margin:.1em 0 .3em;display:block}.popup .place{font-size:1.3em;line-height:1}.popup .mail{color:inherit;overflow-wrap:anywhere;text-underline-offset:.15em;text-decoration-thickness:2px}.toast{z-index:3;max-width:90%;font-size:var(--fs-body);white-space:nowrap;background:var(--ink);color:var(--lcd-1);box-shadow:0 0 0 var(--px) var(--lcd-1), 0 0 0 calc(var(--px) * 2) var(--ink);padding:.1em .6em;line-height:1.1;animation:.24s steps(3,end) toast-in;position:absolute;bottom:.5em;left:50%;transform:translate(-50%)}.toast[hidden]{display:none}@keyframes toast-in{0%{transform:translate(-50%,120%)}}.softkeys{justify-content:space-between;gap:14px;padding:8px 10px 12px;display:flex}.softkeys button{all:unset;text-align:center;min-width:38%;font-size:var(--fs-soft);background:var(--ink);color:var(--lcd-1);cursor:pointer;box-sizing:border-box;padding:.15em .4em;line-height:1}.softkeys button.empty{visibility:hidden}@media (width>=600px){.status{padding:18px 28px 10px}.listwrap{padding:16px 24px 10px 28px}.titlebar{padding:4px 28px}.softkeys{padding:12px 24px 24px}.softkeys button{min-width:30%}}.hint{display:none}@media (width>=1024px) and (hover:hover){.hint{text-align:center;font-size:var(--fs-status);color:var(--ink-soft);margin:0 0 10px;display:block}}@media (height<=480px) and (orientation:landscape){.clock{font-size:4.5rem}.operator{margin:0}}@media (prefers-reduced-motion:reduce){.caret{animation:none}.lcd,.scroll i,.batt .cell i{transition:none}.batt.empty .cell{animation:none}}