@charset "UTF-8";:root{color-scheme:light dark;--font-ui: system-ui, -apple-system, "Segoe UI Variable", "Segoe UI", Roboto, sans-serif;--font-text: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--brand-1: #6d5dfc;--brand-2: #22b8cf;--brand-gradient: linear-gradient(120deg, var(--brand-1) 0%, #4f7cf7 50%, var(--brand-2) 100%);--bg: #f3f2fa;--bg-deep: #e9e8f6;--surface: #ffffff;--surface-solid: #ffffff;--surface-2: #eeedf8;--surface-3: #e4e2f3;--field: #f1f0f9;--text: #1c1a2e;--muted: #676580;--border: transparent;--line: rgba(28, 26, 46, .08);--accent: #5b4de6;--accent-hover: #4a3cd6;--accent-contrast: #ffffff;--accent-text: #5040d8;--accent-soft: rgba(91, 77, 230, .12);--danger: #c0352b;--focus: #6d5dfc;--primary-bg: var(--brand-gradient);--primary-glow: rgba(91, 77, 230, .3);--hl1: rgba(250, 204, 21, .45);--hl2: rgba(96, 165, 250, .38);--hl3: rgba(244, 114, 182, .35);--radius-lg: 28px;--radius: 22px;--radius-md: 16px;--radius-sm: 12px;--shadow: 0 1px 2px rgba(28, 26, 46, .04), 0 10px 30px rgba(28, 26, 46, .07);--shadow-pop: 0 24px 60px rgba(28, 26, 46, .2)}@media(prefers-color-scheme:dark){:root{--brand-1: #8b7bff;--brand-2: #4fd8e8;--bg: #13142f;--bg-deep: #0c0d24;--surface: rgba(40, 42, 92, .42);--surface-solid: #1c1d42;--surface-2: rgba(255, 255, 255, .06);--surface-3: rgba(255, 255, 255, .1);--field: rgba(8, 9, 30, .42);--text: #eeedfb;--muted: #a3a2c9;--border: transparent;--line: rgba(200, 196, 255, .09);--accent: #9a8cff;--accent-hover: #b0a5ff;--accent-contrast: #12122b;--accent-text: #b4a9ff;--accent-soft: rgba(139, 123, 255, .18);--danger: #ff8f88;--focus: #9a8cff;--primary-glow: rgba(110, 120, 255, .45);--glow-violet: rgba(124, 104, 255, .24);--glow-cyan: rgba(60, 200, 230, .14);--glow-rose: rgba(230, 100, 190, .1);--hl1: rgba(245, 170, 60, .36);--hl2: rgba(96, 165, 250, .34);--hl3: rgba(244, 114, 182, .32);--shadow: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 16px 40px rgba(3, 4, 18, .35);--shadow-pop: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 28px 70px rgba(3, 4, 18, .65)}}.theme-dark{--stage-bg: #12132e;--stage-text: #f2f1fc;--stage-muted: #a4a3c8;--accent-text: #b4a9ff;--hl1: rgba(245, 170, 60, .42);--hl2: rgba(96, 165, 250, .38);--hl3: rgba(244, 114, 182, .36)}.theme-light{--stage-bg: #ffffff;--stage-text: #1b1a17;--stage-muted: #6f6a61;--accent-text: #4b3fd0;--hl1: rgba(250, 204, 21, .5);--hl2: rgba(96, 165, 250, .4);--hl3: rgba(244, 114, 182, .38)}.theme-paper{--stage-bg: #f4ecd8;--stage-text: #3b2f22;--stage-muted: #85735c;--accent-text: #9b3d1c;--hl1: rgba(234, 179, 8, .42);--hl2: rgba(59, 130, 246, .28);--hl3: rgba(236, 72, 153, .28)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font:400 16px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.25;margin:0}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.muted{color:var(--muted)}.spacer{flex:1}.error{color:var(--danger)}.warning{color:#9a6a00}@media(prefers-color-scheme:dark){.warning{color:#f0c45a}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:40px;padding:0 18px;border-radius:999px;border:0;background:var(--surface-2);color:var(--text);font:550 15px/1 var(--font-ui);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color .18s,box-shadow .2s,transform .2s}.btn:hover:not(:disabled){background:var(--surface-3)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{position:relative;background:var(--primary-bg);color:#fff;font-weight:650;box-shadow:0 6px 18px -6px var(--primary-glow)}.btn-primary:hover:not(:disabled){background:var(--primary-bg);box-shadow:0 10px 30px -6px var(--primary-glow);filter:brightness(1.08)}.btn-ghost{background:transparent;color:inherit}.btn-ghost:hover:not(:disabled){background:color-mix(in srgb,currentColor 10%,transparent)}.btn-small{min-height:32px;padding:0 14px;font-size:14px}.icon-btn{width:36px;height:36px;display:inline-grid;place-items:center;border-radius:50%;border:0;background:transparent;color:var(--muted);font-size:15px;cursor:pointer;transition:background-color .15s,color .15s}.icon-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.icon-btn:disabled{opacity:.3;cursor:default}.icon-btn.danger:hover{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.link-btn{border:0;background:none;padding:0;color:var(--accent-text);font:inherit;font-weight:550;cursor:pointer;text-decoration:none}.link-btn:hover{text-decoration:underline;text-underline-offset:.2em}.link-btn.danger{color:var(--danger)}input[type=text],input[type=number],select,textarea{width:100%;min-height:42px;padding:10px 14px;border-radius:var(--radius-sm);border:0;background:var(--field);color:var(--text);font:400 16px/1.4 var(--font-ui);transition:box-shadow .2s,background-color .2s}input[type=text]::placeholder,input[type=number]::placeholder,select::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}input[type=text]:focus,input[type=number]:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 70%,transparent),0 0 22px -4px var(--primary-glow)}input[type=text].ng-invalid.ng-touched,input[type=text][aria-invalid=true],input[type=number].ng-invalid.ng-touched,input[type=number][aria-invalid=true],select.ng-invalid.ng-touched,select[aria-invalid=true],textarea.ng-invalid.ng-touched,textarea[aria-invalid=true]{box-shadow:0 0 0 2px color-mix(in srgb,var(--danger) 70%,transparent)}textarea{resize:vertical}.field{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;border:0}.field>span:first-child,.field>legend{font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:0}.card{display:block;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.dialog{width:min(560px,100vw - 32px);border:0;border-radius:var(--radius-lg);background:var(--surface-solid);color:var(--text);padding:26px;box-shadow:var(--shadow-pop)}.dialog::backdrop{background:#0a0a1e73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog h2{font-size:21px;margin-bottom:12px}.dialog p{margin:0 0 12px}.dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:18px}.quote{margin:0 0 12px;padding:10px 14px;background:var(--accent-soft);border-radius:var(--radius-sm);font-family:var(--font-text);font-size:17px;max-height:8em;overflow:auto}.share-row{display:flex;gap:8px}.share-row .share-url{flex:1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.share-length{margin-top:10px!important;font-size:14px}.landing{display:grid;place-items:center;min-height:100dvh;padding:16px}.landing-card{width:min(520px,100%);text-align:center;padding:40px 28px 32px;border-radius:var(--radius-lg)}.landing-card h1{font-family:var(--font-text);font-size:clamp(28px,6vw,38px);margin:6px 0 12px}.eyebrow{display:inline-block;margin:0;padding:5px 12px;border-radius:999px;background:var(--accent-soft);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text)}.landing-refs{list-style:none;padding:0;margin:0 0 8px;font-family:var(--font-text);font-size:18px}.landing-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px 0 16px}.landing-actions .btn{min-width:150px;min-height:48px}.char-count{margin:4px 0 0!important;text-align:right;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.char-count.error{color:var(--danger)}.vn{font-family:var(--font-ui);font-size:.55em;font-weight:600;vertical-align:super;line-height:0;margin-right:.2em;opacity:.6;-webkit-user-select:none;user-select:none}.para-gap{display:block;height:.6em}.seg{border-radius:.18em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.fx-b{font-weight:700}.fx-i{font-style:italic}.fx-a{color:var(--accent-text)}.fx-h1,.fx-h2,.fx-h3{padding:0 .08em}.fx-h1{background-color:var(--hl1)}.fx-h2{background-color:var(--hl2)}.fx-h3{background-color:var(--hl3)}.fx-sweep{--hl-sweep: var(--hl1);background-color:transparent!important;background-image:linear-gradient(var(--hl-sweep),var(--hl-sweep));background-repeat:no-repeat;background-size:100% 100%;padding:0 .08em}.fx-sweep.fx-h2{--hl-sweep: var(--hl2)}.fx-sweep.fx-h3{--hl-sweep: var(--hl3)}.w.cm{text-decoration:underline dotted var(--accent-text);text-decoration-thickness:2px;text-underline-offset:.22em}.cm-ref{font-family:var(--font-ui);font-size:.6em;color:var(--accent-text);font-weight:700;margin-left:.1em;-webkit-user-select:none;user-select:none}.cm-mark{font:700 .6em/1 var(--font-ui);vertical-align:super;margin-left:.15em;padding:.2em .45em;border-radius:999px;border:0;cursor:pointer;color:var(--accent-contrast);background:var(--accent-text)}.w[data-cm]{cursor:pointer;text-decoration-style:solid;text-decoration-thickness:1.5px;border-radius:.15em;transition:background-color .15s}.w.cm-hot{background-color:color-mix(in srgb,var(--accent-text) 18%,transparent)}.cm-mark:hover{filter:brightness(1.1)}.stage .anim.fx-fade,.stage .anim.fx-slide,.stage .anim.fx-zoom{opacity:0}.stage .anim.fx-slide .w,.stage .anim.fx-zoom .w{display:inline-block}.stage .anim.fx-sweep{background-size:0% 100%}.stage .anim.play.fx-fade{animation:fx-fade .9s ease-out var(--fx-delay, 0s) forwards}.stage .anim.play.fx-slide{animation:fx-fade .7s ease-out var(--fx-delay, 0s) forwards}.stage .anim.play.fx-slide .w{animation:fx-slide .9s cubic-bezier(.2,.7,.2,1) var(--fx-delay, 0s) both}.stage .anim.play.fx-zoom{animation:fx-fade .6s ease-out var(--fx-delay, 0s) forwards}.stage .anim.play.fx-zoom .w{animation:fx-zoom .9s cubic-bezier(.2,.9,.3,1.2) var(--fx-delay, 0s) both}.stage .anim.play.fx-sweep{animation:fx-sweep .9s ease-in-out var(--fx-delay, 0s) forwards}@keyframes fx-fade{0%{opacity:0}to{opacity:1}}@keyframes fx-slide{0%{transform:translate(-1.6em)}to{transform:none}}@keyframes fx-zoom{0%{transform:scale(.6)}to{transform:none}}@keyframes fx-sweep{0%{background-size:0% 100%}to{background-size:100% 100%}}@media(prefers-reduced-motion:reduce){.stage .anim{opacity:1!important;animation:none!important}.stage .anim .w{animation:none!important}.stage .anim.fx-sweep{background-size:100% 100%!important}}.editor-text .anim{background-image:var(--brand-gradient);background-size:100% 2px;background-position:0 100%;background-repeat:no-repeat;padding-bottom:1px}.editor-text .anim.fx-sweep{background-image:var(--brand-gradient),linear-gradient(var(--hl-sweep),var(--hl-sweep));background-size:100% 2px,100% 100%;background-position:0 100%,0 0}.topbar{position:sticky;top:10px;z-index:10;display:flex;align-items:center;gap:12px;width:min(1000px,100% - 20px);margin:10px auto 0;padding:8px 8px 8px 12px;border-radius:999px;background:color-mix(in srgb,var(--surface-solid) 78%,transparent);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);box-shadow:var(--shadow)}.brand{display:inline-flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:var(--brand-gradient);color:#fff;box-shadow:0 6px 18px -4px var(--primary-glow)}.brand-name{font:750 20px/1 var(--font-ui);letter-spacing:-.02em;background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.topbar-actions{margin-left:auto;display:flex;gap:6px}@media(max-width:520px){.brand-name{display:none}}.editor{max-width:820px;margin:0 auto;padding:24px 16px 120px;display:flex;flex-direction:column;gap:18px}.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:34px 30px 28px;border-radius:var(--radius-lg);background:radial-gradient(120% 160% at 0% 0%,color-mix(in srgb,var(--brand-1) 30%,transparent),transparent 55%),radial-gradient(120% 160% at 100% 100%,color-mix(in srgb,var(--brand-2) 24%,transparent),transparent 55%),var(--surface);box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;top:-60px;right:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-2) 35%,transparent),transparent 70%);filter:blur(10px);pointer-events:none}.title-input{position:relative;z-index:1;min-height:0!important;padding:0!important;background:transparent!important;font-family:var(--font-text)!important;font-size:clamp(26px,5vw,36px)!important;font-weight:700;letter-spacing:-.01em}.title-input:focus{box-shadow:none!important}.hint{position:relative;z-index:1;margin:0;max-width:56ch;font-size:14px;color:var(--muted)}.passage{display:flex;flex-direction:column;gap:16px;padding:22px 22px 18px}.passage-head{display:flex;align-items:center;gap:8px}.passage-title{flex:1;font-family:var(--font-text);font-size:21px;min-width:0;overflow-wrap:anywhere}.passage-tools{display:flex;gap:2px}.ref-fields summary{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:var(--surface-2);cursor:pointer;font-size:13px;font-weight:600;list-style:none;transition:background-color .15s}.ref-fields summary::-webkit-details-marker{display:none}.ref-fields summary:before{content:"\203a";display:inline-block;font-size:16px;line-height:1;transition:transform .2s}.ref-fields summary:hover{background:var(--surface-3)}.ref-fields[open] summary{margin-bottom:14px}.ref-fields[open] summary:before{transform:rotate(90deg)}.ref-grid{display:grid;grid-template-columns:2fr repeat(3,minmax(70px,.6fr)) 1.6fr;gap:12px}@media(max-width:700px){.ref-grid{grid-template-columns:repeat(3,1fr)}.ref-grid .ref-book,.ref-grid .ref-translation{grid-column:1/-1}}.paste-area{font-family:var(--font-text)!important;font-size:17px!important;line-height:1.6!important;min-height:180px;border-radius:var(--radius-md)!important;padding:16px 18px!important}.text-edit-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;font-size:14px}.text-edit .warning{font-size:14px;margin:8px 0 0}.slides{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.slide-row{position:relative;display:grid;grid-template-columns:28px 1fr 34px;align-items:start;gap:10px;padding:14px 10px 14px 12px;border-radius:var(--radius-md);background:var(--field);transition:background-color .2s,box-shadow .2s}.slide-row:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 22%,transparent)}.slide-no{display:grid;place-items:center;width:24px;height:24px;margin-top:.15em;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);font:700 11px/1 var(--font-ui)}.slide-text{font-family:var(--font-text);font-size:19px;line-height:1.7;overflow-wrap:anywhere;cursor:text}.slide-text::selection,.slide-text *::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}.merge{font-size:14px}.passage-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px}.passage-foot .muted{margin-left:auto;font-size:13px}.comments{padding:16px 18px;border-radius:var(--radius-md);background:var(--accent-soft)}.comments h3{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);margin-bottom:10px}.comments ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:12px}.comments q{font-family:var(--font-text);color:var(--muted);font-style:italic}.comments textarea{margin-top:6px}.comment-text{margin:4px 0;white-space:pre-wrap}.row-actions{display:flex;gap:14px;margin-top:4px;font-size:14px}.btn-add{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;border:0;border-radius:var(--radius);background:transparent;color:var(--muted);font:600 15px/1 var(--font-ui);cursor:pointer;transition:background-color .2s,color .2s}.btn-add:hover{background:var(--surface-2);color:var(--text)}.btn-add:hover .btn-add-icon{box-shadow:0 0 20px -2px var(--primary-glow);transform:rotate(90deg)}.btn-add-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-size:18px;line-height:1;transition:box-shadow .25s,transform .3s}.playback{display:flex;flex-direction:column;gap:22px;padding:24px;border-radius:var(--radius-lg);background:linear-gradient(135deg,color-mix(in srgb,var(--brand-1) 14%,transparent),color-mix(in srgb,var(--brand-2) 10%,transparent)),var(--surface);box-shadow:var(--shadow)}.playback-head{display:flex;align-items:center;gap:14px}.playback-head h2{font-size:18px}.playback-head p{margin:2px 0 0;font-size:13px;color:var(--muted)}.playback-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;padding:0 0 0 3px;border:0;border-radius:50%;background:var(--brand-gradient);color:#fff;font-size:15px;cursor:pointer;box-shadow:0 8px 22px -6px var(--primary-glow);transition:transform .2s,box-shadow .2s}.playback-icon:hover:not(:disabled){transform:scale(1.08);box-shadow:0 10px 30px -4px var(--primary-glow)}.playback-icon:active:not(:disabled){transform:scale(.96)}.playback-icon:disabled{opacity:.45;cursor:default}.playback-grid{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:20px 28px;align-items:start}@media(max-width:760px){.playback-grid{grid-template-columns:1fr}}.pb-group{display:flex;flex-direction:column;gap:8px;min-width:0}.pb-group.pb-themes{grid-column:1/-1}.pb-label{font-size:12px;font-weight:650;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.stepper{display:inline-flex;align-items:center;align-self:flex-start;padding:4px;border-radius:999px;background:var(--field)}.stepper button{width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:18px;cursor:pointer;transition:background-color .15s}.stepper button:hover{background:var(--surface-3)}.stepper input{width:52px!important;min-height:0!important;padding:0!important;background:transparent!important;text-align:center;font-weight:700!important;font-size:18px!important;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper button:disabled{opacity:.35;cursor:default}.stepper .stepper-a{font-size:13px;font-weight:700}.stepper-value{min-width:64px;text-align:center;font-weight:700;font-size:16px;font-variant-numeric:tabular-nums}.stepper-unit{margin:0 8px 0 -4px;font-size:13px;color:var(--muted)}.pills{display:inline-flex;align-self:flex-start;flex-wrap:wrap;gap:4px;padding:4px;border-radius:999px;background:var(--field)}.pill{position:relative}.pill input{position:absolute;opacity:0;pointer-events:none}.pill span{display:block;padding:9px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.pill input:checked+span{background:var(--brand-gradient);color:#fff;box-shadow:0 6px 18px -6px var(--primary-glow)}.pill input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-choice{position:relative;display:flex;flex-direction:column;gap:8px;cursor:pointer}.theme-choice input{position:absolute;opacity:0;pointer-events:none}.theme-preview{display:flex;flex-direction:column;justify-content:center;gap:7px;height:64px;padding:0 16px;border-radius:var(--radius-md);background:var(--stage-bg);box-shadow:0 0 0 1px var(--line);transition:box-shadow .2s,transform .2s}.theme-preview i{display:block;height:6px;width:80%;border-radius:999px;background:var(--stage-text);opacity:.85}.theme-preview i+i{width:52%;background:var(--accent-text)}.theme-choice.theme-dark .theme-preview{background:radial-gradient(120% 120% at 0% 0%,rgba(132,108,255,.35),transparent 60%),var(--stage-bg)}.theme-name{font-size:13px;font-weight:600;color:var(--muted);text-align:center}.theme-choice:hover .theme-preview{transform:translateY(-2px)}.theme-choice input:checked~.theme-preview{box-shadow:0 0 0 2px var(--brand-1),0 10px 26px -8px var(--primary-glow)}.theme-choice input:checked~.theme-name{color:var(--text)}.theme-choice input:focus-visible~.theme-preview{outline:2px solid var(--focus);outline-offset:3px}.editor-text .w{cursor:pointer;border-radius:.25em;box-shadow:0 0 0 .08em transparent;transition:background-color .12s,box-shadow .12s}.editor-text .w:hover{background-color:color-mix(in srgb,var(--accent) 14%,transparent)}.editor-text .w.sel{background-color:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:0 0 0 .08em color-mix(in srgb,var(--accent) 30%,transparent),0 0 16px -2px var(--primary-glow)}app-selection-panel{--text: #eeedfb;--muted: #a3a2c9;--surface-2: rgba(255, 255, 255, .07);--surface-3: rgba(255, 255, 255, .13);--accent-text: #b4a9ff;--accent-soft: rgba(139, 123, 255, .18);--danger: #ff8f88;--line: rgba(200, 196, 255, .1);color-scheme:dark;position:fixed;z-index:50;width:min(380px,100vw - 20px);max-height:min(560px,100dvh - 20px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:14px 16px 16px;border-radius:24px;background:#161632e6;-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);color:var(--text);box-shadow:0 1px #ffffff14 inset,0 30px 70px -10px #05051999,0 0 40px -12px var(--primary-glow);animation:panel-in .18s ease-out}app-selection-panel:before{content:"";position:sticky;top:-14px;display:block;height:2px;margin:-14px -16px 0;background:var(--brand-gradient);box-shadow:0 0 14px 1px var(--primary-glow);flex:none}@media(max-width:700px){app-selection-panel{top:auto!important;left:0!important;right:0;bottom:0!important;width:auto;max-height:55vh!important;border-radius:24px 24px 0 0;padding-bottom:max(16px,env(safe-area-inset-bottom))}}@keyframes panel-in{0%{opacity:0;transform:translateY(4px)}}.sp-head{display:flex;align-items:center;gap:6px}.sp-quote{flex:1;min-width:0;font-family:var(--font-text);font-size:17px;text-align:center;overflow-wrap:anywhere}.sp-grow{flex:none;height:32px;padding:0 10px;border:0;border-radius:999px;background:var(--surface-2);color:var(--text);font:650 13px/1 var(--font-ui);cursor:pointer;transition:background-color .15s}.sp-grow:hover:not(:disabled){background:var(--surface-3)}.sp-grow:disabled{opacity:.3;cursor:default}.sp-close{flex:none}.sp-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px}.sp-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.sp-buttons{display:flex;flex-wrap:wrap;gap:6px}.sp-btn{min-width:42px;height:40px;padding:0 12px;border:0;border-radius:14px;background:var(--surface-2);color:var(--text);font:600 14px/1 var(--font-ui);cursor:pointer;transition:background .15s,box-shadow .2s,transform .15s}.sp-btn:hover{background:var(--surface-3)}.sp-btn:active{transform:scale(.95)}.sp-btn.on{background:var(--brand-gradient);color:#fff;box-shadow:0 6px 18px -6px var(--primary-glow)}.sp-b{font-weight:800}.sp-i{font-style:italic;font-family:var(--font-text)}.sp-a{color:var(--accent-text)}.sp-text{font-weight:550}.sp-swatch.on{background:var(--surface-3);box-shadow:0 0 0 2px var(--brand-1)}.swatch{display:block;width:20px;height:20px;margin:auto;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff26;padding:0!important}.sp-section{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:#ffffff09}.sp-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 12px;border:0;border-radius:999px;background:var(--surface-2);color:var(--text);font:550 13px/1 var(--font-ui);cursor:pointer;transition:background-color .15s}.chip:hover{background:color-mix(in srgb,var(--danger) 22%,transparent)}.chip:hover .chip-x{color:var(--danger)}.chip-note,.chip-x{font-size:11px;color:var(--muted)}.sp-comment{padding:10px 12px;border-radius:12px;background:var(--accent-soft)}.sp-comment p{margin:0 0 6px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.sp-comment-actions{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.sp-add-comment{align-self:flex-start}.sp-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:13px}@media(max-width:700px){app-editor.has-selection .editor{padding-bottom:60vh}}.sp-grip{align-self:center;width:44px;height:14px;margin:-4px 0 -8px;border-radius:999px;cursor:grab;touch-action:none}.sp-grip:before{content:"";display:block;width:36px;height:4px;margin:5px auto;border-radius:999px;background:#ffffff2e;transition:background-color .15s}.sp-grip:hover:before,.sp-grip:focus-visible:before{background:#fff6}.sp-head{cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.sp-head button{cursor:pointer}app-selection-panel.moving{animation:none;box-shadow:0 1px #ffffff14 inset,0 40px 90px -10px #050519b3,0 0 60px -10px var(--primary-glow)}app-selection-panel.moving .sp-grip,app-selection-panel.moving .sp-head{cursor:grabbing}@media(max-width:700px){.sp-grip,.sp-head{cursor:default}}.editor-text .mk{display:inline-grid;place-items:center;width:1.4em;height:1.4em;margin:0 .15em 0 .1em;padding:0;vertical-align:.15em;font-size:.72em;border:0;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);cursor:pointer;user-select:none;-webkit-user-select:none;transition:background .15s,color .15s,box-shadow .2s}.editor-text .mk:before{content:"";width:60%;height:60%;background:currentColor;-webkit-mask:var(--mk-icon) center/contain no-repeat;mask:var(--mk-icon) center/contain no-repeat}.editor-text .mk{--mk-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zm17.71-10.21a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/></svg>")}.editor-text .mk.mk-comment{--mk-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 2H4a2 2 0 0 0-2 2v18l4-4h14a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z'/></svg>")}.editor-text .mk:hover,.editor-text .mk.active{background:var(--brand-gradient);color:#fff;box-shadow:0 0 14px -2px var(--primary-glow)}.editor-text .w.mk-preview{box-shadow:0 0 0 .1em var(--accent)}app-presentation.present{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:var(--stage-bg);color:var(--stage-text);user-select:none;-webkit-user-select:none}app-presentation.present.idle{cursor:none}app-presentation.present.idle .present-controls{opacity:0}.stage-area{flex:1;min-height:0;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);overflow:hidden;padding:1vh max(20px,6vw) 8px}.slide-ref-bar{display:grid;min-height:calc(max(24px,5vh) + 1.2em);padding:max(24px,5vh) 20px 0;font-size:clamp(13px,1.6vw,18px)}.slide-ref-bar>.slide-ref{grid-area:1/1}.ref-in{animation:ref-fade-in .9s ease-out .4s both}.ref-out{animation:ref-fade-out .6s ease-in both}@keyframes ref-fade-in{0%{opacity:0}}@keyframes ref-fade-out{to{opacity:0}}.slide{grid-area:1/1;min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.2vh}.slide-in{animation:slide-in-up 1.5s cubic-bezier(.22,.8,.28,1) var(--enter-delay, 0s) both}.slide-out{animation:slide-out-up 1.2s cubic-bezier(.5,0,.75,.3) both;pointer-events:none}.stage-area.backward .slide-in{animation-name:slide-in-down}.stage-area.backward .slide-out{animation-name:slide-out-down}@keyframes slide-in-up{0%{opacity:0;transform:translateY(100%)}40%{opacity:.6}}@keyframes slide-out-up{60%{opacity:.35}to{opacity:0;transform:translateY(-100%)}}@keyframes slide-in-down{0%{opacity:0;transform:translateY(-100%)}40%{opacity:.6}}@keyframes slide-out-down{60%{opacity:.35}to{opacity:0;transform:translateY(100%)}}.slide-ref{margin:0;font:600 clamp(13px,1.6vw,18px)/1.2 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--stage-muted);text-align:center}.slide-box{position:relative;flex:1;width:100%;min-height:0;display:flex;align-items:center;justify-content:center;overflow:visible}.present .slide-text{position:relative;max-width:30em;font-family:var(--font-text);line-height:1.45;text-align:center;text-wrap:balance;overflow-wrap:break-word;cursor:inherit}.title-slide{text-align:center}.title-slide h1{font-family:var(--font-text);font-size:clamp(32px,6.5vw,84px);max-width:16em;text-wrap:balance;margin-bottom:1vh}.title-ref{margin:0;font:500 clamp(16px,2.4vw,28px)/1.4 var(--font-text);color:var(--stage-muted)}.present-progress{height:3px;background:color-mix(in srgb,var(--stage-text) 10%,transparent)}.present-progress div{height:100%;background:var(--stage-muted);transition:width .3s ease}.present-controls{display:flex;align-items:center;gap:4px;padding:8px max(12px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-bottom));transition:opacity .3s}.pc-btn{min-width:44px;height:44px;border:0;border-radius:10px;background:transparent;color:var(--stage-text);font:400 22px/1 var(--font-ui);cursor:pointer;opacity:.75}.pc-btn:hover:not(:disabled){opacity:1;background:color-mix(in srgb,var(--stage-text) 10%,transparent)}.pc-btn:disabled{opacity:.25;cursor:default}.pc-play{font-size:18px}.pc-count{min-width:64px;text-align:center;font:500 14px/1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--stage-muted)}.pc-scale{display:flex;align-items:center;gap:2px;margin-right:6px}.pc-small{min-width:40px;font-size:14px;font-weight:700}.pc-scale-value{min-width:48px;text-align:center;font:500 13px/1 var(--font-ui);font-variant-numeric:tabular-nums;color:var(--stage-muted)}@media(max-width:520px){.pc-scale-value{display:none}}@media(hover:none){app-presentation.present.idle .present-controls{opacity:1}}@media(prefers-reduced-motion:reduce){.slide-in,.slide-out,.ref-in,.ref-out{animation:none!important}}.present .w[data-cm]{cursor:inherit}.bubble{--tail-x: 50%;position:absolute;top:0;left:0;z-index:2;width:max-content;max-width:min(22em,70%);padding:.55em .85em;border-radius:10px;font:500 clamp(13px,1.3vw,20px)/1.35 var(--font-ui);text-align:left;color:var(--stage-bg);background:var(--stage-text);box-shadow:0 6px 20px #00000047;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;visibility:hidden}.bubble:after{content:"";position:absolute;top:100%;left:var(--tail-x);transform:translate(-50%);border:8px solid transparent;border-top-color:var(--stage-text)}.bubble.placed{visibility:visible;animation:bubble-in .35s ease-out both}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bubble.placed{animation:none}}app-reader.reader{position:fixed;inset:0;z-index:90;overflow-y:auto;background:var(--stage-bg);color:var(--stage-text)}.reader-bar{position:sticky;top:0;display:flex;align-items:center;gap:4px;padding:8px max(12px,env(safe-area-inset-left));background:color-mix(in srgb,var(--stage-bg) 90%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid color-mix(in srgb,var(--stage-text) 10%,transparent);z-index:1}.font-buttons{display:flex}.reader-doc{max-width:65ch;margin:0 auto;padding:6vh 16px 20vh;font-family:var(--font-text);line-height:1.75}.reader-title{font-size:1.9em;line-height:1.2;text-align:center;margin-bottom:.4em}.reader-tools{text-align:center;font:400 14px/1.4 var(--font-ui);color:var(--stage-muted);margin:0 0 1.5em}.reader-section+.reader-section{margin-top:2.4em}.reader-ref{font:600 .62em/1.3 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--stage-muted);text-align:center;margin-bottom:1em}.reader-text{margin:0;overflow-wrap:break-word;hyphens:auto}.reader-doc{position:relative}.cm-margin{position:absolute;top:0;left:calc(100% + 36px);width:250px;height:100%}.cm-box{position:absolute;left:0;right:0;display:flex;gap:10px;padding:10px 12px;font:400 14.5px/1.5 var(--font-ui);color:var(--stage-text);background:color-mix(in srgb,var(--stage-text) 6%,var(--stage-bg));border:1px solid color-mix(in srgb,var(--stage-text) 12%,transparent);border-left:3px solid var(--accent-text);border-radius:var(--radius-sm);transition:box-shadow .15s,border-color .15s}.cm-box p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.cm-box.hot{border-color:var(--accent-text);box-shadow:0 4px 18px #0000002e}.cm-box-no{flex:none;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;font:700 11px/1 var(--font-ui);color:var(--accent-contrast);background:var(--accent-text);margin-top:1px}.cm-dialog{padding:0}.cm-dialog .cm-dialog-body{padding:22px}.cm-dialog .quote{font-size:16px}.cm-dialog-text{font-size:17px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.cm-dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:16px 16px 0 0}.cm-dialog .cm-dialog-body{padding-bottom:max(22px,env(safe-area-inset-bottom))}}@media(prefers-color-scheme:dark){html{scrollbar-color:rgba(196,190,255,.22) transparent}body{background:radial-gradient(1200px 700px at 50% -15%,rgba(88,76,200,.4),transparent 70%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;background:radial-gradient(34vmax 34vmax at 16% 22%,var(--glow-violet),transparent 70%),radial-gradient(28vmax 28vmax at 84% 26%,var(--glow-cyan),transparent 70%),radial-gradient(38vmax 38vmax at 60% 90%,var(--glow-rose),transparent 70%);filter:blur(24px);animation:ambient-drift 50s ease-in-out infinite alternate}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}::selection{background:#8b7bff61}.topbar{background:#1a1b3e8c;box-shadow:0 1px #ffffff0f inset,0 14px 40px #03041266}.card{background:linear-gradient(180deg,#ffffff0f,#ffffff04),var(--surface);-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);transition:box-shadow .35s}app-passage-editor.card:hover,app-passage-editor.card:focus-within{box-shadow:var(--shadow),0 0 60px -20px #7c68ff73}.hero,.playback{-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%)}.dialog{background:#1c1d42f0;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)}.dialog::backdrop{background:#0607188c}option{background:var(--surface-solid)}.landing-card{box-shadow:var(--shadow-pop),0 0 100px -20px #7c68ff73}.editor>*{animation:ambient-rise .6s cubic-bezier(.2,.7,.2,1) both}.editor>:nth-child(2){animation-delay:.06s}.editor>:nth-child(3){animation-delay:.12s}.editor>:nth-child(4){animation-delay:.18s}.editor>:nth-child(5){animation-delay:.24s}.editor>:nth-child(6){animation-delay:.3s}.landing-card{animation:ambient-rise .7s cubic-bezier(.2,.7,.2,1) both}}app-presentation.present.theme-dark,app-reader.reader.theme-dark{background:radial-gradient(1100px 700px at 12% -10%,rgba(124,104,255,.22),transparent 60%),radial-gradient(900px 700px at 110% 110%,rgba(60,200,230,.1),transparent 60%),var(--stage-bg)}app-reader.reader.theme-dark{background-attachment:local}@keyframes ambient-drift{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(3vmax,-2vmax,0) rotate(6deg)}to{transform:translate3d(-2vmax,2vmax,0) rotate(-5deg)}}@keyframes ambient-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){body:before,.editor>*,.landing-card{animation:none!important}}