:root{--page-bg: #0f1112;--paper-bg: #f4ecd6;--paper-rule: #eadfbe;--paper-ink: #2b251a;--lcd-bg: #c5cfa0;--lcd-ink: #252918;--key-glow: #f0cf63}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 45% 18%,rgba(86,91,98,.24),transparent 34rem),linear-gradient(180deg,#17191a 0%,var(--page-bg) 100%);color:#ddd;font-family:ui-sans-serif,system-ui,sans-serif;padding:clamp(12px,2vw,28px)}#app{width:min(100%,1760px);margin:0 auto;transition:width .18s ease}.app-shell.mode-single{width:min(100%,1180px)}.app-nav{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;margin:0 0 14px;color:#dcd5c5}.brand{color:#f1e8d8;font-size:14px;font-weight:700;letter-spacing:.03em}.nav-actions{display:flex;align-items:center;gap:12px}.mode-switch{display:flex;align-items:center;padding:2px;border:1px solid rgba(255,255,255,.11);border-radius:7px;background:#0c0d0d85}.mode-button,.manual-link,.repo-link,.credit-link,.modem-sound{border:1px solid transparent;border-radius:6px;color:#d9d0bf;font:700 11px/1 ui-sans-serif,system-ui,sans-serif;text-decoration:none}.mode-button{min-width:62px;background:transparent;padding:7px 10px;cursor:pointer}.mode-button.active{color:#fff3ba;background:#f0cf631f;border-color:#f0cf6370}.manual-link,.repo-link,.credit-link{padding:8px 10px}.mode-button:hover,.mode-button:focus-visible,.manual-link:hover,.manual-link:focus-visible,.repo-link:hover,.repo-link:focus-visible,.credit-link:hover,.credit-link:focus-visible{color:#fff1c4;outline:none}.credit-link{color:#c8bda9}.modem-status{color:#9f9789;font:12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.modem-sound{min-width:74px;background:#1a1c1cb8;padding:8px 10px;cursor:pointer}.modem-sound:hover,.modem-sound:focus-visible{border-color:#f0cf6394;outline:none}.modem-sound.active{color:#fff2b8;border-color:#f0cf63b8;box-shadow:0 0 14px #f0cf6329}.machines-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,30px);transition:grid-template-columns .18s ease}.mode-single .machines-grid{grid-template-columns:minmax(0,1fr)}.mode-single .machine-station:not([data-machine-id=single]),.mode-transmission .machine-station[data-machine-id=single]{display:none}.machine-station{display:grid;grid-template-columns:minmax(168px,.34fr) minmax(0,1fr);grid-template-areas:"label label" "paper device";align-items:start;gap:8px 12px;min-width:0}.mode-transmission .machine-station{grid-template-columns:1fr;grid-template-areas:"label" "device" "paper"}.machine-label{grid-area:label;margin:0 0 8px;color:#f0e9d9;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.photo-device{grid-area:device;position:relative;justify-self:end;width:min(100%,calc((100svh - 116px) * 2063 / 1393));aspect-ratio:2063 / 1393;background:url(/px-1000/assets/px-1000-D4lEisXZ.png) center / 100% 100% no-repeat;filter:drop-shadow(0 28px 44px rgba(0,0,0,.42));overflow:hidden;isolation:isolate}.mode-transmission .photo-device{justify-self:center;width:min(100%,calc((100svh - 210px) * 2063 / 1393))}.photo-device.active-machine{filter:drop-shadow(0 0 0 rgba(240,207,99,.1)) drop-shadow(0 28px 44px rgba(0,0,0,.42))}.photo-device.active-machine:after{content:"";position:absolute;top:1.2%;right:1.2%;bottom:1.2%;left:1.2%;border:2px solid rgba(240,207,99,.55);border-radius:10px;pointer-events:none;opacity:.72}.photo-device.powered-off .lcd-frame{background:#22271c;border-color:#0b0c08a3;box-shadow:0 2px 5px #0000004d inset,0 0 8px #0000002e}.photo-device.powered-off .lcd-canvas,.photo-device.powered-off .indicator-row{opacity:0}.photo-device.powered-off .key:not([data-id=on_stop]){cursor:default}.photo-device.powered-off .key[data-id=on_stop]:before{opacity:.24}.photo-device.powered-off .key[data-id=on_stop]:hover:before,.photo-device.powered-off .key[data-id=on_stop]:focus-visible:before{opacity:.72}.lcd-frame{position:absolute;left:23.1%;top:8.55%;width:63.9%;height:6.25%;padding:0;background:var(--lcd-bg);border:1px solid rgba(34,30,18,.55);border-radius:.18vw;box-shadow:0 1px 2px #ffffff2e inset,0 -2px 4px #31371d47 inset,0 0 12px #96a45f2e;overflow:hidden}.lcd-canvas{display:block;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;image-rendering:pixelated;filter:contrast(.98) saturate(.9)}.indicator-row{position:absolute;z-index:3;top:0;left:0;right:0;height:47%;display:block;pointer-events:none;color:#252918b3;font:700 clamp(6px,.58vw,10px)/1 ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;overflow:hidden;mix-blend-mode:multiply}.indicator-label{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;opacity:.2;transition:opacity .12s ease}.indicator-label[data-indicator-id=phone]{width:clamp(24px,1.8vw,34px);height:clamp(10px,.76vw,16px);transform:translate(calc(-50% + 10px),-50%)}.phone-icon{display:block;width:100%;height:100%;object-fit:contain;opacity:.86;mix-blend-mode:multiply;pointer-events:none}.phone-signal-dots{position:absolute;left:calc(100% + clamp(2px,.16vw,4px));top:50%;display:flex;gap:clamp(1px,.08vw,2px);transform:translateY(-50%)}.phone-signal-dot{width:clamp(2px,.16vw,3px);height:clamp(2px,.16vw,3px);background:currentColor;opacity:0}.phone-signal-dot.on{opacity:1}.indicator-label.on{opacity:.78}.mode-transmission .indicator-row{font-size:clamp(5px,.42vw,8px)}.mode-transmission .indicator-label[data-indicator-id=phone]{width:clamp(17px,1.2vw,24px);height:clamp(7px,.5vw,11px)}.mode-transmission .phone-signal-dot{width:clamp(1px,.12vw,2px);height:clamp(1px,.12vw,2px)}.keyboard{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;pointer-events:none}.kb-row{display:contents}.key{position:absolute;min-width:0;height:auto;padding:0;border:0;border-radius:8%/14%;background:transparent;color:transparent;cursor:pointer;outline:none;user-select:none;-webkit-user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;pointer-events:auto}.key span{display:none}.key:before{content:"";position:absolute;top:4%;right:3%;bottom:4%;left:3%;border-radius:inherit;border:2px solid rgba(255,233,135,.92);background:radial-gradient(circle at 50% 42%,rgba(255,242,157,.36),rgba(240,207,99,.08) 66%,transparent 100%);box-shadow:0 0 14px #f0cf6394,0 0 2px #ffffffa6 inset;opacity:0;transform:translateY(0) scale(1);transition:opacity 80ms ease,transform 80ms ease,box-shadow 80ms ease}.key:hover:before{opacity:.2}.key:focus-visible:before{opacity:.72;border-color:#fffff5fa}.key:active:before,.key.pressed:before{opacity:.92;transform:translateY(2%) scale(.982);box-shadow:0 0 18px #f0cf63cc,0 0 5px #ffffffb3 inset}.key.latched:before,.key.latched:hover:before,.key.latched:active:before,.key.latched.pressed:before,.key.latched:focus:before{opacity:.8;border-color:#ffed92fa;background:#f0cf633d;box-shadow:0 0 18px #f0cf63b8,0 0 5px #ffffff8c inset}.calibrating .key:before{opacity:.26}.calibrating .lcd-frame{outline:1px dashed rgba(255,233,135,.9);outline-offset:2px}.calibrating .key:before{border-style:dashed;background:#f0cf631a;box-shadow:0 0 8px #f0cf6357}.calibrating .key:hover:before,.calibrating .key.calibration-selected:before{opacity:.9}.calibrating .lcd-frame.calibration-selected{outline:2px solid rgba(255,255,235,.98);outline-offset:3px;box-shadow:0 1px 2px #ffffff2e inset,0 -2px 4px #31371d47 inset,0 0 18px #f0cf63c7}.calibrating .calibration-selected:after{content:"";position:absolute;right:-4px;bottom:-4px;width:12px;height:12px;border-radius:2px;background:#fff5a8;border:1px solid rgba(38,33,20,.85);box-shadow:0 2px 8px #00000073}.status{position:absolute;left:5.4%;right:5.4%;bottom:2.7%;display:flex;justify-content:space-between;gap:14px;color:#e2dac2b8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(8px,.74vw,12px);line-height:1.2;letter-spacing:0;text-shadow:0 1px 2px rgba(0,0,0,.75);pointer-events:none}.status .right{opacity:.78}.calibration-toggle{position:fixed;right:16px;top:16px;z-index:30;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#141516db;color:#ece7d8;font:600 12px/1 ui-sans-serif,system-ui,sans-serif;padding:9px 12px;box-shadow:0 12px 24px #00000052;cursor:pointer}.calibration-toggle.active{border-color:#f0cf63bf;color:#fff5b8}.calibration-panel{position:fixed;right:16px;top:58px;z-index:30;width:min(310px,calc(100vw - 32px));display:none;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#111213f0;color:#ebe4d1;box-shadow:0 18px 38px #0000006b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.calibration-panel.open{display:grid}.calibration-title{font-size:12px;font-weight:700;letter-spacing:.03em}.calibration-select,.calibration-grid input{width:100%;border:1px solid rgba(255,255,255,.13);border-radius:5px;background:#0c0d0e;color:#f3ead7;font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.calibration-select{padding:7px 8px}.calibration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.calibration-grid label{display:grid;gap:4px;color:#a99f8b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.calibration-grid input{padding:7px 8px}.calibration-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.calibration-actions button{border:1px solid rgba(255,255,255,.12);border-radius:5px;background:#242526;color:#ede6d4;font:600 11px/1 ui-sans-serif,system-ui,sans-serif;padding:8px 9px;cursor:pointer}.calibration-actions button:hover,.calibration-toggle:hover{border-color:#f0cf639e}.calibration-hint,.calibration-status{min-height:14px;color:#9d9483;font-size:11px;line-height:1.35}.calibration-status{color:#fff0a8}.paper-wrap{grid-area:paper;align-self:stretch;margin-top:0;background:#1a1817;border:1px solid #0a0908;border-radius:6px;box-shadow:0 18px 34px #00000061;overflow:hidden;width:100%}.paper-header{color:#938a7b;background:#0e0d0c;border-bottom:1px solid #0a0908;font-size:10px;letter-spacing:.15em;padding:7px 12px}.paper{min-height:208px;max-height:calc(100svh - 150px);overflow-y:auto;padding:10px 14px 18px;background:repeating-linear-gradient(to bottom,var(--paper-bg) 0px,var(--paper-bg) 18px,var(--paper-rule) 18px,var(--paper-rule) 19px);color:var(--paper-ink);font-family:ui-monospace,Courier New,monospace;font-size:12px;line-height:18px;letter-spacing:.4px;white-space:pre}.mode-transmission .paper{min-height:96px;max-height:150px}.paper-line{white-space:pre}@media(max-width:1040px){body{padding-inline:clamp(8px,2vw,18px)}.app-nav{grid-template-columns:1fr;gap:8px}.nav-actions{flex-wrap:wrap;justify-content:space-between}.machines-grid{grid-template-columns:1fr}.machine-station{grid-template-columns:1fr;grid-template-areas:"label" "device" "paper"}.photo-device,.paper-wrap{justify-self:center;width:min(100%,980px)}.paper{max-height:240px}}