:root{--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-gray-50:#f9fafb;--color-gray-100:#f2f8fc;--color-gray-300:#d1d5db;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-700:#334155;--color-gray-900:#0f172a;--color-green-500:#22c55e;--color-yellow-500:#f59e0b;--color-red-500:#ef4444;--color-cyan-400:#22d3ee;--color-purple-500:#a855f7;--white:#fff;--black:#000;--bg:#f4f8fc;--bg-main:radial-gradient(circle at 20% 20%, #fff, #eef4fb 58%, #e6eef8 100%);--surface:#ffffffeb;--card:#ffffffdb;--text:#0f172a;--text-light:#475569;--text-muted:#64748b;--text-secondary:var(--text-light);--text-inverse:var(--white);--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#4f46e524;--accent:#38bdf8;--border:#0f172a1a;--divider:#0f172a0f;--hover-bg:#4f46e514;--active-bg:#4f46e524;--surface-hover:#0f172a0d;--focus-ring:#4f46e547;--input-bg:var(--white);--input-border:#0f172a1f;--control-bg:var(--white);--control-hover:#0f172a0d;--success:var(--color-green-500);--warning:var(--color-yellow-500);--danger:var(--color-red-500);--info:var(--color-cyan-400);--btn-primary-bg:var(--primary);--btn-primary-text:var(--white);--shadow-soft:0 10px 30px #0f172a14;--shadow-strong:0 24px 54px #0f172a24;--radius:12px;--transition:all .2s ease;--reader-bg:#fff;--reader-text:#0f172a;--reader-highlight:var(--primary);--reading-line-height:1.8;--reading-letter-spacing:.02em;--reading-max-width:700px}[data-theme=dark]{--bg:#08111f;--bg-main:radial-gradient(circle at 20% 20%, #172554 0%, #0f172a 48%, #020617 100%);--surface:#090f1ceb;--card:#0f172ac7;--text:#f8fafc;--text-light:#cbd5e1;--text-muted:#94a3b8;--text-secondary:var(--text-light);--text-inverse:#fff;--primary:#7c8cff;--primary-hover:#6366f1;--primary-soft:#7c8cff2e;--accent:#38bdf8;--border:#94a3b838;--divider:#94a3b824;--hover-bg:#94a3b81f;--active-bg:#7c8cff2e;--surface-hover:#94a3b814;--focus-ring:#7c8cff4d;--input-bg:#0f172ae0;--input-border:#94a3b82e;--control-bg:#0f172ae0;--control-hover:#94a3b81f;--btn-primary-bg:var(--primary);--btn-primary-text:#fff;--shadow-soft:0 12px 34px #02061757;--shadow-strong:0 26px 62px #02061775;--reader-bg:#020617;--reader-text:#f8fafc;--reader-highlight:#7dd3fc}[data-theme=light]{--bg:#f4f8fc;--bg-main:radial-gradient(circle at 20% 20%, #fff 0%, #eef4fb 55%, #e6eef8 100%);--surface:#fffffff0;--card:#ffffffe0;--text:#0f172a;--text-light:#334155;--text-muted:#4b5563;--text-secondary:var(--text-light);--text-inverse:#fff;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#4f46e524;--accent:#0ea5e9;--border:#0f172a1a;--divider:#0f172a0f;--hover-bg:#4f46e514;--active-bg:#4f46e524;--surface-hover:#0f172a0d;--focus-ring:#4f46e547;--input-bg:#fffffff5;--input-border:#0f172a1f;--control-bg:#fffffff0;--control-hover:#0f172a0d;--btn-primary-bg:var(--primary);--btn-primary-text:#fff;--shadow-soft:0 10px 30px #0f172a14;--shadow-strong:0 24px 54px #0f172a24;--reader-bg:#fff;--reader-text:#0f172a;--reader-highlight:var(--primary)}[data-theme=ocean]{--bg:#06283d;--bg-main:radial-gradient(circle at 20% 16%, #0ea5e9 0%, #0b5278 34%, #082f49 70%, #031a29 100%);--surface:#062335eb;--card:#082f49cc;--text:#e6f7ff;--text-light:#b9deed;--text-muted:#89bfd1;--text-secondary:var(--text-light);--text-inverse:#031a29;--primary:#38bdf8;--primary-hover:#0ea5e9;--primary-soft:#38bdf82e;--accent:#67e8f9;--border:#7dd3fc33;--divider:#7dd3fc1f;--hover-bg:#67e8f91a;--active-bg:#38bdf82e;--surface-hover:#bae6fd14;--focus-ring:#38bdf84d;--input-bg:#031a29b3;--input-border:#7dd3fc38;--control-bg:#031a29b3;--control-hover:#bae6fd14;--btn-primary-bg:var(--primary);--btn-primary-text:#031a29;--shadow-soft:0 12px 34px #020c1657;--shadow-strong:0 28px 64px #020c1670;--reader-bg:#031a29;--reader-text:#e6f7ff;--reader-highlight:#67e8f9}[data-theme=forest]{--bg:#10281b;--bg-main:radial-gradient(circle at 18% 18%, #166534 0%, #14532d 34%, #10351f 66%, #0a1f13 100%);--surface:#0d2818eb;--card:#14532dbd;--text:#ecfdf5;--text-light:#d1fae5;--text-muted:#9ad3b1;--text-secondary:var(--text-light);--text-inverse:#07150d;--primary:#34d399;--primary-hover:#10b981;--primary-soft:#34d3992e;--accent:#86efac;--border:#86efac2e;--divider:#86efac1f;--hover-bg:#86efac1a;--active-bg:#34d3992e;--surface-hover:#d1fae514;--focus-ring:#34d3994d;--input-bg:#07150db3;--input-border:#86efac33;--control-bg:#07150db3;--control-hover:#d1fae514;--btn-primary-bg:var(--primary);--btn-primary-text:#07150d;--shadow-soft:0 12px 34px #030c0657;--shadow-strong:0 28px 64px #030c0670;--reader-bg:#07150d;--reader-text:#ecfdf5;--reader-highlight:#86efac}[data-theme=sunset]{--bg:#442013;--bg-main:radial-gradient(circle at 18% 18%, #f97316 0%, #9a3412 30%, #7c2d12 62%, #451a03 100%);--surface:#4a1f0deb;--card:#7c2d12c7;--text:#fff7ed;--text-light:#ffedd5;--text-muted:#f7c59e;--text-secondary:var(--text-light);--text-inverse:#2a120a;--primary:#fb923c;--primary-hover:#f97316;--primary-soft:#fb923c2e;--accent:#fdba74;--border:#fdba7433;--divider:#fdba741f;--hover-bg:#fdba741a;--active-bg:#fb923c2e;--surface-hover:#ffedd514;--focus-ring:#fb923c52;--input-bg:#2a120ab3;--input-border:#fdba7438;--control-bg:#2a120ab3;--control-hover:#ffedd514;--btn-primary-bg:var(--primary);--btn-primary-text:#2a120a;--shadow-soft:0 12px 34px #1c0a0357;--shadow-strong:0 28px 64px #1c0a0370;--reader-bg:#2a120a;--reader-text:#fff7ed;--reader-highlight:#fdba74}[data-theme=luxury]{--bg:#140f2f;--bg-main:radial-gradient(circle at 18% 18%, #4c1d95 0%, #312e81 32%, #1e1b4b 64%, #110d29 100%);--surface:#140f2feb;--card:#312e81bd;--text:#f5f3ff;--text-light:#e9d5ff;--text-muted:#c4b5fd;--text-secondary:var(--text-light);--text-inverse:#120d28;--primary:#c084fc;--primary-hover:#a855f7;--primary-soft:#c084fc2e;--accent:#e9d5ff;--border:#ddd6fe2e;--divider:#ddd6fe1f;--hover-bg:#ddd6fe1a;--active-bg:#c084fc2e;--surface-hover:#f5f3ff14;--focus-ring:#c084fc52;--input-bg:#120d28b8;--input-border:#ddd6fe33;--control-bg:#120d28b8;--control-hover:#f5f3ff14;--btn-primary-bg:var(--primary);--btn-primary-text:#120d28;--shadow-soft:0 12px 34px #06041257;--shadow-strong:0 28px 64px #06041270;--reader-bg:#120d28;--reader-text:#f5f3ff;--reader-highlight:#e9d5ff}body{background:var(--bg-main);color:var(--text);min-height:100vh;transition:var(--transition);padding-top:104px;font-family:Inter,sans-serif}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:var(--radius);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-strong);transform:translateY(-3px)}.reader{background:var(--reader-bg);color:var(--reader-text);text-align:center;font-size:28px;line-height:var(--reading-line-height);letter-spacing:var(--reading-letter-spacing)}.reader-word.active{color:var(--reader-highlight)}.standard-setup-container{background:var(--card);border-radius:var(--radius);text-align:center;width:100%;height:100%;transition:var(--transition);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.standard-setup-title{color:var(--text);margin-bottom:8px;font-size:24px;font-weight:700}.standard-setup-subtitle{color:var(--text-muted);max-width:480px;margin-bottom:30px;font-size:15px}.standard-setup-options{grid-template-columns:repeat(2,1fr);gap:20px;width:100%;max-width:600px;margin-bottom:20px;display:grid}.standard-setup-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--transition);flex-direction:column;align-items:center;padding:24px;display:flex}.standard-setup-card:hover{border-color:var(--primary);background:var(--hover-bg);transform:translateY(-2px)}.standard-setup-card.active{border-color:var(--primary);background:var(--active-bg)}.standard-setup-icon{color:var(--primary);margin-bottom:16px}.standard-setup-card h3{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.standard-setup-card p{color:var(--text-muted);font-size:13px;line-height:1.5}.status-badge{border-radius:20px;align-items:center;gap:6px;margin-top:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.possible{color:var(--success);background:#22c55e26}.status-badge.not-possible{color:var(--danger);background:#ef444426}.calibration-container{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);text-align:left;flex-direction:column;width:100%;max-width:500px;margin-top:20px;padding:24px;display:flex}.calibration-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.calibration-text-box{background:var(--surface);border:1px solid var(--border);color:var(--text-light);border-radius:8px;margin-bottom:16px;padding:16px;font-size:14px;line-height:1.6}.calibration-actions{align-items:center;gap:12px;display:flex}.standard-reader-container{flex-direction:column;width:100%;height:100%;padding:20px 40px 60px;display:flex;overflow-y:auto}.standard-sticky-bar{background:var(--surface);border:1px solid var(--border);z-index:10;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:10px 16px;display:flex;position:sticky;top:0}.standard-sticky-controls{align-items:center;gap:12px;display:flex}.standard-text-body{text-align:left;color:var(--reader-text);max-width:100%;margin:0 auto;font-family:inherit;font-size:24px;line-height:2}.standard-paragraph{margin-bottom:28px}.standard-word{cursor:pointer;opacity:.85;border-radius:4px;margin-right:.08em;padding:1px 2px;transition:all .15s;display:inline;position:relative}.standard-word:hover{opacity:1;background:#4f46e514}.standard-word.active{color:var(--primary);opacity:1;background:#4f46e50f;font-weight:700}.standard-word.active:after{content:"";background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);border-radius:2px;width:100%;height:3px;animation:.4s ease-out standard-underline-pulse;position:absolute;bottom:-2px;left:0;box-shadow:0 2px 6px #4f46e559}@keyframes standard-underline-pulse{0%{opacity:.5;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1)}}.audiobook-player-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-strong);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;margin:0 auto 30px;padding:30px;display:flex}.audiobook-title{color:var(--text);margin-bottom:8px;font-size:20px;font-weight:700}.audiobook-progress-container{width:100%;margin:20px 0}.audiobook-progress-bar-bg{background:#ffffff1a;border-radius:3px;width:100%;height:6px;margin-bottom:8px;overflow:hidden}[data-theme=light] .audiobook-progress-bar-bg{background:#0f172a14}.audiobook-progress-bar-fill{background:linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);border-radius:3px;height:100%;transition:width .3s}.audiobook-progress-stats{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.audiobook-controls{justify-content:center;align-items:center;gap:20px;margin-bottom:24px;display:flex}.audiobook-btn-main{background:var(--primary);width:54px;height:54px;color:var(--white);transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 14px #4f46e566}.audiobook-btn-main:hover{background:var(--primary-hover);transform:scale(1.05)}.audiobook-btn-skip{background:var(--bg);width:40px;height:40px;color:var(--text-light);border:1px solid var(--border);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex}.audiobook-btn-skip:hover{background:var(--hover-bg);color:var(--text);border-color:var(--primary)}.audiobook-settings-row{border-top:1px solid var(--border);justify-content:space-between;gap:16px;width:100%;padding-top:16px;font-size:13px;display:flex}.audiobook-select-wrapper{flex-direction:column;flex:1;align-items:flex-start;display:flex}.audiobook-select-wrapper label{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:600}.audiobook-select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:6px;padding:6px 10px;font-size:13px}.audiobook-text-container{border-top:1px solid var(--border);background:#ffffff03;border-radius:8px;flex-direction:column;width:100%;max-height:360px;padding:20px;display:flex;overflow-y:auto}.audio-sentence{cursor:pointer;opacity:.45;border-radius:4px;padding:2px 4px;transition:all .2s;display:inline}.audio-sentence:hover{opacity:.8;background:#4f46e50a}.audio-sentence.active{opacity:1;color:var(--primary);background:var(--primary-soft);font-weight:600;box-shadow:0 1px 4px #4f46e51a}.rsvp-reader-container{flex-direction:column;justify-content:space-between;width:100%;max-width:700px;height:100%;margin:0 auto;display:flex}.rsvp-display-box{background:var(--card);border:1px solid var(--border);min-height:240px;box-shadow:var(--shadow-soft);border-radius:var(--radius);text-align:center;transition:var(--transition);flex:1;justify-content:center;align-items:center;margin:30px 0;padding:30px;display:flex}.rsvp-display-box:hover{box-shadow:var(--shadow-strong);border-color:var(--primary)}.rsvp-text{color:var(--text);letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-family:inherit;font-size:2.6rem;font-weight:700;line-height:1.4;animation:.15s cubic-bezier(.4,0,.2,1) rsvp-pulse;overflow:hidden}@keyframes rsvp-pulse{0%{opacity:.85;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.rsvp-dashboard{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-soft);padding:24px 30px}.rsvp-settings-row{border-top:1px solid var(--border);grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:24px;padding-top:16px;font-size:13px;display:grid}@media (width<=600px){.rsvp-settings-row{grid-template-columns:1fr;gap:16px}}.speed-display-box{border-radius:var(--radius);text-align:center;min-height:240px;box-shadow:var(--shadow-strong);flex:1;justify-content:center;align-items:center;margin:30px 0;padding:30px;display:flex}.speed-chunk-row{justify-content:center;gap:.5em;width:100%;font-family:Courier New,Courier,monospace;font-size:2.8rem;font-weight:700;display:inline-flex}.orp-word-container{justify-content:center;width:100%;max-width:600px;display:inline-flex}.orp-left{text-align:right;flex:1;padding-right:1px}.orp-char{text-align:center;flex:none;min-width:.6em;font-weight:800}.orp-right{text-align:left;flex:1;padding-left:1px}.focus-reader-container{flex-direction:column;width:100%;height:100%;display:flex}.focus-sticky-bar{background:var(--surface);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:10px 16px;display:flex}.focus-text-body{color:var(--text);padding:10px}.focus-segment{border-radius:6px;transition:opacity .25s,font-weight .25s,background .25s}.focus-segment.active{color:var(--primary)}.interactive-reader-container{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.interactive-complex-word{transition:all .2s;position:relative}.interactive-complex-word:hover{background:#4f46e514;border-radius:3px;color:var(--primary-hover)!important}.interactive-reflection-overlay{animation:.3s ease-out fadeIn}.interactive-reflection-card{animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.note-card{transition:var(--transition)}.note-card:hover{transform:translate(2px);border-color:var(--primary)!important;background:var(--hover-bg)!important}.interactive-definition-box{border-left:3px solid var(--primary);box-shadow:inset 0 0 10px #00000005}.summary-reader-container{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-soft)}.summary-sticky-bar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px}.summary-bullet{padding-left:8px;transition:transform .2s;position:relative}.summary-bullet:hover{transform:translate(4px);color:var(--primary)!important}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 16px;font-weight:600;transition:all .2s}.btn:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.btn.primary{color:#fff;background:linear-gradient(135deg,#6c63ff,#4f46e5);border:none}.btn.secondary{background:0 0}.app-layout{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.app-content{flex:1}body{padding-top:88px}.header{background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;box-sizing:border-box;justify-content:space-between;align-items:center;height:88px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000000a}.header-left{flex-shrink:0;align-items:center;gap:16px;display:flex}.logo{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.header-center{z-index:10;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:calc(50% - 65px);transform:translate(-50%,-50%)}.header-search-container{align-items:center;width:260px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.header-search-container:focus-within{width:340px}.header-search{border:1px solid var(--border);color:var(--text);box-sizing:border-box;background:#94a3b814;border-radius:8px;outline:none;width:100%;padding:10px 38px;font-size:14px;transition:all .25s cubic-bezier(.16,1,.3,1)}.header-search:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.header-search::placeholder{color:var(--text-muted);opacity:.8}.header-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.header-voice-icon{color:var(--text-muted);cursor:pointer;transition:color .2s;position:absolute;right:12px}.header-voice-icon:hover{color:var(--primary)}.header-right{flex-shrink:0;align-items:center;gap:20px;display:flex}.header-nav-links{align-items:center;gap:24px;margin-right:8px;display:flex}.header-nav-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:700;transition:all .2s}.header-nav-btn:hover{color:var(--text);background:var(--surface-hover)}.theme-dropdown{z-index:2000;position:relative}.theme-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--primary);color:var(--primary)}.theme-menu{background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:140px;padding:6px 0;position:absolute;top:120%;right:0;box-shadow:0 10px 25px #00000026}.theme-item{cursor:pointer;padding:10px 16px}.theme-item:hover{background:var(--surface-hover)}.header-login-btn{color:#fff!important;cursor:pointer!important;background:#ef4444!important;border:none!important;border-radius:9999px!important;justify-content:center!important;align-items:center!important;padding:10px 24px!important;font-size:14px!important;font-weight:700!important;text-decoration:none!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 4px 12px #ef44444d!important}.header-login-btn:hover{background:#dc2626!important;transform:translateY(-1px)!important;box-shadow:0 6px 18px #ef444466!important}.menu-btn{color:#0b1329!important;cursor:pointer!important;background:#fff!important;border:none!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;transition:all .2s!important;display:flex!important;box-shadow:0 2px 8px #00000014!important}.menu-btn:hover{background:#f1f5f9!important;transform:scale(1.05)!important}@media (width<=992px){.header-nav-links{display:none!important}}@media (width<=768px){.header{height:80px;padding:0 20px}body{padding-top:80px}.header-center{flex:1;margin:0 16px;position:static;transform:none}.header-search{width:100%;max-width:100%}.header-search:focus{width:100%}}.footer button{border:none;color:#fff!important;background:#ec9718!important}.footer{border-top:1px solid var(--border);text-align:center;z-index:100;width:100%;position:fixed;bottom:0;left:0;background:var(--surface)!important;color:#ec9718!important;height:auto!important;min-height:31px!important;padding:18px 24px 0!important}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1100px;margin:0 auto;display:flex}.footer-brand h3{color:var(--text);margin-bottom:8px;font-size:18px}.footer-brand p{color:var(--subtle-text,#94a3b8);font-size:14px}.footer-links{flex-wrap:wrap;gap:24px;display:flex}.footer-links a,.footer-link{font-size:14px;text-decoration:underline;transition:color .2s;color:#ec9718!important}.footer-links a:hover,.footer-link:hover{color:var(--primary)}.footer-bottom{color:#64748b;text-align:center;border-top:1px solid #ffffff0d;max-width:1100px;margin:32px auto 0;padding-top:16px;font-size:12px}.home-page{--home-border:color-mix(in srgb, var(--border) 78%, white 22%);--home-border-strong:color-mix(in srgb, var(--border) 88%, white 12%);--home-card-bg:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, white 8%), color-mix(in srgb, var(--card) 92%, transparent)), color-mix(in srgb, var(--bg) 26%, transparent);--home-card-bg-strong:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, white 10%), color-mix(in srgb, var(--card) 96%, transparent)), color-mix(in srgb, var(--bg) 20%, transparent);--home-muted:color-mix(in srgb, var(--text) 68%, transparent);--home-soft:color-mix(in srgb, var(--text) 54%, transparent);--home-accent:var(--primary);--home-accent-soft:color-mix(in srgb, var(--primary) 18%, transparent);--home-highlight:color-mix(in srgb, var(--primary) 72%, #7dd3fc 28%);--home-shadow:0 22px 70px #0f172a1f;--home-shadow-strong:0 32px 96px #0f172a2e;background:radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--primary) 14%, transparent), transparent 24%), radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 22%), radial-gradient(circle at 50% 78%, color-mix(in srgb, var(--primary) 10%, transparent), transparent 28%), var(--bg-main);position:relative;overflow-x:clip}.home-page:before{content:"";opacity:.24;pointer-events:none;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 90%);mask-image:linear-gradient(#000000bf,#0000 90%)}.home-shell{z-index:1;width:min(1240px,100% - 40px);margin:0 auto;padding:24px 0 84px;position:relative}.home-section{padding:58px 0}.section-kicker{border:1px solid var(--home-border);background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--text);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff24}.section-heading{max-width:720px;margin-bottom:28px}.section-heading h2,.philosophy-quote-panel h2,.final-cta-card h2{letter-spacing:-.06em;color:var(--text);margin:16px 0 0;font-size:clamp(2.625rem,4vw,3.5rem);line-height:1}.section-heading p,.philosophy-quote-panel p,.final-cta-card p,.home-hero-subheadline{color:var(--home-muted);margin:16px 0 0;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.72}.home-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:32px;min-height:clamp(520px,60vh,620px);padding:12px 0 28px;display:grid}.home-hero-copy h1{letter-spacing:-.08em;max-width:8.4ch;color:var(--text);margin:18px 0 0;font-size:clamp(2.9rem,5vw,4.75rem);line-height:.94}.home-audience-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.home-audience-row span,.card-label,.theme-card-status,.system-tag,.workflow-step{letter-spacing:.11em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:inline-flex}.home-audience-row span{background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--home-border);color:var(--home-soft);padding:8px 10px}.home-hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:26px;display:flex}.home-hero-actions-center{justify-content:center}.home-btn{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 18px;font-size:.96rem;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s;display:inline-flex}.home-btn:hover,.system-link:hover,.theme-card:hover,.problem-card:hover,.philosophy-card:hover,.system-card:hover,.workflow-card:hover,.ecosystem-card:hover,.use-case-card:hover,.analytics-side-card:hover{transform:translateY(-4px)}.home-btn-primary{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 82%, white 18%), color-mix(in srgb, var(--primary-hover) 88%, black 12%));color:#fff;box-shadow:0 16px 38px color-mix(in srgb, var(--primary) 28%, transparent)}.home-btn-primary:hover{box-shadow:0 18px 44px color-mix(in srgb, var(--primary) 34%, transparent)}.home-btn-secondary{border-color:var(--home-border-strong);background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--text);box-shadow:inset 0 1px #ffffff1f}.hero-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.hero-proof-card,.problem-card,.philosophy-card,.system-card,.workflow-card,.ecosystem-card,.analytics-card,.analytics-side-card,.use-case-card,.theme-card,.final-cta-card{border:1px solid var(--home-border);background:var(--home-card-bg);box-shadow:var(--home-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-proof-card{border-radius:20px;padding:16px}.hero-proof-value{letter-spacing:-.06em;color:var(--text);font-size:1.9rem;font-weight:800;display:block}.hero-proof-label{color:var(--home-soft);margin-top:6px;font-size:.88rem;display:block}.home-hero-visual{min-height:100%;position:relative}.hero-glow{filter:blur(44px);opacity:.7;pointer-events:none;border-radius:999px;position:absolute}.hero-glow-one{background:color-mix(in srgb, var(--primary) 40%, transparent);width:180px;height:180px;inset:2% 8% auto auto}.hero-glow-two{background:color-mix(in srgb, var(--accent) 40%, transparent);width:160px;height:160px;inset:auto auto 4% 8%}.hero-preview-card{z-index:1;box-shadow:var(--home-shadow-strong);color:#f8fafc;background:linear-gradient(#070c17f5,#111827d1),radial-gradient(circle at 0 0,#38bdf829,#0000 36%);border:1px solid #ffffff1f;border-radius:30px;padding:22px;position:relative}.hero-preview-topbar,.analytics-overview,.theme-card-head,.system-header,.analytics-chart-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.hero-preview-topbar h2,.analytics-heading-block h3{color:#f8fafc;letter-spacing:-.04em;margin:6px 0 0;font-size:1.4rem;line-height:1.1}.preview-label{color:#e2e8f0ad;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem}.preview-pill{color:#e2e8f0;white-space:nowrap;background:#6366f12e;border:1px solid #ffffff1a;border-radius:999px;padding:9px 12px;font-size:.78rem;font-weight:700}.hero-preview-grid{grid-template-columns:120px minmax(0,1fr) 170px;gap:14px;margin-top:18px;display:grid}.hero-preview-rail,.hero-preview-side,.hero-preview-reader,.analytics-main-panel,.analytics-side-card,.workflow-card,.use-case-workflow,.feature-benefit,.theme-mini-preview{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px}.hero-preview-rail,.hero-preview-side{gap:10px;display:grid}.rail-card,.preview-side-card,.reader-stat-card{background:#ffffff0b;border:1px solid #ffffff0f;border-radius:18px;padding:14px}.rail-card span,.preview-side-card span,.reader-stat-card span,.analytics-stat-card span,.analytics-side-card span,.feature-benefit span,.use-case-workflow span,.card-impact span,.system-detail-block span,.analytics-chart-head span,.analytics-summary-badge span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;display:block}.rail-card span,.preview-side-card span,.reader-stat-card span{color:#e2e8f099}.analytics-summary-badge span,.analytics-chart-head span{color:var(--text-muted)}.rail-card strong,.preview-side-card strong,.reader-stat-card strong{color:#f8fafc;margin-top:8px;font-size:1rem;display:block}.rail-card-active{background:linear-gradient(135deg,#38bdf82e,#6366f133)}.hero-preview-reader{padding:16px}.reader-rhythm-bar{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.reader-rhythm-bar i,.mini-trend-bars i,.analytics-bars i{background:linear-gradient(#7dd3fc,#6366f15c);border-radius:999px;display:block}.reader-rhythm-bar i{height:9px}.reader-stage{background:linear-gradient(#070c17e6,#111827b8),radial-gradient(circle at top,#38bdf81a,#0000 42%);border-radius:22px;margin-top:16px;padding:18px}.reader-line{color:#e2e8f0cc;background:#ffffff0d;border-radius:14px;padding:11px 12px;font-size:.94rem;line-height:1.5}.reader-line+.reader-line{margin-top:10px}.reader-line-accent{color:#f8fafc;background:linear-gradient(135deg,#38bdf838,#6366f133)}.reader-stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.preview-side-chart{min-height:116px}.mini-trend-bars{grid-template-columns:repeat(5,1fr);align-items:end;gap:6px;min-height:60px;margin-top:10px;display:grid}.mini-trend-bars i:first-child{height:24px}.mini-trend-bars i:nth-child(2){height:38px}.mini-trend-bars i:nth-child(3){height:50px}.mini-trend-bars i:nth-child(4){height:34px}.mini-trend-bars i:nth-child(5){height:46px}.problem-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.problem-card,.philosophy-card,.workflow-card,.ecosystem-card,.use-case-card{border-radius:24px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s}.card-topline{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-count{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, transparent), color-mix(in srgb, var(--accent) 14%, transparent));border:1px solid var(--home-border);min-width:40px;height:40px;color:var(--text);letter-spacing:.1em;border-radius:12px;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:inline-flex}.card-label{background:color-mix(in srgb, var(--surface) 78%, transparent);border:1px solid var(--home-border);color:var(--home-soft);padding:7px 10px}.problem-card h3,.philosophy-card h3,.system-card h3,.workflow-card h3,.ecosystem-card h3,.use-case-card h3,.theme-card h3{letter-spacing:-.03em;color:var(--text);margin:18px 0 0;font-size:1.2rem;line-height:1.2}.problem-card p,.philosophy-card p,.system-card p,.workflow-card p,.ecosystem-card p,.use-case-card p,.theme-card p{color:var(--home-muted);margin:12px 0 0;font-size:.98rem;line-height:1.68}.card-divider{background:var(--home-border);height:1px;margin:16px 0 14px}.card-impact strong,.feature-benefit strong,.use-case-workflow strong{color:var(--text);margin-top:8px;line-height:1.55;display:block}.philosophy-shell{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:stretch;gap:20px;display:grid}.philosophy-quote-panel,.analytics-main-panel{border:1px solid var(--home-border);background:radial-gradient(circle at top left, color-mix(in srgb, var(--primary) 14%, transparent), transparent 34%), var(--home-card-bg-strong);box-shadow:var(--home-shadow);border-radius:28px;padding:24px}.philosophy-grid{gap:16px;display:grid}.philosophy-label{color:var(--text);letter-spacing:-.02em;font-size:.92rem;font-weight:800}.systems-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.system-card{border-radius:26px;gap:16px;padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.system-tag,.theme-card-status,.workflow-step{background:color-mix(in srgb, var(--surface) 80%, transparent);border:1px solid var(--home-border);color:var(--text);padding:7px 11px}.system-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:.9rem;font-weight:700;transition:transform .2s,color .2s;display:inline-flex}.system-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.system-detail-block{border:1px solid var(--home-border);background:color-mix(in srgb, var(--surface) 84%, transparent);border-radius:18px;padding:16px}.system-detail-block span,.card-impact span,.feature-benefit span,.use-case-workflow span{color:var(--home-soft)}.system-detail-block ul{gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.system-detail-block li{color:var(--text);align-items:center;gap:10px;line-height:1.45;display:flex}.system-detail-block li svg{color:var(--primary);flex:none}.system-preview{border:1px solid #ffffff14;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:166px;padding:16px;display:flex;overflow:hidden}.system-preview.standard{background:linear-gradient(#050a13eb,#111827cc),radial-gradient(circle at 0 0,#7dd3fc24,#0000 34%)}.system-preview.flow{background:linear-gradient(135deg,#38bdf81f,#6366f124),linear-gradient(#050a13f0,#1e293bc7)}.system-preview.adaptive{background:radial-gradient(circle at 85% 14%,#6366f12e,#0000 26%),linear-gradient(#050a13f0,#111827d6)}.system-preview-header{gap:7px;display:flex}.system-preview-header span{background:#fff6;border-radius:50%;width:8px;height:8px}.system-preview-body{gap:10px;display:grid}.preview-lane{background:#ffffff24;border-radius:999px;display:block}.preview-lane-main{width:100%;height:18px}.preview-lane-mid{width:78%;height:14px}.preview-lane-small{width:62%;height:14px}.system-preview.flow .preview-lane-main,.system-preview.flow .preview-lane-mid{background:linear-gradient(90deg,#7dd3fccc,#6366f147)}.system-preview.adaptive .preview-lane-small{background:linear-gradient(90deg,#6366f1d1,#38bdf857);width:86%}.system-preview-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.system-preview-stats strong{color:#e2e8f0;text-align:center;background:#ffffff0f;border-radius:12px;padding:9px 10px;font-size:.8rem}.workflow-timeline{grid-template-columns:repeat(4,minmax(0,1fr));align-items:flex-start;gap:16px;display:grid}.workflow-item{grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:16px;display:grid}.workflow-item:last-child{grid-template-columns:1fr}.workflow-card{min-height:214px}.workflow-step{width:fit-content}.workflow-connector{background:linear-gradient(90deg, color-mix(in srgb, var(--primary) 46%, transparent), color-mix(in srgb, var(--accent) 24%, transparent));height:2px;position:relative}.workflow-connector span{border-top:2px solid color-mix(in srgb, var(--primary) 56%, transparent);border-right:2px solid color-mix(in srgb, var(--primary) 56%, transparent);width:10px;height:10px;position:absolute;top:50%;right:-1px;transform:translateY(-50%)rotate(45deg)}.ecosystem-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ecosystem-card{min-height:222px}.feature-icon-wrap,.use-case-icon,.home-footer-logo{background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 16%, transparent), color-mix(in srgb, var(--accent) 18%, transparent));border:1px solid var(--home-border);width:40px;height:40px;color:var(--primary);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.feature-benefit,.use-case-workflow{margin-top:18px;padding:14px}.analytics-showcase .section-heading{max-width:690px}.analytics-card{border-radius:28px;grid-template-columns:minmax(0,1.45fr) 250px;gap:16px;padding:18px;display:grid}.analytics-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.analytics-stat-card,.analytics-summary-badge{border:1px solid var(--home-border);background:var(--home-card-bg);border-radius:18px;padding:16px}.analytics-stat-card strong,.analytics-side-card strong,.analytics-summary-badge strong{color:var(--text);margin-top:8px;font-size:1rem;display:block}.analytics-visual-grid{grid-template-columns:minmax(0,1.15fr) 280px;gap:12px;margin-top:18px;display:grid}.analytics-chart-panel,.analytics-history-panel{border:1px solid var(--home-border);background:var(--home-card-bg);border-radius:22px;padding:18px}.analytics-bars{background:linear-gradient(var(--divider) 1px, transparent 1px), linear-gradient(90deg, var(--divider) 1px, transparent 1px);background-size:100% 20%,14.285% 100%;border-radius:16px;grid-template-columns:repeat(7,1fr);align-items:end;gap:12px;height:160px;margin-top:16px;padding:12px 6px 0;display:grid}.analytics-bars i:first-child{height:44%}.analytics-bars i:nth-child(2){height:52%}.analytics-bars i:nth-child(3){height:50%}.analytics-bars i:nth-child(4){height:68%}.analytics-bars i:nth-child(5){height:71%}.analytics-bars i:nth-child(6){height:82%}.analytics-bars i:nth-child(7){height:90%}.analytics-axis-labels{color:var(--text-muted);grid-template-columns:repeat(7,1fr);gap:12px;margin-top:10px;font-size:.76rem;display:grid}.history-list{gap:10px;margin-top:14px;display:grid}.history-row{background:var(--home-card-bg);color:var(--text-light);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.history-row strong{color:var(--text);font-size:.9rem}.analytics-side-panel{gap:12px;display:grid}.analytics-side-card{border-radius:20px;padding:18px;transition:transform .2s,box-shadow .2s}.use-cases-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.use-case-card{min-height:246px}.theme-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.theme-card{text-align:left;cursor:pointer;border-radius:22px;width:100%;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.theme-card-status{white-space:nowrap}.theme-card.is-active{border-color:color-mix(in srgb, var(--primary) 48%, white 16%);background:radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 14%, transparent), transparent 40%), var(--home-card-bg-strong);box-shadow:0 26px 78px #0f172a29, 0 0 0 1px color-mix(in srgb, var(--primary) 22%, transparent)}.theme-mini-preview{margin-top:16px;padding:12px}.theme-mini-header{gap:6px;display:flex}.theme-mini-header span{border-radius:50%;width:10px;height:10px}.theme-mini-body{grid-template-columns:58px minmax(0,1fr);gap:10px;margin-top:12px;display:grid}.theme-mini-sidebar{opacity:.95;border-radius:14px;min-height:64px}.theme-mini-main{gap:8px;display:grid}.theme-mini-main i{border-radius:999px;height:16px;display:block}.theme-card-swatches{gap:8px;margin-top:14px;display:flex}.theme-card-swatches span{border-radius:999px;flex:1;height:12px}.final-cta-section{padding-bottom:72px;position:relative}.final-cta-card{z-index:1;text-align:center;background:radial-gradient(circle at top, color-mix(in srgb, var(--primary) 14%, transparent), transparent 34%), var(--home-card-bg-strong);border-radius:30px;padding:38px 22px;position:relative}.cta-glow{filter:blur(80px);opacity:.22;pointer-events:none;z-index:0;border-radius:999px;width:240px;height:240px;position:absolute}.cta-glow-left{background:color-mix(in srgb, var(--primary) 60%, transparent);top:10%;left:-60px}.cta-glow-right{background:color-mix(in srgb, var(--accent) 60%, transparent);bottom:10%;right:-60px}.final-cta-card h2{max-width:13ch;margin-inline:auto}.final-cta-card p{max-width:480px;margin-inline:auto}.home-footer.footer{border-top:1px solid var(--home-border);width:100%;position:relative;inset:auto;min-height:unset!important;background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, white 6%), color-mix(in srgb, var(--card) 96%, transparent)), transparent!important;color:var(--text)!important;padding:26px 0 20px!important}.home-footer-content{align-items:flex-start}.home-footer-brand{max-width:300px}.home-footer-logo{width:fit-content;color:var(--primary);gap:8px;padding:0 12px}.home-footer-logo span{color:var(--text);font-weight:800}.home-footer .footer-brand p{color:var(--home-muted)}.home-footer-grid-row1{grid-template-columns:repeat(6,minmax(0,1fr));gap:32px;width:100%;margin-bottom:40px;display:grid}.home-footer-col-2{text-align:left;flex-direction:column;grid-column:span 2;align-items:flex-start;gap:12px;display:flex}.home-footer-brand-large{text-align:center;flex-direction:column;align-items:center;gap:14px;width:100%;margin:32px 0;display:flex}.home-footer-logo-large{color:var(--primary);justify-content:center;align-items:center;gap:10px;display:flex}.home-footer-logo-large span{letter-spacing:-.04em;color:var(--text);font-size:1.75rem;font-weight:850}.home-footer-brand-large p{color:var(--home-muted);max-width:540px;margin:0;font-size:1rem;line-height:1.5}.home-footer-row3{border-top:1px solid var(--divider);width:100%;color:var(--home-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:20px;font-size:.88rem;display:flex}.home-footer-inline-links{gap:20px;display:flex}.home-footer-inline-link{color:var(--home-muted);transition:var(--transition);cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem;text-decoration:none}.home-footer-inline-link:hover{color:var(--primary)}.home-footer .footer-link-button{box-shadow:none;cursor:pointer;font-size:.92rem;text-decoration:none;color:var(--home-muted)!important;background:0 0!important;border:none!important;padding:0!important}.home-footer .footer-link-button:hover{transform:none;color:var(--primary)!important}@media (width<=860px){.home-footer-grid-row1{grid-template-columns:repeat(3,minmax(0,1fr))}.home-footer-col-2{grid-column:span 1}.home-footer-row3{text-align:center;flex-direction:column;justify-content:center}}@media (width<=520px){.home-footer-grid-row1{grid-template-columns:1fr}.home-footer-col-2{text-align:center;align-items:center}}[data-theme=dark] .home-page,[data-theme=ocean] .home-page,[data-theme=forest] .home-page,[data-theme=sunset] .home-page,[data-theme=luxury] .home-page{--home-border:color-mix(in srgb, var(--border) 74%, white 26%);--home-card-bg:linear-gradient(180deg, #ffffff14, #ffffff09), color-mix(in srgb, var(--surface) 78%, transparent);--home-card-bg-strong:linear-gradient(180deg, #ffffff1c, #ffffff0a), color-mix(in srgb, var(--surface) 82%, transparent);--home-shadow:0 22px 70px #02061747;--home-shadow-strong:0 34px 96px #0206176b}[data-theme=light] .home-page{--home-muted:color-mix(in srgb, var(--text) 84%, transparent);--home-soft:color-mix(in srgb, var(--text) 74%, transparent)}@media (width<=1180px){.home-hero,.philosophy-shell{grid-template-columns:1fr}.hero-preview-grid{grid-template-columns:96px minmax(0,1fr)}.hero-preview-side{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.problem-grid,.systems-grid,.ecosystem-grid,.theme-grid,.workflow-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-item{grid-template-columns:1fr}.workflow-connector{background:linear-gradient(180deg, color-mix(in srgb, var(--primary) 46%, transparent), color-mix(in srgb, var(--accent) 24%, transparent));width:2px;height:28px;margin:0 auto}.workflow-connector span{top:auto;bottom:-1px;right:50%;transform:translate(50%)rotate(135deg)}.analytics-card,.analytics-visual-grid{grid-template-columns:1fr}.analytics-side-panel{grid-template-columns:repeat(4,minmax(0,1fr))}.use-cases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.home-shell{width:min(100% - 28px,1240px);padding-top:14px}.home-section{padding:48px 0}.hero-proof-grid,.problem-grid,.systems-grid,.ecosystem-grid,.use-cases-grid,.theme-grid,.home-footer-columns,.analytics-stat-grid,.analytics-side-panel,.hero-preview-grid,.system-detail-grid,.reader-stats-row{grid-template-columns:1fr}.hero-preview-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-preview-side,.workflow-timeline{grid-template-columns:1fr}.home-footer-content{flex-direction:column}}@media (width<=640px){.home-shell{width:min(100% - 22px,1240px);padding-bottom:72px}.home-hero{min-height:auto;padding-bottom:18px}.home-hero-copy h1,.section-heading h2,.philosophy-quote-panel h2,.final-cta-card h2{font-size:clamp(2.35rem,12vw,3.15rem)}.home-hero-actions{flex-direction:column;align-items:stretch}.home-btn{width:100%}.hero-preview-card,.philosophy-quote-panel,.analytics-main-panel,.analytics-card,.problem-card,.philosophy-card,.system-card,.workflow-card,.ecosystem-card,.use-case-card,.theme-card,.final-cta-card{border-radius:22px;padding:18px}.hero-preview-topbar,.theme-card-head,.system-header,.analytics-overview{flex-direction:column;align-items:flex-start}.hero-preview-rail,.theme-mini-body{grid-template-columns:1fr}}.import-workspace-page{background:radial-gradient(circle at top left, #67e8f924, transparent 32%), radial-gradient(circle at 85% 8%, #38bdf82e, transparent 24%), var(--bg-main);min-height:100vh;color:var(--text)}.import-workspace-shell{width:min(1440px,100% - 40px);margin:0 auto;padding:28px 0 40px}.import-workspace-hero{border:1px solid color-mix(in srgb, var(--border) 78%, white 22%);background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 80%, transparent), color-mix(in srgb, var(--card) 88%, transparent)), linear-gradient(135deg, #38bdf814, transparent 55%);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;padding:28px;display:flex}.workspace-kicker,.import-panel-eyebrow,.preview-label{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--primary) 62%, var(--text) 38%);align-items:center;gap:8px;margin-bottom:10px;font-size:.72rem;font-weight:700;display:inline-flex}.import-workspace-hero h1{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.02}.import-workspace-hero p{max-width:760px;color:var(--text-light);margin:14px 0 0;line-height:1.7}.workspace-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-width:min(100%,420px);display:grid}.import-workspace-grid{grid-template-columns:290px minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.workspace-sidebar,.workspace-center,.workspace-inspector{flex-direction:column;gap:20px;display:flex}.import-panel{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, transparent), color-mix(in srgb, var(--card) 88%, transparent)), linear-gradient(135deg, #67e8f90f, transparent 65%);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:24px;padding:22px;position:relative;overflow:hidden}.import-panel:before{content:"";background:linear-gradient(90deg,#67e8f970,#0000 70%);width:100%;height:1px;position:absolute;inset:0 auto auto 0}.import-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.import-panel-head h2,.preview-card-head h3{letter-spacing:-.02em;margin:0;font-size:1.05rem}.import-panel-actions,.document-list-actions,.dropzone-actions,.workspace-action-bar,.preview-card-head,.preview-text-head,.progress-meta,.issues-head{align-items:center;gap:10px;display:flex}.status-badge{border:1px solid color-mix(in srgb, var(--border) 82%, white 18%);background:color-mix(in srgb, var(--surface) 80%, transparent);color:var(--text-light);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.status-badge.loading{color:var(--primary)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-grid.compact{grid-template-columns:1fr}.metric-tile{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:color-mix(in srgb, var(--surface) 74%, transparent);border-radius:18px;padding:14px 16px}.metric-tile-label{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:.82rem;display:flex}.metric-tile strong{font-size:1.02rem;line-height:1.25;display:block}.import-skeleton-group{gap:10px;display:grid}.import-skeleton-line{background:linear-gradient(90deg,#94a3b81f,#bae6fd38,#94a3b81f) 0 0/240% 100%;border-radius:999px;height:14px;animation:1.5s linear infinite import-shimmer}.history-panel-feedback,.import-empty-copy{color:var(--text-muted);margin:0;line-height:1.6}.history-panel-list,.document-list{gap:10px;display:grid}.history-panel-item,.document-list-item,.quick-import-card,.workspace-btn,.mini-action-btn,.mini-icon-btn,.text-link-btn{transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.history-panel-item{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:color-mix(in srgb, var(--surface) 76%, transparent);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:18px;padding:14px 16px}.history-panel-item:hover,.document-list-item:hover,.quick-import-card:hover,.workspace-btn:hover,.mini-action-btn:hover,.mini-icon-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px #020c1624}.history-panel-item.is-selected{border-color:color-mix(in srgb, var(--primary) 56%, white 44%);background:linear-gradient(135deg, color-mix(in srgb, var(--primary-soft) 72%, transparent), color-mix(in srgb, var(--surface) 84%, transparent))}.history-panel-item-title{color:var(--text-light);font-size:.92rem;line-height:1.5;display:block}.document-list-item{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:color-mix(in srgb, var(--surface) 76%, transparent);border-radius:18px;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.document-list-copy{gap:4px;display:grid}.document-list-copy strong{font-size:.95rem}.document-list-copy span,.document-list-copy small,.metadata-list span,.dropzone-hint,.preview-text-card small{color:var(--text-muted)}.mini-action-btn,.mini-icon-btn,.text-link-btn{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:6px;display:inline-flex}.mini-action-btn,.text-link-btn{border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:600}.mini-icon-btn{border-radius:50%;width:32px;height:32px}.mini-icon-btn.is-active{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 46%, white 54%);background:color-mix(in srgb, var(--primary-soft) 76%, transparent)}.import-dropzone-card{border:1px dashed color-mix(in srgb, var(--border) 72%, white 28%);background:linear-gradient(145deg, color-mix(in srgb, var(--surface) 74%, transparent), color-mix(in srgb, var(--card) 78%, transparent)), radial-gradient(circle at top, #38bdf814, transparent 56%);border-radius:26px;padding:26px}.import-dropzone-card.is-dragging{border-color:color-mix(in srgb, var(--primary) 54%, white 46%);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 60%, transparent);transform:translateY(-1px)}.import-dropzone-card.has-error{border-color:color-mix(in srgb, var(--danger) 62%, white 38%)}.dropzone-icon{background:color-mix(in srgb, var(--primary-soft) 80%, transparent);width:52px;height:52px;color:var(--primary);border-radius:16px;place-items:center;margin-bottom:14px;display:grid}.import-dropzone-card strong{margin-bottom:8px;font-size:1.06rem;display:block}.import-dropzone-card p{color:var(--text-light);margin:0 0 18px;line-height:1.7}.import-error-banner{border:1px solid color-mix(in srgb, var(--danger) 48%, white 52%);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--text);border-radius:16px;align-items:center;gap:10px;margin-top:16px;padding:12px 14px;display:flex}.stage-timeline{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:20px 0 0;display:grid}.stage-pill{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:color-mix(in srgb, var(--surface) 76%, transparent);color:var(--text-muted);border-radius:16px;align-items:center;gap:8px;padding:12px 14px;font-size:.86rem;font-weight:600;display:flex}.stage-complete{color:var(--success);border-color:color-mix(in srgb, var(--success) 44%, white 56%)}.stage-active{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 44%, white 56%)}.stage-error{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 44%, white 56%)}.stage-pending{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 44%, white 56%)}.preview-grid,.quick-import-grid{gap:16px;display:grid}.preview-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);margin-top:20px}.preview-card,.metadata-card,.preview-text-card,.issues-card{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:color-mix(in srgb, var(--surface) 74%, transparent);border-radius:22px}.preview-card,.metadata-card,.issues-card{padding:18px}.preview-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.progress-wrap{margin-bottom:18px}.progress-meta{color:var(--text-light);justify-content:space-between;margin-bottom:10px}.progress-track{background:color-mix(in srgb, var(--border) 60%, transparent);border-radius:999px;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--accent));height:100%;display:block}.preview-text-card{padding:18px}.preview-text-card p{color:var(--text-light);white-space:pre-wrap;margin:0;line-height:1.7}.metadata-card{flex-direction:column;gap:14px;display:flex}.metadata-list{gap:12px;display:grid}.metadata-list div{background:color-mix(in srgb, var(--surface) 78%, transparent);border-radius:16px;gap:4px;padding:12px 14px;display:grid}.metadata-list.inspector div{border:1px solid color-mix(in srgb, var(--border) 82%, white 18%)}.quick-import-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-import-card{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:color-mix(in srgb, var(--surface) 76%, transparent);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:20px;align-items:flex-start;gap:14px;padding:18px;display:flex}.quick-import-icon{background:color-mix(in srgb, var(--primary-soft) 76%, transparent);width:42px;height:42px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.quick-import-body{gap:4px;display:grid}.quick-import-body small{color:var(--text-muted);line-height:1.55}.import-workspace-textarea{resize:vertical;border:1px solid color-mix(in srgb, var(--input-border) 84%, white 16%);background:color-mix(in srgb, var(--input-bg) 94%, transparent);width:100%;min-height:320px;color:var(--text);font:inherit;border-radius:22px;padding:18px;line-height:1.7;box-shadow:inset 0 1px #ffffff0f}.import-workspace-textarea:focus{border-color:color-mix(in srgb, var(--primary) 48%, white 52%);box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 58%, transparent);outline:none}.workspace-action-bar{flex-wrap:wrap;margin-top:16px}.workspace-btn{border:1px solid color-mix(in srgb, var(--border) 84%, white 16%);background:color-mix(in srgb, var(--surface) 82%, transparent);min-height:42px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-weight:600;display:inline-flex}.workspace-btn.primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:var(--btn-primary-text);border-color:#0000}.workspace-btn.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 36%, white 64%)}.workspace-btn:disabled,.mini-action-btn:disabled,.mini-icon-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.health-stack{gap:12px;margin-bottom:14px;display:grid}.issues-card ul{color:var(--text-light);margin:12px 0 0;padding-left:18px}.issues-card li+li{margin-top:6px}@keyframes import-spin{to{transform:rotate(360deg)}}@keyframes import-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1240px){.import-workspace-grid{grid-template-columns:260px minmax(0,1fr)}.workspace-inspector{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}}@media (width<=1040px){.import-workspace-shell{width:min(100%,100% - 24px)}.import-workspace-hero,.import-workspace-grid,.preview-grid,.quick-import-grid,.workspace-hero-metrics,.workspace-inspector{grid-template-columns:1fr}.import-workspace-hero{flex-direction:column;align-items:flex-start}.stage-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-meta-grid,.metric-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.import-workspace-shell{padding-top:18px}.import-workspace-hero,.import-panel{border-radius:22px;padding:18px}.import-workspace-grid,.workspace-sidebar,.workspace-center,.workspace-inspector{gap:16px}.preview-meta-grid,.metric-grid,.stage-timeline{grid-template-columns:1fr}.workspace-action-bar,.dropzone-actions{flex-direction:column;align-items:stretch}.workspace-btn,.mini-action-btn,.text-link-btn{width:100%}.document-list-item{flex-direction:column}.document-list-actions{justify-content:space-between;width:100%}}.page-container{max-width:1200px;color:var(--text);margin:0 auto;padding:100px 20px 40px}.page-container h2{text-align:center;background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:30px;font-size:32px;font-weight:700}.ts-edit-layout{z-index:1;grid-template-columns:1fr 1fr;gap:20px;display:grid;position:relative}.ts-edit-card,.ts-preview-card{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);border-radius:16px;flex-direction:column;padding:20px;display:flex;position:relative}.ts-edit-card{z-index:2}.ts-preview-card{z-index:1}.ts-edit-card textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-height:220px;color:var(--text);resize:vertical;border-radius:10px;margin-bottom:12px;padding:16px}.ts-edit-stats{color:var(--text-light);justify-content:space-between;margin-bottom:12px;font-size:13px;display:flex}.ts-edit-tools,.ts-edit-extras{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.ts-edit-tools button,.ts-edit-extras button{background:var(--secondary);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:12px}.ts-edit-tools button:hover,.ts-edit-extras button:hover{background:var(--primary);color:#fff}.ts-edit-nav{z-index:999;justify-content:space-between;margin-top:auto;display:flex;position:relative}.ts-edit-nav button{pointer-events:auto;z-index:1000;border-radius:8px;padding:10px 16px;position:relative}.ts-preview-card h4{margin-bottom:12px}.ts-preview-card ul{max-height:400px;margin:0;padding:0;list-style:none;overflow-y:auto}.ts-preview-card li{border-bottom:1px solid var(--border);padding:6px 0;line-height:1.5}.ts-preview-card ul::-webkit-scrollbar{width:6px}.ts-preview-card ul::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}@media (width<=900px){.ts-edit-layout{grid-template-columns:1fr}}.font-suggestion{margin-top:12px}.font-list{flex-wrap:wrap;gap:8px;display:flex}.font-list button{cursor:pointer;border:1px solid #ccc;border-radius:6px;padding:6px 10px}.font-list button.active{color:#fff;background:#3b82f6}.prepare-screen{min-height:100vh;color:var(--text);background:0 0}.prepare-content{max-width:1200px;margin:0 auto;padding:100px 20px 40px}.reading-screen{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);border-radius:16px;justify-content:center;align-items:center;min-height:120px;margin-bottom:20px;padding:40px;display:flex}.bottom-area{grid-template-columns:2fr 1fr;gap:20px;display:grid}.text-panel{flex-direction:column;gap:16px;display:flex}.text-box{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-soft);border-radius:16px;padding:20px;position:relative}.text-content{max-height:200px;color:var(--text-light);line-height:1.6;overflow-y:auto}.text-controls{gap:6px;display:flex;position:absolute;bottom:10px;right:10px}.wpm-control{background:var(--card);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.wpm-control span{font-weight:600}.wpm-control input{width:100%}.controls-panel{flex-direction:column;gap:16px;display:flex}.button-grid{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px;display:grid}.nav-buttons{justify-content:space-between;gap:10px;display:flex}.nav-buttons button{flex:1}.text-content::-webkit-scrollbar{width:6px}.text-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}@media (width<=900px){.bottom-area{grid-template-columns:1fr}.reading-screen{padding:20px}}.reader-page{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 30%,#1e293b,#020617)}.reader-container{flex-direction:column;align-items:center;gap:40px;padding-top:120px;display:flex}.reader-display{text-align:center;background:linear-gradient(90deg,#fff,#a5b4fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;min-height:100px;font-size:64px;font-weight:700}.reader-controls{align-items:center;gap:12px;display:flex}.reader-controls button{background:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 14px;transition:all .2s}.reader-controls button:hover{background:var(--primary);color:#fff}.reader-progress{color:var(--text-light);font-size:14px}.reader-empty{text-align:center;padding-top:120px}.reader-header{align-items:center;padding:12px 20px;display:flex}.back-button{color:#ec9718;cursor:pointer;background:0 0;border:none;font-size:16px;font-weight:600}.back-button:hover{opacity:.7}.reader-title{margin-left:12px;font-weight:600}.back-button{align-items:center;gap:6px;display:flex}.analytics-page{min-height:100vh;color:var(--text);transition:var(--transition);background:0 0;padding-top:104px;font-family:Inter,sans-serif}.analytics-container{flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;padding:40px 24px;display:flex}.analytics-hero{border-bottom:1px solid var(--border);padding-bottom:24px}.analytics-empty-card{box-shadow:var(--shadow-soft);transition:var(--transition)}.analytics-empty-card:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}.analytics-card{box-shadow:var(--shadow-soft);transition:var(--transition);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.analytics-card:before{content:"";background:var(--divider);width:4px;height:100%;transition:var(--transition);position:absolute;top:0;left:0}.analytics-card:hover{box-shadow:var(--shadow-strong);border-color:var(--primary);transform:translateY(-2px)}.analytics-card:hover:before,.analytics-card.streak-highlight:before{background:var(--primary)}.analytics-card-large{box-shadow:var(--shadow-soft);transition:var(--transition);border:1px solid var(--border)}.analytics-card-large:hover{box-shadow:var(--shadow-strong);border-color:var(--primary-soft)}.heatmap-scroll{scrollbar-width:thin;scrollbar-color:var(--primary-soft) transparent}.heatmap-scroll::-webkit-scrollbar{height:6px}.heatmap-scroll::-webkit-scrollbar-track{background:0 0}.heatmap-scroll::-webkit-scrollbar-thumb{background-color:var(--primary-soft);border-radius:4px}.range-btn{color:var(--text-muted);border:none;outline:none}.range-btn.active{color:var(--primary)!important}.range-btn:hover:not(.active){color:var(--text);background:var(--surface-hover)!important}@media (width<=1024px){.responsive-row-1,.responsive-row-3{grid-template-columns:1fr!important}}@media (width<=768px){.responsive-row-2{grid-template-columns:1fr!important}.analytics-hero h1{font-size:28px!important}.analytics-container{padding:20px 16px}}.spin{animation:1.2s linear infinite spin-anim}.analytics-loading-box{background:var(--bg-main);color:var(--text)}.flow-page{color:#fff;background:radial-gradient(circle at 20% 30%,#1e293b,#020617);min-height:100vh}.flow-container-wrapper{flex-direction:column;align-items:center;gap:40px;padding-top:120px;display:flex}.flow-display{width:100%;position:relative;overflow:hidden;background:0 0!important}.flow-container{z-index:2;white-space:nowrap;width:100%;max-width:900px;margin:0 auto;font-size:48px;font-weight:600;position:relative;overflow-x:hidden}.flow-text{z-index:999;text-shadow:0 0 12px #ffffff40,0 0 24px #ffffff1f;-webkit-user-select:none;user-select:none;pointer-events:none;display:inline-block;position:relative;color:#fff!important;background:0 0!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:#fff!important}.flow-display:before,.flow-display:after{content:"";pointer-events:none;z-index:1;opacity:.7;width:18%;height:100%;position:absolute;top:0}.flow-display:before{background:linear-gradient(90deg,#020617 85%,#0000);left:0}.flow-display:after{background:linear-gradient(270deg,#020617 85%,#0000);right:0}.flow-controls{align-items:center;gap:12px;display:flex}.flow-controls button{color:#fff;cursor:pointer;background:#1f2937;border:1px solid #334155;border-radius:10px;padding:10px 14px;transition:all .2s}.flow-controls button:hover{background:#3b82f6}.speed-control{align-items:center;gap:8px;margin-left:10px;display:flex}.flow-progress{color:#94a3b8;font-size:14px}.reader-empty{text-align:center;color:#94a3b8}.nav-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;z-index:2500;background:#02061799;transition:opacity .3s;position:fixed;inset:0}.nav-drawer-overlay.open{opacity:1;pointer-events:auto}.nav-drawer-panel{z-index:2600;color:#f8fafc;box-sizing:border-box;background:#080e1bfa;border-right:1px solid #94a3b826;flex-direction:row;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s;display:flex;position:fixed;top:0;left:0;right:auto;overflow:hidden;transform:translate(-100%);box-shadow:10px 0 40px #00000080}.nav-drawer-panel.open{transform:translate(0)}[data-theme=light] .nav-drawer-panel{color:#0f172a;background:#fffffffa;border-right:1px solid #0f172a1f;box-shadow:10px 0 40px #0f172a14}.nav-drawer-column{box-sizing:border-box;border-right:1px solid #94a3b81a;flex-direction:column;width:280px;height:100%;animation:.25s cubic-bezier(.16,1,.3,1) forwards slide-in-pane;display:flex}[data-theme=light] .nav-drawer-column{border-right:1px solid #0f172a14}.nav-drawer-column:last-child{border-right:none}@keyframes slide-in-pane{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.nav-drawer-col-header{box-sizing:border-box;border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;height:72px;padding:20px 24px;display:flex}[data-theme=light] .nav-drawer-col-header{border-bottom:1px solid #0f172a14}.nav-drawer-col-title{letter-spacing:.5px;text-transform:uppercase;color:#818cf8;font-size:16px;font-weight:800}[data-theme=light] .nav-drawer-col-title{color:var(--primary)}.nav-drawer-col-back-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;font-weight:700;transition:background-color .2s;display:flex}.nav-drawer-col-back-btn:hover{background-color:#ffffff0f}[data-theme=light] .nav-drawer-col-back-btn:hover{background-color:#0f172a0a}.nav-drawer-close-btn{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background-color .2s;display:flex}.nav-drawer-close-btn:hover{background-color:#ffffff14}[data-theme=light] .nav-drawer-close-btn:hover{background-color:#0f172a0f}.nav-drawer-col-body{box-sizing:border-box;flex-direction:column;flex:1;gap:6px;padding:16px 12px;display:flex;overflow-y:auto}.menu-item-btn{width:100%;color:inherit;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.menu-item-btn:hover{background-color:#ffffff0d}[data-theme=light] .menu-item-btn:hover{background-color:#0f172a0a}.menu-item-btn.active{color:#818cf8;background-color:#6366f126;border-color:#6366f140}[data-theme=light] .menu-item-btn.active{color:var(--primary);background-color:#4f46e514;border-color:#4f46e52e}.menu-item-arrow{opacity:.5;transition:transform .2s}.menu-item-btn.active .menu-item-arrow{opacity:1;transform:translate(2px)}.accessibility-widget-box{box-sizing:border-box;background:#6366f114;border:1px dashed #6366f14d;border-radius:10px;flex-direction:column;margin:4px 12px 12px;padding:12px;display:flex;position:relative}[data-theme=light] .accessibility-widget-box{background:#4f46e50a;border:1px dashed #4f46e533}.accessibility-widget-trigger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e540}.accessibility-widget-trigger:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px)}.accessibility-floating-card{z-index:3000;box-sizing:border-box;background:#0f172afa;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;gap:10px;margin-top:8px;padding:14px;animation:.2s fade-in-up;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 30px #00000080}[data-theme=light] .accessibility-floating-card{background:#fff;border:1px solid #0f172a1f;box-shadow:0 10px 30px #0f172a26}@keyframes fade-in-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.accessibility-card-title{text-transform:uppercase;color:#a5b4fc;border-bottom:1px solid #ffffff1a;margin-bottom:4px;padding-bottom:6px;font-size:13px;font-weight:800}[data-theme=light] .accessibility-card-title{color:var(--primary);border-bottom:1px solid #0f172a14}.a11y-option-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.a11y-action-btn{color:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.a11y-action-btn:hover{background:#ffffff26;border-color:#ffffff40}[data-theme=light] .a11y-action-btn{background:#0f172a0a;border:1px solid #0f172a14}[data-theme=light] .a11y-action-btn:hover{background:#0f172a14}.a11y-toggle-btn{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.a11y-toggle-btn:hover{background:#ffffff0d}[data-theme=light] .a11y-toggle-btn{border:1px solid #0f172a14}[data-theme=light] .a11y-toggle-btn:hover{background:#0f172a08}.a11y-toggle-btn.active{color:#34d399;background-color:#10b98126;border-color:#10b98159}[data-theme=light] .a11y-toggle-btn.active{color:#059669;background-color:#10b98114;border-color:#10b98140}body.high-contrast-mode{filter:contrast(1.25)saturate(1.15)!important}body.high-contrast-mode *{border-color:#fff6!important}body.reduce-motion-mode *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}body.dyslexia-font-mode{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive,sans-serif!important}.qa-manager-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:4000;background:#020617b3;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}.qa-manager-modal{color:#f8fafc;background:#0f172a;border:1px solid #ffffff26;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}[data-theme=light] .qa-manager-modal{color:#0f172a;background:#fff;border:1px solid #0f172a1f;box-shadow:0 20px 50px #0f172a26}.qa-manager-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}[data-theme=light] .qa-manager-header{border-bottom:1px solid #0f172a14}.qa-manager-search-box{border-bottom:1px solid #ffffff1a;gap:12px;padding:16px 24px;display:flex}[data-theme=light] .qa-manager-search-box{border-bottom:1px solid #0f172a14}.qa-search-input{color:inherit;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;padding:8px 14px;font-size:14px}[data-theme=light] .qa-search-input{background:#0f172a08;border:1px solid #0f172a14}.qa-search-input:focus{border-color:#6366f1}.qa-manager-list{flex-direction:column;flex:1;gap:8px;padding:16px 24px;display:flex;overflow-y:auto}.qa-manager-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}[data-theme=light] .qa-manager-item{background:#0f172a03;border:1px solid #0f172a0a}@media (width<=768px){.nav-drawer-panel{flex-direction:column;width:290px}.nav-drawer-column{border-right:none;width:100%;display:none}.nav-drawer-column.active-level{display:flex}}html,body,#root{color:#fff;background-color:#000;min-height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.intro-page{background:#000;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.video-wrapper{justify-content:center;width:100%;display:flex}.intro-video{-o-object-fit:contain;object-fit:contain;background:#000;border-radius:36px;width:100%;max-width:920px;max-height:540px;box-shadow:0 12px 72px #0009}.intro-buttons{gap:24px;margin-top:30px;display:flex}.primary-btn,.secondary-btn{cursor:pointer;border-radius:14px;min-width:180px;padding:16px 40px;font-size:20px;transition:all .3s}.primary-btn{color:#000;background:#e6c79c;border:none}.primary-btn:hover{background:#d4b183}.secondary-btn{color:#e6c79c;background:0 0;border:1px solid #e6c79c}.secondary-btn:hover{color:#000;background:#e6c79c}@media (width<=768px){.intro-buttons{flex-direction:column;align-items:center;width:100%}.primary-btn,.secondary-btn{width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{background:#0b0f19;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.auth-wrapper{background:#020617;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-video{-o-object-fit:cover;object-fit:cover;opacity:.15;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.auth-container{z-index:10;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172ac7;border:1px solid #ffffff14;border-radius:24px;width:100%;max-width:1100px;min-height:620px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #00000073,inset 0 1px #ffffff0d}.auth-left{z-index:11;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);flex-direction:column;justify-content:center;width:50%;padding:60px;display:flex;position:relative}.auth-left h2{margin-bottom:30px;font-size:34px;font-weight:700}.auth-left input{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:14px;outline:none;width:100%;margin-bottom:16px;padding:15px 18px;font-size:15px;transition:all .25s}.auth-left input::placeholder{color:#ffffffb3}.auth-left input:focus{background:#ffffff29;border-color:#93c5fd;box-shadow:0 0 0 4px #93c5fd26}.auth-left button{z-index:20;cursor:pointer;pointer-events:auto;border:none;border-radius:14px;width:100%;padding:15px;font-size:15px;font-weight:700;transition:all .25s;position:relative}.auth-left button:first-of-type{color:#0f172a;background:#fff;margin-top:8px}.auth-left button:first-of-type:hover{background:#e2e8f0;transform:translateY(-2px)}.google-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff38;margin-top:14px}.google-btn:hover{background:#ffffff29}.error{color:#fecaca;margin-bottom:12px;font-size:14px}.auth-left p{margin-top:22px;font-size:14px}.auth-left span{color:#bfdbfe;cursor:pointer;font-weight:600}.auth-right{z-index:11;text-align:center;color:#fff;background:#020617eb;flex-direction:column;justify-content:center;align-items:center;width:50%;padding:60px;display:flex;position:relative}.auth-right h2{margin-bottom:20px;font-size:38px;font-weight:700}.auth-right p{color:#94a3b8;max-width:320px;line-height:1.7}.auth-slider{opacity:.12;z-index:1;pointer-events:none;background:linear-gradient(135deg,#3b82f6,#8b5cf6);width:50%;height:100%;position:absolute;top:0;left:0}@media (width<=900px){.auth-container{flex-direction:column;width:94%;min-height:auto}.auth-left,.auth-right{width:100%;padding:40px 28px}.auth-right{min-height:240px}.auth-slider{display:none}.auth-left h2,.auth-right h2{font-size:28px}}.members-layout-container{background:var(--bg-main,var(--bg));min-height:100vh;color:var(--text);box-sizing:border-box;padding-top:64px;font-family:Inter,system-ui,sans-serif;transition:background .3s,color .3s;display:flex}.members-sidebar{background:var(--card);border-right:1px solid var(--border);box-sizing:border-box;z-index:10;flex-direction:column;flex-shrink:0;justify-content:space-between;width:260px;height:calc(100vh - 64px);padding:24px 16px;transition:all .3s;display:flex;position:sticky;top:64px}.sidebar-brand-section{align-items:center;gap:10px;margin-bottom:24px;padding:0 8px;display:flex}.sidebar-avatar-box{background:var(--primary-soft);width:42px;height:42px;color:var(--primary);border:2px solid var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.sidebar-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.sidebar-user-level{color:var(--primary);text-transform:uppercase;font-size:11px;font-weight:600}.sidebar-nav-links{flex-direction:column;flex:1;gap:6px;display:flex}.sidebar-nav-item{color:var(--text-light);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-nav-item:hover{background:var(--surface-hover,var(--primary-soft));color:var(--text)}.sidebar-nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:700;box-shadow:0 1px 3px #4f46e50d}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:16px}.members-main-content{box-sizing:border-box;flex:1;min-width:0;padding:32px;overflow-y:auto}.page-header{text-align:left;margin-bottom:28px}.page-header h1{color:var(--text);margin:0 0 6px;font-size:28px;font-weight:800}.page-header p{color:var(--text-muted);margin:0;font-size:14px}.members-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.members-card{background:var(--card);border:1px solid var(--border);box-sizing:border-box;box-shadow:var(--shadow-soft,0 4px 6px -1px #0000000d);border-radius:16px;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.members-card:hover{box-shadow:var(--shadow-strong,0 10px 15px -3px #00000014);border-color:var(--primary-soft);transform:translateY(-2px)}.welcome-hero-card{background:linear-gradient(135deg, var(--card) 60%, var(--primary-soft) 100%);border:1.5px solid var(--primary-soft)}.progress-ring-container{justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.progress-ring-text{color:var(--text);font-size:15px;font-weight:800;position:absolute}.timeline-container{border-left:2px solid var(--border);flex-direction:column;gap:16px;margin-top:12px;padding-left:16px;display:flex;position:relative}.timeline-item{position:relative}.timeline-dot{background:var(--card);border:3px solid var(--primary);border-radius:50%;width:12px;height:12px;position:absolute;top:4px;left:-23px}.timeline-content{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:8px;padding:10px 14px;font-size:13px}.timeline-time{color:var(--text-muted);margin-top:4px;font-size:11px}.achievement-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;margin-top:16px;display:grid}.achievement-badge-card{text-align:center;background:var(--bg);border:1px solid var(--border);box-sizing:border-box;border-radius:12px;flex-direction:column;align-items:center;padding:16px 12px;transition:all .2s;display:flex;position:relative}.achievement-badge-card:hover{border-color:var(--primary);transform:scale(1.03)}.badge-icon-box{border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:10px;display:flex;box-shadow:0 2px 5px #0000000d}.badge-locked{filter:grayscale();opacity:.45}.badge-unlocked{filter:none;opacity:1}.badge-locked:before{content:"🔒";font-size:11px;position:absolute;top:8px;right:8px}.calendar-month-grid{grid-template-columns:repeat(7,1fr);gap:6px;max-width:320px;margin:15px auto 0;display:grid}.calendar-header-day{color:var(--text-muted);text-align:center;text-transform:uppercase;font-size:11px;font-weight:700}.calendar-cell-day{aspect-ratio:1;background:var(--bg);border:1px solid var(--border);color:var(--text-light);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:all .15s;display:flex}.calendar-cell-day:hover{border-color:var(--primary)}.calendar-cell-day.active-read{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 6px #4f46e533}.calendar-cell-day.streak-highlight{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.list-item-hover{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.list-item-hover:hover{border-color:var(--primary-soft);background:var(--card)}.preference-row{border-bottom:1px solid var(--divider,var(--border));justify-content:space-between;align-items:center;padding:12px 0;display:flex}.preference-label{color:var(--text);text-align:left;font-size:14px;font-weight:600}.preference-desc{color:var(--text-muted);text-align:left;margin-top:2px;font-size:11px}.preference-select,.preference-input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;min-width:140px;padding:8px 12px;font-size:13px;font-weight:500;transition:border-color .2s}.preference-select:focus,.preference-input:focus{border-color:var(--primary)}.skeleton-pulse{background:linear-gradient(90deg, var(--card) 25%, var(--border) 50%, var(--card) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite loading-skeleton-animation}@keyframes loading-skeleton-animation{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=900px){.members-layout-container{flex-direction:column}.members-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;height:auto;position:relative;top:0}.sidebar-nav-links{flex-direction:row;padding-bottom:8px;overflow-x:auto}.sidebar-nav-item{white-space:nowrap;width:auto}.members-main-content{padding:20px 16px}}.dashboard-stat-interactive{cursor:pointer;transition:all .2s ease-in-out}.dashboard-stat-interactive:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:var(--primary)!important;background:var(--surface-hover,#6366f114)!important}.pricing-content{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;max-width:1720px;margin:0 auto;padding:120px 32px 100px;display:flex}.pricing-cards-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:18px;width:100%;margin-bottom:64px;display:grid}.pricing-plan-card{background:var(--card);border:1px solid var(--border);text-align:left;box-sizing:border-box;border-radius:20px;flex-direction:column;padding:22px 18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.pricing-plan-card:hover{transform:translateY(-3px)}.pricing-card-top{flex-direction:column;flex-shrink:0;gap:8px;display:flex}.pricing-card-features{flex-direction:column;flex:1;gap:9px;margin-top:14px;display:flex}.pricing-card-cta{flex-shrink:0;margin-top:18px}.pricing-card-cta button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:12px 10px;font-size:12px;font-weight:700;transition:opacity .2s,transform .15s;display:flex}.pricing-card-cta button:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.pricing-plan-name{color:var(--text);align-items:center;gap:5px;margin:0;font-size:20px;font-weight:800;line-height:1.2;display:flex}.pricing-price-display{align-items:baseline;min-height:42px;margin:4px 0 6px;display:flex}.pricing-price-amount{color:var(--text);font-size:32px;font-weight:800;line-height:1}.pricing-price-currency{color:var(--text);margin-right:2px;font-size:18px;font-weight:700}.pricing-price-period{color:var(--text-muted);margin-left:3px;font-size:12px;line-height:1}.pricing-plan-desc{color:var(--text-muted);min-height:48px;margin:0;font-size:12px;line-height:1.4}.pricing-best-for-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.04em;margin-top:6px;font-size:10px;font-weight:700}.pricing-best-for-list{color:var(--text-muted);flex-direction:column;gap:2px;margin:3px 0 0;padding-left:15px;font-size:11px;line-height:1.5;display:flex}.pricing-divider{background:var(--divider);flex-shrink:0;width:100%;height:1px;margin:14px 0 0}.pricing-feature-item{color:var(--text-light);align-items:flex-start;gap:7px;font-size:11px;line-height:1.4;display:flex}.pricing-includes-label{color:var(--text-light);align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.pricing-btn-footnote{color:var(--text-muted);text-align:center;margin-top:5px;font-size:10px}.pricing-secure-tag{color:var(--text-muted);justify-content:center;align-items:center;gap:3px;margin-top:4px;font-size:10px;display:flex}.pricing-tier-label{letter-spacing:.04em;min-height:14px;font-size:9px;font-weight:800;display:block}.pricing-ribbon{letter-spacing:.03em;border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:9px;font-weight:800;display:flex;position:absolute;top:-12px;right:16px}@media (width<=1720px){.pricing-cards-grid{gap:14px}.pricing-plan-card{padding:20px 15px}}@media (width<=1439px){.pricing-content{padding:120px 20px 100px}.pricing-cards-grid{gap:12px}.pricing-plan-card{padding:18px 13px}.pricing-plan-name{font-size:17px}.pricing-price-amount{font-size:26px}}@media (width<=1199px){.pricing-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pricing-plan-card{padding:22px 18px}.pricing-plan-name{font-size:20px}.pricing-price-amount{font-size:30px}}@media (width<=1023px){.pricing-content{padding:100px 20px 80px}.pricing-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width<=767px){.pricing-content{padding:80px 16px 60px}.pricing-cards-grid{grid-template-columns:1fr;gap:16px}.pricing-plan-card{padding:24px 20px}.pricing-plan-name{font-size:22px}}