:root{--paper: #f6f1e7;--paper-2: #efe8da;--ink: #1a2a22;--ink-soft: #3c4a40;--green: #2f6b42;--green-soft: #5c9a6e;--apple: #c2412d;--haw: #d9534f;--gold: #c99a2e;--muted: #7a8278;--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);background:#0e0e0c;color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}.stage-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#1c1c18,#0a0a08)}.stage{width:1280px;height:720px;position:relative;background:var(--paper);overflow:hidden;box-shadow:0 40px 120px #0009;transform-origin:center center}.stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(26,42,34,.035) 1px,transparent 1px);background-size:4px 4px;opacity:.6}.slide{position:absolute;top:0;right:0;bottom:0;left:0;padding:64px 72px;display:flex;flex-direction:column}.eyebrow{font-family:var(--sans);font-weight:600;letter-spacing:.18em;text-transform:uppercase;font-size:14px;color:var(--green)}h1.title{font-family:var(--serif);font-weight:600;font-size:76px;line-height:1.02;color:var(--ink)}.subtitle{font-family:var(--serif);font-style:italic;font-weight:500;font-size:30px;color:var(--ink-soft)}h2.head{font-family:var(--serif);font-weight:600;font-size:46px;line-height:1.05;color:var(--ink)}.kicker{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--apple)}.bullets{list-style:none;display:flex;flex-direction:column;gap:18px;margin-top:28px}.bullets li{font-size:25px;line-height:1.32;color:var(--ink-soft);padding-left:30px;position:relative;max-width:30ch}.bullets li:before{content:"";position:absolute;left:0;top:13px;width:12px;height:12px;border-radius:3px;background:var(--green);transform:rotate(45deg)}.bullets b,.bullets strong{color:var(--ink);font-weight:700}.fig{position:absolute}.imground{border-radius:14px;box-shadow:0 18px 50px #1a2a2238;object-fit:cover}.footer{position:absolute;left:72px;right:72px;bottom:30px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);letter-spacing:.04em}.progress-track{position:absolute;left:0;bottom:0;height:5px;width:100%;background:#1a2a2214}.progress-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--green-soft))}.tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em}.tag-apple{background:#c2412d1f;color:var(--apple)}.tag-green{background:#2f6b421f;color:var(--green)}.presenter{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#14160f;color:#eef0e6;font-family:var(--sans);display:grid;grid-template-columns:1.15fr 1fr;grid-template-rows:auto 1fr auto;gap:18px;padding:22px}.presenter .preview-col{grid-row:1 / 3;display:flex;flex-direction:column;gap:14px}.mini-stage{aspect-ratio:16/9;width:100%;background:#000;border-radius:10px;overflow:hidden;position:relative;box-shadow:0 10px 30px #00000080}.mini-stage .stage{transform-origin:top left}.next-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8a9382}.notes-col{grid-row:1 / 4;display:flex;flex-direction:column;min-height:0}.notes-scroll{overflow-y:auto;flex:1;padding-right:8px}.notes-scroll p{font-size:23px;line-height:1.5;margin-bottom:16px;color:#e7ebdd}.notes-head{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}.notes-head h3{font-family:var(--serif);font-size:30px;color:#fff}.cue{background:#c99a2e29;border-left:3px solid var(--gold);padding:10px 14px;border-radius:6px;font-size:16px;color:#f0e3c4;margin-bottom:18px}.qchips{display:flex;gap:6px;flex-wrap:wrap}.qchip{font-size:11px;padding:2px 8px;border-radius:999px;background:#5c9a6e33;color:#bfe0c8;font-weight:600}.clock{font-variant-numeric:tabular-nums;font-weight:700}.controls{grid-column:1 / 2;display:flex;align-items:center;gap:14px}.btn{background:#22271a;color:#dfe6d2;border:1px solid #353d2b;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer;font-weight:600}.btn:hover{background:#2c331f}.timer-big{font-size:40px}.timer-over{color:var(--haw)}.launch{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#1c1c18,#0a0a08);color:#eef0e6;font-family:var(--sans)}.launch .card{background:#15170f;border:1px solid #2a2f20;border-radius:16px;padding:40px 46px;max-width:560px;text-align:center;box-shadow:0 30px 80px #0009}.launch h1{font-family:var(--serif);font-size:40px;margin-bottom:8px;color:#fff}.launch p{color:#aeb6a3;margin-bottom:26px;line-height:1.5}.launch .btn-primary{background:var(--green);color:#fff;border:none;padding:14px 26px;font-size:17px;border-radius:10px;cursor:pointer;font-weight:700}.launch .btn-primary:hover{background:#37804f}.kbd{font-family:var(--sans);background:#222;border:1px solid #3a3a3a;border-bottom-width:2px;border-radius:5px;padding:1px 7px;font-size:13px}.recorder{position:fixed;top:0;right:0;bottom:0;left:0;background:#14160f;color:#eef0e6;font-family:var(--sans);display:grid;grid-template-columns:1fr 560px;gap:30px;padding:30px 34px}.rec-teleprompter{display:flex;flex-direction:column;min-height:0}.rec-cue{background:#c99a2e29;border-left:3px solid var(--gold);padding:12px 16px;border-radius:8px;font-size:19px;color:#f0e3c4;margin-bottom:20px}.rec-cue b{color:#fff}.rec-teleprompter h3{font-family:var(--serif);font-size:30px;color:#8a9382;margin-bottom:16px;letter-spacing:.01em}.rec-notes{overflow-y:auto;flex:1;padding-right:10px}.rec-notes p{font-size:33px;line-height:1.6;margin-bottom:22px;color:#f3f5ec}.rec-next{font-size:15px;color:#8a9382;letter-spacing:.08em;padding-top:14px;border-top:1px solid #2a2f20}.rec-side{display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:flex-start}.rec-preview{position:relative;width:540px}.rec-preview .mini-stage{width:540px;box-shadow:0 18px 50px #00000080}.rec-cam-wrap{position:absolute;right:14px;bottom:14px;width:150px;height:150px;border-radius:50%;overflow:hidden;border:3px solid var(--green);box-shadow:0 8px 24px #0009;background:#000}.rec-cam{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.rec-controls{display:flex;align-items:center;gap:18px}.rec-clock{font-variant-numeric:tabular-nums;font-weight:700;font-size:30px}.rec-help{font-size:14px;color:#8a9382}.rec-status{font-size:15px;line-height:1.45;color:#f0e3c4;min-height:20px;text-align:center;max-width:540px;background:#c99a2e1f;border-radius:8px;padding:10px 14px}.rec-status:empty{display:none}