.room-controls{z-index:30;color:#fff;font:12px/1.5 var(--font-mono);pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;inset:auto 24px 24px}.room-controls button,.room-controls input,.room-controls label{pointer-events:auto}.room-controls button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#000;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.room-controls button:hover:not(:disabled){color:#000;background:#fff}.room-controls button:focus-visible,.room-note button:focus-visible{outline-offset:3px;outline:2px solid #fff}.room-controls button:disabled{color:#999;cursor:default}.room-status-line{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.room-feedback,.room-hover-label{background:#000;margin:0;padding:5px 10px}.room-hover-label{color:#c1c1c1}.room-actions{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.room-actions .room-exit{border-color:#777}.room-mug-controls{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:4px;max-width:900px;display:flex}.room-mug-level{font-variant-numeric:tabular-nums;background:#000;flex-direction:column;justify-content:center;gap:5px;width:112px;padding:7px 13px;display:flex}.room-mug-meter{background:#555;width:100%;height:3px}.room-mug-meter>span{background:#fff;height:100%;display:block}.room-targets{background:#000;border:0;align-items:center;min-width:0;margin:0;padding:0;display:flex}.room-targets legend{float:left;color:#aaa;padding:0 12px;line-height:44px}.room-targets label{cursor:pointer;position:relative}.room-targets input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.room-targets label>span{border:1px solid #000;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 14px;display:flex}.room-targets input:checked+span{color:#000;background:#fff}.room-targets input:focus-visible+span{outline-offset:3px;z-index:1;outline:2px solid #fff;position:relative}.room-targets input:hover:not(:checked)+span{background:#303030}.room-mug-controls .room-pour-button{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:1px solid #fff;min-width:138px}.room-mug-controls .room-pour-button.is-pouring{color:#000;background:#fff}.room-pour-help{text-align:center;color:#d5d5d5;background:#000;flex-basis:100%;padding:3px 8px;font-size:11px}.room-power-status{color:#fff;background:#000;margin:0;padding:5px 10px}.room-note-backdrop{z-index:90;pointer-events:auto;background:#0009;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.room-note{color:#24211b;background:#eee9db;width:min(490px,100%);max-height:calc(100dvh - 48px);padding:48px 42px 34px;position:relative;overflow-y:auto;box-shadow:5px 7px #0003}.room-note-index{font:11px/1.4 var(--font-mono);letter-spacing:.09em}.room-note h2{margin:23px 0;font-size:clamp(24px,4vw,31px);font-weight:500;line-height:1.2}.room-note p{margin:0 0 18px;font-size:17px;line-height:1.55}.room-note code{background:#2920120c;padding:1px 4px;font-size:.86em}.room-note .room-note-postscript{font:12px/1.6 var(--font-mono);margin-top:30px}.room-note button{color:inherit;cursor:pointer;background:0 0;min-height:44px}.room-note .room-note-close{place-items:center;width:44px;display:grid;position:absolute;top:10px;right:10px}.room-note button:focus-visible{outline-color:#24211b}.room-note button:hover{background:#24211b12}.room-note .room-note-done{width:100%;font:12px var(--font-mono);border-top:1px solid #24211b40;justify-content:space-between;align-items:center;padding:12px 0 0;display:flex}@media (max-width:700px){.room-controls{inset:auto 10px max(12px, env(safe-area-inset-bottom));gap:4px;font-size:10px}.room-controls button{padding:8px 10px}.room-feedback{text-align:center;max-width:100%}.room-hover-label{display:none}.room-actions,.room-mug-controls{gap:3px;max-width:450px}.room-mug-level{width:81px;padding:7px 9px}.room-targets legend{padding:0 9px}.room-targets label>span{padding:8px 11px}.room-pour-help{font-size:9px}.room-mug-controls .room-pour-button,.room-mug-controls>button:not(.room-pour-button){flex-grow:1}.room-power-status{text-align:center}.room-note{padding:42px 25px 22px}.room-note p{font-size:16px}}
.entry-shell{z-index:100;color:#fff;min-height:360px;font-family:var(--font-mono);background:#000;position:absolute;inset:0;overflow-y:auto}.entry-center{flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:90px 24px;display:flex}.entry-dialog{background:#000;border:6px solid #fff;width:max-content;max-width:100%;padding:24px;animation:.6s ease-out both entry-arrive}@keyframes entry-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}[data-reduced-motion=true] .entry-dialog,[data-motion-paused=true] .entry-dialog{animation:none}@media (prefers-reduced-motion:reduce){.entry-dialog{animation:none}}.entry-dialog h1,.entry-dialog p{font:400 16px/1.45 var(--font-mono);margin:0}.entry-dialog p+p{margin-top:14px}.entry-status{align-items:baseline;gap:10px;display:flex}.entry-start{color:#fff;min-height:44px;font:400 16px var(--font-mono);background:#000;border:3px solid #fff;margin:18px auto 0;padding:8px 10px;display:block}.entry-start:hover:not(:disabled){color:#000;background:#fff}.entry-start:focus-visible{outline-offset:6px;outline:2px solid #fff}.entry-start:disabled{opacity:.45}.entry-skip{color:#aaa;font:12px var(--font-mono);background:0 0;margin-top:22px;padding:9px 4px}.entry-skip:hover{color:#fff}.entry-footer{justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;bottom:28px;left:40px;right:40px}.entry-footer button{color:#b7b7b7;min-height:36px;font:12px var(--font-mono);background:0 0;justify-content:center;align-items:center;gap:9px;padding:8px 0;display:inline-flex}.entry-footer button:hover{color:#fff}.entry-preferences{align-items:center;gap:24px;display:flex}.entry-footer .entry-sound{width:36px}.entry-switch{border:1px solid #888;width:25px;height:14px;display:inline-block;position:relative}.entry-switch:after{content:"";background:#888;width:7px;height:8px;position:absolute;top:2px;left:2px}.entry-switch.is-on:after{background:#fff;left:14px}.entry-icon-button{color:#ddd;background:#ffffff0a;border-radius:4px;place-items:center;width:36px;height:36px;display:grid}.computer-info{z-index:20;color:#fff;font-family:var(--font-mono);flex-direction:column;align-items:flex-start;gap:4px;animation:.35s both computer-info-enter;display:flex;position:absolute;top:64px;left:64px}.computer-info h1,.computer-info p,.computer-info time{font:400 16px/1.35 var(--font-mono);background:#000;margin:0;padding:5px 16px}.computer-info-row{gap:4px;display:flex}.computer-info-row button{color:#fff;background:#000;place-items:center;width:34px;display:grid}.computer-info-row button:hover{background:#303030}.computer-info-row button[aria-pressed=true]{color:#000;background:#fff}.computer-navigation{z-index:20;max-width:calc(100% - 32px);font:14px var(--font-mono);justify-content:center;gap:6px;animation:.3s ease-out both computer-navigation-enter;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}@keyframes computer-navigation-enter{0%{opacity:0}to{opacity:1}}[data-motion-paused=true] .computer-navigation{animation:none}.computer-navigation button,.computer-instruction{color:#fff;white-space:nowrap;background:#000;justify-content:center;align-items:center;gap:10px;min-height:36px;padding:8px 14px;display:flex}.computer-navigation button:hover{color:#000;background:#fff}.computer-navigation button:disabled{color:#999;cursor:default;background:#111}.computer-navigation .computer-prompt{font-size:16px}[data-computer-view=monitor] .computer-navigation{bottom:16px}.computer-instruction{font-size:12px}.computer-cursor{background:currentColor;width:.7em;height:.12em;margin-left:3px;display:inline-block}@keyframes computer-info-enter{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:none}}@media (max-width:700px){.entry-dialog{border-width:4px;padding:20px 17px}.entry-dialog h1,.entry-dialog p{font-size:13px}.entry-start{font-size:14px}.entry-footer{gap:12px;bottom:18px;left:18px;right:18px}.entry-footer button{gap:6px;font-size:10px}.entry-preferences{gap:12px}.computer-info{top:24px;left:20px}.computer-info h1,.computer-info p,.computer-info time{padding:5px 10px;font-size:12px}.computer-navigation{flex-wrap:wrap;width:max-content;bottom:28px}.computer-navigation button{font-size:12px}.computer-navigation .computer-prompt{font-size:13px}.computer-instruction{width:100%;font-size:10px}}.entry-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03050ab3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.entry-info-dialog{background:#1a202b;border:1px solid #ffffff18;border-radius:15px;max-width:520px;max-height:85dvh;padding:34px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0008}.entry-info-close{position:absolute;top:14px;right:14px}.entry-info-dialog>.wave-mark{color:#98b8e8;width:36px;height:36px}.entry-info-dialog h2{margin:20px 0 12px;font-size:27px;font-weight:400}.entry-info-dialog h3{margin-top:24px;font-size:13px;font-weight:500}.entry-info-dialog p{color:#acb8cd;font-size:13px;line-height:1.7}.entry-info-dialog a{color:#c3d6f8;text-underline-offset:3px}.entry-info-dialog .entry-info-small{margin-top:23px;font-size:10px}.entry-info-keys{color:#d7dfed;border-block:1px solid #ffffff0e;flex-direction:column;gap:9px;margin-top:12px;padding:18px 0;font-size:12px;display:flex}kbd{font-family:var(--font-mono);color:#b8c6dc;border:1px solid #ffffff2a;border-radius:4px;padding:2px 5px;font-size:.8em}.boot-screen{background:#0a0f1c;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.boot-screen>.wave-mark{color:#a9c9ff;width:68px;height:68px;margin-bottom:24px}.boot-brand{letter-spacing:-1px;font-size:34px;font-weight:500}.boot-brand>span{font-weight:200}.boot-progress{background:#ffffff16;width:140px;height:2px;margin-top:45px}.boot-progress>span{background:#a9c9ff;height:100%;transition:width .32s;display:block}.boot-screen p{font:10px var(--font-mono);color:#8f9db5;margin-top:16px}.boot-screen small{font:9px var(--font-mono);letter-spacing:.18em;color:#6d7c98;position:absolute;bottom:36px}