@font-face{font-family:Noto Sans;src:url(/narralight/fonts/NotoSans.ttf)}:root{color-scheme:light;--ink:#203b40;--muted:#697c78;--teal:#247e7b;--paper:#faf8f3;--line:#e0e5db}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Noto Sans,sans-serif;font-size:13px}button,select,textarea{font:inherit}a,button,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #ba833c;outline-offset:4px}button:hover:not(:disabled){filter:brightness(.95)}.studio{max-width:1800px;margin:auto;padding:0 34px}.topbar{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:26px}.brand{font-family:Georgia,serif;font-size:30px;color:var(--ink);text-decoration:none;position:relative;padding-left:40px}.brand-mark{color:#b58c4e;position:absolute;left:0;top:2px;font-size:35px}.brand-note{display:block;font:8px Noto Sans,sans-serif;letter-spacing:2.1px;margin-top:5px;color:var(--muted)}.lesson-heading{text-align:center}.lesson-heading>span,.section-eyebrow{font-size:9px;letter-spacing:2px;color:var(--muted)}h1{font:26px Georgia,serif;margin:7px 0}.header-actions{display:flex;gap:15px;align-items:center}.quiet{border:0;background:none;padding:12px 4px;font-size:12px}.outline{border:1px solid #cbd7d0;border-radius:8px;background:transparent;padding:12px 17px;font-size:12px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;align-items:start}.canvas{position:relative;aspect-ratio:1.5;overflow:hidden;border-radius:15px;background:#dce9e0;box-shadow:0 8px 25px #183e3c09}.canvas>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.canvas-top{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.glass-button,.glass-label{background:#ffffffdc;border:1px solid #ffffff70;border-radius:7px;color:#405e60;padding:9px 12px;font-size:9px;letter-spacing:1.1px;backdrop-filter:blur(10px)}.glass-button{letter-spacing:0;font-size:10px;font-weight:600;display:flex;gap:7px;align-items:center}.image-note{position:absolute;top:64px;left:20px;font-size:9px;color:#294e54;background:#ffffffa6;border-radius:3px;padding:3px 6px}.caption{bottom:24px;left:5%;right:5%;max-height:44%;overflow:auto;background:#17393bea;color:#fffdf7;border:1px solid #ffffff33;border-radius:10px;padding:15px 24px;line-height:1.65;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere;box-shadow:0 5px 16px #102a3b20;backdrop-filter:blur(12px)}.caption,.render-status{position:absolute;text-align:center}.render-status{bottom:0;left:0;right:0;background:#fffde8ed;padding:6px;font-size:11px}.dot,.pulse{display:inline-block;width:6px;height:6px;background:#a6b5a4;border-radius:50%;margin-right:8px}.active,.pulse{background:#328b72}.pulse{animation:pulse 1s infinite}.canvas-footer{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:var(--muted);padding:16px 1px;line-height:1.5}.teacher-panel{border:1px solid var(--line);border-radius:15px;background:#fffdf8;padding:23px 23px 17px;box-shadow:0 6px 18px #27392a03}.panel-eyebrow{font-size:9px;letter-spacing:1.3px;display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.demo-pill{font-size:8px;letter-spacing:.4px;background:#edf1e7;padding:5px 7px;border-radius:4px;color:#53674d}.teacher-panel h2{font:34px/1.12 Georgia,serif;letter-spacing:-1px;margin:25px 0 12px}.teacher-panel h2 em{font-weight:400;color:var(--teal)}.intro{color:var(--muted);font-size:11px;line-height:1.6;margin:0}.voice-orb{width:55px;height:55px;border-radius:50%;margin:19px auto 16px;display:grid;place-items:center;font-size:27px;color:#528780;background:#edf2e8;box-shadow:0 0 0 7px #f5f6ef}.listening{animation:pulse 1s infinite}.primary{display:block;width:100%;padding:13px;border:0;border-radius:8px;background:var(--teal);color:white;font-weight:600;font-size:12px}.primary.pause{background:#865846}.microphone{display:block;width:100%;background:none;border:0;padding:11px;font-size:11px;color:var(--teal)}.credit-note,.hint,.privacy-note{font-size:9px;color:var(--muted);line-height:1.65;margin:0}.privacy-note{text-align:center}.divider{height:1px;background:var(--line);margin:18px 0}.field-label{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:9px;font-size:11px}.field-label>span{color:var(--muted);font-size:8px;letter-spacing:.5px}textarea{display:block;width:100%;min-height:88px;resize:vertical;border:1px solid #d4dbcf;border-radius:7px;background:#f8f8f2;padding:11px;color:var(--ink);font-size:11px;line-height:1.6}textarea::-moz-placeholder{color:#728279}textarea::placeholder{color:#728279}.add-thought{background:transparent;color:var(--teal);border:0;padding:10px 0;width:100%;text-align:left;font-size:11px}.add-thought span{float:right}.style-section{margin:12px 0 10px}.category-select{width:100%;background:#fff;border:1px solid var(--line);border-radius:6px;font-size:11px;padding:7px 9px;color:var(--ink);margin-bottom:7px}.style-grid,.text-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.style-pill{background:#f8f8f2;border:1px solid var(--line);border-radius:6px;padding:7px 8px;font-size:10px;color:var(--ink);text-align:center;transition:background .15s,border-color .15s,color .15s}.style-pill.active-style{background:var(--teal);border-color:var(--teal);color:#ffffff;font-weight:600}.interval-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin:13px 0 7px;gap:6px}.interval-row select{background:#fff;border:1px solid var(--line);border-radius:4px;font-size:10px;padding:6px;color:var(--ink)}.transcript{font-size:10px;margin:12px 0;color:#657b77}.transcript p{max-height:90px;overflow:auto;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.credits{margin-top:17px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px}.credits strong{font-size:14px}.credits>span:last-child{color:var(--muted);font-size:9px}.credit-note{margin-top:7px;font-size:8px}.history{padding:17px 0 0}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.history h2{font:22px Georgia,serif;margin:8px 0 0}.history h2>span{font:10px Noto Sans,sans-serif;color:var(--muted);margin-left:12px}.history-hint{font-size:10px;color:var(--muted)}.thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.thumbnail{position:relative;min-width:0}.thumb-preview{padding:0;border:3px solid transparent;background:none;width:100%;border-radius:11px;display:block;overflow:hidden}.thumb-preview img{width:100%;aspect-ratio:1.8;-o-object-fit:cover;object-fit:cover;display:block;border-radius:7px}.selected .thumb-preview{border-color:#6aa6a0}.thumb-download{position:absolute;right:13px;top:12px;background:#fffef0e8;border:0;border-radius:7px;width:29px;height:29px}.thumbnail p{margin:9px 4px;display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.45;overflow-wrap:anywhere}.thumbnail p>span{letter-spacing:.5px;font-weight:600}.thumbnail p>span,.thumbnail small{color:var(--muted);font-size:9px}.empty-history{display:flex;align-items:center;justify-content:center;gap:20px;border:1px dashed #ccd8cb;border-radius:11px;min-height:100px;background:#f3f4eb;color:#58705e}.empty-history>span{font-size:35px;color:#718c61}.empty-history p{line-height:1.8;margin:14px}.empty-history small{font-size:11px;color:#697c68}.messages{min-height:35px;font-size:11px;color:var(--teal)}.error{color:#a34130;background:#fff0e9;border-radius:6px;padding:10px}.site-footer{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;font-size:9px;color:#697c68}.exit-projector{position:fixed;right:20px;bottom:15px;z-index:20;background:#17393be0;border:1px solid #ffffff50;color:white;border-radius:6px;padding:8px 12px;opacity:.3}.exit-projector:focus,.exit-projector:hover{opacity:1}.projector{padding:0;max-width:none;background:#0d2228;position:fixed;inset:0;z-index:100}.projector .canvas-footer,.projector .canvas-top,.projector .history,.projector .image-note,.projector .messages,.projector .site-footer,.projector .teacher-panel,.projector .topbar{display:none}.projector .workspace{display:block}.projector .canvas{height:100dvh;width:100%;aspect-ratio:auto;border-radius:0}.projector .canvas>img{-o-object-fit:contain;object-fit:contain}.projector .caption{font-size:24px;bottom:7%;max-height:30%;left:12%;right:12%}@keyframes pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (min-width:1550px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.teacher-panel{padding:30px}.teacher-panel h2{font-size:40px}.canvas{max-height:780px}.caption{font-size:20px}}@media (max-width:1000px){.studio{padding:0 20px}.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:18px}.brand-note{display:none}.brand{font-size:25px}.topbar{min-height:90px}.header-actions{gap:8px}.quiet span{display:none}.lesson-heading h1{font-size:21px}.canvas{aspect-ratio:.95}.canvas-footer{display:block}.canvas-footer>span{display:block;margin-bottom:7px}.caption{font-size:14px;left:4%;right:4%;padding:12px}.thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}.history-hint{display:none}}@media (max-width:700px){.studio{padding:0 14px}.topbar{flex-wrap:wrap;min-height:110px;padding:16px 0;gap:14px;margin-bottom:16px}.brand{font-size:27px}.lesson-heading{order:3;width:100%;text-align:left;display:flex;align-items:center;gap:12px}.lesson-heading h1{font-size:19px;margin:0}.lesson-heading>span{font-size:8px}.header-actions{gap:12px}.outline{padding:9px;font-size:10px}.quiet{font-size:20px}.workspace{display:flex;flex-direction:column;gap:10px}.canvas-region{width:100%}.canvas{aspect-ratio:1.25}.canvas-top{top:12px;left:12px;right:12px}.glass-label{font-size:7px;padding:7px}.glass-button span{display:none}.caption{font-size:13px;bottom:16px;padding:10px}.image-note{font-size:7px;top:49px}.canvas-footer{font-size:9px}.canvas-footer>span:last-child{display:none}.teacher-panel{width:100%;padding:20px}.teacher-panel h2{font-size:30px;margin:18px 0 10px}.teacher-panel h2 br{display:none}.teacher-panel h2 em{margin-left:7px}.voice-orb{display:none}.primary{margin-top:20px}.privacy-note{font-size:9px}.thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.history h2{font-size:20px}.site-footer{gap:14px;font-size:8px}.site-footer span{max-width:50%}.empty-history{padding:12px}.empty-history small{font-size:10px}.projector{padding:0}.projector .caption{font-size:17px;left:5%;right:5%}}input:focus-visible{outline:3px solid #ba833c;outline-offset:3px}.front-door{max-width:1100px}.lesson-setup,.lessons-home{padding:18px 0 30px}.home-title{font:34px Georgia,serif;margin:12px 0 8px}.home-intro{color:var(--muted);font-size:13px;line-height:1.7;max-width:560px;margin:0 0 22px}.start-lesson{width:auto;padding:15px 26px;font-size:14px;border-radius:10px}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:30px}.lesson-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fffdf8}.lesson-card-open{display:block;width:100%;border:0;background:none;padding:0;text-align:left}.lesson-card-open img{display:block;width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;background:#edf2e8}.lesson-card-body{display:block;padding:13px 15px 15px}.lesson-card-body strong{display:block;font:16px Georgia,serif;margin-bottom:5px}.lesson-card-body small{color:var(--muted);font-size:10px;letter-spacing:.4px}.empty-lessons{display:flex;gap:14px;align-items:center;margin-top:30px;padding:22px;border:1px dashed #cbd7d0;border-radius:12px;color:var(--muted);line-height:1.7}.empty-lessons span{font-size:22px;color:#b58c4e}.lesson-setup{max-width:620px}.back-link{display:block;padding-left:0;color:var(--teal);margin-bottom:18px}.topic-input{display:block;width:100%;border:1px solid #d4dbcf;border-radius:8px;background:#fffdf8;padding:14px;color:var(--ink);font-size:15px}.topic-input::-moz-placeholder{color:#728279}.topic-input::placeholder{color:#728279}.next-step,.setup-field{margin-top:22px}.next-step{padding:15px;font-size:13px;border-radius:10px}.conversation-thread{display:flex;flex-direction:column;gap:10px;max-height:240px;margin:16px 0 4px;padding:12px;overflow-y:auto;border-radius:14px;background:rgba(255,255,255,.55);border:1px solid rgba(23,50,59,.08)}.conversation-turn{padding:10px 12px;border-radius:12px;font-size:14px;line-height:1.45}.conversation-turn.user{align-self:flex-end;max-width:92%;background:#e3eef0;color:#17323b}.conversation-turn.assistant{align-self:flex-start;max-width:92%;background:#fffdf8;border:1px solid rgba(23,50,59,.1)}.conversation-role{display:block;margin-bottom:4px;font-size:10px;letter-spacing:.45px;text-transform:uppercase;color:var(--muted)}.conversation-turn p{margin:0;white-space:pre-wrap}@media (max-width:700px){.home-title{font-size:27px}.start-lesson{width:100%}.lesson-grid{grid-template-columns:1fr}}