:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef8f0;--bg-deep:#dcefdc;--surface:#f8fcf8e6;--surface-strong:#fff;--border:#5886622e;--text:#163126;--muted:#5c7867;--hero-text:#fff;--hero-muted:#ffffffd6;--accent:#76b67f;--accent-deep:#4f8b5d;--accent-soft:#dff0e0;--chip:#eff8ef;--shadow:0 20px 44px #42684724}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#c9eacad6,#0000 28%),radial-gradient(circle at 100% 0,#d9eecdb8,#0000 26%),linear-gradient(#f6fdf5 0%,#e7f4e7 55%,#dcefdc 100%)}body{color:var(--text);background:#0d1710;margin:0;font-family:Avenir Next,Segoe UI,sans-serif}.page{min-height:100vh;position:relative;overflow:hidden}.page-content{z-index:1;max-width:1024px;margin:0 auto;padding:2rem 1rem 3rem;position:relative}.page-video-shell{position:absolute;inset:0;overflow:hidden}.page-video{object-fit:cover;object-position:center center;filter:saturate(.8)brightness(.72);width:100%;height:100%}.page-video-tint{background:linear-gradient(#050a0785 0%,#08110a61 28%,#0b160d94 100%),radial-gradient(circle at 0 0,#48784f42,#0000 32%),radial-gradient(circle at 100% 100%,#121e1466,#0000 34%);position:absolute;inset:0}.hero{margin-bottom:1.5rem}.hero-brand{align-items:flex-start;gap:1rem;display:flex}.hero-logo{width:88px;height:88px;box-shadow:var(--shadow);background:radial-gradient(circle at 30% 24%,#fffffff0,#0000 26%),linear-gradient(#ffffffc7,#d7e4d8ad);border:1px solid #ffffff47;border-radius:999px;flex:0 0 88px;position:relative}.hero-logo:after{content:"";background:radial-gradient(circle,#ffffff57,#0000 68%);border-radius:999px;position:absolute;inset:14px}.pebble{z-index:1;background:linear-gradient(#f3f6f3 0%,#b6c1b7 42%,#6f7f71 100%);animation:5.8s ease-in-out infinite pebbleFloat;display:block;position:absolute;box-shadow:inset 0 2px 5px #ffffff7a,0 10px 18px #080c092e}.pebble-left{border-radius:54% 46% 50% 50%/56% 58% 42% 44%;width:44px;height:22px;animation-delay:-.4s;top:52px;left:22px;transform:rotate(-2deg)}.pebble-center{border-radius:58% 42% 48% 52%/60% 48% 52% 40%;width:34px;height:19px;top:35px;left:27px;transform:rotate(3deg)}.pebble-right{border-radius:52% 48% 54% 46%/62% 46% 54% 38%;width:24px;height:15px;animation-delay:-.9s;top:22px;left:31px;transform:rotate(-4deg)}.hero-copy{flex:1}.hero-topbar{flex-wrap:wrap;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.hero h1{letter-spacing:-.04em;color:var(--hero-text);text-shadow:0 8px 28px #00000057;margin:0;font-size:clamp(2rem,5vw,3.3rem);font-weight:700}.hero p{color:var(--hero-muted);text-shadow:0 6px 22px #0000003d;max-width:650px;margin:.55rem 0 0;font-size:1rem}.chat-shell,.panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border);box-shadow:var(--shadow);background:#f8fcf8c7;border-radius:28px;margin-bottom:1.2rem;padding:1.2rem}.auth-panel{max-width:560px}.auth-panel-active{max-width:100%}.chat-header h2,.section-title{letter-spacing:-.02em;margin:0;font-size:1.12rem}.chat-header p{color:var(--muted);margin:.45rem 0 1rem}.chat-flow{flex-direction:column;gap:1rem;display:flex}.chat-row{gap:.55rem;display:grid}.bubble{border-radius:22px;padding:.95rem 1rem}.prompt-bubble{background:#f5fbf4;border:1px solid #76b67f2e;max-width:72%}.prompt-bubble p{margin:0;line-height:1.5}.input-bubble{background:#fff;border:1px solid #58866224;width:78%;margin-left:auto}textarea,select,button,input{font:inherit}input,textarea,select{width:100%;color:var(--text);background:#fff;border:1px solid #6c93713d;border-radius:16px;padding:.8rem .9rem}input:focus,textarea:focus,select:focus{border-color:#76b67f80;outline:2px solid #76b67f2e}textarea{resize:vertical;min-height:132px}.script-editor{white-space:pre-wrap;min-height:360px;line-height:1.7}.choice-section{gap:1rem;margin-top:1.1rem;display:grid}.choice-group{background:#f5fbf4f2;border:1px solid #5886621f;border-radius:22px;padding:1rem}.choice-title{margin:0;font-size:.95rem;font-weight:700}.choice-subtitle,.helper-text,.meta{color:var(--muted);margin:.35rem 0 0;font-size:.92rem;line-height:1.45}.chip-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem;margin-top:.85rem;display:grid}.choice-card{text-align:left;background:var(--chip);color:var(--text);cursor:pointer;border:1px solid #58866224;border-radius:18px;padding:.95rem 1rem;transition:transform .14s,border-color .14s,box-shadow .14s,background .14s}.choice-card strong,.choice-card span{display:block}.choice-card strong{margin-bottom:.3rem;font-size:.98rem}.choice-card span{color:var(--muted);font-size:.9rem;line-height:1.4}.choice-card:hover{border-color:#76b67f73;transform:translateY(-1px)}.choice-card.active{background:linear-gradient(#e1f2e1 0%,#d0e9d2 100%);border-color:#76b67fa6;box-shadow:0 10px 22px #76b67f24}.settings-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.compact-field{min-width:180px}.label{color:var(--muted);margin-bottom:.35rem;font-size:.88rem;display:block}.button-row{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}button,.download-link{color:var(--text);cursor:pointer;background:#f5fbf4;border:1px solid #5886622e;border-radius:999px;padding:.7rem 1rem;text-decoration:none;transition:transform .14s,background .14s,border-color .14s}button:hover,.download-link:hover{transform:translateY(-1px)}button.primary{background:linear-gradient(180deg, var(--accent) 0%, var(--accent-deep) 100%);color:#f8fdff;border-color:#0000}button:disabled{opacity:.58;cursor:not-allowed;transform:none}.progress-shell{background:#eff8eff2;border:1px solid #58866229;border-radius:20px;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.progress-dial{border:4px solid #76b67f2e;border-top-color:var(--accent);border-radius:999px;flex:0 0 52px;width:52px;height:52px;animation:.9s linear infinite spin}.progress-title{margin:0;font-weight:600}.mono{white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.52}.error{color:#8f1f14;margin:0 0 .75rem}.audio-player{width:100%;margin-top:.75rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pebbleFloat{0%,to{transform:translateY(0) rotate(var(--pebble-rotate,0deg))}50%{transform:translateY(-2px) rotate(calc(var(--pebble-rotate,0deg) + 4deg))}}.pebble-left{--pebble-rotate:-2deg}.pebble-center{--pebble-rotate:3deg}.pebble-right{--pebble-rotate:-4deg}@media (max-width:720px){.page{padding:1rem .85rem 2rem}.chat-shell,.panel{border-radius:22px;padding:1rem}.input-bubble,.prompt-bubble{width:100%;max-width:100%}.hero-brand,.hero-topbar{flex-direction:column}}