:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;background:#101a21;color:#edf4ef}*{box-sizing:border-box}body{margin:0;padding: max(24px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}header,main{max-width:1050px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}small{color:#a6bbae;letter-spacing:3px;font-size:10px}h1{font-size:27px;margin:8px 0;font-weight:700}h1 span{font-weight:300}h2{font-size:23px;font-weight:500}.badge{border:1px solid #42524a;border-radius:30px;padding:9px 12px;font-size:12px;color:#b6d9bd}nav{display:flex;border-bottom:1px solid #354149;margin-bottom:26px;gap:8px}nav button{border:0;background:none;border-radius:0;padding:15px 22px;color:#9caeae}nav .selected{border-bottom:3px solid #c6f597;color:#c6f597}button,.button{display:inline-flex;align-items:center;justify-content:center;background:#23333c;border:1px solid #41525b;color:#f0f6f1;padding:12px 16px;border-radius:10px;font:inherit;font-size:14px;text-decoration:none;cursor:pointer;min-height:44px}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:#c6f597;color:#17251a;border-color:#c6f597;font-weight:650}.danger{background:#62352f;border-color:#a25e51}.heading,.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.heading{justify-content:space-between}#saveStatus{font-size:12px;color:#b8d79c}textarea{width:100%;height:310px;resize:vertical;background:#19272f;border:1px solid #3b4e56;border-radius:14px;color:#eff4f1;padding:22px;font:18px/1.9 inherit;font-size:18px;line-height:1.9;outline-color:#c6f597}#settings{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}label{font-size:13px;color:#bfcecd}input[type=range]{display:block;width:100%;accent-color:#c6f597;margin-top:12px}output{float:right;color:#c6f597}.muted{color:#99adaa;font-size:12px;line-height:1.9}#stage{height:55svh;min-height:280px;background:#080d11;border:1px solid #3d5057;border-radius:16px;margin:18px 0;position:relative;overflow:hidden;isolation:isolate}#camera{width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}#prompt{position:absolute;overflow:hidden;height:68%;background:rgba(8,14,18,.78);border-radius:10px;padding:12px;touch-action:none;cursor:move}#words{white-space:pre-wrap;overflow-wrap:anywhere;will-change:transform}.stageLabel{position:absolute;bottom:10px;left:12px;color:#d4dfdb;font-size:10px}#countdown{position:absolute;inset:0;display:grid;place-items:center;font-size:80px;color:#c6f597;pointer-events:none}.positions{margin-bottom:18px}.positions label{flex:1;min-width:130px}.controls{padding:14px;background:#19272f;border-radius:12px}#timer{font-variant-numeric:tabular-nums;color:#c6f597}#playback{max-height:60svh;width:100%;background:#080d11;border-radius:14px}#message{color:#f4d6a5;line-height:1.7;min-height:28px}footer{border-top:1px solid #34444b;margin-top:32px;padding-top:20px;font-size:10px;letter-spacing:1px;color:#8ca19e}footer button{margin-left:15px}pre{white-space:pre-wrap;overflow-wrap:anywhere}meter{width:80px}[hidden]{display:none!important}@media(max-width:650px){header{margin-bottom:16px}.badge{display:none}h1{font-size:25px}#settings{grid-template-columns:repeat(2,1fr)}nav button{flex:1;padding:12px 5px}h2{font-size:20px}.controls button{flex:1}textarea{height:260px}}@media(orientation:landscape) and (max-height:550px){header{display:none}nav{margin-bottom:8px}#stage{height:65svh}.muted{margin:6px 0}}