:root{color-scheme:light;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg: #f6f6f2;--bg-sidebar: #fbfbf8;--surface: #ffffff;--surface-elevated: #ffffff;--surface-input: #f4f5f1;--surface-hover: #f0f1ec;--surface-hero: #eef0e8;--topbar-bg: rgba(246,246,242,.82);--border: #e3e5de;--border-strong: #cdd1c7;--border-accent: rgba(41,78,232,.28);--primary: #294ee8;--primary-light: #294ee8;--primary-dark: #1d3bc9;--primary-gradient: linear-gradient(180deg,#3558f0,#294ee8);--primary-glow: rgba(41,78,232,.16);--primary-subtle: rgba(41,78,232,.07);--primary-on: #ffffff;--accent: #e5f27d;--accent-ink: #2e3a12;--feature-bg: #1e2a23;--feature-ink: #f3f6ed;--feature-border: transparent;--success: #2f7445;--success-subtle: rgba(47,116,69,.09);--warning: #9a5f12;--warning-subtle: rgba(154,95,18,.1);--danger: #bf3f38;--danger-subtle: rgba(191,63,56,.08);--info: #2a60aa;--info-subtle: rgba(42,96,170,.08);--violet: #6a4fd6;--violet-subtle: rgba(106,79,214,.08);--on-status: #ffffff;--text: #232823;--text-heading: #131814;--text-secondary: #414a43;--text-muted: #646d65;--text-subtle: #6e776f;--text-dim: #7a827a;--overlay: rgba(19,26,22,.42);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 18px;--shadow-xs: 0 1px 1px rgba(22,32,25,.04);--shadow-sm: 0 1px 2px rgba(22,32,25,.05), 0 1px 1px rgba(22,32,25,.02);--shadow-md: 0 1px 2px rgba(22,32,25,.04), 0 8px 20px -8px rgba(22,32,25,.1);--shadow-lg: 0 2px 4px rgba(22,32,25,.04), 0 18px 40px -14px rgba(22,32,25,.18);--shadow-xl: 0 4px 10px rgba(22,32,25,.05), 0 32px 80px -20px rgba(22,32,25,.28);--glow-sm: 0 2px 8px rgba(41,78,232,.12);--glow-md: 0 6px 18px -4px rgba(41,78,232,.35);--ring: 0 0 0 3px rgba(41,78,232,.18);--ease-out: cubic-bezier(.22,1,.36,1);--ease-spring: cubic-bezier(.34,1.56,.64,1)}:root[data-theme=dark]{color-scheme:dark;--bg: #121614;--bg-sidebar: #151a17;--surface: #1a201c;--surface-elevated: #212823;--surface-input: #161b18;--surface-hover: #232a25;--surface-hero: #1e2520;--topbar-bg: rgba(18,22,20,.8);--border: #2a322d;--border-strong: #3e4841;--border-accent: rgba(157,176,255,.32);--primary: #3d5ef0;--primary-light: #9fb2ff;--primary-dark: #3050de;--primary-gradient: linear-gradient(180deg,#4a69f4,#3a5bee);--primary-subtle: rgba(159,178,255,.1);--primary-glow: rgba(61,94,240,.2);--accent: #e3f07a;--accent-ink: #26300c;--feature-bg: #1b241e;--feature-border: rgba(229,242,125,.14);--success: #93cf9f;--success-subtle: rgba(147,207,159,.1);--warning: #e8bf72;--warning-subtle: rgba(232,191,114,.1);--danger: #f29a8f;--danger-subtle: rgba(242,154,143,.1);--info: #95c2ef;--info-subtle: rgba(149,194,239,.1);--violet: #bcaaff;--violet-subtle: rgba(188,170,255,.1);--on-status: #121614;--text: #e2e7df;--text-heading: #f3f6ef;--text-secondary: #c3ccc0;--text-muted: #a0ab9e;--text-subtle: #97a295;--text-dim: #8a9588;--overlay: rgba(4,8,6,.66);--shadow-xs: 0 1px 1px rgba(0,0,0,.2);--shadow-sm: 0 1px 2px rgba(0,0,0,.24);--shadow-md: 0 1px 2px rgba(0,0,0,.2), 0 8px 22px -8px rgba(0,0,0,.45);--shadow-lg: 0 2px 4px rgba(0,0,0,.2), 0 18px 44px -14px rgba(0,0,0,.6);--shadow-xl: 0 4px 10px rgba(0,0,0,.25), 0 32px 80px -20px rgba(0,0,0,.7);--glow-md: 0 6px 18px -4px rgba(61,94,240,.45);--ring: 0 0 0 3px rgba(159,178,255,.22)}html{-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-feature-settings:"cv11","ss01"}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:500;text-wrap:balance}p{text-wrap:pretty}button,input,select,textarea{font:inherit;color:inherit}button:disabled{cursor:not-allowed}input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.sj-bare-input):focus-visible,select:focus-visible,textarea:focus-visible{outline:none!important;border-color:var(--primary-light)!important;box-shadow:var(--ring)!important}:focus-visible{outline:2px solid var(--primary-light)!important;outline-offset:3px}::selection{background:var(--accent);color:var(--accent-ink)}::placeholder{color:var(--text-dim);opacity:1}.skeleton-shimmer{background:linear-gradient(90deg,var(--surface-input),var(--surface-hover),var(--surface-input));background-size:200% 100%}.serif-accent{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}@media (max-width:600px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.studyjot-brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-heading);font:600 27px/1 Inter,sans-serif;letter-spacing:-1.5px;text-decoration:none;white-space:nowrap}.studyjot-dot{color:var(--primary-light)}.studyjot-mark{display:flex;align-items:center;gap:3px;height:32px;transform:rotate(-15deg);flex-shrink:0}.studyjot-mark i{display:block;width:6px;height:23px;background:var(--primary-light);border-radius:1px}.studyjot-mark i:nth-child(2){height:31px}.studyjot-mark i:nth-child(3){height:18px;align-self:flex-end}.studyjot-brand.is-inverse{color:#f3f6ed}.studyjot-brand.is-inverse .studyjot-mark i{background:#e8f287}.studyjot-brand.is-inverse .studyjot-dot{color:#e8f287}.workspace-label{display:block;font:600 10.5px/1.5 var(--font-sans);letter-spacing:.1em;color:var(--text-muted)}.workspace-nav-group>.workspace-label{padding:0 13px 9px}.workspace-pro>.workspace-label{font-size:8px}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.auth-story{padding:45px 60px;color:#f3f6ed;background:#202b25;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.auth-story-copy{max-width:500px;margin:auto 0;padding-block:25px}.auth-story-copy>.workspace-label{color:#c0cbb7}.auth-story h2{font-size:clamp(40px,4vw,64px);font-weight:400;line-height:1.12;letter-spacing:-.055em;margin-top:24px}.auth-story h2 em{letter-spacing:-.01em;font-family:var(--font-serif);font-style:italic;font-weight:400;color:#e8f287}.auth-story p{font-size:15px;line-height:1.9;color:#c3cdbf;margin-top:26px}.auth-study-note{position:relative;background:#e8f287;color:#283119;border-radius:8px;transform:rotate(-3deg);padding:26px;margin:50px 20px 0 0;max-width:330px}.auth-study-note>span:first-child{font-size:9px;letter-spacing:.12em}.auth-study-note strong{display:block;margin-top:12px;font-size:23px;line-height:1.35;font-weight:500;letter-spacing:-.04em}.auth-study-note>span:last-child{position:absolute;right:23px;bottom:20px;font-size:32px}.auth-story-footer{font-size:11px;color:#b2bea9}.auth-form-area{background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;padding:56px}.auth-form{width:100%;max-width:400px}.auth-form h1{font-size:39px;line-height:1.15;letter-spacing:-.05em;margin:16px 0;font-weight:500}.auth-intro{color:var(--text-muted);font-size:15px;line-height:1.8;margin-bottom:30px}.auth-footer{color:var(--text-muted);border-top:1px solid var(--border);padding-top:24px;margin-top:28px;font-size:13px}.auth-mobile-brand{display:none}.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.appearance-option{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:8px;color:var(--text)}.appearance-option[aria-pressed=true]{border-color:var(--primary-light);outline:1px solid var(--primary-light)}.appearance-swatch{height:54px;display:grid;grid-template-columns:22% 1fr;gap:5px;border-radius:4px;overflow:hidden;padding:6px;background:#f3f5ee}.appearance-swatch>i{background:#e0e5d6;border-radius:2px}.appearance-swatch>span{background:#fff;border-radius:2px;border-top:5px solid #294ee8}.appearance-swatch.dark{background:#171c19}.appearance-swatch.dark>i{background:#354037}.appearance-swatch.dark>span{background:#2a332d;border-color:#a0b3ff}.appearance-swatch.system{background:linear-gradient(90deg,#f3f5ee 50%,#171c19 50%)}.appearance-swatch.system>span{background:linear-gradient(90deg,#fff 50%,#2a332d 50%)}.appearance-option>strong{display:block;font-size:12px;font-weight:500;padding:8px 2px 2px}@media (max-width:1100px){.auth-story{padding:35px}.auth-form-area{padding:38px}}@media (max-width:760px){.auth-layout{display:block}.auth-story{display:none}.auth-form-area{min-height:100dvh;padding:30px 24px 45px;flex-direction:column;justify-content:flex-start;gap:60px}.auth-mobile-brand{display:block;width:100%;max-width:400px}.auth-form h1{font-size:35px}}.upgrade-heading{margin:15px auto 44px;max-width:700px;text-align:center}.upgrade-heading h1{font-size:clamp(36px,4vw,56px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin-top:20px}.upgrade-heading em{letter-spacing:-.01em;font-family:var(--font-serif);font-style:italic;color:var(--primary-light);font-weight:400}.upgrade-heading p{color:var(--text-muted);font-size:15px;line-height:1.8;margin-top:20px}.upgrade-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:auto}.upgrade-plan{padding:32px;border:1px solid var(--border);background:var(--surface);border-radius:20px;box-shadow:var(--shadow-sm)}.upgrade-featured{--text-heading: #fff;--text: #fff;--text-muted: #e0e7ff;--border: #ffffff38;background:#294ee8;color:#fff}.upgrade-plan-label{display:flex;align-items:center;justify-content:space-between;gap:10px}.upgrade-plan-label h2{font-size:20px;font-weight:500;letter-spacing:-.025em}.upgrade-plan-label>span{font-size:10px;background:#e8f287;color:#303c17;padding:4px 8px;border-radius:4px;white-space:nowrap}.upgrade-price{font-size:55px;letter-spacing:-.06em;line-height:1.2;margin-top:35px}.upgrade-price>span{font-size:13px;letter-spacing:0;color:var(--text-muted);margin-left:8px}.upgrade-plan>p{color:var(--text-muted);font-size:12px;margin-top:10px;min-height:39px}.upgrade-plan ul{list-style:none;display:grid;gap:13px;border-top:1px solid var(--border);padding-top:26px;margin-top:22px;font-size:14px}.upgrade-action{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--primary);color:#fff;border:0;border-radius:12px;font-size:14px;font-weight:600;padding:15px 18px;margin-top:30px}.upgrade-action:disabled{opacity:.65}.upgrade-featured .upgrade-action{color:#303c17;background:#e8f287}.upgrade-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:900px;margin:55px auto 35px}.upgrade-features h3{font-size:20px;font-weight:500;letter-spacing:-.035em;margin-top:12px}.upgrade-features p{color:var(--text-muted);font-size:14px;line-height:1.8;margin-top:9px}.upgrade-footnote{text-align:center;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);padding-top:25px}.upgrade-error{color:var(--danger);background:var(--danger-subtle);padding:14px;border-radius:7px;margin-bottom:20px}@media (max-width:650px){.upgrade-plans,.upgrade-features{grid-template-columns:1fr}.upgrade-plan{padding:25px}.upgrade-heading{margin-top:0}}.sj-pro-tag{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:5px;background:color-mix(in srgb,var(--accent) 80%,transparent);color:var(--accent-ink);font-size:10px;font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase;flex-shrink:0}.sj-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--border);border-bottom-width:2px;border-radius:5px;background:var(--surface);color:var(--text-muted);font:500 11px/1 var(--font-sans)}.sj-menu{position:fixed;z-index:1300;min-width:248px;padding:6px;border:1px solid var(--border);border-radius:14px;background:var(--surface-elevated);box-shadow:var(--shadow-lg);animation:menuIn .16s var(--ease-out) both}.sj-menu-header{display:flex;align-items:center;gap:11px;padding:10px 10px 12px;margin-bottom:4px;border-bottom:1px solid var(--border)}.sj-menu-header strong{display:block;font-size:14px;font-weight:600;color:var(--text-heading);line-height:1.3}.sj-menu-header small{display:block;font-size:12px;color:var(--text-muted);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sj-menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:9px;background:transparent;color:var(--text-secondary);font-size:13.5px;text-align:left}.sj-menu-item:hover,.sj-menu-item:focus-visible{background:var(--surface-hover);color:var(--text-heading);outline:none!important}.sj-menu-item>svg{color:var(--text-muted);flex-shrink:0}.sj-menu-item.is-danger:hover{color:var(--danger)}.sj-menu-item.is-danger:hover>svg{color:var(--danger)}.sj-menu-sep{height:1px;margin:5px 4px;background:var(--border)}.sj-menu-label{padding:8px 10px 6px;font-size:11px;font-weight:600;color:var(--text-dim)}.sj-segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;margin:0 6px 6px;padding:3px;border-radius:10px;background:var(--surface-input);border:1px solid var(--border)}.sj-segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;border:0;border-radius:7px;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500}.sj-segmented button[aria-pressed=true]{background:var(--surface);color:var(--text-heading);box-shadow:var(--shadow-sm)}@keyframes menuIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:none}}.sj-gate{max-width:980px;margin:0 auto;padding:48px 40px 64px}.sj-gate-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center;padding:40px;border-radius:24px;background:var(--feature-bg);border:1px solid var(--feature-border);color:var(--feature-ink);box-shadow:var(--shadow-lg)}.sj-gate-hero:after{content:"";position:absolute;inset:auto -120px -160px auto;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(229,242,125,.2),transparent 65%);pointer-events:none}.sj-gate-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#e5f27d}.sj-gate h1{margin:16px 0 12px;color:#f6f8f1;font-size:clamp(30px,3.6vw,42px);line-height:1.08;letter-spacing:-.04em;font-weight:500}.sj-gate h1 .serif-accent{color:#e5f27d}.sj-gate-hero p{color:#c3cdbf;font-size:15px;line-height:1.7;max-width:440px}.sj-gate-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin-top:26px;position:relative;z-index:1}.sj-gate-cta{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 20px;border-radius:12px;background:#e5f27d;color:#26300c;font-weight:600;font-size:14.5px;transition:transform .15s var(--ease-out),filter .15s}.sj-gate-cta:hover{filter:brightness(1.04);transform:translateY(-1px)}.sj-gate-price{color:#aebaa9;font-size:13px}.sj-gate-art{position:relative;z-index:1;display:grid;place-items:center;min-height:220px}.sj-gate-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.sj-gate-feature{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-sm)}.sj-gate-feature span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--primary-subtle);color:var(--primary-light);margin-bottom:14px}.sj-gate-feature strong{display:block;font-size:14.5px;font-weight:600;color:var(--text-heading)}.sj-gate-feature p{margin-top:6px;font-size:13px;line-height:1.6;color:var(--text-muted)}@media (max-width: 860px){.sj-gate{padding:24px 16px 40px}.sj-gate-hero{grid-template-columns:1fr;padding:28px 22px;gap:10px}.sj-gate-art{min-height:160px;order:-1}.sj-gate-features{grid-template-columns:1fr}}.unified-select select,.learning-field select,.sj-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:38px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23646d65' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.sj-home{--sj-paper: #f6f6f2;--sj-paper-2: #eeefe8;--sj-card: #fbfbf8;--sj-ink: #131814;--sj-ink-2: #414a43;--sj-muted: #646d65;--sj-line: #e3e5de;--sj-line-strong: #cdd1c7;--sj-blue: #294ee8;--sj-blue-ink: #1d3bc9;--sj-lime: #e5f27d;--sj-lime-ink: #2e3a12;--sj-deep: #0f1612;--sj-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--sj-serif: "Instrument Serif", Georgia, serif;--sj-ease: cubic-bezier(.22, 1, .36, 1);--sj-dots: radial-gradient(circle at 1px 1px, rgba(19, 24, 20, .14) 1.1px, transparent 1.4px);background:var(--sj-paper);color:var(--sj-ink);font-family:Inter,sans-serif;font-size:16px;line-height:1.6;overflow:clip;color-scheme:light}.sj-home h1,.sj-home h2,.sj-home h3,.sj-home h4{font-family:Inter,sans-serif;font-weight:600;color:var(--sj-ink)}.sj-home em{font-family:var(--sj-serif);font-style:italic;font-weight:400;letter-spacing:-.01em}.sj-home button,.sj-home input,.sj-home textarea,.sj-home select{font:inherit}.sj-home button,.sj-home a{-webkit-tap-highlight-color:transparent}.sj-home :where(button){color:inherit;background:none;border:0}.sj-home svg{flex-shrink:0}.sj-home :focus-visible{outline:3px solid var(--sj-blue);outline-offset:4px;border-radius:6px}.sj-plan-pro :focus-visible,.sj-galaxy :focus-visible,.sj-final-cta :focus-visible,.sj-film :focus-visible{outline-color:var(--sj-lime)}.sj-home ::selection{background:var(--sj-lime);color:var(--sj-ink)}.sj-container{width:min(1240px,calc(100% - 96px));margin-inline:auto}.sj-home section[id]{scroll-margin-top:88px}.sj-skip{position:fixed;top:-100px;left:20px;z-index:100;padding:10px 16px;border-radius:8px;background:var(--sj-ink);color:#fff}.sj-skip:focus{top:16px}.sj-eyebrow{font-family:var(--sj-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sj-muted);margin-bottom:18px}.sj-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:-.005em;white-space:nowrap;cursor:pointer;transition:transform .25s var(--sj-ease),box-shadow .25s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.sj-button svg{transition:transform .25s var(--sj-ease)}.sj-button:hover svg:last-child{transform:translate(3px)}.sj-button:active{transform:scale(.97)}.sj-button-blue{background:var(--sj-blue);color:#fff;box-shadow:0 10px 30px -12px #294ee8b3}.sj-button-blue:hover{background:var(--sj-blue-ink)}.sj-button-dark{background:var(--sj-ink);color:#fff}.sj-button-dark:hover{background:#000}.sj-button-citrus{background:var(--sj-lime);color:var(--sj-ink)}.sj-button-citrus:hover{background:#eef79a}.sj-button-outline{border:1.5px solid var(--sj-line-strong);color:var(--sj-ink);background:var(--sj-card)}.sj-button-outline:hover{border-color:var(--sj-ink)}.sj-button-ghost{border:1px solid var(--sj-line-strong);color:var(--sj-ink);background:#ffffff80}.sj-button-ghost:hover{background:#fff;border-color:var(--sj-ink)}.sj-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px}.sj-home h2{font-size:clamp(38px,4.6vw,64px);line-height:1;letter-spacing:-.045em;font-weight:600}.sj-home h2 em{color:var(--sj-blue);font-size:1.06em}.sj-section-heading>p{max-width:300px;color:var(--sj-muted);font-size:17px}.sj-brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:700;letter-spacing:-.04em;color:var(--sj-ink)}.sj-brand-mark{display:inline-flex;align-items:flex-end;gap:3px;height:26px;transform:rotate(-15deg)}.sj-brand-mark i{display:block;width:6px;height:19px;border-radius:1.5px;background:var(--sj-blue)}.sj-brand-mark i:nth-child(2){height:25px}.sj-brand-mark i:nth-child(3){height:14px}.sj-brand-dot{color:var(--sj-blue)}.sj-header{position:sticky;top:0;z-index:50;transition:background-color .3s ease,box-shadow .3s ease}.sj-header.is-scrolled{background:#f6f6f2cc;backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);box-shadow:0 1px 0 var(--sj-line)}.sj-nav{display:flex;align-items:center;justify-content:space-between;height:72px}.sj-desktop-nav{display:flex;gap:30px}.sj-desktop-nav a{font-size:14px;font-weight:500;color:var(--sj-ink-2);transition:color .2s ease}.sj-desktop-nav a:hover{color:var(--sj-ink)}.sj-nav-actions{display:flex;align-items:center;gap:18px}.sj-sign-in{font-size:14px;font-weight:600;color:var(--sj-ink-2)}.sj-sign-in:hover{color:var(--sj-ink)}.sj-nav-cta{min-height:42px;padding:0 18px;font-size:14px}.sj-menu-button{display:none;width:44px;height:44px;place-items:center;border-radius:12px;border:1px solid var(--sj-line)!important;cursor:pointer}.sj-mobile-nav{display:none}.sj-hero{position:relative;padding:96px 0 48px;text-align:center;isolation:isolate}.sj-hero:before{content:"";position:absolute;top:-72px;right:0;bottom:-40vh;left:0;z-index:-1;background-image:var(--sj-dots);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 30%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse 60% 55% at 50% 30%,#000 25%,transparent 75%)}.sj-hero-inner{display:flex;flex-direction:column;align-items:center}.sj-hero h1{font-size:clamp(54px,8.4vw,132px);line-height:.9;letter-spacing:-.058em;font-weight:600;margin:0 0 30px}.sj-line{display:block;overflow:hidden;padding:0 .06em .08em}.sj-line>*{display:inline-block}.sj-hero h1 em{color:var(--sj-blue);font-size:1.08em;letter-spacing:-.035em;padding-right:.04em}.sj-hero-lede{max-width:540px;margin:0 auto 36px;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--sj-ink-2)}.sj-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.sj-free-note{margin-top:20px;font-size:13px;color:var(--sj-muted)}.sj-film{--p: 0;position:relative;height:150vh}.sj-film-sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;padding:72px 0 24px}.sj-film-frame{--fw: min( calc(100vw - 64px) , calc((100vh - 120px)*1.7778) );--ui: clamp(0, calc((var(--p) - .82) * 6), 1);position:relative;width:var(--fw);aspect-ratio:16 / 9;border-radius:calc(30px - var(--p) * 12px);overflow:hidden;background:var(--sj-deep);transform-origin:50% 20%;transform:perspective(1800px) translateY(calc((1 - var(--p)) * 4vh)) rotateX(calc((1 - var(--p)) * 20deg)) scale(calc(.7 + var(--p) * .3));box-shadow:0 0 0 1px #13181414,0 calc(20px + var(--p) * 30px) calc(50px + var(--p) * 70px) calc(-20px - var(--p) * 10px) rgba(19,24,20,calc(.25 + var(--p) * .2));will-change:transform}.sj-film-frame video{display:block;width:100%;height:100%;object-fit:cover;cursor:pointer}.sj-film-ui{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:14px;padding:48px 78px 18px 18px;background:linear-gradient(180deg,transparent,rgba(10,14,12,.55));opacity:0;pointer-events:none;transition:opacity .35s ease}.sj-film-frame:hover .sj-film-ui,.sj-film-frame:focus-within .sj-film-ui,.sj-film-frame.is-paused .sj-film-ui{opacity:var(--ui);pointer-events:auto}.sj-film-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;flex-shrink:0;cursor:pointer;background:#0f16128c!important;color:var(--sj-paper)!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background-color .2s ease,transform .25s var(--sj-ease)}.sj-film-btn:hover{background:#0f1612cc!important;transform:scale(1.05)}.sj-film-btn-play{background:var(--sj-lime)!important;color:var(--sj-ink)!important}.sj-film-btn-play:hover{background:#eef79a!important}.is-paused .sj-film-btn-play svg{transform:translate(1px)}.sj-film-sound{position:absolute;right:18px;bottom:18px;opacity:var(--ui)}.sj-film-rail{--cp: 0;display:flex;gap:4px;flex:1;min-width:0;list-style:none;padding:0;margin:0}.sj-film-rail li{flex-basis:0;min-width:0}.sj-film-rail button{position:relative;display:block;width:100%;padding:12px 0;cursor:pointer}.sj-rail-track{display:block;height:4px;border-radius:2px;background:#f6f6f24d;overflow:hidden;transition:height .2s ease}.sj-film-rail button:hover .sj-rail-track{height:6px}.sj-rail-track i{display:block;height:100%;background:var(--sj-paper);transform-origin:left;transform:scaleX(0)}.sj-film-rail .is-done .sj-rail-track i{transform:scaleX(1)}.sj-film-rail .is-active .sj-rail-track i{transform:scaleX(var(--cp));background:var(--sj-lime)}.sj-rail-tip{position:absolute;left:50%;bottom:100%;padding:4px 9px;border-radius:6px;transform:translate(-50%,4px);background:#0f1612d9;color:var(--sj-paper);font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s var(--sj-ease)}.sj-film-rail button:hover .sj-rail-tip,.sj-film-rail button:focus-visible .sj-rail-tip{opacity:1;transform:translate(-50%)}.sj-film-meta{display:flex;gap:10px;flex-shrink:0;font-family:var(--sj-mono);font-size:12px;color:#f6f6f2bf;font-variant-numeric:tabular-nums}.sj-film-meta span:first-child{color:var(--sj-paper);font-weight:600}@media (hover: none){.sj-film-ui{opacity:var(--ui);pointer-events:auto}}.sj-how{padding:64px 0 40px}.sj-how-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:80px}.sj-how-step{min-height:52vh;display:flex;flex-direction:column;justify-content:center;padding:40px 0;opacity:.3;transition:opacity .5s ease}.sj-how-step:first-child{min-height:44vh;justify-content:flex-start;padding-top:4vh}.sj-how-step:last-child{min-height:60vh}.sj-how-step.is-active{opacity:1}.sj-how-step-media{display:none}.sj-how-step-num{font-family:var(--sj-mono);font-size:14px;font-weight:700;color:var(--sj-blue);margin-bottom:14px}.sj-how-step h3{font-size:clamp(32px,3.4vw,50px);line-height:1.02;letter-spacing:-.04em;margin-bottom:18px}.sj-how-step h3 em{color:var(--sj-blue);font-size:1.06em}.sj-how-step p{max-width:400px;font-size:18px;color:var(--sj-ink-2)}.sj-how-stage{position:sticky;top:calc(50vh - 220px);height:max-content;align-self:start}.sj-media-frame{position:relative;border-radius:22px;overflow:hidden;background:var(--sj-deep);box-shadow:0 0 0 1px #13181414,0 40px 80px -40px #13181480}.sj-media-stack{position:relative;aspect-ratio:16 / 9}.sj-clip{display:block;width:100%;height:100%;object-fit:cover}.sj-media-stack .sj-clip{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(1.03);transition:opacity .6s ease,transform .9s var(--sj-ease)}.sj-media-stack .sj-clip.is-active{opacity:1;transform:none}.sj-media-pills{display:flex;justify-content:center;gap:6px;margin-top:20px}.sj-media-pills i{width:8px;height:8px;border-radius:4px;background:var(--sj-line-strong);transition:width .4s var(--sj-ease),background-color .3s ease}.sj-media-pills i.is-active{width:28px;background:var(--sj-blue)}.sj-galaxy{position:relative;isolation:isolate;padding:112px 0;background:var(--sj-deep);color:var(--sj-paper);overflow:hidden}.sj-galaxy-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:.6}.sj-galaxy-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,var(--sj-deep) 18%,rgba(15,22,18,.55) 55%,rgba(15,22,18,.85)),linear-gradient(180deg,var(--sj-deep),transparent 25%,transparent 75%,var(--sj-deep))}.sj-galaxy-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}.sj-galaxy h2{color:var(--sj-paper)}.sj-galaxy h2 em{color:var(--sj-lime)}.sj-galaxy .sj-eyebrow{color:#f6f6f299}.sj-galaxy-copy p{max-width:380px;margin-top:26px;font-size:18px;color:#f6f6f2b8}.sj-galaxy-features{display:grid;gap:12px}.sj-galaxy-features article{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:24px 26px 24px 22px;border-radius:18px;background:#f6f6f20d;border:1px solid rgba(246,246,242,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background-color .3s ease,border-color .3s ease}.sj-galaxy-features article:hover{background:#f6f6f214;border-color:#e5f27d59}.sj-feature-number{font-family:var(--sj-mono);font-size:13px;font-weight:600;color:var(--sj-lime)}.sj-galaxy-features h3{color:var(--sj-paper);font-size:20px;letter-spacing:-.02em;margin-bottom:4px}.sj-galaxy-features p{color:#f6f6f2a8;font-size:15px}.sj-galaxy-features svg{color:#f6f6f280}.sj-pricing{padding:112px 0 88px}.sj-billing-control{display:inline-flex;padding:5px;border-radius:999px;background:var(--sj-paper-2);border:1px solid var(--sj-line)}.sj-billing-control button{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:999px;font-size:14px;font-weight:600;color:var(--sj-muted);cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.sj-billing-control button[aria-pressed=true]{background:var(--sj-card);color:var(--sj-ink);box-shadow:0 1px 2px #13181414,0 4px 10px -4px #1318141f}.sj-billing-control button span{padding:2px 8px;border-radius:999px;background:var(--sj-lime);color:var(--sj-lime-ink);font-size:11px}.sj-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sj-plan{display:flex;flex-direction:column;gap:30px;padding:38px;border-radius:28px;background:var(--sj-card);border:1px solid var(--sj-line)}.sj-plan-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sj-plan-top h3{display:flex;align-items:center;gap:12px;font-size:26px;letter-spacing:-.03em}.sj-plan-top h3 span{padding:4px 10px;border-radius:999px;border:1px solid rgba(246,246,242,.35);font-family:var(--sj-mono);font-size:10.5px;font-weight:600;letter-spacing:.1em}.sj-plan-intro>p{color:var(--sj-muted)}.sj-price{margin:26px 0 6px;font-size:64px;line-height:1;font-weight:600;letter-spacing:-.05em}.sj-price span{margin-left:8px;font-size:15px;font-weight:500;letter-spacing:0;color:var(--sj-muted)}.sj-billing-note{font-size:13px;color:#f6f6f2b3}.sj-plan-intro .sj-button{width:100%;justify-content:space-between;margin-top:26px}.sj-plan ul{display:grid;gap:12px;list-style:none;padding:26px 0 0;border-top:1px solid var(--sj-line)}.sj-plan li{display:flex;align-items:center;gap:11px;font-size:15px}.sj-plan li svg{color:var(--sj-blue)}.sj-plan-pro{position:relative;overflow:hidden;background:var(--sj-blue);border-color:transparent;color:#fff;isolation:isolate}.sj-plan-pro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.16) 1.1px,transparent 1.4px);background-size:26px 26px;-webkit-mask-image:linear-gradient(200deg,#000,transparent 60%);mask-image:linear-gradient(200deg,#000,transparent 60%)}.sj-plan-pro h3,.sj-plan-pro .sj-price{color:#fff}.sj-plan-pro .sj-plan-intro>p,.sj-plan-pro .sj-price span{color:#ffffffbf}.sj-plan-pro ul{border-color:#fff3}.sj-plan-pro li svg{color:var(--sj-lime)}.sj-contact{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;padding:88px 0 112px;border-top:1px solid var(--sj-line)}.sj-contact>div>p{max-width:340px;margin-top:24px;font-size:17px;color:var(--sj-muted)}.sj-contact-form{padding:34px;border-radius:28px;background:var(--sj-card);border:1px solid var(--sj-line)}.sj-contact-form fieldset{display:grid;gap:18px;border:0;padding:0;margin:0;min-width:0}.sj-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sj-contact-form label{display:grid;gap:7px;font-size:13px;font-weight:600;color:var(--sj-ink-2)}.sj-contact-form label small{font-size:inherit;font-weight:400;color:var(--sj-muted)}.sj-contact-form input,.sj-contact-form select,.sj-contact-form textarea{width:100%;padding:13px 15px;border-radius:12px;border:1px solid var(--sj-line);background:var(--sj-paper);font-size:15px;font-weight:400;color:var(--sj-ink);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.sj-contact-form textarea{resize:vertical;min-height:120px}.sj-contact-form input:focus,.sj-contact-form select:focus,.sj-contact-form textarea:focus{outline:none;border-color:var(--sj-blue);background:#fff;box-shadow:0 0 0 4px #294ee824}.sj-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.sj-form-bottom>span{font-size:13px;color:var(--sj-muted)}.sj-form-status{min-height:1.4em;margin-top:12px;font-size:14px}.sj-form-status.success{color:#2f7445}.sj-form-status.error{color:#bf3f38}.sj-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sj-final-cta{position:relative;isolation:isolate;padding:120px 0 112px;background:var(--sj-deep);color:var(--sj-paper);text-align:center;overflow:hidden}.sj-final-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(circle at 1px 1px,rgba(246,246,242,.12) 1.1px,transparent 1.4px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 50%,#000,transparent 75%)}.sj-final-mark{display:inline-flex;align-items:flex-end;gap:7px;height:62px;margin-bottom:34px;transform:rotate(-15deg)}.sj-final-mark i{display:block;width:14px;height:45px;border-radius:3px;background:var(--sj-lime)}.sj-final-mark i:nth-child(2){height:60px}.sj-final-mark i:nth-child(3){height:33px}.sj-final-cta h2{color:var(--sj-paper);font-size:clamp(48px,7vw,104px);letter-spacing:-.055em}.sj-final-cta h2 em{color:var(--sj-lime)}.sj-final-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:42px 0 20px}.sj-final-cta p{font-size:14px;color:#f6f6f28c}.sj-footer{display:flex;align-items:center;gap:28px;padding:34px 0 40px;font-size:14px;color:var(--sj-muted)}.sj-footer nav{display:flex;gap:22px;margin-left:auto}.sj-footer nav a{display:inline-flex;align-items:center;gap:4px;font-weight:500;color:var(--sj-ink-2)}.sj-footer nav a:hover{color:var(--sj-ink)}.sj-footer small{font-family:var(--sj-mono);font-size:12px}@media (prefers-reduced-motion: no-preference){.sj-line>*{animation:sj-line-in 1.1s var(--sj-ease) both}.sj-line:nth-child(1)>*{animation-delay:.1s}.sj-line:nth-child(2)>*{animation-delay:.24s}.sj-hero-lede{animation:sj-rise .9s var(--sj-ease) both .45s}.sj-hero-actions{animation:sj-rise .9s var(--sj-ease) both .55s}.sj-free-note{animation:sj-rise .9s var(--sj-ease) both .65s}@keyframes sj-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes sj-line-in{0%{transform:translateY(105%);letter-spacing:.02em}to{transform:none}}}@media (prefers-reduced-motion: reduce){.sj-home *,.sj-home *:before,.sj-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sj-film{height:auto}.sj-film-sticky{position:relative;height:auto;padding:24px 0 80px}}@media (max-width: 1150px){.sj-container{width:calc(100% - 64px)}.sj-how-grid,.sj-galaxy-grid,.sj-contact{gap:48px}.sj-desktop-nav{display:none}.sj-menu-button{display:grid}.sj-mobile-nav{display:grid;gap:2px;padding:10px 32px 22px;background:#f6f6f2f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--sj-line)}.sj-mobile-nav a{padding:12px 0;font-size:17px;font-weight:600;border-bottom:1px solid var(--sj-line)}}@media (max-width: 900px){.sj-container{width:calc(100% - 40px)}.sj-hero{padding:56px 0 28px}.sj-film{height:auto}.sj-film-sticky{position:relative;height:auto;padding:8px 0}.sj-film-frame{--fw: calc(100vw - 40px) ;border-radius:18px;transform:none;box-shadow:0 0 0 1px #13181414,0 24px 40px -24px #13181473}.sj-film-ui{padding:30px 60px 10px 12px;gap:10px}.sj-film-meta span:first-child{display:none}.sj-film-btn{width:38px;height:38px}.sj-film-sound{right:12px;bottom:10px}.sj-section-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:32px}.sj-how{padding:56px 0 16px}.sj-how-grid{grid-template-columns:1fr}.sj-how-stage{display:none}.sj-how-step,.sj-how-step:first-child,.sj-how-step:last-child{min-height:0;opacity:1;padding:0 0 48px}.sj-how-step-media{display:block;margin-bottom:20px}.sj-how-step-media .sj-media-frame{aspect-ratio:16 / 9;border-radius:18px}.sj-galaxy{padding:72px 0}.sj-galaxy-grid{grid-template-columns:1fr}.sj-galaxy-shade{background:linear-gradient(180deg,var(--sj-deep),rgba(15,22,18,.7) 30%,rgba(15,22,18,.85))}.sj-pricing{padding:72px 0 56px}.sj-plans{grid-template-columns:1fr}.sj-contact{grid-template-columns:1fr;gap:32px;padding:64px 0 72px}.sj-final-cta{padding:88px 0 80px}.sj-footer{flex-wrap:wrap;gap:14px 22px}.sj-footer nav{margin-left:0;width:100%}}@media (max-width: 600px){.sj-sign-in,.sj-nav-cta{display:none}.sj-hero{padding:40px 0 24px}.sj-hero h1{letter-spacing:-.05em}.sj-hero-actions{flex-direction:column;width:100%}.sj-hero-actions .sj-button{width:100%}.sj-plan{padding:28px 24px}.sj-price{font-size:54px}.sj-contact-form{padding:24px 20px}.sj-form-row{grid-template-columns:1fr}.sj-form-bottom{flex-direction:column;align-items:stretch}.sj-galaxy-features article{grid-template-columns:auto 1fr}.sj-galaxy-features article>svg{display:none}}.question-image{margin:0 0 22px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:14px;background:var(--surface-input);color:var(--text)}.question-image-open{display:grid;gap:10px;width:100%;background:none;border:0;color:var(--text-muted);cursor:zoom-in;font:inherit;font-size:12px}.question-image-open img{display:block;max-width:100%;width:auto;height:auto;max-height:380px;object-fit:contain;margin:auto;border-radius:5px}.question-image figcaption{margin-top:8px;color:var(--text-muted);font-size:13px;overflow-wrap:anywhere}.builder-dialog{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(680px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 40px);padding:0;overflow:auto;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 90px #0003}.builder-dialog.is-wide{width:min(1100px,calc(100vw - 32px))}.builder-dialog::backdrop{background:#11182080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.builder-dialog-inner{padding:24px}.builder-dialog header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.builder-dialog h2{margin:0;font-size:22px;letter-spacing:-.6px;color:var(--text-heading)}.builder-dialog header button{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-input);color:var(--text);cursor:pointer}.question-image-full{overflow:auto;max-height:65dvh;background:var(--surface-input)}.question-image-full img{display:block}.question-image-zoom{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:13px}.builder-dialog button:focus-visible,.question-image button:focus-visible{outline:3px solid var(--primary);outline-offset:3px}@media (max-width:600px){.builder-dialog-inner{padding:18px}.question-image-open img{max-height:300px}}.quiz-builder{color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.6}.builder-page{max-width:1320px;margin:0 auto;padding:32px 40px 72px}.quiz-builder *{box-sizing:border-box}.quiz-builder h1,.quiz-builder h2,.quiz-builder h3{color:var(--text-heading);line-height:1.15;font-weight:600}.quiz-builder h1{font-size:clamp(30px,3.5vw,48px);letter-spacing:-1.8px;margin:12px 0}.quiz-builder h2{font-size:25px;letter-spacing:-.8px;margin:10px 0}.quiz-builder h3{font-size:21px;letter-spacing:-.5px;margin:10px 0}.quiz-builder p{margin:10px 0 20px}.quiz-builder button,.quiz-builder input,.quiz-builder textarea,.quiz-builder select{font:inherit}.quiz-builder button{cursor:pointer}.quiz-builder button:disabled{opacity:.45;cursor:not-allowed}.quiz-builder button:focus-visible,.quiz-builder a:focus-visible,.quiz-builder input:focus-visible,.quiz-builder textarea:focus-visible,.quiz-builder select:focus-visible,.quiz-builder summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.builder-eyebrow{display:block;color:var(--primary-light);font-size:12px;letter-spacing:.01em;font-weight:600}.builder-back{padding:0;background:none;border:0;color:var(--text-muted);text-decoration:none;font-size:13px}.builder-start-symbol{display:grid;place-items:center;width:55px;height:55px;background:color-mix(in srgb,var(--primary) 9%,var(--surface));color:var(--primary-light);font:italic 32px var(--font-serif);border-radius:14px;margin-bottom:28px}.builder-card-foot{display:block;padding-top:18px;border-top:1px solid var(--border);font-size:12px;color:var(--text-muted)}.builder-heading,.builder-editor-top{display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}.builder-heading p{color:var(--text-muted)}.builder-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:9px 16px;min-height:42px;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface);color:var(--text-heading);text-decoration:none;font-size:13.5px;font-weight:600;white-space:normal;box-shadow:var(--shadow-xs);transition:background .15s,border-color .15s,box-shadow .15s,transform .15s var(--ease-out),filter .15s}.builder-button:active:not(:disabled){transform:scale(.98)}.builder-button:disabled{opacity:.55}.builder-button:hover{border-color:var(--border-strong);background:var(--surface-input)}.builder-button.is-primary{background:var(--primary);color:var(--primary-on);border-color:transparent;box-shadow:0 1px 2px #141e5a2e,inset 0 1px #ffffff24}.builder-button.is-primary:hover:not(:disabled){background:var(--primary-dark)}.builder-button.is-danger{background:var(--danger);color:var(--on-status);border-color:transparent}.builder-button.is-danger:hover{filter:brightness(.95)}.builder-button.is-selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 8%,var(--surface));color:var(--primary-light)}.builder-link{border:0;padding:5px 0;background:none;color:var(--primary-light);font-weight:500;font-size:13px;text-decoration:none}.builder-link.is-danger{color:var(--danger, #ba3c35)}.builder-actions{display:flex;gap:10px}.builder-editor-top{padding-bottom:22px;border-bottom:1px solid var(--border)}.builder-save-state{margin-right:auto;padding-left:10px;border-left:1px solid var(--border);color:var(--text-muted);font-size:12px}.builder-save-state.is-error{color:var(--danger, #ba3c35)}.builder-identity{padding:32px 0 22px}.builder-title-label input{width:100%;max-width:940px;display:block;font-size:clamp(27px,3.1vw,42px);font-weight:600;letter-spacing:-1.3px;border:0;padding:0;margin:10px 0 12px;color:var(--text-heading);background:transparent;border-radius:4px}.builder-subject{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:12px}.builder-subject input{width:min(380px,85%);padding:7px 10px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:7px;font-size:13px}.builder-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--border);border-radius:18px;overflow:clip;background:var(--surface)}.builder-outline{padding:22px 14px;border-right:1px solid var(--border);background:color-mix(in srgb,var(--surface-input) 60%,var(--surface));min-width:0}.builder-outline-title{display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px}.builder-outline-title h2{font-size:14px;letter-spacing:0;margin:0}.builder-outline-title h2 span{padding-left:10px;color:var(--text-muted);font-weight:400}.builder-icon-button{width:30px;height:30px;background:var(--surface);border:1px solid var(--border);border-radius:7px;color:var(--text)}.builder-outline ol{list-style:none;padding:0;margin:0 0 14px;max-height:600px;overflow:auto}.builder-outline li{border:1px solid transparent;border-radius:10px;margin-bottom:6px}.builder-outline li.is-selected{border-color:color-mix(in srgb,var(--primary) 25%,var(--border));background:color-mix(in srgb,var(--primary) 6%,var(--surface))}.builder-outline-question{padding:12px 8px;border:0;background:none;color:var(--text);display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;font-size:12px!important}.builder-outline-question>span:last-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.builder-question-number{color:var(--text-muted);font-size:10px;padding-top:2px;font-variant-numeric:tabular-nums}.builder-outline-question small{display:block;color:var(--text-muted);font-size:10px;margin-top:3px}.builder-order{display:flex;justify-content:flex-end;gap:4px;padding:0 8px 6px}.builder-order button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-muted);width:32px;height:30px;border-radius:6px}.builder-order button:hover:not(:disabled){background:var(--surface);color:var(--text)}.builder-order .builder-remove-question{margin-right:auto;order:-1}.builder-order .builder-remove-question:hover{color:var(--danger, #ba3c35);background:color-mix(in srgb,var(--danger, #ba3c35) 8%,var(--surface))}.builder-undo{position:fixed;z-index:1050;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:22px;width:max-content;max-width:min(520px,calc(100vw - 32px));padding:14px 16px 14px 20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 8px 32px #17211b26}.builder-undo>div{min-width:0}.builder-undo strong{display:block;font-size:13px;font-weight:600}.builder-undo span{display:block;max-width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:var(--text-muted)}.builder-undo .builder-link{flex-shrink:0;min-height:36px}.builder-undo-dismiss{border:0;background:transparent;color:var(--text-muted);padding:5px;min-width:30px;min-height:36px}.builder-add-question{width:100%;font-size:12px}.builder-image-entry{display:grid;grid-template-columns:25px 1fr;gap:5px;width:100%;padding:17px 12px;margin-top:20px;text-align:left;color:var(--text);border:1px solid var(--border);border-radius:12px;background:var(--surface)}.builder-image-entry.is-active{border-color:var(--primary)}.builder-image-entry>span{font-size:25px;grid-row:span 2;color:var(--primary-light)}.builder-image-entry strong{font-size:12px;font-weight:600}.builder-image-entry small{color:var(--text-muted);font-size:11px;font-weight:400}.builder-canvas{padding:30px 36px;min-width:0}.builder-section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px}.builder-section-heading p{margin:8px 0 0;color:var(--text-muted);font-size:13px}.builder-question-editor{display:grid;gap:22px}.builder-field{display:flex;flex-direction:column;gap:8px;color:var(--text);font-size:12px;font-weight:500}.builder-field input,.builder-field textarea,.builder-field select,.builder-preview-answers textarea,.builder-crop-fields input{width:100%;min-width:0;padding:11px 13px;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:11px;font-size:14px;font-weight:400;line-height:1.6;box-shadow:var(--shadow-xs)}.builder-field textarea,.builder-preview-answers textarea{resize:vertical;min-height:76px}.builder-field input::placeholder,.builder-field textarea::placeholder{color:var(--text-muted);opacity:.8}.builder-field small,.builder-help,.builder-muted,.builder-optional{color:var(--text-muted);font-size:12px;font-weight:400}.builder-optional{display:inline;font-size:11px}.builder-choices{padding:0;margin:0;border:0;min-width:0}.builder-choices legend{font-size:12px;font-weight:500;margin-bottom:10px;width:100%}.builder-choices legend span{display:block;font-weight:400;color:var(--text-muted);font-size:11px;margin-top:3px}.builder-choices>div{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;margin-bottom:8px}.builder-choices>div.is-correct{border-color:color-mix(in srgb,var(--success) 50%,var(--border));background:color-mix(in srgb,var(--success) 4%,var(--surface))}.builder-choices input[type=radio],.builder-check input,.builder-candidate-check input{accent-color:var(--primary);width:16px;height:16px;flex-shrink:0}.builder-choices>div>span{color:var(--text-muted);font-size:11px}.builder-choices input[type=text],.builder-choices input:not([type]){flex:1;min-width:0;padding:7px 0;background:transparent;color:var(--text);border:0;font-size:13px}.builder-choices>div>button{background:transparent;border:0;color:var(--text-muted);padding:5px}.builder-attachment{border-top:1px solid var(--border);padding-top:18px}.builder-attachment summary{cursor:pointer;font-weight:500;font-size:13px}.builder-attachment summary span{font-size:11px;color:var(--text-muted);margin-left:8px}.builder-attachment>div{display:grid;gap:16px;padding-top:18px}.builder-attachment .question-image{margin:0}.builder-image-picker-field{display:flex;flex-direction:column;gap:8px;color:var(--text);font-size:12px;font-weight:500}.builder-image-picker{display:flex;flex-wrap:wrap;gap:8px}.builder-image-choice{position:relative;display:grid;place-items:center;width:68px;height:68px;padding:0;overflow:hidden;cursor:pointer;border:1px solid var(--border);border-radius:9px;background:var(--surface-input);color:var(--text-muted);font-size:11px;font-weight:500}.builder-image-choice img{width:100%;height:100%;object-fit:contain;background:var(--surface-input)}.builder-image-choice.is-none{background:var(--surface)}.builder-image-choice:hover{border-color:var(--border-strong)}.builder-image-choice:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle);color:var(--primary-light)}.builder-image-choice:has(input:focus-visible){outline:3px solid var(--primary);outline-offset:3px}.builder-image-thumb-fallback{display:block;max-width:100%;padding:6px;overflow:hidden;text-align:center;text-overflow:ellipsis;font-size:10px;font-weight:400;line-height:1.3}.builder-empty{text-align:center;padding:44px 20px}.builder-empty .builder-start-symbol{margin:0 auto 22px}.builder-empty p{color:var(--text-muted);max-width:460px;margin:14px auto 24px}.builder-empty .builder-link{display:block;margin:15px auto 0}.builder-error{padding:14px 18px;border:1px solid color-mix(in srgb,var(--danger, #ba3c35) 25%,var(--border));border-radius:10px;color:var(--danger, #ba3c35);background:color-mix(in srgb,var(--danger, #ba3c35) 5%,var(--surface));margin:16px 0;font-size:13px}.builder-error button{margin-left:14px}.builder-notice{padding:18px;background:color-mix(in srgb,var(--primary) 5%,var(--surface));border:1px solid var(--border);border-radius:12px;margin:16px 0;font-size:13px}.builder-notice p:last-child{margin-bottom:0}.builder-notice a{color:var(--primary-light)}.builder-ai-badge{color:var(--primary-light);border:1px solid var(--border);border-radius:20px;padding:4px 10px;white-space:nowrap;font-size:10px}.builder-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;padding:32px 20px;background:var(--surface-input);color:var(--text);border:1px dashed var(--border-strong);border-radius:14px;margin-bottom:24px}.builder-dropzone.is-dragging,.builder-dropzone:hover{border-color:var(--primary)}.builder-drop-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:var(--primary-light);border:1px solid var(--border);background:var(--surface);font-size:22px;margin-bottom:4px}.builder-dropzone>span:not(.builder-drop-icon),.builder-dropzone small{color:var(--text-muted);font-size:12px}.builder-dropzone small{font-size:10px;margin-top:10px}.builder-image-questions>.builder-field{margin:22px 0}.builder-check{display:flex;align-items:flex-start;gap:10px;margin:20px 0;font-size:12px}.builder-check small{display:block;color:var(--text-muted);font-size:11px;margin-top:3px}.builder-source-select{display:flex;align-items:flex-end;gap:10px;margin-bottom:18px}.builder-source-select .builder-field{flex:1;min-width:0}.builder-analysis{margin-top:28px;padding:24px;border:1px solid var(--border);background:color-mix(in srgb,var(--primary) 4%,var(--surface));border-radius:14px}.builder-analysis>p{font-size:13px;color:var(--text-muted)}.builder-concepts{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.builder-concepts span{border:1px solid var(--border);padding:3px 10px;border-radius:20px;font-size:10px;background:var(--surface)}.builder-analysis .builder-field{margin:20px 0}.builder-generation-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.builder-format-mix{padding:18px;margin:0 0 16px;min-width:0;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.builder-format-mix legend{padding:0 6px;color:var(--text);font-size:12px;font-weight:500}.builder-format-mix legend span{color:var(--text-muted);font-weight:400;margin-left:8px;font-size:11px}.builder-format-mix label{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;margin:0 0 12px}.builder-format-mix input{width:76px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.builder-format-total{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:12px;color:var(--text-muted);font-size:11px}.builder-format-total strong{color:var(--text);font-weight:500}@media (max-width:760px){.builder-generation-options{grid-template-columns:1fr;gap:0}.builder-generation-options .builder-field{margin:12px 0}.builder-format-mix legend span{display:block;margin:2px 0 0}}.builder-generated{margin-top:32px;border-top:1px solid var(--border);padding-top:28px}.builder-draft-count{flex-shrink:0;font-size:12px;color:var(--text-muted);padding:4px 10px;background:var(--surface-input);border-radius:20px}.builder-candidate{padding:22px;border:1px solid var(--border);border-radius:14px;margin-bottom:14px;background:var(--surface)}.builder-candidate.is-editing{border-color:color-mix(in srgb,var(--primary) 48%,var(--border));box-shadow:0 0 0 3px var(--primary-subtle)}.builder-candidate.is-added{background:color-mix(in srgb,var(--surface-input) 45%,var(--surface))}.builder-candidate-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.builder-candidate-check{display:flex;align-items:center;gap:10px;color:var(--text);font-size:12px;cursor:pointer}.builder-candidate-check small{display:block;color:var(--text-muted);font-size:10px;margin-top:1px}.builder-candidate-tools{display:flex;gap:10px;align-items:center;flex-shrink:0}.builder-candidate-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--text-muted)}.builder-candidate-badge.is-added{color:var(--success)}.builder-candidate-edit{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;min-height:34px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:7px;font-size:12px!important}.builder-candidate-edit:hover{border-color:var(--primary);color:var(--primary-light)}.builder-candidate.is-editing .builder-candidate-edit{color:var(--primary-light);background:var(--primary-subtle);border-color:transparent}.builder-candidate-form{border-top:1px solid var(--border);padding-top:22px}.builder-candidate-form-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.builder-candidate-form .builder-field{font-size:12px}.builder-candidate-issue{font-size:12px;color:var(--warning)}.builder-candidate p{margin:8px 0}.builder-candidate ol{padding-left:26px;font-size:13px}.builder-candidate-answer{border-top:1px solid var(--border);padding-top:12px;margin-top:14px;font-size:13px}.builder-candidate-answer summary{cursor:pointer;color:var(--primary-light);font-size:12px}.builder-candidate-answer[open] summary{margin-bottom:10px}.builder-review-actions,.builder-dialog-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-top:24px}.builder-review-actions{justify-content:space-between;padding:20px 0 4px;border-top:1px solid var(--border)}.builder-review-actions strong{display:block;font-size:13px;font-weight:600}.builder-review-actions .builder-help{display:block;margin-top:3px}.builder-image-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.builder-image-tools>span{margin-right:auto;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.builder-crop-stage{position:relative;display:table;max-width:100%;margin:0 auto;overflow:hidden;cursor:crosshair;touch-action:none}.builder-crop-stage canvas{display:block;max-width:100%;max-height:45dvh;width:auto;height:auto}.builder-crop-selection{position:absolute;border:2px solid var(--primary);box-shadow:0 0 0 2000px #11182090;pointer-events:none}.builder-crop-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.builder-crop-fields label{font-size:11px;color:var(--text-muted)}.builder-crop-fields input{margin-top:5px;padding:8px 10px}.builder-preview-meta{display:flex;justify-content:space-between;gap:20px;color:var(--text-muted);font-size:12px;margin-bottom:26px}.builder-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.builder-preview-answers{display:grid;gap:9px;margin:25px 0 15px}.builder-preview-answers button{text-align:left;justify-content:flex-start;font-weight:400}.builder-preview-letter{flex-shrink:0;align-self:flex-start}.builder-preview-choice{flex:1;min-width:0;overflow-wrap:anywhere}.builder-preview-choice .katex-display{max-width:100%;overflow-x:auto;overflow-y:hidden}.builder-preview-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:30px;padding-top:20px;border-top:1px solid var(--border)}.builder-preview-footer>span{margin-right:auto}.builder-library-search{max-width:440px;margin-bottom:24px}.builder-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.builder-library-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--border);background:var(--surface);border-radius:14px;color:var(--text);transition:border-color .2s;overflow-wrap:anywhere}.builder-library-card:hover{border-color:var(--primary)}.builder-library-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.builder-library-card-actions{display:flex;gap:2px}.builder-share-list{list-style:none;padding:0;margin:18px 0 28px;display:grid;gap:10px}.builder-share-list li{padding:14px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.builder-share-list strong{display:block}.builder-share-list span{color:var(--text-muted);font-size:12px}.builder-share-auth{max-width:420px}.builder-share-auth p{color:var(--text-muted)}.builder-share-auth .builder-dialog-actions{justify-content:flex-start}.builder-library-open{display:block;color:inherit;text-decoration:none}.builder-library-delete{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-6px -6px 0 0;border:0;background:transparent;color:var(--text-muted);border-radius:8px;flex-shrink:0}.builder-library-delete:hover:not(:disabled){color:var(--danger, #ba3c35);background:color-mix(in srgb,var(--danger, #ba3c35) 8%,var(--surface))}.builder-library-card h2{font-size:22px;margin-top:16px}.builder-library-card p{font-size:12px;color:var(--text-muted)}.builder-library-card p span{margin:0 5px}.builder-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:1100px){.builder-page{padding:24px 26px 60px}.builder-workspace{grid-template-columns:220px minmax(0,1fr)}.builder-canvas{padding:26px}.builder-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.builder-page{padding:22px 18px 48px}.builder-preview-grid{grid-template-columns:1fr}.builder-start-symbol{margin-bottom:22px}.builder-editor-top{gap:14px}.builder-editor-top .builder-actions{width:100%}.builder-editor-top .builder-actions button{flex:1}.builder-workspace{grid-template-columns:1fr}.builder-outline{border-right:0;border-bottom:1px solid var(--border);padding:18px}.builder-outline ol{max-height:225px}.builder-outline li{display:flex;align-items:center}.builder-outline-question{flex:1;min-width:0}.builder-order{flex-shrink:0;padding:6px}.builder-image-entry{margin-top:10px}.builder-canvas{padding:24px 18px}.builder-section-heading{gap:10px}.builder-ai-badge{display:none}.builder-source-select{flex-wrap:wrap}.builder-analysis{padding:18px}.builder-preview-footer{flex-wrap:wrap}.builder-preview-footer>span{width:100%}.builder-library-grid{grid-template-columns:1fr}.builder-crop-fields{gap:8px}}@media (max-width:980px){.builder-undo{bottom:calc(82px + env(safe-area-inset-bottom))}}@media (max-width:760px){.builder-order button,.builder-library-delete{width:36px;height:36px}.builder-candidate{padding:18px 16px}.builder-candidate-header{flex-wrap:wrap;gap:10px}.builder-candidate-tools{margin-left:auto}.builder-candidate-form-footer{flex-wrap:wrap}.builder-review-actions .builder-button{width:100%}.builder-candidate-edit{min-height:40px}.builder-undo{gap:12px;padding:12px 14px}}.builder-folder-pill{display:inline-flex;align-items:center;margin-left:10px;padding:2px 10px;border-radius:999px;background:var(--primary-subtle);color:var(--primary-light);font-size:12px;font-weight:600;letter-spacing:0;vertical-align:1px}.shared-page{max-width:820px;margin:0 auto;padding:28px 28px 64px}.shared-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.shared-brand{display:grid;gap:3px;color:var(--text-heading);font-size:19px;font-weight:500;letter-spacing:-.5px;text-decoration:none}.shared-brand span{font-size:12px;color:var(--text-muted);letter-spacing:0;font-weight:400}.shared-surface{border:1px solid var(--border);border-radius:16px;padding:34px;background:var(--surface)}.shared-heading h1{font-size:clamp(27px,4vw,38px);letter-spacing:-1px;overflow-wrap:anywhere;margin:20px 0 14px}.sharing-material{display:flex;align-items:center;gap:12px;margin:0 0 24px;min-width:0}.sharing-material>div{min-width:0}.sharing-material strong{display:block;font-weight:500}.sharing-material div>span{display:block;color:var(--text-muted);font-size:12px;margin-top:3px}.sharing-symbol{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;background:var(--surface-hero);color:var(--text-secondary);border-radius:10px}.sharing-avatar{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;background:var(--surface-hero);color:var(--text-secondary);font-size:11px;flex:0 0 auto}.shared-author{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-muted);font-size:13px}.shared-counts{color:var(--text-secondary);font-size:13px;padding-top:4px}.sharing-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 7px;border:1px solid var(--border);border-radius:5px;color:var(--text-muted);font-weight:400}.shared-list-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:28px 0 14px}.shared-list-heading h2{font-size:14px;font-weight:500;letter-spacing:0;margin:0}.shared-list-heading>span{font-size:12px;color:var(--text-muted)}.shared-quiz-list{display:grid;gap:9px;border:0;margin:20px 0;padding:0;min-width:0}.shared-quiz-option{display:flex;align-items:center;gap:12px;padding:17px 15px;border:1px solid var(--border);border-radius:10px;cursor:pointer;background:var(--surface);min-width:0}.shared-quiz-option:hover{background:var(--surface-input)}.shared-quiz-option.is-selected{border-color:var(--primary-light);background:var(--primary-subtle)}.shared-quiz-option:focus-within{outline:2px solid var(--primary-light);outline-offset:3px}.shared-quiz-option input{width:16px;height:16px;margin:0;accent-color:var(--primary);flex:0 0 auto}.shared-quiz-number{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums}.shared-quiz-info{display:grid;gap:3px;flex:1;min-width:0;overflow-wrap:anywhere}.shared-quiz-info strong{font-weight:500;font-size:14px}.shared-quiz-info>span{color:var(--text-muted);font-size:12px}.shared-quiz-info .shared-folder-path{color:var(--text-secondary)}.sharing-saved{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--success)}.sharing-saved svg{width:14px;height:14px;flex-shrink:0}.shared-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:26px}.sharing-copy-note{border-top:1px solid var(--border);padding-top:18px;margin-top:24px}.sharing-copy-note strong{font-size:13px;font-weight:500}.sharing-copy-note p{font-size:12px;color:var(--text-muted);line-height:1.7;margin:7px 0 0}.sharing-copy-note .builder-button{margin-top:14px}.sharing-success{color:var(--success);font-size:13px}.sharing-loading{padding:70px 25px;text-align:center;color:var(--text-muted)}.shared-empty h1{font-size:28px;letter-spacing:-.7px}.shared-empty>p{color:var(--text-muted)}.sharing-dialog{color:var(--text);font-size:14px;line-height:1.6}.sharing-options{display:flex;gap:4px;padding:4px;margin-bottom:20px;border-radius:9px;background:var(--surface-input)}.sharing-options button{flex:1;border:1px solid transparent;border-radius:6px;padding:9px 8px;font:inherit;font-size:13px;color:var(--text-muted);background:transparent;cursor:pointer}.sharing-options button[aria-pressed=true]{background:var(--surface);border-color:var(--border);color:var(--text-heading);box-shadow:0 1px 3px #00000008}.sharing-options button:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.sharing-options button span{margin-left:5px;font-size:11px;color:var(--text-muted)}.sharing-access{margin-bottom:20px}.sharing-access-heading{display:flex;align-items:center;gap:9px}.sharing-access-heading strong{font-weight:500}.sharing-access p{font-size:13px;color:var(--text-muted);margin:8px 0 0}.sharing-link-field{display:flex;align-items:stretch;gap:8px}.sharing-link-field input{min-width:0;flex:1}.sharing-link-field .builder-button{flex-shrink:0}.sharing-preview-link{display:inline-block;margin-top:8px}.sharing-stop{margin-right:auto}.sharing-muted{color:var(--text-muted)}.sharing-small{font-size:12px;line-height:1.7}.sharing-invitations{padding:0}.sharing-invitations h3{font-size:14px;font-weight:500;margin:0 0 6px}.sharing-invitations>p{font-size:12px;margin:6px 0 14px}.sharing-people{list-style:none;margin:18px 0;padding:0;max-height:240px;overflow-y:auto}.sharing-people li{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--border)}.sharing-person{flex:1;min-width:0}.sharing-person strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.sharing-person>span{display:block;font-size:12px;color:var(--text-muted)}.sharing-person .sharing-delivery-error{color:var(--error, #b54735)}.sharing-person-actions{display:flex;flex-wrap:wrap;gap:12px}.invitation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px;margin-top:26px}.invitation-card{min-width:0;display:flex;flex-direction:column;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.invitation-card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}.sharing-badge.is-new{color:var(--primary-light);background:var(--primary-subtle);border-color:transparent}.invitation-card h2{font-size:21px;letter-spacing:-.4px;line-height:1.3;margin:10px 0 14px;overflow-wrap:anywhere}.invitation-sender{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;overflow-wrap:anywhere;margin:0}.invitation-card-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:auto;border-top:1px solid var(--border);padding-top:18px}.library-folder-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:20px 0}.shared-inbox>.library-folder-bar:first-child{margin-top:0}.library-breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.library-breadcrumbs a{color:var(--text-muted);text-decoration:none}.library-breadcrumbs span{overflow-wrap:anywhere}.library-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:20px 0}.library-folder{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:var(--surface);text-decoration:none;min-width:0}.library-folder:hover{border-color:var(--border-strong);background:var(--surface-input)}.library-folder>span:last-child{min-width:0;overflow-wrap:anywhere}.library-folder small{display:block;color:var(--text-muted);margin-top:3px}.library-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;border-top:1px solid var(--border);padding-top:14px}.library-saved-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.library-saved-toolbar>.builder-button{margin-left:auto}.library-card-menu{position:relative}.library-card-menu.is-open{z-index:10}.library-card-more{min-height:40px;padding:8px 12px;font-weight:500}.library-card-menu-panel{position:absolute;z-index:5;top:calc(100% + 6px);right:0;min-width:200px;padding:6px;border:1px solid var(--border);border-radius:13px;background:var(--surface-elevated);box-shadow:var(--shadow-lg);animation:menuIn .16s var(--ease-out) both}.library-card-menu-panel button{display:block;width:100%;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:13.5px;text-align:left}.library-card-menu-panel button:hover:not(:disabled),.library-card-menu-panel button:focus-visible{background:var(--surface-input)}.library-card-menu-panel button.is-danger{color:var(--danger)}.library-card-provenance{color:var(--text-muted);font-size:12px;margin-bottom:12px}.library-filter-tabs{display:flex;gap:7px;flex-wrap:wrap}@media (max-width: 600px){.shared-page{padding:18px 14px 40px}.shared-topbar{margin-bottom:22px}.shared-surface{padding:22px 18px;border-radius:12px}.shared-quiz-option{padding:14px 10px;gap:9px;flex-wrap:wrap}.shared-quiz-number{display:none}.shared-quiz-info{flex-basis:calc(100% - 32px)}.sharing-saved{margin-left:25px}.shared-actions .builder-button{flex:1 1 150px}.sharing-link-field{flex-direction:column}.library-folders{grid-template-columns:1fr}.library-card-actions,.sharing-people li{flex-wrap:wrap}.sharing-person{flex-basis:calc(100% - 34px)}.sharing-person-actions{margin-left:34px}.invitation-card{padding:20px}}