.ocean-film{position:absolute;inset:0;opacity:0;transition:opacity 5s ease;overflow:hidden;pointer-events:none}.ocean-real .ocean-film{opacity:1}.ocean-film .ocean-footage{transition:none}.rest-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid #6cdcff22;flex-shrink:0}.rest-controls label{display:flex;align-items:center;gap:12px;color:#9bb0c9;font:12px monospace}.rest-controls select{max-width:100%;border:1px solid #6cdcff44;border-radius:7px;background:#102035;color:#d7e7f6;padding:10px;font:14px monospace;min-height:44px;color-scheme:dark}.rest-controls select:focus-visible{outline:2px solid #6cdcff;outline-offset:3px}.rest-countdown{font:18px monospace;color:#a9d5ed;min-width:5ch;font-variant-numeric:tabular-nums}.rest-message{font:11px/1.5 monospace;color:#9bb0c9}.rest-shade{position:absolute;inset:0;z-index:4;background:#030914;pointer-events:none;opacity:0}.discover-dialog button{min-height:44px;touch-action:manipulation}.ambient-controls{gap:12px}.ambient-controls label{min-height:44px}.ambient-controls input{min-height:36px}.discover-dialog{scroll-padding-bottom:20px}.discover-dialog:fullscreen,.discover-dialog.immersive-fallback{padding: max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.discover-dialog:fullscreen .discover-content,.discover-dialog.immersive-fallback .discover-content{overflow-y:auto}.discover-dialog:fullscreen .ambient-visual,.discover-dialog.immersive-fallback .ambient-visual{min-height:140px}.discover-dialog:fullscreen .rest-controls,.discover-dialog.immersive-fallback .rest-controls{margin-top:10px;padding-top:10px}.breath .ambient-caption{opacity:0}.ocean-credit{z-index:5}@media(max-width:600px){.discover-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.discover-head{gap:10px}.discover-head h2{min-width:0;font-size:21px}.ambient-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ambient-controls>label{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(80px,1fr)}.ambient-controls input{width:100%;max-width:none}.ambient-controls button{min-width:0;padding:10px 8px;font-size:11px}.rest-controls{display:grid;grid-template-columns:1fr auto;gap:10px}.rest-controls label{grid-column:1/-1;display:grid;grid-template-columns:1fr minmax(100px,1fr);gap:10px}.rest-controls select{width:100%;font-size:16px}.rest-controls .rest-message{grid-column:1/-1}.rest-controls button{justify-self:end;min-width:44px}.rest-countdown{font-size:20px}.ambient-visual canvas{min-height:210px}.discover-dialog:fullscreen .ambient-visual,.discover-dialog.immersive-fallback .ambient-visual{min-height:120px}.discover-dialog:fullscreen .ambient-controls,.discover-dialog.immersive-fallback .ambient-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.discover-dialog:fullscreen .ambient-controls>label,.discover-dialog.immersive-fallback .ambient-controls>label{grid-column:1/-1}.discover-dialog:fullscreen .rest-controls label,.discover-dialog.immersive-fallback .rest-controls label{grid-column:1}.discover-dialog:fullscreen .rest-controls,.discover-dialog.immersive-fallback .rest-controls{grid-template-columns:1fr auto}.discover-dialog:fullscreen .rest-countdown,.discover-dialog.immersive-fallback .rest-countdown{grid-column:2;grid-row:1}.discover-dialog:fullscreen .rest-controls button,.discover-dialog.immersive-fallback .rest-controls button{grid-column:2;grid-row:2}.discover-dialog:fullscreen .rest-controls label,.discover-dialog.immersive-fallback .rest-controls label{grid-template-columns:1fr}.ocean-credit{font-size:8px;left:6px;right:6px;bottom:6px;max-width:calc(100% - 12px)}}@media(max-height:500px) and (orientation:landscape){.discover-dialog:fullscreen .discover-content,.discover-dialog.immersive-fallback .discover-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,28%);gap:12px;align-items:start}.discover-dialog:fullscreen .ambient-visual,.discover-dialog.immersive-fallback .ambient-visual{height:100%;grid-row:1/5}.discover-dialog:fullscreen .ambient-controls,.discover-dialog.immersive-fallback .ambient-controls{display:flex;flex-wrap:wrap;margin:0}.discover-dialog:fullscreen .rest-controls,.discover-dialog.immersive-fallback .rest-controls{display:flex;flex-wrap:wrap;margin:0}.discover-dialog:fullscreen .rest-controls label,.discover-dialog.immersive-fallback .rest-controls label{display:flex;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.ocean-film{transition:none}}