@charset "UTF-8";.public{--bg: #160033;--bg2: #1b0e31;--paper: #f8f2ff;--muted: #c1b5d1;--muted2: #897b99;--gold: #f2af45;--gold2: #dd892d;--line: rgba(255, 255, 255, .09);--soft: rgba(255, 255, 255, .04);--green: #83d1a3;--max: 1280px;--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;position:relative;min-height:100vh;overflow-x:hidden;padding-left:98px;color:var(--paper);font-family:var(--sans);background:radial-gradient(circle at 18% 9%,rgba(145,75,238,.28),transparent 25%),radial-gradient(circle at 87% 20%,rgba(83,18,166,.28),transparent 31%),linear-gradient(135deg,#26005a,#160033 48%,#250055);-webkit-font-smoothing:antialiased}.public a{color:inherit;text-decoration:none}.public button,.public input{font:inherit}.public button{cursor:pointer}.public .ambient-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,black 0,transparent 72%);mask-image:linear-gradient(to bottom,black 0,transparent 72%)}.public .nav-wrap{position:sticky;top:0;z-index:50;padding:16px 18px 0;pointer-events:none}.public .nav{width:min(100%,var(--max));height:66px;margin:0 auto;padding:0 12px 0 16px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#180b2dd1;box-shadow:0 18px 50px #0400146b;backdrop-filter:blur(22px) saturate(120%);-webkit-backdrop-filter:blur(22px) saturate(120%);pointer-events:auto;position:relative;z-index:2}.public .brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content}.public .brand-orb{width:32px;height:32px;border-radius:50%;position:relative;background:radial-gradient(circle at 33% 27%,#ffd991 0 7%,transparent 27%),linear-gradient(145deg,#f4b95f 5%,#d48231 52%,#8a4728);box-shadow:inset -5px -8px 18px #4a1e0d47,0 0 28px #e9a84a1f}.public .brand-orb:after{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.public .brand-text{font-family:var(--serif);font-size:17px;font-weight:700;letter-spacing:-.02em}.public .nav-links{display:flex;justify-content:center;align-items:center;gap:6px}.public .nav-link{padding:10px 13px;border-radius:10px;color:#b8aea0;font-size:13px;transition:.18s ease}.public .nav-link:hover{color:#fff;background:#ffffff0b}.public .nav-actions{display:flex;align-items:center;gap:7px}.public .btn{min-height:42px;padding:0 16px;border-radius:11px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:800;white-space:nowrap;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.public .btn:hover{transform:translateY(-1px)}.public .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.public .btn-text{background:transparent;color:#d3c8b9}.public .btn-text:hover{background:#ffffff0a;color:#fff}.public .btn-primary{color:#1b1309;background:linear-gradient(135deg,#f0b653,#d88a33);box-shadow:0 9px 24px #e9a84a29}.public .btn-primary:hover{box-shadow:0 12px 30px #e9a84a3d}.public .btn-outline{color:var(--paper);border-color:#ffffff1a;background:#ffffff05}.public .btn-outline:hover{border-color:#e9a84a52;background:#e9a84a12}.public .nav-mobile{display:none;width:42px;height:42px;border-radius:11px;border:1px solid var(--line);background:#ffffff06;color:#fff}.public .mobile-panel{display:none}.public .hero{width:min(100% - 40px,var(--max));margin:0 auto;min-height:760px;padding:108px 0 72px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);align-items:center;gap:72px;position:relative}.public .hero-copy{position:relative;z-index:2}.public .kicker{display:inline-flex;align-items:center;gap:9px;color:#eab15f;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}.public .kicker:before{content:"";width:22px;height:1px;background:currentColor;opacity:.8}.public .hero h1{margin:0;max-width:720px;font-family:var(--serif);font-size:clamp(52px,6.1vw,86px);line-height:.98;letter-spacing:-.052em;font-weight:500}.public .hero h1 em{font-style:italic;color:#ebb15e;font-weight:500}.public .hero-lead{margin:26px 0 0;max-width:650px;color:#bdb2a3;font-size:18px;line-height:1.7}.public .hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.public .hero-actions .btn{min-height:52px;padding:0 20px;font-size:14px}.public .hero-meta{margin-top:25px;display:flex;gap:20px;flex-wrap:wrap;color:#8d8579;font-size:12px}.public .hero-meta span:before{content:"\2713";color:var(--green);margin-right:6px;font-weight:900}.public .lesson-stage{min-height:610px;position:relative;display:flex;align-items:center;justify-content:center;margin:0}.public .lesson-stage figcaption{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:min(100%,460px);text-align:center;color:#8f877d;font-size:12px;line-height:1.5}.public .halo{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(233,168,74,.13),rgba(184,106,47,.03) 42%,transparent 70%);filter:blur(4px)}.public .lesson-shell{position:relative;width:min(100%,560px);border-radius:28px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(180deg,#190f27f7,#100a19fc);box-shadow:0 50px 90px #0000007a,inset 0 1px #ffffff0b;overflow:hidden;transform:rotate(-1.2deg)}.public .lesson-header{height:68px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.public .lesson-title strong{font-size:13px}.public .lesson-title small{display:block;color:#766f66;font-size:11px;margin-top:3px}.public .live-dot{display:inline-flex;align-items:center;gap:7px;color:#90d7ad;font-size:11px;font-weight:800}.public .live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#78cfa0;box-shadow:0 0 0 5px #78cfa014}.public .lesson-body{padding:22px}.public .emma-row{display:flex;align-items:center;gap:15px}.public .emma-face{width:66px;height:66px;border-radius:50%;flex:0 0 auto;background:radial-gradient(circle at 34% 27%,#ffd98e 0 8%,transparent 28%),linear-gradient(145deg,#f2b65a,#c77029 60%,#7f4327);box-shadow:0 10px 35px #e9a84a2e}.public .emma-text strong{display:block;font-family:var(--serif);font-size:21px;margin-bottom:4px}.public .emma-text span{font-size:12px;color:#e5a84e;font-weight:800}.public .wave{margin:22px 0 20px;height:42px;display:flex;align-items:center;gap:4px;padding:0 4px}.public .wave i{width:3px;border-radius:99px;background:linear-gradient(to top,#8b4a2c,#e7a448);opacity:.9;animation:pub-pulse 1.1s ease-in-out infinite}.public .wave i:nth-child(2n){animation-delay:.12s}.public .wave i:nth-child(3n){animation-delay:.22s}.public .wave i:nth-child(4n){animation-delay:.32s}.public .task-box{padding:18px;border-radius:16px;border:1px solid rgba(233,168,74,.18);background:linear-gradient(180deg,#e9a84a0e,#ffffff05)}.public .task-top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.public .task-top span:first-child{color:#eab15f;font-size:10px;letter-spacing:.08em;font-weight:900;text-transform:uppercase}.public .task-chip{padding:5px 8px;border-radius:999px;background:#e9a84a17;color:#d9a04f;font-size:10px;font-weight:800}.public .phrase{font-family:var(--serif);font-size:27px;line-height:1.25;letter-spacing:-.02em}.public .guide{margin-top:12px;color:#8f877d;font-size:12px;line-height:1.55}.public .guide b{color:#b8a496;font-weight:700}.public .mini-board{position:absolute;left:-86px;bottom:44px;width:210px;padding:14px;border-radius:18px;background:#170b2beb;border:1px solid rgba(255,255,255,.09);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 24px 55px #00000059;transform:rotate(4deg)}.public .mini-board small{color:#7e766b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.public .mini-board strong{display:block;margin-top:8px;font-size:13px}.public .mini-progress{height:5px;border-radius:99px;background:#28241f;margin-top:12px;overflow:hidden}.public .mini-progress span{display:block;width:68%;height:100%;background:linear-gradient(90deg,#b96d31,#e6a84c)}.public .value-strip{width:min(100% - 40px,var(--max));margin:0 auto 110px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.public .value{padding:28px 24px;border-right:1px solid var(--line)}.public .value:last-child{border-right:0}.public .value b{display:block;font-family:var(--serif);font-size:21px;margin-bottom:7px}.public .value span{color:#8e867b;font-size:13px;line-height:1.55}.public .section{width:min(100% - 40px,var(--max));margin:0 auto;padding:60px 0 110px}.public .section-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:80px;align-items:start}.public .section-kicker{color:#d79b4b;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.public .section h2{margin:12px 0 18px;font-family:var(--serif);font-weight:500;font-size:clamp(38px,4.5vw,62px);line-height:1.04;letter-spacing:-.04em}.public .section-intro{color:#9d9488;line-height:1.75;font-size:16px;max-width:560px}.public .steps{display:grid;gap:12px}.public .step{display:grid;grid-template-columns:54px 1fr auto;gap:17px;align-items:center;padding:19px;border-bottom:1px solid var(--line);transition:.18s ease}.public .step:hover{background:#ffffff05}.public .step-no{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(233,168,74,.22);color:#e5a84e;font-family:var(--serif);font-size:17px}.public .step h3{margin:0 0 5px;font-family:var(--serif);font-size:22px;font-weight:500}.public .step p{margin:0;color:#8f877c;font-size:13px;line-height:1.55}.public .step-arrow{color:#6f685f;font-size:20px}.public .beginners,.public .toolkit{width:min(100% - 40px,var(--max));margin:0 auto;padding:20px 0 100px}.public .beginners>.section-kicker,.public .toolkit>.section-kicker{display:block}.public .beginners h2,.public .toolkit h2{margin:12px 0 34px;font-family:var(--serif);font-weight:500;font-size:clamp(32px,3.6vw,48px);line-height:1.06;letter-spacing:-.035em;max-width:720px}.public .toolkit h2{margin-bottom:14px}.public .toolkit .toolkit-intro{margin:0 0 30px;max-width:620px;color:#9d9488;font-size:16px;line-height:1.7}.public .card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.public .card{padding:22px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff05,#ffffff02)}.public .card .card-icon{font-size:22px}.public .card h3{margin:12px 0 8px;font-family:var(--serif);font-size:18px;font-weight:500}.public .card p{margin:0;color:#8f877c;font-size:13px;line-height:1.6}.public .pricing{width:min(100% - 40px,var(--max));margin:0 auto 110px;padding:44px;border-radius:30px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 88% 14%,rgba(126,54,223,.24),transparent 32%),linear-gradient(145deg,#210c41,#110623);display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;overflow:hidden}.public .pricing h2{margin:0 0 10px;font-family:var(--serif);font-size:clamp(34px,4.1vw,52px);font-weight:500;letter-spacing:-.04em}.public .pricing p{margin:0;color:#9a9185;max-width:620px;line-height:1.7}.public .pricing-actions{display:flex;gap:10px;flex-wrap:wrap}.public .pricing-actions .btn{min-height:50px;padding:0 20px;font-size:14px}.public footer{width:min(100% - 40px,var(--max));margin:0 auto;padding:28px 0 38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#6f685f;font-size:12px}.public .auth-page{min-height:calc(100vh - 98px);display:grid;place-items:center;padding:56px 22px 72px}.public .auth-layout{width:min(100%,1060px);display:grid;grid-template-columns:1fr 440px;border:1px solid rgba(255,255,255,.08);border-radius:28px;overflow:hidden;background:#160b2e;box-shadow:0 45px 100px #06001770}.public .auth-visual{min-height:590px;padding:44px;position:relative;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 22% 18%,rgba(130,55,223,.32),transparent 31%),linear-gradient(145deg,#2b075a,#17072e 72%);border-right:1px solid var(--line);overflow:hidden}.public .auth-visual:after{content:"";position:absolute;right:-100px;bottom:-130px;width:390px;height:390px;border-radius:50%;border:1px solid rgba(233,168,74,.11);box-shadow:0 0 0 40px #e9a84a06,0 0 0 90px #e9a84a03}.public .visual-copy{position:relative;z-index:2;max-width:460px}.public .visual-copy h2{margin:14px 0 16px;font-family:var(--serif);font-size:44px;line-height:1.02;letter-spacing:-.045em;font-weight:500}.public .visual-copy p{color:#9f968a;line-height:1.7;margin:0}.public .visual-quote{position:relative;z-index:2;padding:18px 18px 18px 20px;border-left:2px solid #d7933e;background:#ffffff05;color:#c9beb0;max-width:420px;font-family:var(--serif);font-size:18px;line-height:1.55}.public .auth-form-side{padding:42px 38px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(180deg,#1b0e35,#130a28)}.public .auth-form-side h1{margin:0;font-family:var(--serif);font-size:34px;font-weight:500;letter-spacing:-.03em}.public .auth-sub{color:#8e867b;line-height:1.6;margin:8px 0 28px;font-size:14px}.public .field-group{margin-bottom:16px}.public .field-top{display:flex;justify-content:space-between;gap:14px;margin-bottom:8px;font-size:12px;font-weight:800;color:#d8cec0}.public .field-top a{color:#dba04c}.public .field-hint{display:block;margin-top:7px;color:#6b645b;font-size:11px}.public .field-wrap{position:relative}.public .field{width:100%;height:50px;border-radius:12px;border:1px solid rgba(255,255,255,.09);background:#100720;color:#f6efff;outline:none;padding:0 14px;transition:.18s ease}.public .field::placeholder{color:#675b76}.public .field:focus{border-color:#ad71ffa8;box-shadow:0 0 0 4px #8237df24;background:#130824}.public input:-webkit-autofill,.public input:-webkit-autofill:hover,.public input:-webkit-autofill:focus{-webkit-text-fill-color:#f6efff;-webkit-box-shadow:0 0 0 1000px #100720 inset;transition:background-color 9999s ease-out 0s}.public .eye{position:absolute;right:7px;top:7px;width:36px;height:36px;border-radius:9px;border:0;background:transparent;color:#80786d}.public .eye:hover{background:#ffffff0b;color:#fff}.public .submit{width:100%;min-height:50px;margin-top:3px;font-size:14px}.public .auth-error{margin:14px 0 0;color:#e79f8c;font-size:13px;line-height:1.5}.public .auth-error a{color:#e0a349;font-weight:800;margin-left:6px}.public .auth-divider{margin:22px 0 18px;height:1px;background:var(--line);position:relative}.public .auth-switch{text-align:center;color:#867e74;font-size:13px}.public .auth-switch a{color:#e0a349;font-weight:900}.public .auth-note{margin-top:18px;color:#5f5952;font-size:11px;text-align:center}.public .auth-back{margin-left:auto}.public .dev-access{margin-top:22px;padding:18px;border-radius:16px;border:1px dashed rgba(233,168,74,.28);background:#e9a84a08}.public .dev-badge{margin:0 0 4px;color:#dba04c;font-size:12px;font-weight:800}.public .dev-explain{margin:0 0 14px;color:#7e766b;font-size:12px;line-height:1.5}.public .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@keyframes pub-pulse{0%,to{height:9px;opacity:.45}50%{height:36px;opacity:1}}@media(max-width:1040px){.public .nav-links{display:none}.public .nav{grid-template-columns:1fr auto}.public .nav-mobile{display:grid;place-items:center;justify-self:end}.public .nav-actions.desktop{display:none}.public .mobile-panel{width:min(100%,var(--max));margin:8px auto 0;padding:10px;border:1px solid var(--line);border-radius:16px;background:#180b2df0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;position:relative;z-index:1}.public .mobile-panel.open{display:grid;gap:5px}.public .mobile-panel a{min-height:46px;display:flex;align-items:center;border-radius:10px;color:#d6ccbd;padding:0 12px}.public .mobile-panel .btn-primary{justify-content:center;color:#1b1309}.public .hero{grid-template-columns:1fr;padding-top:90px;gap:34px}.public .hero-copy{text-align:center}.public .hero h1,.public .hero-lead{margin-left:auto;margin-right:auto}.public .hero-actions,.public .hero-meta{justify-content:center}.public .lesson-stage{min-height:560px}.public .mini-board{left:18px}.public .value-strip{grid-template-columns:1fr 1fr}.public .value:nth-child(2){border-right:0}.public .value:nth-child(-n+2){border-bottom:1px solid var(--line)}.public .section-grid{grid-template-columns:1fr;gap:38px}.public .card-grid{grid-template-columns:1fr 1fr}.public .auth-layout{grid-template-columns:1fr 420px}.public .auth-visual{padding:34px}}@media(max-width:820px){.public{padding-left:0;padding-bottom:86px}.public .auth-layout{grid-template-columns:1fr;max-width:480px}.public .auth-visual{display:none}.public .auth-form-side{padding:34px 28px}.public .pricing{grid-template-columns:1fr}.public .card-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.public .nav-wrap{padding:10px 10px 0}.public .nav{height:60px;border-radius:15px;padding-left:13px}.public .brand-text{font-size:15px}.public .brand-orb{width:29px;height:29px}.public .hero{width:min(100% - 28px,var(--max));padding:72px 0 48px;min-height:auto}.public .hero h1{font-size:clamp(44px,14vw,62px)}.public .hero-lead{font-size:16px}.public .hero-actions{display:grid}.public .hero-actions .btn{width:100%}.public .hero-meta{display:grid;gap:9px}.public .lesson-stage{min-height:500px}.public .lesson-shell{transform:none}.public .mini-board{display:none}.public .value-strip{width:min(100% - 28px,var(--max));grid-template-columns:1fr}.public .value{border-right:0;border-bottom:1px solid var(--line)!important}.public .value:last-child{border-bottom:0!important}.public .section{width:min(100% - 28px,var(--max));padding-bottom:86px}.public .beginners,.public .toolkit{width:min(100% - 28px,var(--max))}.public .card-grid{grid-template-columns:1fr}.public .step{grid-template-columns:46px 1fr}.public .step-arrow{display:none}.public .pricing{width:min(100% - 28px,var(--max));padding:28px;border-radius:22px}.public .pricing-actions{display:grid}.public .pricing-actions .btn{width:100%}.public footer{width:min(100% - 28px,var(--max));display:grid;text-align:center}.public .auth-page{padding:40px 14px 64px}.public .auth-form-side{padding:28px 20px}.public .auth-back .long{display:none}}.institutional .doc{width:min(100% - 40px,840px);margin:0 auto;padding:96px 0 64px}.institutional .doc-kicker{display:block;color:#d79b4b;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.institutional .doc h1{margin:12px 0 16px;font-family:var(--serif);font-weight:500;font-size:clamp(34px,4.4vw,56px);line-height:1.05;letter-spacing:-.04em}.institutional .doc-lead{margin:0 0 10px;color:#bdb2a3;font-size:17px;line-height:1.7;max-width:62ch}.institutional .doc-updated{margin:0;color:var(--muted2);font-size:13px}.institutional .doc h2{margin:44px 0 12px;font-family:var(--serif);font-weight:500;font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:-.025em}.institutional .doc h3{margin:24px 0 8px;font-family:var(--serif);font-weight:500;font-size:19px}.institutional .doc p,.institutional .doc li{color:#b7ac9e;font-size:15px;line-height:1.75;max-width:68ch}.institutional .doc p{margin:0 0 14px}.institutional .doc ul{margin:0 0 16px;padding-left:20px}.institutional .doc li{margin-bottom:8px}.institutional .doc strong{color:var(--paper);font-weight:700}.institutional .doc a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.institutional .doc a:hover{color:var(--paper)}.institutional .doc a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}.institutional .company-card{margin:26px 0 10px;padding:26px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff06,#ffffff02)}.institutional .company-card h2{margin-top:0}.institutional .data-list{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px 24px;margin:0;overflow-wrap:anywhere}.institutional .data-list dt{color:var(--muted2);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;padding-top:3px}.institutional .data-list dd{margin:0;color:var(--paper);font-size:15px;line-height:1.6}.institutional .data-list dd a{color:var(--gold);display:inline-block;padding:4px 0}.institutional .data-list .address-block{display:grid}@media(max-width:820px){.institutional .doc{padding-top:72px}}@media(max-width:640px){.institutional .doc{width:min(100% - 28px,840px);padding:60px 0 48px}.institutional .company-card{padding:20px;border-radius:16px}.institutional .data-list{grid-template-columns:1fr;gap:4px}.institutional .data-list dd{margin-bottom:12px}}:root{--bg: #160033;--bg-elevated: #1b0e31;--surface: #1e1136;--surface-hover: #251644;--item-bg: #211236;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .13);--divider: rgba(255, 255, 255, .075);--track: #2b1a3e;--text: #f8f2ff;--text-secondary: #d9cce8;--text-muted: #c1b5d1;--faint: #897b99;--accent: #f2af45;--accent-hover: #f5ba56;--accent-text: #f0b050;--accent-contrast: #211206;--accent-soft: rgba(242, 175, 69, .12);--accent-border: rgba(242, 175, 69, .32);--purple: #7e43dd;--purple-2: #9d6bec;--purple-3: #4d198f;--purple-soft: rgba(157, 107, 236, .14);--purple-border: rgba(205, 175, 255, .28);--purple-text: #c9aaff;--green: #83d1a3;--green-dot: #79d19f;--green-soft: rgba(131, 209, 163, .12);--red: #e88a7a;--red-soft: rgba(232, 138, 122, .1);--red-border: rgba(232, 138, 122, .35);--amber: #f0b050;--amber-soft: rgba(242, 175, 69, .12);--teal: #83d1a3;--hero-gradient: linear-gradient(135deg, #241046, #180a30);--stage-gradient: linear-gradient(160deg, #201038, #17092e);--hero-border: rgba(255, 255, 255, .09);--orb-gradient: radial-gradient(circle at 34% 27%, #ffe2a4 0 8%, transparent 28%), linear-gradient(145deg, #f4b95d, #d7782b 62%, #7f4028);--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-sans: "Instrument Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--radius: 18px;--radius-sm: 12px;--radius-xs: 10px;--shadow: 0 16px 40px rgba(0, 0, 0, .45);--content-max: 1180px;--rail-w: 340px;--content-gap: 20px}@media(min-width:1366px){:root{--content-max: 1240px;--rail-w: 360px}}@media(min-width:1440px){:root{--content-max: 1320px;--rail-w: 380px}}@media(min-width:1920px){:root{--content-max: 1560px;--rail-w: 420px;--content-gap: 24px}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(circle at 18% 9%,rgba(145,75,238,.22),transparent 25%),radial-gradient(circle at 87% 20%,rgba(83,18,166,.22),transparent 31%),linear-gradient(135deg,#26005a,#160033 48%,#250055);background-attachment:fixed;color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}body:has(app-top-nav){padding-left:96px}@media(max-width:820px){body:has(app-top-nav){padding-left:0;padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}}h1,h2,h3{font-family:var(--font-serif);font-weight:500;letter-spacing:-.015em}button{font:inherit;cursor:pointer;border:none}input,select,textarea{font:inherit}input[type=text],input[type=email],input[type=number],select,textarea{border-radius:var(--radius-xs);border:1px solid var(--border-strong);background:var(--bg);color:var(--text)}::placeholder{color:var(--faint)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-track{background:transparent}.surface-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.notice-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius-sm)}.error-banner{background:var(--red-soft);border:1px solid var(--red-border);color:var(--red);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:16px}.muted-link{color:var(--text-muted);text-decoration:none}.muted-link:hover{color:var(--text)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-text)}.scene{width:min(880px,100%);animation:scene-in .25s ease-out}.scene .kicker{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-text);font-weight:900}.scene .big-title{margin:10px 0 12px;font-family:var(--font-serif);font-size:clamp(30px,3.4vw,52px);line-height:1.05;font-weight:600;letter-spacing:-.02em}.scene .subtitle,.scene .scene-lead{font-size:16px;color:var(--text-muted);line-height:1.6;max-width:720px}.scene .instruction{margin:10px 0 0;color:var(--text-secondary);font-size:14px}@keyframes scene-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ann-underline{text-decoration:underline wavy var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}.ann-highlight{background:var(--amber-soft);border-radius:6px;box-shadow:0 0 0 4px var(--amber-soft)}.ann-circle{outline:2px solid var(--accent);outline-offset:5px;border-radius:999px}.ann-strike{text-decoration:line-through;text-decoration-color:var(--red)}.ann-arrow{position:relative}.ann-arrow:before{content:"\279c";position:absolute;left:-1.4em;color:var(--accent-text)}.ann-reveal{animation:ann-reveal .4s ease}.ann-focus{outline:2px solid var(--accent);outline-offset:6px;border-radius:8px;box-shadow:0 0 0 999px #00000047}.ann-pointer{position:relative}.ann-pointer:after{content:"\1f449";position:absolute;left:-1.7em;animation:ann-bob .8s ease-in-out infinite}.ann-pulse{animation:ann-pulse .9s ease-in-out infinite}@keyframes ann-reveal{0%{opacity:.2}to{opacity:1}}@keyframes ann-bob{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes ann-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-soft)}50%{box-shadow:0 0 0 8px transparent}}@media(prefers-reduced-motion:reduce){.ann-reveal,.ann-pulse{animation:none}.ann-pointer:after{animation:none}}.notebook-summary{padding:6px 2px;font-size:14px}.notebook-summary .sum-goal{margin:0 0 6px}.notebook-summary .sum-outcome{margin:0 0 12px;color:var(--text-muted)}.notebook-summary .sum-counts{list-style:none;margin:0 0 12px;padding:0;display:flex;gap:16px}.notebook-summary .sum-counts b{color:var(--accent-text);font-size:18px}.notebook-summary .sum-note{margin:0;color:var(--faint);font-size:12px}@media(prefers-reduced-motion:reduce){.scene{animation:none}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0}.panel-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:13px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted)}.chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-soft);color:var(--accent-text);white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:var(--radius-sm);font-weight:600;transition:background .15s ease,border-color .15s ease,transform .1s ease,opacity .15s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-contrast);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{background:transparent;color:var(--red);border:1px solid rgba(224,122,106,.4)}.btn-danger:hover:not(:disabled){background:var(--red-soft)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong)}.btn-ghost:hover:not(:disabled){border-color:#4a4336;color:var(--text)}.emma-orb{border-radius:50%;background:var(--orb-gradient);box-shadow:0 0 50px #e0a43e40}@keyframes orb-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes orb-think{0%,to{opacity:.55}50%{opacity:1}}@keyframes wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 #6fbf8e73}70%{box-shadow:0 0 0 12px #6fbf8e00}to{box-shadow:0 0 #6fbf8e00}}
