:root{--primary-blue: #4F8BFF;--primary-blue-hover: #3A75EB;--primary-blue-active: #2B63D9;--primary-blue-tint: #EFF5FF;--primary-blue-subtle: #F5F8FF;--primary-blue-border: #BFDBFE;--primary-blue-focus: rgba(79, 139, 255, .24);--ai-purple: #7A5CFF;--ai-purple-hover: #6745FC;--ai-purple-tint: #F4F0FF;--ai-purple-border: #DDD6FE;--ai-purple-glow: rgba(122, 92, 255, .25);--learning-yellow: #FFC857;--learning-yellow-hover: #EBB242;--learning-yellow-tint: #FFF9E6;--learning-yellow-border: #FDE68A;--learning-yellow-ink: #854D0E;--canvas-bg: #F8FAFC;--surface-card: #FFFFFF;--surface-subtle: #F1F5F9;--surface-secondary: #F8FAFC;--surface-hover: #FAFCFE;--ink-primary: #0F172A;--ink-secondary: #475569;--ink-muted: #94A3B8;--ink-inverse: #FFFFFF;--border-default: #E2E8F0;--border-light: #EDF2F7;--border-hover: #C7D7FE;--border-active: #4F8BFF;--success-emerald: #10B981;--success-emerald-tint: #ECFDF5;--success-emerald-border: #A7F3D0;--error-rose: #EF4444;--error-rose-tint: #FEF2F2;--error-rose-border: #FECACA;--shadow-elevation-sm: 0 2px 8px rgba(31, 45, 80, .04);--shadow-elevation-card: 0 8px 30px rgba(31, 45, 80, .06);--shadow-elevation-hover: 0 12px 36px rgba(31, 45, 80, .1);--shadow-elevation-hero: 0 16px 44px rgba(31, 45, 80, .08);--shadow-stack-underlay-1: 0 6px 20px rgba(31, 45, 80, .05);--shadow-stack-underlay-2: 0 10px 28px rgba(31, 45, 80, .04);--radius-container: 24px;--radius-hero: 20px;--radius-card: 16px;--radius-btn: 13px;--radius-chip: 11px;--radius-sm: 8px;--lift-card-subtle: translateY(-2px);--lift-card-hover: translateY(-3px);--lift-card-interactive: translateY(-4px);--ease-spring: cubic-bezier(.2, .8, .2, 1);--transition-card: transform .26s var(--ease-spring), box-shadow .26s var(--ease-spring), border-color .18s ease;--transition-flip: transform .42s var(--ease-spring);--transition-fast: .16s ease;--bg-page: var(--canvas-bg);--surface: var(--surface-card);--border-color: var(--border-default);--primary-cta: var(--primary-blue);--primary-cta-hover: var(--primary-blue-hover);--accent-sage: var(--primary-blue);--accent-sage-tint: var(--primary-blue-tint);--accent-sage-border: var(--primary-blue-border);--secondary-mint: var(--primary-blue-tint);--burgundy: var(--error-rose);--forest-green: var(--success-emerald);--font-sans: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}[data-theme=dark]{--canvas-bg: #0F172A;--surface-card: #1E293B;--surface-subtle: #162236;--surface-secondary: #0B1120;--surface-hover: #26354D;--ink-primary: #F8FAFC;--ink-secondary: #94A3B8;--ink-muted: #64748B;--primary-blue: #60A5FA;--primary-blue-hover: #3B82F6;--primary-blue-tint: rgba(96, 165, 250, .16);--primary-blue-subtle: rgba(96, 165, 250, .08);--primary-blue-border: rgba(96, 165, 250, .32);--ai-purple: #9D86FF;--ai-purple-hover: #8566FF;--ai-purple-tint: rgba(157, 134, 255, .16);--ai-purple-border: rgba(157, 134, 255, .32);--learning-yellow: #FFD166;--learning-yellow-hover: #F6BE3C;--learning-yellow-tint: rgba(255, 209, 102, .15);--learning-yellow-border: rgba(255, 209, 102, .32);--learning-yellow-ink: #FCD34D;--border-default: #334155;--border-light: #243044;--border-hover: #60A5FA;--shadow-elevation-card: 0 8px 30px rgba(0, 0, 0, .38);--shadow-elevation-hover: 0 12px 36px rgba(0, 0, 0, .52);--shadow-elevation-hero: 0 16px 44px rgba(0, 0, 0, .58);--shadow-stack-underlay-1: 0 6px 20px rgba(0, 0, 0, .4);--shadow-stack-underlay-2: 0 10px 28px rgba(0, 0, 0, .5);--bg-page: var(--canvas-bg);--surface: var(--surface-card);--border-color: var(--border-default);--primary-cta: var(--primary-blue);--primary-cta-hover: var(--primary-blue-hover);--accent-sage: var(--primary-blue);--accent-sage-tint: var(--primary-blue-tint);--accent-sage-border: var(--primary-blue-border);--secondary-mint: var(--primary-blue-tint);--burgundy: #F87171;--forest-green: #34D399}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--canvas-bg);color:var(--ink-primary);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .2s ease,color .2s ease}h1,h2,h3,h4{font-weight:700;color:var(--ink-primary);letter-spacing:-.025em}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none;transition:var(--transition-card)}.btn-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,#3A75EB 100%);color:#fff;font-weight:600;font-size:14px;padding:10px 20px;height:44px;border-radius:var(--radius-btn);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #4f8bff47;transition:var(--transition-card)}.btn-primary:hover{transform:translateY(-1.5px);box-shadow:0 6px 20px #4f8bff61;background:linear-gradient(135deg,#5b94ff,#326ce0)}.btn-secondary{background-color:var(--surface-card);color:var(--ink-primary);border:1.5px solid var(--border-default);font-weight:600;font-size:13.5px;padding:9px 18px;height:44px;border-radius:var(--radius-btn);display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 1px 3px #0f172a0a;transition:var(--transition-card)}.btn-secondary:hover{background-color:var(--surface-subtle);border-color:var(--border-hover);transform:translateY(-1.5px);box-shadow:0 4px 12px #1f2d500f}.btn-ghost{color:var(--ink-secondary);font-weight:600;font-size:13.5px;padding:8px 14px;border-radius:var(--radius-btn);display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast)}.btn-ghost:hover{color:var(--ink-primary);background-color:var(--primary-blue-tint)}.view-pane{display:none;width:100%;min-height:100vh}.view-pane.active{display:block}.navbar{height:56px;border-bottom:1.5px solid var(--border-default);background:#ffffffe0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100;transition:background-color .2s ease,border-color .2s ease}[data-theme=dark] .navbar{background:#0f172ae0;border-bottom-color:var(--border-default)}.nav-brand{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.brand-mark{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border:none;box-shadow:none}.brand-mark img{width:38px;height:38px;object-fit:contain;display:block;transition:transform .18s ease,filter .18s ease;filter:drop-shadow(0 2px 8px rgba(79,139,255,.18))}.nav-brand:hover .brand-mark img{transform:scale(1.08);filter:drop-shadow(0 4px 14px rgba(79,139,255,.32))}.study-header-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0;display:block;cursor:pointer;transition:transform .18s ease,filter .18s ease;filter:drop-shadow(0 2px 6px rgba(79,139,255,.15))}.study-header-logo:hover{transform:scale(1.08);filter:drop-shadow(0 3px 10px rgba(79,139,255,.28))}.brand-text-col{display:flex;flex-direction:column;line-height:1.15}.brand-title{font-weight:700;font-size:16.5px;letter-spacing:-.025em;color:var(--ink-primary)}.brand-tagline{font-size:8px;font-weight:700;letter-spacing:.16em;color:var(--ink-muted);text-transform:uppercase;margin-top:2px}.nav-links{display:flex;align-items:center;gap:16px}.nav-link{font-size:14px;font-weight:500;color:var(--ink-secondary);padding:6px 12px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.nav-link:hover{color:var(--primary-blue);background:var(--primary-blue-tint)}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-chip);border:1.5px solid var(--border-default);background:var(--surface-card);color:var(--ink-secondary);cursor:pointer;box-shadow:0 1px 3px #0f172a0a;transition:var(--transition-card)}.theme-toggle-btn:hover{color:var(--primary-blue);border-color:var(--primary-blue-border);background:var(--primary-blue-tint);transform:translateY(-1.5px)}.theme-icon-sun,.theme-icon-moon{display:block;color:currentColor!important;stroke-width:2}[data-theme=dark] .theme-icon-moon{display:none!important}[data-theme=dark] .theme-icon-sun{display:block!important}:root:not([data-theme=dark]) .theme-icon-sun{display:none!important}:root:not([data-theme=dark]) .theme-icon-moon{display:block!important}.hero-section{padding:22px 20px 24px;text-align:center;max-width:1040px;margin:0 auto}.hero-h1{font-size:38px;font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:8px;color:var(--ink-primary)}.hero-sub{font-size:15px;color:var(--ink-secondary);max-width:580px;margin:0 auto 18px;line-height:1.45}.generator-stack-wrap{position:relative;width:100%;max-width:760px;margin:0 auto 16px;perspective:1200px}.stack-underlay-2{position:absolute;inset:14px 0 0;background:#e8eefb;border:1.5px solid #D5E2FC;border-radius:var(--radius-hero);transform:rotate(-4.5deg) scale(.965);transform-origin:center center;z-index:1;box-shadow:var(--shadow-stack-underlay-2);transition:transform .3s var(--ease-spring)}[data-theme=dark] .stack-underlay-2{background:#111a2b;border-color:#1f2d45}.stack-underlay-1{position:absolute;inset:7px 0 0;background:#f0f4ff;border:1.5px solid #DFEAFF;border-radius:var(--radius-hero);transform:rotate(3.2deg) scale(.985);transform-origin:center center;z-index:2;box-shadow:var(--shadow-stack-underlay-1);transition:transform .3s var(--ease-spring)}[data-theme=dark] .stack-underlay-1{background:#172338;border-color:#273854}.generator-stack-wrap:hover .stack-underlay-2{transform:rotate(-5.5deg) translateY(2px) scale(.965)}.generator-stack-wrap:hover .stack-underlay-1{transform:rotate(4.2deg) translateY(1px) scale(.985)}.generator-card{position:relative;z-index:3;background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-hero);box-shadow:var(--shadow-elevation-hero);padding:20px 26px;text-align:left;transition:var(--transition-card)}.generator-tabs{display:flex;gap:10px;padding:6px 4px 14px;margin-top:-6px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.generator-tabs::-webkit-scrollbar{display:none}.gen-tab.micro-card,.gen-tab{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;height:42px;border-radius:var(--radius-chip);font-size:13.5px;font-weight:600;color:var(--ink-secondary);background:var(--surface-card);border:1.5px solid var(--border-default);box-shadow:0 1px 3px #0f172a0a;cursor:pointer;white-space:nowrap;transition:var(--transition-card)}.gen-tab:hover{border-color:var(--border-hover);color:var(--ink-primary);transform:translateY(-1.5px);box-shadow:0 4px 12px #1f2d500f}.gen-tab.active{background-color:var(--primary-blue-tint);border-color:var(--primary-blue);color:var(--primary-blue);box-shadow:0 4px 14px #4f8bff33;transform:translateY(-1.5px)}[data-theme=dark] .gen-tab.active{background-color:#60a5fa29;border-color:var(--primary-blue);color:var(--primary-blue)}#pane-text,#pane-audio{height:168px;min-height:168px;max-height:168px;box-sizing:border-box;position:relative}#pane-file{min-height:168px;position:relative}.drop-zone{height:168px;min-height:168px;max-height:168px;box-sizing:border-box;border:2px dashed #CBD5E1;border-radius:var(--radius-card);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 20px;text-align:center;background:#fff;cursor:pointer;position:relative;transition:var(--transition-card)}[data-theme=dark] .drop-zone{background:#141e2e;border-color:#2a3b54}.drop-zone:hover,.drop-zone.dragover{background:var(--primary-blue-subtle);border-color:var(--primary-blue);transform:var(--lift-card-subtle);box-shadow:0 8px 24px #4f8bff1f}[data-theme=dark] .drop-zone:hover,[data-theme=dark] .drop-zone.dragover{background:#60a5fa1a;border-color:var(--primary-blue)}.drop-zone input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-icon{width:38px;height:38px;border-radius:10px;background:var(--primary-blue-tint);border:1px solid var(--primary-blue-border);color:var(--primary-blue);display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:transform .2s ease}.drop-zone:hover .drop-icon{transform:translateY(-2px) scale(1.05)}.drop-title{font-size:15px;font-weight:600;color:var(--ink-primary);margin-bottom:2px}.drop-sub{font-size:12.5px;color:var(--ink-secondary)}.upload-limit{margin-top:5px;font-size:10.5px;line-height:1.25;color:var(--ink-muted)}.drop-formats{display:flex;gap:5px;margin-top:8px;font-size:10.5px;font-family:var(--font-mono);font-weight:600;color:var(--ink-muted)}.format-micro-chip{padding:2px 7px;border-radius:5px;background:var(--surface-subtle);color:var(--ink-secondary);border:1px solid var(--border-default)}.file-preview{display:none;min-height:168px;box-sizing:border-box;padding:16px 20px;background:var(--surface-subtle);border:1.5px solid var(--border-default);border-radius:var(--radius-card);flex-direction:column;justify-content:space-between;gap:8px}#file-preview-list{display:grid;gap:7px;max-height:260px;overflow-y:auto;min-width:0}.file-queue-row>div:first-child{min-width:0}.file-queue-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px solid var(--border-default)}.file-queue-row .file-title{overflow-wrap:anywhere}.file-queue-actions{display:flex;align-items:center;flex-shrink:0}.file-queue-actions button{padding:4px 6px}.file-page-range{width:120px;margin-top:5px;padding:4px 7px;border:1px solid var(--border-default);border-radius:6px;background:var(--surface-card);color:var(--ink-primary);font-size:12px}.file-preview-top{display:flex;align-items:center;justify-content:space-between}.file-meta-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--primary-blue-tint);color:var(--primary-blue);margin-bottom:4px}.file-title{font-weight:600;font-size:14.5px;color:var(--ink-primary)}.file-info{font-size:12.5px;color:var(--ink-muted)}.ready-capsule-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--success-emerald);background:var(--success-emerald-tint);border:1px solid var(--success-emerald-border);padding:3px 9px;border-radius:20px}.ready-capsule-dot{width:6px;height:6px;border-radius:50%;background:var(--success-emerald)}.text-pane,.url-pane{position:relative}.notes-textarea{width:100%;height:140px;min-height:140px;max-height:140px;padding:12px 16px;border-radius:var(--radius-card);border:1.5px solid var(--border-default);background:var(--surface-card);color:var(--ink-primary);font-size:14px;line-height:1.5;resize:none;outline:none;box-sizing:border-box;transition:var(--transition-fast)}.notes-textarea:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-focus)}.char-count{font-size:11.5px;font-family:var(--font-mono);color:var(--ink-muted);text-align:right;height:18px;line-height:18px;margin-top:6px;margin-bottom:4px;box-sizing:border-box}.url-input-box{width:100%;padding:14px 16px;border-radius:var(--radius-card);border:1.5px solid var(--border-default);background:var(--surface-card);color:var(--ink-primary);font-size:14.5px;outline:none;transition:var(--transition-fast);margin-bottom:8px}.url-input-box:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-focus)}.gen-options-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 12px}.option-group{display:flex;flex-direction:column;gap:5px}.option-label{font-size:11.5px;font-weight:600;color:var(--ink-secondary);letter-spacing:.02em}.custom-select{width:100%;height:38px;padding:0 12px;border-radius:var(--radius-btn);border:1.5px solid var(--border-default);background-color:var(--surface-card);color:var(--ink-primary);font-size:13px;font-weight:500;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:var(--transition-fast)}.custom-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-focus)}.qtype-dropdown-trigger{display:flex;align-items:center;text-align:left}.qtype-popover{position:absolute;top:calc(100% + 6px);left:0;width:250px;background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-elevation-hover);padding:14px;z-index:50}.popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border-light)}.popover-badge{font-size:11px;font-weight:600;color:var(--primary-blue);background:var(--primary-blue-tint);padding:2px 6px;border-radius:4px}.popover-body{display:flex;flex-direction:column;gap:8px}.qtype-checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;cursor:pointer}.popover-footer{font-size:11.5px;color:var(--ink-muted);margin-top:10px;line-height:1.4}.advanced-wrap{margin-bottom:12px}.advanced-toggle-btn{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink-secondary);padding:3px 6px;border-radius:var(--radius-sm)}.advanced-toggle-btn:hover{color:var(--ink-primary)}.advanced-panel{margin-top:10px;padding:12px 16px;background:var(--surface-subtle);border-radius:var(--radius-card);border:1.5px solid var(--border-default);display:flex;gap:20px}.adv-checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;cursor:pointer}.generate-btn{width:100%;height:48px;font-size:15px;font-weight:700;border-radius:13px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--ai-purple) 100%);color:#fff;box-shadow:0 6px 20px #7a5cff47}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px #7a5cff61}.generating-container{display:none;padding:24px 0 10px;text-align:center}.card-multiplication-stage{position:relative;width:180px;height:90px;margin:10px auto 20px;perspective:600px}.split-card{position:absolute;width:72px;height:84px;border-radius:12px;background:var(--surface-card);border:1.5px solid var(--border-default);box-shadow:0 6px 20px #1f2d5014;padding:10px 8px;display:flex;flex-direction:column;gap:6px;top:4px;left:54px;animation:cardSplitFan 2.4s cubic-bezier(.2,.8,.2,1) infinite alternate}.split-card-left{border-color:var(--primary-blue);animation-name:cardFanLeft}.split-card-center{border-color:var(--ai-purple);z-index:2}.split-card-right{border-color:var(--learning-yellow);animation-name:cardFanRight}.split-card-line{height:5px;border-radius:4px}.line-blue{background:var(--primary-blue);width:60%}.line-purple{background:var(--ai-purple);width:85%}.line-yellow{background:var(--learning-yellow);width:70%}.line-subtle{background:var(--surface-subtle);width:100%}@keyframes cardFanLeft{0%{transform:translate(0) rotate(0)}50%{transform:translate(-38px,-6px) rotate(-9deg)}to{transform:translate(-44px) rotate(-6deg)}}@keyframes cardFanRight{0%{transform:translate(0) rotate(0)}50%{transform:translate(38px,-6px) rotate(9deg)}to{transform:translate(44px) rotate(6deg)}}@keyframes cardSplitFan{0%{transform:scale(.94)}50%{transform:scale(1.02) translateY(-4px)}to{transform:scale(1)}}.generating-title{font-size:18px;font-weight:700;margin-bottom:4px}.generating-file{font-size:13.5px;color:var(--ink-secondary);margin-bottom:20px}.stage-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;text-align:left}.stage-step{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:var(--ink-muted);padding:8px 12px;background:var(--surface-subtle);border-radius:var(--radius-chip);border:1px solid var(--border-default)}.stage-step.active{color:var(--primary-blue);border-color:var(--primary-blue);background:var(--primary-blue-tint);font-weight:600}.stage-step.done{color:var(--success-emerald);border-color:var(--success-emerald-border);background:var(--success-emerald-tint)}.step-badge{width:20px;height:20px;border-radius:50%;background:var(--surface-card);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.progress-bar-wrap{width:100%;height:6px;background:var(--surface-subtle);border-radius:99px;overflow:hidden;margin:18px 0}.progress-bar-fill{height:100%;width:25%;background:linear-gradient(90deg,var(--ai-purple) 0%,var(--primary-blue) 100%);border-radius:99px;transition:width .4s ease}.rotating-hint{font-size:13px;color:var(--ink-secondary);font-style:normal}.trust-bar{font-size:13.5px;color:var(--ink-muted);margin-bottom:12px}.sample-deck-link{display:inline-block;font-size:14px;font-weight:600;color:var(--primary-blue);cursor:pointer;padding:4px 10px;border-radius:var(--radius-sm);transition:var(--transition-fast)}.sample-deck-link:hover{text-decoration:underline;background:var(--primary-blue-tint)}.landing-section{padding:72px 24px;max-width:1140px;margin:0 auto}.section-header{text-align:center;max-width:640px;margin:0 auto 48px}.section-title{font-size:38px;font-weight:800;margin-bottom:12px}.section-desc{font-size:16px;color:var(--ink-secondary);line-height:1.6}.arch-showcase-box{background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-container);box-shadow:var(--shadow-elevation-card);padding:36px}.arch-flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.arch-node{background:var(--surface-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-card);padding:24px;transition:var(--transition-card)}.arch-node:hover{transform:var(--lift-card-subtle);border-color:var(--border-hover);box-shadow:var(--shadow-elevation-hover)}.arch-node-title{font-size:16px;font-weight:700;color:var(--primary-blue);margin-bottom:14px}.arch-node-list{display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--ink-secondary)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.step-card{background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-elevation-card);padding:28px;transition:var(--transition-card)}.step-card:hover{transform:var(--lift-card-interactive);border-color:var(--border-hover);box-shadow:var(--shadow-elevation-hover)}.step-number{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--primary-blue);background:var(--primary-blue-tint);display:inline-block;padding:3px 8px;border-radius:6px;margin-bottom:14px}.step-card-title{font-size:18px;font-weight:700;margin-bottom:8px}.step-card-text{font-size:14px;color:var(--ink-secondary);line-height:1.55}.quality-wrap{background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-container);box-shadow:var(--shadow-elevation-card);padding:40px}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.quality-item{padding:12px}.quality-item h3{font-size:17px;font-weight:700;margin-bottom:8px}.quality-item p{font-size:14px;color:var(--ink-secondary);line-height:1.55}.faq-container{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-card);overflow:hidden;transition:var(--transition-card)}.faq-item.open{border-color:var(--primary-blue-border);box-shadow:var(--shadow-elevation-card)}.faq-question{padding:18px 24px;font-size:15.5px;font-weight:600;display:flex;align-items:center;justify-content:space-between;cursor:pointer;width:100%;text-align:left}.faq-answer{display:none;padding:0 24px 20px;font-size:14px;color:var(--ink-secondary);line-height:1.6}.faq-item.open .faq-answer{display:block}.footer{border-top:1.5px solid var(--border-default);padding:36px 24px 28px;background:var(--surface-card);font-size:13.5px;color:var(--ink-secondary)}.footer-inner{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border-default)}.footer-brand-col{display:flex;flex-direction:column;gap:6px;text-align:left}.footer-logo{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink-primary);font-size:15px}.footer-tagline{font-size:12.5px;color:var(--ink-muted);max-width:440px;margin:0;line-height:1.45}.footer-links-col{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-link{color:var(--ink-secondary);text-decoration:none;font-size:13px;font-weight:600;transition:color .15s ease}.footer-link:hover{color:var(--primary-blue);text-decoration:underline}.footer-divider{color:var(--border-hover);-webkit-user-select:none;user-select:none}.footer-bottom{max-width:1080px;margin:16px auto 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--ink-muted)}.modal-box.legal-modal-box{max-width:640px;width:92vw;max-height:85vh;display:flex;flex-direction:column;padding:24px 28px}.legal-modal-body{overflow-y:auto;font-size:13.5px;line-height:1.65;color:var(--ink-secondary);padding-right:6px;flex:1}.legal-modal-body h4{font-size:14.5px;font-weight:700;color:var(--ink-primary);margin:16px 0 6px;display:flex;align-items:center;gap:6px}.legal-modal-body p{margin-bottom:10px}.legal-modal-body ul{margin:8px 0 12px 18px}.legal-modal-body li{margin-bottom:4px}.legal-modal-callout{background:var(--surface-subtle);border:1.5px solid var(--border-default);border-radius:var(--radius-card);padding:12px 14px;margin:12px 0}.workspace-topbar{height:60px;border-bottom:1.5px solid var(--border-default);background:var(--surface-card);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:90}.workspace-topbar-brand{display:flex;align-items:center;gap:14px}.workspace-topbar-actions{display:flex;align-items:center;gap:8px}.topbar-title{font-size:16px;font-weight:700}.study-modes-bar{display:flex;align-items:center;gap:8px}.mode-pill-btn{padding:7px 14px;font-size:13px;font-weight:600;border-radius:var(--radius-chip);border:1.5px solid var(--border-default);background:var(--surface-card);color:var(--ink-secondary);display:inline-flex;align-items:center;gap:6px;transition:var(--transition-card)}.mode-pill-btn:hover{border-color:var(--border-hover);color:var(--ink-primary);transform:translateY(-1px)}.mode-pill-btn.primary-mode{background:linear-gradient(135deg,var(--primary-blue) 0%,#3A75EB 100%);color:#fff;border-color:var(--primary-blue);box-shadow:0 2px 8px #4f8bff40}.workspace-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 60px)}.workspace-sidebar{border-right:1.5px solid var(--border-default);background:var(--surface-card);padding:24px 18px;display:flex;flex-direction:column;gap:24px}.sidebar-section{display:flex;flex-direction:column;gap:8px}.sidebar-label{font-size:11px;font-family:var(--font-mono);font-weight:700;color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.source-card{background:var(--surface-subtle);border:1px solid var(--border-default);border-radius:var(--radius-card);padding:12px}.source-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-detail{font-size:11.5px;color:var(--ink-muted)}.sidebar-menu-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:var(--radius-chip);font-size:13.5px;font-weight:600;color:var(--ink-secondary);transition:var(--transition-fast);text-align:left}.sidebar-menu-item:hover{background:var(--surface-subtle);color:var(--ink-primary)}.sidebar-menu-item.active{background:var(--primary-blue-tint);color:var(--primary-blue)}.sidebar-count{font-family:var(--font-mono);font-size:11px;padding:2px 7px;border-radius:99px;background:var(--surface-subtle);color:var(--ink-secondary)}.sidebar-menu-item.active .sidebar-count{background:var(--primary-blue);color:#fff}.workspace-main{padding:32px 36px;max-width:980px}.workspace-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.deck-heading{font-size:26px;font-weight:800}.deck-subinfo{font-size:13.5px;color:var(--ink-secondary);margin-top:3px}.cards-list{display:flex;flex-direction:column;gap:16px}.card-item{background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-card);box-shadow:var(--shadow-elevation-card);padding:22px 24px;transition:var(--transition-card)}.card-item:hover{transform:var(--lift-card-subtle);border-color:var(--border-hover);box-shadow:var(--shadow-elevation-hover)}.card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-index{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--primary-blue);background:var(--primary-blue-tint);padding:2px 7px;border-radius:6px}.card-actions{display:flex;align-items:center;gap:6px}.action-icon-btn{padding:5px 10px;font-size:12px;font-weight:600;color:var(--ink-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-default);display:inline-flex;align-items:center;gap:4px}.action-icon-btn:hover{background:var(--surface-subtle);color:var(--ink-primary)}.action-icon-btn.danger:hover{color:var(--error-rose);border-color:var(--error-rose-border);background:var(--error-rose-tint)}.card-format-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.format-pill{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--surface-subtle);color:var(--ink-secondary);border:1px solid var(--border-default)}.card-section-label{font-size:11px;font-family:var(--font-mono);font-weight:700;color:var(--ink-muted);letter-spacing:.05em;margin-bottom:4px}.card-content-front{font-size:15px;font-weight:600;color:var(--ink-primary);margin-bottom:12px}.card-divider{height:1px;background:var(--border-light);margin:14px 0}.card-content-back{font-size:14.5px;color:var(--ink-primary)}.card-source-tag{font-size:11.5px;color:var(--primary-blue);background:var(--primary-blue-tint);border:1px solid var(--primary-blue-border);padding:3px 8px;border-radius:6px;cursor:pointer;display:inline-block;transition:var(--transition-fast)}.card-source-tag:hover{background:var(--primary-blue-hover);color:#fff}.inline-editor{background:var(--surface-card);border:2px solid var(--primary-blue);border-radius:var(--radius-card);box-shadow:var(--shadow-elevation-hover);padding:24px;display:flex;flex-direction:column;gap:14px;margin-bottom:16px}.editor-label{font-size:12px;font-weight:700;color:var(--ink-secondary);margin-bottom:4px}.editor-textarea,.editor-input{width:100%;padding:10px 14px;border-radius:var(--radius-btn);border:1.5px solid var(--border-default);background:var(--surface-card);color:var(--ink-primary);font-size:14px;outline:none}.editor-textarea:focus,.editor-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-focus)}.overview-pane{display:none;background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-container);box-shadow:var(--shadow-elevation-card);padding:36px}.overview-concept-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:14px;font-size:14.5px}.study-container{max-width:720px;margin:0 auto;padding:36px 20px}.study-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.study-progress-wrap{width:100%;height:6px;background:var(--surface-subtle);border-radius:99px;overflow:hidden;margin-bottom:28px}.study-progress-bar{height:100%;width:25%;background:linear-gradient(90deg,var(--primary-blue) 0%,var(--ai-purple) 100%);border-radius:99px;transition:width .3s ease}.study-progress-text{font-family:var(--font-mono);font-size:13.5px;font-weight:600;color:var(--ink-secondary)}.study-card-perspective-stage{perspective:1200px;width:100%;margin:0 auto 28px}.study-card{position:relative;width:100%;min-height:480px;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.2,.8,.2,1);cursor:pointer;display:flex}.study-card.is-flipped{transform:rotateY(180deg)}.study-card-face{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--radius-hero);background:var(--surface-card);border:1.5px solid var(--border-default);box-shadow:var(--shadow-elevation-card);padding:24px 28px 20px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;transition:box-shadow .26s ease,border-color .26s ease}.diagram-svg-box{max-height:125px;width:auto;max-width:100%;margin:6px auto 0;display:block}.study-card:hover .study-card-face{box-shadow:var(--shadow-elevation-hover);border-color:var(--border-hover)}.study-card-front{z-index:2;transform:rotateY(0)}.study-card-back{transform:rotateY(180deg);border-color:var(--learning-yellow-border)}[data-theme=dark] .study-card-back{border-color:#ffd16659}.insight-yellow-accent-bar{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ffc857,#ffd67a)}.study-card-top-tag{display:flex;align-items:center;justify-content:space-between;width:100%}.card-type-tag{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;padding:3px 9px;border-radius:6px;background:var(--surface-subtle);color:var(--ink-secondary);border:1px solid var(--border-default)}.source-anchor-tag{font-size:11.5px;color:var(--primary-blue);font-weight:600}.insight-badge{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--learning-yellow-ink);background:var(--learning-yellow-tint);border:1px solid var(--learning-yellow-border);padding:3px 9px;border-radius:6px;display:inline-flex;align-items:center;gap:5px}.study-question-heading{font-size:11.5px;font-family:var(--font-mono);font-weight:700;color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}.study-prompt-text{font-size:22px;font-weight:600;line-height:1.45;color:var(--ink-primary)}.study-answer-heading{font-size:11.5px;font-family:var(--font-mono);font-weight:700;letter-spacing:.06em;color:#b45309;text-transform:uppercase;margin-bottom:12px}[data-theme=dark] .study-answer-heading{color:#fcd34d}.study-answer-text{font-size:19px;color:var(--ink-primary);line-height:1.5}.btn-reveal{background:var(--primary-blue-tint);color:var(--primary-blue);border:1.5px solid var(--primary-blue-border);font-size:14px;font-weight:700;padding:10px 24px;border-radius:var(--radius-btn);display:inline-flex;align-items:center;gap:6px;transition:var(--transition-card)}.btn-reveal:hover{background:var(--primary-blue);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4f8bff40}.study-card-bottom-hint{display:flex;flex-direction:column;align-items:center;gap:6px}.flip-shortcut-badge{font-family:var(--font-mono);font-size:12px;color:var(--ink-muted)}.rating-controls{display:none;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;margin-bottom:14px}.rating-controls.active{display:grid}.rate-btn{background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-btn);padding:12px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;box-shadow:var(--shadow-elevation-sm);transition:var(--transition-card);position:relative}.rate-btn:hover{transform:var(--lift-card-subtle);box-shadow:var(--shadow-elevation-card)}.rate-name{font-size:14.5px;font-weight:700}.rate-desc{font-size:11.5px;color:var(--ink-muted)}.srs-key-badge{font-family:var(--font-mono);font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:4px;background:var(--surface-subtle);color:var(--ink-secondary);margin-top:4px}.rate-btn[data-rating=again]:hover{border-color:var(--error-rose);background:var(--error-rose-tint)}.rate-btn[data-rating=again] .rate-name{color:var(--error-rose)}.rate-btn[data-rating=hard]:hover{border-color:var(--learning-yellow);background:var(--learning-yellow-tint)}.rate-btn[data-rating=hard] .rate-name{color:#d97706}.rate-btn[data-rating=good]:hover{border-color:var(--success-emerald);background:var(--success-emerald-tint)}.rate-btn[data-rating=good] .rate-name{color:var(--success-emerald)}#study-shortcut-hint{text-align:center;font-family:var(--font-mono);font-size:12px;color:var(--ink-muted);margin-top:10px}.study-complete-card{display:none;background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-container);box-shadow:var(--shadow-elevation-hero);padding:40px;text-align:center;max-width:580px;margin:0 auto}.complete-check-icon{width:52px;height:52px;border-radius:50%;background:var(--success-emerald-tint);color:var(--success-emerald);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.quiz-container{max-width:720px;margin:0 auto;padding:36px 20px}.quiz-question-card{background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-hero);box-shadow:var(--shadow-elevation-card);padding:36px 32px;transition:var(--transition-card)}.quiz-q-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.quiz-type-pill{font-family:var(--font-mono);font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--primary-blue-tint);color:var(--primary-blue);border:1px solid var(--primary-blue-border)}.quiz-q-prompt{font-size:19px;font-weight:600;color:var(--ink-primary);margin-bottom:14px;line-height:1.42}.quiz-mcq-list{display:flex;flex-direction:column;gap:8px}.quiz-mcq-choice{padding:10px 16px;border-radius:var(--radius-card);border:1.5px solid var(--border-default);background:var(--surface-card);font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:var(--shadow-elevation-sm);transition:var(--transition-card);text-align:left}.quiz-mcq-choice:hover{border-color:var(--primary-blue);transform:var(--lift-card-subtle);box-shadow:var(--shadow-elevation-card)}.quiz-mcq-choice.selected{border-color:var(--primary-blue);background:var(--primary-blue-tint);color:var(--primary-blue);font-weight:600}.quiz-mcq-choice.answered-correct{border-color:var(--success-emerald);background:var(--success-emerald-tint);color:var(--success-emerald)}.quiz-mcq-choice.answered-wrong{border-color:var(--error-rose);background:var(--error-rose-tint);color:var(--error-rose)}.tf-buttons-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tf-btn{padding:20px;font-size:16px;font-weight:700;border-radius:var(--radius-card);border:1.5px solid var(--border-default);background:var(--surface-card);color:var(--ink-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-elevation-sm);transition:var(--transition-card)}.tf-btn:hover{border-color:var(--primary-blue);transform:var(--lift-card-subtle)}.tf-btn.selected-true,.tf-btn.selected-false{border-color:var(--primary-blue);background:var(--primary-blue-tint);color:var(--primary-blue)}.tf-btn.correct-feedback{border-color:var(--success-emerald);background:var(--success-emerald-tint);color:var(--success-emerald)}.tf-btn.wrong-feedback{border-color:var(--error-rose);background:var(--error-rose-tint);color:var(--error-rose)}.written-input-box{width:100%;padding:14px 16px;font-size:15px;border-radius:var(--radius-card);border:1.5px solid var(--border-default);background:var(--surface-card);color:var(--ink-primary);outline:none;transition:var(--transition-fast)}.written-input-box:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-blue-focus)}.quiz-feedback-box{display:none;padding:16px 20px;border-radius:var(--radius-card);margin-top:20px;font-size:14px;line-height:1.5}.quiz-feedback-box.correct{display:block;background:var(--success-emerald-tint);border:1.5px solid var(--success-emerald-border);color:var(--success-emerald)}.quiz-feedback-box.wrong{display:block;background:var(--error-rose-tint);border:1.5px solid var(--error-rose-border);color:var(--error-rose)}.match-container{max-width:760px;margin:0 auto;padding:36px 20px}.match-tiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.match-tile{min-height:110px;padding:16px;border-radius:var(--radius-card);border:2px solid var(--border-default);background:var(--surface-card);color:var(--ink-primary);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;box-shadow:var(--shadow-elevation-card);transition:var(--transition-card)}.match-tile:hover{border-color:var(--primary-blue);transform:var(--lift-card-subtle);box-shadow:var(--shadow-elevation-hover)}.match-tile.selected{border-color:var(--primary-blue);background:var(--primary-blue-tint);color:var(--primary-blue);transform:scale(1.02)}.match-tile.matched{visibility:hidden;opacity:0;pointer-events:none}.modal-overlay,.source-drawer-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:none}.modal-overlay.active,.source-drawer-overlay.active{display:block}.modal-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--surface-card);border:1.5px solid var(--border-default);border-radius:var(--radius-container);box-shadow:var(--shadow-elevation-hero);padding:28px 32px;width:90%;max-width:480px;z-index:210}.source-drawer{position:fixed;top:0;right:-420px;width:400px;height:100vh;background:var(--surface-card);border-left:1.5px solid var(--border-default);box-shadow:-8px 0 32px #0f172a1f;z-index:220;padding:24px;display:flex;flex-direction:column;gap:16px;transition:right .3s var(--ease-spring)}.source-drawer.open{right:0}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.drawer-title{font-size:16px;font-weight:700}.drawer-meta{font-size:12.5px;color:var(--primary-blue);font-weight:600}.highlighter-target{background:#fef08a;color:#713f12;padding:2px 4px;border-radius:4px}[data-theme=dark] .highlighter-target{background:#78350f;color:#fef08a}.toast{position:fixed;bottom:28px;right:28px;background:#0f172a;color:#fff;padding:12px 20px;border-radius:var(--radius-btn);box-shadow:0 10px 30px #00000040;display:none;align-items:center;gap:8px;font-size:13.5px;font-weight:600;z-index:300;animation:toastSlideUp .3s ease}[data-theme=dark] .toast{background:#1e293b;border:1px solid #334155}@keyframes toastSlideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:860px){.hero-h1{font-size:38px}.gen-options-row{grid-template-columns:repeat(2,1fr)}.workspace-layout{grid-template-columns:1fr}.workspace-sidebar{display:none}.arch-flow-grid,.steps-grid,.quality-grid{grid-template-columns:1fr}.match-tiles-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.navbar{padding:0 12px!important;height:54px!important}.nav-brand{gap:6px!important}.brand-mark{width:32px!important;height:32px!important;background:transparent!important;border:none!important;box-shadow:none!important}.brand-mark svg,.brand-mark img{width:32px!important;height:32px!important;object-fit:contain!important}.study-header-logo{width:26px!important;height:26px!important}.brand-title{font-size:14px!important;line-height:1.2!important;white-space:nowrap!important}.brand-tagline{display:none!important}.nav-links{gap:6px!important}.nav-link{display:none!important}.navbar .btn-primary{padding:5px 10px!important;font-size:12px!important;height:32px!important;white-space:nowrap!important;min-width:0!important}.lang-toggle-btn{padding:5px 7px!important;font-size:11.5px!important;height:32px!important;gap:4px!important}.lang-toggle-btn svg{width:13px!important;height:13px!important}.theme-toggle-btn{width:32px!important;height:32px!important;padding:0!important}.lang-dropdown-menu{max-width:90vw!important;right:0!important}.hero-section{padding:20px 14px 16px!important}.hero-h1{font-size:27px!important;line-height:1.22!important;margin-bottom:6px!important}.hero-sub{font-size:13.5px!important;margin-bottom:14px!important;line-height:1.4!important}.generator-stack-wrap{margin:0 auto 12px!important}.stack-underlay-2{transform:rotate(-2.5deg) scale(.98)!important;top:8px!important}.stack-underlay-1{transform:rotate(1.8deg) scale(.99)!important;top:4px!important}.generator-card{padding:14px 12px!important;border-radius:var(--radius-card)!important}.generator-tabs{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:5px!important;padding:2px!important;margin-top:0!important;margin-bottom:12px!important;overflow-x:visible!important;width:100%!important}.gen-tab.micro-card,.gen-tab{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:7px 2px!important;height:36px!important;font-size:11.5px!important;width:100%!important;box-sizing:border-box!important;border-radius:8px!important}.gen-tab svg{width:13px!important;height:13px!important;flex-shrink:0!important}.gen-tab span{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.upload-dropzone{padding:24px 14px!important}.dropzone-icon{width:44px!important;height:44px!important;margin-bottom:8px!important}.drop-title{font-size:14.5px!important}.drop-desc{font-size:12px!important}.drop-btn{padding:7px 16px!important;font-size:12.5px!important}.text-input-box{min-height:160px!important;font-size:13.5px!important}.gen-options-row{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:10px!important;margin-bottom:12px!important}.custom-select{height:38px!important;padding:6px 8px!important;font-size:12.5px!important}.option-label{font-size:11px!important;margin-bottom:4px!important}.generate-btn{height:44px!important;font-size:14px!important;padding:0 16px!important}.stage-steps{grid-template-columns:repeat(2,1fr)!important;gap:6px!important;margin-bottom:14px!important}.stage-step{padding:6px 8px!important;font-size:11px!important}.workspace-topbar{height:auto!important;display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto!important;row-gap:8px!important;column-gap:8px!important;padding:8px 12px 6px!important}.workspace-topbar-brand{grid-column:1 / 2!important;grid-row:1 / 2!important;min-width:0!important}.workspace-topbar-actions{grid-column:2 / 3!important;grid-row:1 / 2!important;justify-self:end!important;display:flex!important;align-items:center!important;gap:6px!important}.topbar-title{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:160px!important}.study-modes-bar{grid-column:1 / 3!important;grid-row:2 / 3!important;display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;gap:6px!important;padding:2px 0 4px!important;scrollbar-width:none!important;width:100%!important}.study-modes-bar::-webkit-scrollbar{display:none!important}.mode-pill-btn{padding:6px 11px!important;font-size:12px!important;white-space:nowrap!important;flex-shrink:0!important;height:32px!important}.workspace-main{padding:16px 12px!important}.workspace-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important;margin-bottom:16px!important}.workspace-header>div:last-child{width:100%!important;display:flex!important;gap:8px!important}.workspace-header>div:last-child button{flex:1!important;justify-content:center!important;font-size:12.5px!important;padding:8px 10px!important;white-space:nowrap!important}.deck-heading{font-size:20px!important}.card-item{padding:14px!important}.study-container{padding:12px 12px 16px!important;max-width:100%!important;min-height:100vh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}.study-header{margin-bottom:8px!important;height:34px!important;flex-shrink:0!important}.study-progress-wrap{margin-bottom:10px!important;height:5px!important;flex-shrink:0!important}.study-card-perspective-stage{margin-top:auto!important;margin-bottom:auto!important}.study-card-perspective-stage:has(+.rating-controls.active){margin-bottom:12px!important}.study-card{min-height:440px!important}.study-card-face{padding:14px 14px 12px!important;border-radius:var(--radius-card)!important}.study-prompt-text{font-size:17px!important;line-height:1.38!important}.study-answer-text{font-size:15.5px!important;line-height:1.38!important}.btn-reveal{padding:9px 20px!important;font-size:13.5px!important}.rating-controls{gap:8px!important;margin-top:0!important;margin-bottom:auto!important;flex-shrink:0!important}.rate-btn{padding:8px 6px!important;border-radius:10px!important}.rate-name{font-size:13px!important}.rate-desc{font-size:10px!important}.srs-key-badge,.flip-shortcut-badge,#study-shortcut-hint,#quiz-shortcut-badge{display:none!important}.study-complete-card{margin:auto!important}.quiz-container{padding:12px 12px 16px!important;max-width:100%!important;min-height:100vh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}.quiz-perspective-stage{margin-top:auto!important;margin-bottom:auto!important}.quiz-flipper-card{min-height:440px!important}.quiz-face-front,.quiz-face-back{padding:14px 14px 12px!important;border-radius:var(--radius-card)!important}.quiz-q-prompt{font-size:15.5px!important;line-height:1.35!important;margin-bottom:8px!important}.quiz-mcq-list{gap:6px!important}.quiz-mcq-choice{padding:7px 10px!important;font-size:12.5px!important;line-height:1.3!important;min-height:36px!important;border-radius:9px!important}.tf-buttons-row{gap:10px!important}.tf-btn{padding:14px 10px!important;font-size:14.5px!important}.written-input-box{padding:10px 12px!important;font-size:14px!important}.diagram-svg-box{max-height:95px!important}.quiz-back-body{margin:0!important;padding:2px 0!important}.quiz-feedback-box{padding:6px 10px!important;font-size:12px!important;margin-top:4px!important;line-height:1.35!important}.quiz-feedback-banner{margin-bottom:6px!important;padding:3px 8px!important;font-size:11px!important}.quiz-insight-answer-card{padding:8px 10px!important;margin-bottom:6px!important;border-radius:10px!important}.quiz-insight-answer-heading{font-size:9.5px!important;margin-bottom:3px!important}.quiz-insight-answer-text{font-size:13.5px!important;margin-bottom:3px!important;line-height:1.3!important}.quiz-insight-explanation-text{font-size:11.5px!important;line-height:1.35!important}.quiz-action-bar-row{padding-top:6px!important;margin-top:auto!important;width:100%!important}#btn-quiz-next{width:100%!important;max-width:100%!important;height:40px!important;min-height:40px!important;font-size:13.5px!important;padding:8px 18px!important}.quiz-back-bottom-hint{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding-top:6px!important;margin-top:auto!important;gap:8px!important}#btn-quiz-flip-back{flex:0 0 auto!important;padding:6px 10px!important;font-size:12px!important;height:38px!important;display:inline-flex!important;align-items:center!important}#btn-quiz-continue{flex:1 1 auto!important;max-width:none!important;height:38px!important;min-height:38px!important;font-size:13px!important;padding:6px 12px!important}.match-container{padding:12px 10px 16px!important;min-height:100vh!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}.match-container .study-header{flex-shrink:0!important}.match-tiles-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin:auto 0!important}.match-tile{min-height:80px!important;padding:10px!important;font-size:12.5px!important}#match-complete-box{margin:auto!important}.modal-card{padding:18px 14px!important;width:94vw!important;max-width:94vw!important}.modal-body{max-height:70vh!important}.legal-modal-box{padding:18px 16px!important;width:95vw!important;max-height:90vh!important}.footer{padding:24px 16px 20px!important}.footer-inner{flex-direction:column!important;align-items:flex-start!important;gap:14px!important}.footer-links-col{gap:8px 10px!important}.footer-link{font-size:12.5px!important}.footer-bottom{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}}@media(max-width:380px){.hero-h1{font-size:24px!important}.gen-tab.micro-card,.gen-tab{font-size:10.5px!important;gap:2px!important;padding:6px 1px!important}.gen-tab svg{display:none!important}.gen-options-row{grid-template-columns:1fr!important}.study-card,.quiz-flipper-card{min-height:420px!important}}.lang-dropdown-wrap{position:relative;display:inline-block}.lang-toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:700;color:var(--ink-secondary);background:var(--surface-card);border:1.5px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 2px 0 var(--border-light);transition:all .15s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.lang-toggle-btn:hover{background:var(--surface-subtle);color:var(--ink-primary);border-color:var(--border-medium);transform:translateY(-1px);box-shadow:0 3px 0 var(--border-medium)}.lang-toggle-btn:active{transform:translateY(1px);box-shadow:0 1px 0 var(--border-medium)}.lang-toggle-btn .lang-code-text{font-family:var(--font-mono);font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--primary-blue);background:var(--primary-blue-subtle);padding:1px 5px;border-radius:4px}.lang-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:250px;max-height:380px;overflow-y:auto;background:var(--surface-card);border:1.5px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:0 12px 30px #0000001f,0 4px 0 var(--border-light);padding:6px;z-index:1000;display:none;animation:langFadeIn .15s cubic-bezier(.16,1,.3,1)}@keyframes langFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.lang-dropdown-header{font-size:11px;font-weight:800;font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);padding:6px 10px 4px;border-bottom:1px solid var(--border-light);margin-bottom:4px;display:flex;justify-content:space-between;align-items:center}.lang-item-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--ink-primary);font-size:13px;font-weight:600;cursor:pointer;transition:all .12s ease;text-align:left}.lang-item-btn:hover{background:var(--surface-subtle);border-color:var(--border-light)}.lang-item-btn.active{background:var(--primary-blue-subtle);border-color:var(--primary-blue);color:var(--primary-blue);font-weight:700}.lang-item-native{font-size:13px}.lang-item-en{font-size:11px;color:var(--ink-muted);font-family:var(--font-mono)}.lang-item-btn.active .lang-item-en{color:var(--primary-blue)}.quiz-container{max-width:680px;margin:0 auto;padding:32px 20px}.quiz-perspective-stage{perspective:1200px;width:100%;margin:0 auto 28px}.quiz-flipper-card{position:relative;width:100%;min-height:520px;transform-style:preserve-3d;transform:rotateY(0);transition:transform .42s cubic-bezier(.2,.8,.2,1);display:flex}.quiz-flipper-card.is-flashcard-type{cursor:pointer}.quiz-flipper-card.is-flipped{transform:rotateY(180deg)}.quiz-face-front,.quiz-face-back{position:absolute;inset:0;width:100%;height:100%;border-radius:var(--radius-hero);background:var(--surface-card);border:1.5px solid var(--border-default);box-shadow:var(--shadow-elevation-card);padding:22px 26px 18px;display:flex;flex-direction:column;justify-content:space-between;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;transition:box-shadow .26s ease,border-color .26s ease}.quiz-flipper-card:hover .quiz-face-front,.quiz-flipper-card:hover .quiz-face-back{box-shadow:var(--shadow-elevation-hover);border-color:var(--border-hover)}.quiz-face-front{z-index:2;transform:rotateY(0)}.quiz-face-back{transform:rotateY(180deg);border-color:var(--learning-yellow-border)}[data-theme=dark] .quiz-face-back{border-color:#ffd16659}.quiz-flipper-card.is-flipped .quiz-face-front{pointer-events:none;z-index:0}.quiz-flipper-card.is-flipped .quiz-face-back{pointer-events:auto;z-index:2}@keyframes quizCardEnter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-card-enter{animation:quizCardEnter .32s cubic-bezier(.16,1,.3,1)}.quiz-action-bar-row,.quiz-back-bottom-hint{display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:14px;border-top:1px solid var(--border-light);margin-top:auto}.quiz-feedback-banner{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;margin-bottom:14px}.quiz-feedback-banner.correct{background:var(--success-emerald-tint);color:var(--success-emerald);border:1px solid var(--success-emerald-border)}.quiz-feedback-banner.wrong{background:var(--error-rose-tint);color:var(--error-rose);border:1px solid var(--error-rose-border)}.quiz-insight-answer-card{background:var(--surface-subtle);border:1.5px solid var(--border-default);border-radius:var(--radius-card);padding:16px 18px;margin-bottom:12px;text-align:left}.quiz-insight-answer-heading{font-size:11px;font-family:var(--font-mono);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#b45309;margin-bottom:6px}.quiz-insight-answer-text{font-size:16.5px;font-weight:700;color:var(--ink-primary);margin-bottom:6px;line-height:1.4}.quiz-insight-explanation-text{font-size:13.5px;color:var(--ink-secondary);line-height:1.5}