:root{color-scheme:dark;--cyan:#9ce6e6;--warm:#edb789;--muted:#e1ecf09e;font-family:Inter,system-ui,sans-serif}*,:before,:after{box-sizing:border-box}html,body{color:#f1f6f5;background:#000;height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit}#universe{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.ow-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ow-ui{pointer-events:none;opacity:0;transition:opacity 1s;position:fixed;inset:0}.ow-ui.is-ready{opacity:1}.ow-ui a,.ow-ui button,.ow-ui input{pointer-events:auto}.ow-top{padding:max(22px, env(safe-area-inset-top)) clamp(16px, 3vw, 36px) 0;justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:600;transition:opacity .6s;display:flex;position:absolute;inset:0 0 auto}.ow-back{color:#f1f6f5;gap:10px;text-decoration:none;display:inline-flex}.ow-back:hover{color:var(--cyan)}.ow-tag{color:var(--muted);letter-spacing:.17em;text-transform:uppercase;font-size:11px}.ow-link-btn{cursor:pointer;backdrop-filter:blur(6px);background:0 0;border:1px solid #9ce6e659;border-radius:999px;padding:9px 15px;font-size:12px;font-weight:600;transition:border-color .25s,color .25s,background .25s}.ow-link-btn:hover{border-color:var(--cyan);color:var(--cyan)}.ow-link-btn:focus-visible,.ow-btn:focus-visible,.ow-back:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.ow-eyebrow{color:var(--cyan);letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px;font-size:11px;font-weight:600}.ow-hero{text-align:center;width:min(100% - 32px,760px);transition:opacity .8s,transform .8s;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.ow-hero h1{letter-spacing:-.06em;text-wrap:balance;margin:0 0 18px;font-size:clamp(2.6rem,7vw,5.6rem);font-weight:700;line-height:.98}.ow-hero h1 em{color:var(--cyan);font-style:normal}.ow-hero>p:last-child{color:var(--muted);margin:0;font-size:clamp(15px,1.6vw,18px)}.ow-ui.has-word .ow-hero{opacity:0;transform:translate(-50%,-46%)}.ow-form{left:50%;bottom:max(44px, calc(env(safe-area-inset-bottom) + 24px));width:min(100% - 32px,560px);margin:0;transition:opacity .6s,transform .6s;position:absolute;transform:translate(-50%)}.ow-field{backdrop-filter:blur(10px);background:#060c128c;border:1px solid #9ce6e661;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 22px;transition:border-color .25s,box-shadow .25s;display:flex}.ow-field:focus-within{border-color:var(--cyan);box-shadow:0 0 0 5px #9ce6e61a,0 0 40px #9ce6e626}.ow-field input{color:#fff;letter-spacing:.02em;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:10px 0;font:600 20px/1.2 Inter,sans-serif}.ow-field input::placeholder{color:#e1ecf061}.ow-go{background:var(--cyan);color:#08131a;cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:12px;padding:14px 22px;font-size:14px;font-weight:700;transition:background .25s,opacity .25s,transform .25s;display:inline-flex}.ow-go:hover:not(:disabled){background:#c0f5f1;transform:translateY(-1px)}.ow-go:disabled{opacity:.35;cursor:default}.ow-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:4px 10px;margin:14px 0 0;font-size:12px;display:flex}.ow-seed{color:#9ce6e6d9;letter-spacing:.04em}.ow-controls{top:max(22px, env(safe-area-inset-top));opacity:0;gap:8px;transition:opacity .6s;display:flex;position:absolute;right:clamp(16px,3vw,36px)}.ow-caption{opacity:0;text-shadow:0 2px 20px #000;flex-direction:column;gap:8px;transition:opacity 1.2s,transform 1.2s;display:flex;position:absolute;bottom:clamp(48px,12vh,110px);left:clamp(20px,5vw,64px);transform:translateY(8px)}.ow-caption.is-visible{opacity:1;transform:none}.ow-caption-label{color:var(--warm);letter-spacing:.24em;text-transform:uppercase;font-size:11px;font-weight:600}.ow-caption-text{letter-spacing:-.01em;font-size:clamp(16px,1.8vw,22px);font-weight:500}.ow-progress{opacity:0;height:2px;transition:opacity .6s;position:absolute;bottom:0;left:0;right:0}.ow-progress span{background:linear-gradient(90deg, #9ce6e633, var(--cyan));transform-origin:0;height:100%;display:block;transform:scaleX(0)}.ow-end{left:50%;bottom:max(40px, calc(env(safe-area-inset-bottom) + 20px));text-align:center;opacity:0;width:min(100% - 32px,640px);transition:opacity 1.4s 1s,transform 1.4s 1s;position:absolute;transform:translate(-50%,12px)}.ow-end .ow-eyebrow{margin-bottom:10px}.ow-end-details{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 22px;font-size:13px}.ow-end-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.ow-btn{pointer-events:auto;backdrop-filter:blur(8px);cursor:pointer;background:#060c1280;border:1px solid #9ce6e680;border-radius:999px;padding:13px 20px;font-size:13px;font-weight:700;transition:transform .25s,background .25s,border-color .25s}.ow-btn:hover{border-color:var(--cyan);transform:translateY(-2px)}.ow-btn-primary{background:var(--cyan);color:#08131a;border-color:var(--cyan)}.ow-btn-primary:hover{background:#c0f5f1}.ow-unsupported{text-align:center;color:var(--muted);display:none;position:absolute;inset:auto 16px 50%}.ow-ui:not([data-state=idle]) .ow-hero,.ow-ui:not([data-state=idle]) .ow-form{opacity:0;transform:translate(-50%,20px)}.ow-ui:not([data-state=idle]) .ow-form *{pointer-events:none}.ow-ui:not([data-state=idle]) .ow-top{opacity:0}.ow-ui:not([data-state=idle]) .ow-top *{pointer-events:none}.ow-ui[data-state=film] .ow-progress{opacity:.7}.ow-ui:not([data-state=idle]).show-controls .ow-controls,.ow-ui[data-state=end] .ow-controls{opacity:1}.ow-ui[data-state=idle] .ow-controls *{pointer-events:none}.ow-ui[data-state=end] .ow-end{opacity:1;transform:translate(-50%)}.ow-ui:not([data-state=end]) .ow-end *{pointer-events:none}.ow-ui[data-state=unsupported]>:not(.ow-unsupported):not(.ow-top){display:none}.ow-ui[data-state=unsupported] .ow-unsupported{display:block}.ow-info{color:#f1f6f5;backdrop-filter:blur(14px);background:#080e17f0;border:1px solid #9ce6e64d;border-radius:24px;width:min(100% - 32px,620px);max-height:min(100% - 32px,760px);margin:auto;padding:clamp(28px,4vw,44px);overflow:auto}.ow-info::backdrop{backdrop-filter:blur(3px);background:#0000008c}.ow-info-close{position:absolute;top:20px;right:20px}.ow-info h2{letter-spacing:-.05em;margin:0 0 26px;font-size:clamp(2rem,4vw,2.8rem);line-height:1}.ow-info h3{color:var(--warm);letter-spacing:.2em;text-transform:uppercase;margin:34px 0 14px;font-size:11px;font-weight:600}.ow-how{counter-reset:how;gap:18px;margin:0;padding:0;list-style:none;display:grid}.ow-how li{color:#c4d2d7;counter-increment:how;padding-left:44px;font-size:15px;line-height:1.65;position:relative}.ow-how li:before{content:"0" counter(how);color:var(--cyan);letter-spacing:.08em;font-size:12px;font-weight:700;position:absolute;top:2px;left:0}.ow-how strong{color:#fff}.ow-prompt{color:#c4d2d7;border-left:2px solid #edb78999;margin:0;padding:4px 0 4px 20px;font-size:14px;line-height:1.65}.ow-prompt p{margin:0 0 10px}.ow-prompt p:last-child{margin:0}@media (width<=760px){.ow-tag{display:none}.ow-field{padding-left:18px}.ow-field input{font-size:18px}.ow-go{padding:13px 16px}.ow-controls{justify-content:flex-end;left:16px;right:16px}.ow-caption{bottom:34px;left:16px;right:16px}}
