:root{--bg: #0b0e14;--bg-grad-1: #141a26;--bg-grad-2: #0b0e14;--panel: #121722;--panel-2: #171e2b;--panel-3: #1d2636;--border: #232d3f;--border-soft: #1b2432;--text: #eef2f8;--muted: #8b97ac;--muted-2: #62708a;--accent: #6d9bff;--accent-2: #9b7bff;--accent-grad: linear-gradient(135deg, #6d9bff, #9b7bff);--gold: #e2b96b;--green: #3ddc97;--red: #ff6b6b;--amber: #f5b74a;--radius: 14px;--radius-sm: 10px;--shadow: 0 10px 40px rgba(0,0,0,.4);--shadow-sm: 0 4px 16px rgba(0,0,0,.25);--sidebar-w: 265px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(1000px 500px at 100% -10%,rgba(109,155,255,.1),transparent 60%),radial-gradient(900px 500px at -10% 0%,rgba(155,123,255,.08),transparent 55%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}button{font-family:inherit;cursor:pointer}::selection{background:#6d9bff59}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#263149;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-track{background:transparent}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:linear-gradient(180deg,#0d121c,#080b11);border-right:1px solid rgba(255,255,255,.07);box-shadow:4px 0 24px #00000073;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:22px 16px;overflow-x:hidden;overflow-y:hidden}.sidebar .brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px;letter-spacing:-.4px;padding:4px 6px 22px;color:var(--text)}.sidebar .brand .logo{width:34px;height:34px;border-radius:10px;background:var(--accent-grad);display:grid;place-items:center;color:#0b0e14;box-shadow:0 4px 14px #6d9bff59;flex-shrink:0}.logo-img{width:34px;height:34px;object-fit:contain;flex-shrink:0}.side-nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.side-section{margin-bottom:16px}.side-section-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted-2);padding:6px 10px}.side-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#8c98af;font-weight:600;font-size:13.5px;transition:background .15s ease,color .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid transparent;position:relative}.side-link .ic{opacity:.8;transition:opacity .15s;flex-shrink:0}.side-link:hover{background:#ffffff0d;color:#fff;border-color:#ffffff0f}.side-link:hover .ic{opacity:1}.side-link.active{background:linear-gradient(90deg,#6d9bff2e,#6d9bff08);color:#6d9bff;font-weight:700;border-color:#6d9bff40;box-shadow:0 4px 14px #00000040}.side-link.active .ic{opacity:1;color:var(--accent)}.side-link.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3.5px;border-radius:0 4px 4px 0;background:var(--accent-grad);box-shadow:0 0 10px #6d9bff99}.side-badge{margin-left:auto;flex-shrink:0;font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 7px;border-radius:5px;background:var(--accent-grad);color:#0b0e14;box-shadow:0 2px 6px #6d9bff4d;text-transform:uppercase}.side-foot{border-top:1px solid rgba(255,255,255,.08);padding-top:14px;margin-top:10px;flex-shrink:0}.credit-card{background:linear-gradient(135deg,#6d9bff1f,#9b7bff1a);border:1px solid rgba(109,155,255,.25);border-radius:10px;padding:12px 14px;margin-bottom:12px}.credit-top{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13.5px;color:var(--gold)}.credit-upgrade{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;margin-top:6px;color:var(--accent)}.side-user{display:flex;align-items:center;gap:10px;padding:6px 4px;font-size:13px}.side-user-email{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-role{font-size:11px;color:var(--muted-2)}.avatar{width:32px;height:32px;border-radius:10px;background:var(--accent-grad);display:grid;place-items:center;font-weight:800;color:#0b0e14;font-size:14px;flex-shrink:0}.icon-btn{background:transparent;border:1px solid transparent;color:var(--muted);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;transition:all .13s;flex-shrink:0}.icon-btn:hover{background:#ffffff12;color:var(--text);border-color:#ffffff1f}.main{flex:1;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--border-soft);position:sticky;top:0;background:#0b0e14b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.topbar-title{font-size:18px;font-weight:750;letter-spacing:-.3px}.content{padding:28px 32px 60px;max-width:1120px;margin:0 auto}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--border-soft);position:sticky;top:0;background:#0b0e14b8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.nav .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.4px}.nav .brand .logo{width:32px;height:32px;border-radius:9px;background:var(--accent-grad);display:grid;place-items:center;font-size:17px}.nav .brand .logo-img{width:32px;height:32px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:18px;font-size:14px}.site-footer{border-top:1px solid var(--border-soft);padding:22px 32px;margin-top:40px}.site-footer-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-size:12.5px;color:var(--muted-2)}.site-footer-inner a{color:var(--muted);text-decoration:underline;text-underline-offset:2px}.site-footer-inner a:hover{color:var(--text)}.site-footer-sep{opacity:.5}.container{max-width:1120px;margin:0 auto;padding:28px 32px 60px}.credits-pill{background:var(--panel-2);border:1px solid var(--border);padding:5px 13px;border-radius:999px;font-size:12.5px;color:var(--gold);font-weight:700}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.card-tight{padding:16px}.card-glow{position:relative;overflow:hidden}.card-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 140px at 20% -30%,rgba(109,155,255,.12),transparent 70%);pointer-events:none}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 820px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.sidebar{display:none}}label{display:block;font-size:12.5px;color:var(--muted);margin-bottom:7px;font-weight:650}input,select,textarea{width:100%;background:#0d121c;border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:11px 13px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6d9bff26}textarea{resize:vertical;min-height:96px;line-height:1.55}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b97ac' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px}.field{margin-bottom:18px}.hint{font-size:12px;color:var(--muted-2);margin-top:6px}.seg{display:inline-flex;background:#0d121c;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:3px}.seg button{background:transparent;border:none;color:var(--muted);padding:7px 12px;border-radius:7px;font-size:13px;font-weight:600}.seg button.on{background:var(--panel-3);color:#fff;box-shadow:var(--shadow-sm)}.btn{background:var(--accent-grad);color:#08101f;border:none;padding:12px 20px;border-radius:var(--radius-sm);font-weight:750;font-size:14px;display:inline-flex;align-items:center;gap:8px;transition:transform .08s,box-shadow .15s,opacity .15s;box-shadow:0 6px 18px #6d9bff47}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 26px #6d9bff66}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-ghost:hover{background:var(--panel-3);box-shadow:none}.btn-sm{padding:8px 13px;font-size:13px}.btn-lg{padding:15px 30px;font-size:15.5px}.btn-danger{background:#ff6b6b29;color:var(--red);border:1px solid rgba(255,107,107,.3);box-shadow:none}.muted{color:var(--muted)}.h1{font-size:28px;font-weight:800;letter-spacing:-.6px;margin:0 0 6px}.h2{font-size:18px;font-weight:720;margin:0 0 14px;letter-spacing:-.3px}.eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:8px}.slogan{color:var(--gold);font-size:14.5px;margin-bottom:24px;font-weight:500}.badge{display:inline-block;font-size:11px;font-weight:700;padding:4px 9px;border-radius:7px;background:var(--panel-3);border:1px solid var(--border);color:var(--muted)}.badge.green{color:var(--green);border-color:#3ddc974d;background:#3ddc971a}.badge.gold{color:var(--gold);border-color:#e2b96b4d;background:#e2b96b1a}.badge.amber{color:var(--amber);border-color:#f5b74a4d;background:#f5b74a1a}.error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.28);color:#ff9a9a;padding:11px 15px;border-radius:var(--radius-sm);font-size:13px;margin:14px 0}.success{background:#3ddc971a;border:1px solid rgba(61,220,151,.28);color:var(--green);padding:11px 15px;border-radius:var(--radius-sm);font-size:13px}.divider{height:1px;background:var(--border-soft);margin:22px 0}.row{display:flex;gap:12px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center}.wrap{flex-wrap:wrap}.progress{height:10px;background:#0d121c;border-radius:999px;overflow:hidden;border:1px solid var(--border)}.progress>div{height:100%;background:var(--accent-grad);transition:width .4s;box-shadow:0 0 12px #6d9bff80}.steps{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap}.step{flex:1;min-width:110px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--panel);border:1px solid var(--border-soft);font-size:13px;color:var(--muted);display:flex;align-items:center;gap:9px;transition:all .15s}.step.active{border-color:var(--accent);color:#fff;background:var(--panel-3);box-shadow:0 0 0 3px #6d9bff1f}.step.done{color:var(--green);border-color:#3ddc974d}.step .n{width:22px;height:22px;border-radius:50%;background:#0d121c;border:1px solid var(--border);display:grid;place-items:center;font-weight:800;font-size:12px;flex-shrink:0}.step.active .n{background:var(--accent-grad);color:#08101f;border:none}.step.done .n{background:#3ddc9726;color:var(--green);border-color:#3ddc974d}.chapter-body{white-space:pre-wrap;line-height:1.85;font-size:15.5px;font-family:Georgia,Times New Roman,serif;color:#dbe3ef}.chapter-list{display:flex;flex-direction:column;gap:7px;max-height:620px;overflow-y:auto;padding-right:4px}.chapter-item{padding:11px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--panel);cursor:pointer;font-size:13.5px;display:flex;justify-content:space-between;align-items:center;gap:8px;transition:all .12s}.chapter-item:hover{border-color:var(--border);background:var(--panel-2)}.chapter-item.active{border-color:var(--accent);background:var(--panel-3)}.concept{cursor:pointer;transition:all .15s}.concept:hover{border-color:var(--border);transform:translateY(-2px)}.concept.selected{border-color:var(--accent);box-shadow:0 0 0 2px #6d9bff59}.cover-img{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow)}.auth-wrap{min-height:86vh;display:grid;place-items:center}.auth-card{width:100%;max-width:410px}.kdp-block{background:#0d121c;border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:16px;margin-bottom:14px;position:relative}.kdp-block h4{margin:0 0 10px;font-size:11.5px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-weight:700}.copy-btn{position:absolute;top:13px;right:13px}.tag{display:inline-block;background:var(--panel-3);border:1px solid var(--border);padding:5px 11px;border-radius:999px;font-size:12px;margin:3px}.hero{text-align:center;padding:70px 20px 40px}.hero .eyebrow{text-align:center}.hero h1{font-size:52px;font-weight:900;letter-spacing:-1.5px;margin:8px 0 16px;line-height:1.05;background:linear-gradient(120deg,#fff 20%,#a9c2ff 60%,#c3aaff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p.sub{font-size:19px;color:var(--gold);max-width:640px;margin:0 auto 28px;font-weight:500}.hero .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.feature-grid{margin-top:54px}.feature{text-align:left}.feature .ico{margin-bottom:14px;width:50px;height:50px;border-radius:13px;background:linear-gradient(135deg,#6d9bff2e,#9b7bff24);display:grid;place-items:center;border:1px solid var(--border);color:var(--accent)}.pill-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:28px}.pill{background:var(--panel-2);border:1px solid var(--border);padding:7px 15px;border-radius:999px;font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:7px}.pill svg{color:var(--accent)}.price-card{text-align:center;position:relative}.price-card.featured{border-color:var(--accent);box-shadow:0 0 0 2px #6d9bff40,var(--shadow)}.price-head{display:flex;align-items:center;gap:12px;margin-bottom:4px}.price-ic{width:42px;height:42px;border-radius:11px;background:linear-gradient(135deg,#6d9bff2e,#9b7bff24);display:grid;place-items:center;color:var(--accent);flex-shrink:0}.price-card{text-align:left}.price-card .amt{font-size:36px;font-weight:900;letter-spacing:-1px;margin:10px 0 8px}.price-card .amt small{font-size:15px;color:var(--muted);font-weight:500}.price-card ul{list-style:none;padding:0;margin:18px 0;text-align:left}.price-card li{padding:7px 0;font-size:13.5px;color:var(--muted);display:flex;gap:9px}.price-card li:before{content:"✓";color:var(--green);font-weight:800}.ribbon{position:absolute;top:-11px;left:50%;transform:translate(-50%);background:var(--accent-grad);color:#08101f;font-size:11px;font-weight:800;padding:4px 14px;border-radius:999px}.spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th,.table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border-soft)}.table th{color:var(--muted);font-weight:650;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px}.table tr:hover td{background:var(--panel-2)}.stat{text-align:center}.stat .v{font-size:32px;font-weight:900;letter-spacing:-1px;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.stat .l{color:var(--muted);font-size:13px;margin-top:2px}.stat-ic{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6d9bff2e,#9b7bff24);display:grid;place-items:center;color:var(--accent);flex-shrink:0}.spark{display:flex;align-items:flex-end;gap:10px;height:130px;padding-top:8px}.spark-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;gap:8px}.spark-bar{width:100%;max-width:34px;border-radius:6px 6px 3px 3px;background:var(--accent-grad);min-height:6px;transition:height .3s}.spark-lbl{font-size:10.5px;color:var(--muted-2)}.tabs{display:inline-flex;gap:4px;background:var(--panel);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:4px;margin-bottom:22px}.tabs button{background:transparent;border:none;color:var(--muted);padding:9px 16px;border-radius:8px;font-size:13.5px;font-weight:650}.tabs button.on{background:var(--panel-3);color:#fff}.fmt-ic{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,#6d9bff2e,#9b7bff24);display:grid;place-items:center;color:var(--accent);margin-bottom:4px}.quick-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.quota-bar{display:flex;align-items:center;gap:12px}.lock-badge{display:inline-flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0;font-size:9px;font-weight:800;letter-spacing:.5px;padding:2px 7px;border-radius:6px;background:linear-gradient(135deg,#e2b96b40,#e2b96b1a);color:var(--gold);border:1px solid rgba(226,185,107,.4);box-shadow:0 2px 6px #e2b96b26;text-transform:uppercase}.upgrade-note{display:flex;align-items:center;gap:10px;background:#e2b96b14;border:1px dashed rgba(226,185,107,.4);color:var(--gold);padding:12px 14px;border-radius:var(--radius-sm);font-size:13px;margin-top:8px}.upgrade-note .btn{margin-left:auto}.dropdown{position:absolute;right:0;top:calc(100% + 6px);background:var(--panel-3);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:5px;min-width:180px;z-index:20}.dropdown button{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;color:var(--text);padding:9px 11px;border-radius:8px;font-size:13.5px;font-weight:600;text-align:left}.dropdown button:hover{background:var(--panel-2)}.dropdown button svg{color:var(--accent)}.empty{text-align:center;padding:56px 20px}.empty .big{font-size:44px;margin-bottom:8px}