*{box-sizing:border-box}:root{color-scheme:dark;font-family:Trebuchet MS,Segoe UI,sans-serif;color:#f4f7ff;background:#07163d;--gold: #ffdb78;--muted: #c0cff1;--frame: #df9f2b}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 5%,#2762c7,#143c8c 29%,#081f55 61%,#07163d 92%);padding:0 max(14px,env(safe-area-inset-right)) max(26px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-conic-gradient(from 8deg at 50% -24%,#77aaff16 0deg 7deg,transparent 7deg 17deg);-webkit-mask-image:linear-gradient(#000,transparent 85%);mask-image:linear-gradient(#000,transparent 85%)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}button,input{font:inherit}button,summary,.switch{cursor:pointer}button:disabled,.switch:has(:disabled){opacity:.6;cursor:default}:focus-visible{outline:3px solid #b3eaff;outline-offset:4px}a{color:inherit}h1,h2,h3,h4,p,blockquote,dl,dd{margin:0}.topbar,main{position:relative;width:min(100%,620px);margin:auto}.topbar{padding-top:max(18px,env(safe-area-inset-top))}.masthead{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{width:min(56%,280px);min-width:0}.brand img{display:block;width:100%;height:auto}.wallet{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:7px clamp(9px,2.5vw,20px);border:2px solid var(--gold);border-radius:16px;background:linear-gradient(#214e96,#0b2254 52%,#071a42);box-shadow:inset 0 0 0 2px #936424,0 3px #9c5d16,0 8px 17px #041332a0}.coin{width:clamp(24px,6vw,36px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:2px solid #ffeaa0;background:linear-gradient(#ffe68b,#e49b19);color:#533100;box-shadow:0 2px #aa6714,inset 0 0 0 2px #c58321;font-weight:900}.wallet-label{display:block;font-size:.72rem;font-weight:700;color:#eef4ff}#balance{display:block;color:var(--gold);font-size:clamp(1.2rem,4.6vw,2rem);font-weight:900;font-variant-numeric:tabular-nums;line-height:1.08;text-shadow:0 2px 0 #774600}#pending-line{grid-column:1 / -1;margin-top:5px;font-size:.72rem;color:var(--muted)}nav{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:7px 0 8px}nav a,.nav-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#eef4ff;font-size:.86rem;background:transparent;text-decoration:none;border:1px solid transparent;padding:0 8px;border-radius:10px}nav a{color:var(--gold);font-weight:800}.icon-button{min-width:44px;background:#0d2d67;border-color:#5687d3;box-shadow:inset 0 1px #accbff60}nav a:hover,nav button:hover{background:#153d81}.monitor{position:relative;display:grid;place-items:center;aspect-ratio:16 / 9;overflow:hidden;border:3px solid #ffdc83;border-radius:clamp(14px,4vw,24px);background:radial-gradient(ellipse at 50% 44%,#2255a1,#112f67 45%,#091a40 83%);box-shadow:0 0 0 1px #cf801b,0 4px #9b5916,0 10px 20px #030d2ca0,inset 0 0 0 2px #bb7628}.monitor video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.monitor-top,.monitor-bottom{position:absolute;z-index:1;left:clamp(8px,3vw,15px);right:clamp(8px,3vw,15px);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.79rem}.monitor-top{top:10px}.monitor-top span,.switch{display:inline-flex;align-items:center;gap:7px;border:1px solid #7295ce90;border-radius:100px;padding:5px 10px;background:#071633eb;font-weight:700}#timer{margin-left:auto;font-variant-numeric:tabular-nums}#device i{width:7px;height:7px;border-radius:50%;background:#a4b9e5}.monitor[data-state=recording] #device i{background:#ff6174;box-shadow:0 0 10px #ff6174}.monitor-center{display:grid;justify-items:center;gap:8px;color:#dce8ff;font-size:.9rem}.mic{display:grid;place-items:center;width:clamp(42px,11vw,66px);aspect-ratio:1;border-radius:50%;color:#b8d5ff;background:#1b4487;border:1px solid #679be185;box-shadow:inset 0 1px #aacfff55,0 8px 22px #071b49}.mic svg{width:47%;height:53%}.monitor-bottom{bottom:7px;justify-content:flex-end}#mic-meter{margin-right:auto;background:#071633eb;border-radius:100px;padding:3px 9px}meter{width:clamp(55px,20vw,115px);height:11px}.switch{min-height:44px;cursor:pointer}.script{margin-top:16px;padding:clamp(14px,3.5vw,23px) clamp(15px,4vw,28px);border:3px solid #ffc759;border-radius:clamp(14px,4vw,23px);background:linear-gradient(130deg,#fff8e5,#fff0cf);color:#1d2440;box-shadow:0 0 0 1px #b97724,0 4px #a7651c,0 8px 17px #030d2c85,inset 0 0 0 2px #eed4a0}.script-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#664b26;font-size:.75rem;font-weight:800}#language{border:1px solid #b08b57;border-radius:20px;padding:2px 6px}blockquote{margin-top:9px;font-size:clamp(1.18rem,4vw,1.57rem);font-weight:700;line-height:1.42;letter-spacing:-.02em;overflow-wrap:anywhere}.offer{text-align:center;color:#eff5ff;font-size:clamp(.8rem,3.3vw,1rem);margin:16px auto 10px}.offer strong{color:var(--gold)}.controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px}button{border:1px solid transparent}.primary{color:#fff6df;font-weight:900}#record{display:flex;justify-content:center;align-items:center;gap:13px;width:100%;min-height:clamp(59px,10vw,71px);padding:9px 16px;border:3px solid #ffe287;border-radius:100px;background:linear-gradient(#ff5966,#e01d36 46%,#b40d27 53%,#d62439);box-shadow:inset 0 0 0 2px #a60d24,inset 0 6px #fff3dc32,0 4px #ab6517,0 9px 20px #061231aa;text-shadow:0 2px 0 #8f0b24;font-size:clamp(1.1rem,4.6vw,1.63rem);letter-spacing:.035em;transition:filter .18s ease,transform .18s ease}#record svg{width:24px;height:27px;flex:none}#record:hover:not(:disabled){filter:brightness(1.13)}#record:active:not(:disabled){transform:translateY(2px)}#record img{display:none}#record:enabled,#welcome-go{position:relative;width:min(100%,420px);margin-inline:auto;padding:0;border:0;background:transparent;box-shadow:none}#record:enabled:not([data-state=recording]):not([data-intro-stop=true]) .start-art,#record[data-state=recording] .stop-art,#record[data-intro-stop=true] .stop-art,#welcome-go img{display:block;width:100%;height:auto}#record:enabled svg{display:none}#record:enabled #record-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#record[data-state=recording] .stop-art{filter:drop-shadow(0 0 10px #ff8a7380)}.intro-guide{position:relative;z-index:2;width:min(100%,420px);margin:12px auto 0;text-align:center}.intro-guide:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052}.intro-guide-content,.intro-arrow{position:relative}.intro-guide-content{display:grid;gap:8px;padding:14px clamp(12px,4vw,24px);border:1px solid var(--gold);border-radius:14px;background:#102451}.intro-progress{color:var(--gold);font-size:.875rem;font-weight:700}#intro-instruction{font-size:clamp(1.2rem,4.5vw,1.5rem);font-weight:800;line-height:1.3;text-wrap:balance}#intro-next{width:100%;min-height:52px;margin-top:4px;border:1px solid #fff0bc;border-radius:10px;background:var(--gold);color:#182342;font-size:1.15rem;font-weight:900;box-shadow:0 3px #a8651c}#intro-next:hover{background:#ffe9a4}#intro-next:active{transform:translateY(2px);box-shadow:0 1px #a8651c}.intro-arrow{display:block;color:var(--gold);font-size:2rem;line-height:1}.intro-guide+.script{margin-top:4px}.credit-flash{animation:credit-flash .5s ease-out}@keyframes credit-flash{35%{color:#fff8c7;transform:scale(1.07)}}.subtle{min-height:44px;border-radius:9px;border-color:#5278b9;background:#142f64;color:#f4f7ff;padding:6px 11px}.subtle:hover:not(:disabled){background:#214480}.status{color:var(--muted);font-size:.84rem;margin-top:9px}.status:empty{margin:0}main>.status{text-align:center}dialog{width:min(calc(100% - 24px),540px);max-height:88vh;max-height:88dvh;padding:clamp(14px,4vw,24px);color:#f4f7ff;background:#102451;border:1px solid #688bc7;border-radius:17px}.history-dialog{width:min(calc(100% - 24px),620px)}dialog::backdrop{background:#050d22c9}#welcome{padding:clamp(18px,5vw,32px);border-color:#bc9048;background:linear-gradient(155deg,#18366b,#102451 58%)}#welcome-title{margin:0 0 14px;font-size:clamp(1.45rem,5vw,1.9rem);line-height:1.2;text-wrap:balance}.welcome-intro{display:grid;gap:10px}#welcome .welcome-intro p{margin:0;line-height:1.55}.welcome-intro strong{color:#f4f7ff}.welcome-intro .welcome-amount{color:var(--gold);white-space:nowrap}.welcome-choice{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px;border:1px solid #5278b9;border-radius:10px;background:#0d2149;cursor:pointer;font-size:.92rem;line-height:1.45}.welcome-choice input{flex:none;width:17px;height:17px;margin:2px 0 0;accent-color:#80b9ff}#welcome-go{display:block;width:min(100%,300px);min-height:55px;margin-top:8px;border-radius:100px}#welcome-go:disabled{opacity:.55}#welcome .welcome-note{margin:0;font-size:.82rem;text-align:center;text-wrap:balance}dialog h2{font-size:1.35rem;margin:5px 0 13px}dialog p{color:var(--muted);margin-top:10px;line-height:1.5}dialog .controls{margin-top:12px}.close{float:right;margin-left:8px}.danger{background:#8d1733}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.metrics div,.take{border:1px solid #42629b;border-radius:10px;padding:11px;background:#0c1b40}dt,details{color:var(--muted);font-size:.86rem}dd{margin-top:4px;font-size:1.25rem;font-weight:800;color:var(--gold)}details{margin:8px 0 13px}summary{padding:10px 0}.take{margin-top:10px}.take h4{font-size:1rem;margin-bottom:4px}.take audio,.take video{width:min(100%,430px);display:block;margin-top:10px}@media(max-width:360px){.wallet{column-gap:5px}.coin{width:22px}}@media(prefers-reduced-motion:reduce){#record,.credit-flash{animation:none;transition:none}}