:root{--bg: #080e18;--card: #101827;--card-2: #141e2b;--ink: #f3eee2;--muted: #aeb1bc;--line: #5e606c80;--gold: #f2dcae;--gold-line: #bda77e;--gold-ink: #171720;--soft: #f2dcae14;--danger: #f0a090;--serif: Georgia, "Times New Roman", serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{min-height:100svh;background:var(--bg);color:var(--ink);font:16px/1.6 Inter,Helvetica Neue,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.guru-art{position:fixed;left:2vw;top:50%;transform:translateY(-50%);width:min(44vw,80svh);aspect-ratio:52 / 54;pointer-events:none;z-index:0;opacity:1;transition:opacity .8s ease}.guru-art canvas{display:block;width:100%;height:100%}.guru-art{-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent);mask-image:radial-gradient(closest-side,#000 72%,transparent)}body.quiet-art .guru-art{opacity:.3}main{position:relative;z-index:1;width:min(44%,560px);margin-left:54%;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:max(56px,env(safe-area-inset-top)) 16px max(48px,env(safe-area-inset-bottom))}body.quiet-art main{justify-content:flex-start}@media(max-width:860px){.guru-art{left:50%;top:0;transform:translate(-50%);width:auto;height:42svh}main{width:min(100%,560px);margin:0 auto;min-height:0;display:block;padding-top:max(40svh,env(safe-area-inset-top))}body.quiet-art main{padding-top:max(40px,env(safe-area-inset-top))}body.quiet-art .guru-art{opacity:.15}}.brand{font:34px/1 var(--serif);letter-spacing:-1px;margin-bottom:32px}h1{font:400 clamp(36px,7vw,56px)/1.06 var(--serif);letter-spacing:-1.6px;margin:0 0 16px}h2{font:400 20px/1.3 var(--serif);margin:30px 0 12px}p.lead{color:var(--muted);font-size:17px;margin:0 0 30px}.muted{color:var(--muted);font-size:14px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.15em;text-transform:uppercase;margin:0 0 14px}label.field{display:block;margin-bottom:18px;font-size:14px;color:var(--muted)}input[type=text],input[type=password]{display:block;width:100%;margin-top:8px;padding:15px;background:var(--card);color:var(--ink);border:1px solid #637183;border-radius:12px;font:inherit;font-size:17px}input::placeholder{color:#8b8fa0}button{font:inherit;cursor:pointer;color:inherit}:focus-visible{outline:3px solid #eacb85;outline-offset:4px}.primary{display:block;width:100%;margin-top:30px;min-height:58px;padding:16px 28px;border:1px solid #f7e4be;border-radius:50px;background:var(--gold);color:var(--gold-ink);font-weight:500;box-shadow:0 0 25px #edc77c20;transition:background .2s,transform .2s}.primary:hover{background:#f9e9c9}.primary:disabled{opacity:.4;cursor:default}.link{background:none;border:0;padding:8px 0;color:var(--muted);text-decoration:underline;text-underline-offset:4px;font-size:14px}.link:hover{color:var(--ink)}.link.danger{color:var(--danger)}.error{color:var(--danger);margin:12px 0 0}.notice{background:var(--soft);border:1px solid #f2dcae40;border-radius:12px;padding:12px 14px;margin:0 0 20px}.card{background:#101827c7;border:1px solid #797b8560;border-radius:14px;padding:4px 20px 20px;margin-bottom:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card ul{margin:0;padding-left:20px;color:#d9d6cc}.card li{margin:7px 0}.card p{margin:0;color:#d9d6cc}.card h2{font-size:18px}.check{display:flex;gap:12px;align-items:flex-start;padding:12px 0;cursor:pointer}.check input{width:20px;height:20px;margin:3px 0 0;accent-color:var(--gold);flex:none}.chips{display:flex;flex-wrap:wrap;gap:9px}.chip{border:1px solid var(--gold-line);background:#080e1870;color:var(--ink);border-radius:50px;padding:10px 18px;font-size:15px;transition:background .2s,border-color .2s}.chip:hover{background:var(--soft);border-color:#f6d999}.chip[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}.chip small{opacity:.75}.styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:9px}.style{text-align:left;border:1px solid #81818a75;background:var(--card);color:var(--ink);border-radius:12px;padding:12px 34px 12px 12px;position:relative;transition:border-color .2s}.style:hover{border-color:var(--gold-line)}.style b{display:block;font-size:15px;font-weight:500}.style span{display:block;font-size:13px;color:var(--muted)}.style[aria-pressed=true]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold);background:var(--soft)}.style .rank{position:absolute;top:8px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--gold);color:var(--gold-ink);font-size:12px;font-weight:700;display:grid;place-items:center}.actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px}.stage{margin:0 0 26px}.caption{font:400 clamp(24px,4.4vw,34px)/1.3 var(--serif);letter-spacing:-.5px;margin:0;min-height:2.6em}.heard{color:var(--muted);font-style:italic;margin:12px 0 0;min-height:1.6em}.talk .mic{margin-top:0}.mic.listening{background:transparent;color:var(--gold);border-color:var(--gold);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 34px #edc77c55}}.typed{display:flex;gap:8px;margin-top:12px}.typed input{flex:1;min-width:0;margin:0;border-radius:50px;padding:13px 18px;font-size:16px;background:#101b2b}.choices{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.choices[hidden],.activity[hidden],.talk[hidden]{display:none}.activity .actions{margin-top:16px}.activity .primary{margin-top:0}main.busy .mic,main.busy .typed button{opacity:.5;pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.preview{display:block;width:min(100%,320px);aspect-ratio:4 / 3;height:auto;margin:6px 0 14px;border-radius:14px;background:#050a12;border:1px solid #f2dcae40}.preview.small{width:160px;float:right;margin:0 0 10px 14px}.meter{height:4px;border-radius:4px;background:#bcbec830;overflow:hidden;margin:14px 0 6px}.meter i{display:block;height:100%;width:0;background:var(--gold);transition:width .2s linear}.scene-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#050a12}.scene-host{position:absolute;top:0;right:0;bottom:0;left:0}.scene-host canvas{display:block;width:100%;height:100%}.scene-top,.scene-bottom{position:absolute;left:0;right:0;padding:max(18px,env(safe-area-inset-top)) 5% 18px;display:flex;justify-content:space-between;align-items:center;gap:20px}.scene-top{top:0;font:22px var(--serif);text-shadow:0 2px 12px #080e18b3}.scene-top .scene-time{font:15px/1 Inter,system-ui,sans-serif;color:var(--gold);font-variant-numeric:tabular-nums}.scene-bottom{bottom:0;padding-bottom:max(26px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#080e18d9)}.scene-caption{margin:0;font:clamp(18px,2.4vw,24px)/1.4 var(--serif);max-width:640px;min-height:1.4em}.garden{display:block;width:100%;aspect-ratio:1;max-height:52svh;margin:0 auto 18px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin:0 0 8px}.tile{background:#101827c7;border:1px solid #797b8560;border-radius:14px;padding:12px 14px;color:var(--muted);font-size:13px}.tile b{display:block;font:400 30px/1.15 var(--serif);color:var(--ink)}.tile b.small{font-size:20px;padding:6px 0 4px}textarea{display:block;width:100%;margin-top:8px;padding:12px 14px;background:var(--card);color:var(--ink);border:1px solid #637183;border-radius:12px;font:inherit;resize:vertical}#after p,main>p:not(.lead):not(.muted):not(.notice):not(.error){margin:22px 0 10px}.scale-ends{display:flex;justify-content:space-between;max-width:300px;margin:6px 0 0;font-size:12px}.chart{display:block;width:100%;height:auto}.chart-legend{font-size:13px;color:var(--muted)}.chart-legend .before{color:#8fa9d5}.chart-legend .after{color:var(--gold);margin-left:14px}.breaks{list-style:none;padding:0;margin:24px 0 0}.breaks li{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:10px 0;border-bottom:1px solid #5e606c50;font-size:14px;color:var(--muted)}.breaks b{color:var(--ink);font-weight:500}.tell-arda{position:fixed;left:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:5;padding:8px 14px;border-radius:40px;background:#101827d9;color:var(--gold);border:1px solid #bda77e;font-size:13px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tell-arda[hidden],body.in-scene .tell-arda{display:none}.tell-dialog{width:min(92vw,480px);background:var(--card);color:var(--ink);border:1px solid #797b8580;border-radius:16px;padding:4px 22px 22px}.tell-dialog::backdrop{background:#080e18b3}.tell-dialog .actions{margin-top:16px;align-items:center}.tell-dialog .primary{width:auto;margin:0}.loading{display:flex;align-items:center;gap:12px;color:var(--gold);margin:6px 0 14px}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid #f2dcae40;border-top-color:var(--gold);animation:spin .9s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.garden.big{max-height:62svh;margin:4px auto 12px}.typed.only{margin-top:0}.typed.only input{padding:16px 20px;font-size:17px}