:root{color-scheme:light;background:#171b1e}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{display:flex;align-items:center;justify-content:center}canvas{display:block;flex:none;outline:none;cursor:none;touch-action:none}:fullscreen{background:#171b1e}.controls-hidden .breath-panel,.controls-hidden [data-control-ui]{display:none!important}.breath-panel{position:fixed;z-index:10;left:18px;bottom:18px;width:220px;max-width:calc(100vw - 36px);box-sizing:border-box;padding:14px 16px;color:#40494e;background:#f5f7f8e8;border:1px solid #c8ced2;border-radius:6px;font:12px/1.5 system-ui,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breath-panel summary{cursor:pointer;font-size:13px;letter-spacing:.08em}.breath-panel button{width:100%;margin-top:12px;padding:7px;cursor:pointer;color:#384249;background:#e4e8eb;border:1px solid #bfc7cd;border-radius:3px}.breath-panel button:disabled{cursor:default;opacity:.5}.breath-panel label{display:block;margin:9px 0}.breath-panel output{float:right;font-variant-numeric:tabular-nums}.breath-panel meter,.breath-panel input{display:block;width:100%;margin:4px 0 0;accent-color:#657680}.breath-panel meter{height:7px;background:#dbe0e3}.breath-panel meter::-webkit-meter-bar{background:#dbe0e3;border:0}.breath-panel meter::-webkit-meter-optimum-value{background:#657680}.breath-panel small{display:block;color:#6b757d;font-size:10px}.breath-status{min-height:18px;overflow-wrap:anywhere;margin:8px 0}.breath-panel{left:10px;bottom:10px;width:max-content;max-width:calc(100vw - 20px);padding:6px 9px;border-radius:4px;font-size:10px;line-height:1.3}.breath-panel summary{font-size:10px;letter-spacing:.03em}.breath-controls{display:flex;align-items:center;gap:10px;overflow-x:auto;max-width:calc(100vw - 40px);padding-top:5px}.breath-panel button{flex:0 0 auto;width:auto;margin:0;padding:5px 6px;font-size:10px;white-space:nowrap}.breath-panel label{flex:0 0 82px;margin:0;font-size:9px}.breath-panel input{height:12px;margin-top:2px}.breath-panel meter{height:5px;margin-top:3px}.breath-panel small{display:none}.breath-status{flex:0 0 105px;min-height:0;margin:0;font-size:9px;max-height:36px;overflow-y:auto}.marine-readout{position:fixed;z-index:5;color:#414e57;pointer-events:none;font-family:Cascadia Code,Consolas,monospace;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.04em;display:flex;flex-wrap:nowrap;width:max-content;gap:.4em}.marine-readout span{white-space:nowrap;animation:marine-tremor var(--tremor-duration) steps(1,end) infinite}.marine-readout span:nth-child(3n){animation-delay:-.07s}.marine-readout span:nth-child(3n+1){animation-delay:-.13s}@keyframes marine-tremor{0%,to{transform:translate(0)}20%{transform:translate(var(--tremor),calc(var(--tremor) * -.4))}45%{transform:translate(calc(var(--tremor) * -.6),calc(var(--tremor) * .5))}70%{transform:translate(calc(var(--tremor) * .3),calc(var(--tremor) * -.7))}}@media(prefers-reduced-motion:reduce){.marine-readout span{animation:none}}