:root{color:#d1d5db;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#be185d38,#0000 24%),linear-gradient(#09090b 0%,#111113 48%,#070709 100%);font-family:Plus Jakarta Sans,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:0 0;min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}textarea{resize:vertical}#root,.auth-screen,.upgrade-shell,.app-shell{min-height:100svh}.auth-screen{grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:24px;padding:28px;display:grid}.auth-hero,.auth-card,.panel,.upgrade-card,.sidebar,.card{word-break:break-word;overflow-wrap:break-word;background:radial-gradient(circle at top,#f43f5e29,#0000 28%),linear-gradient(#141418f5,#0a0a0cf5);border:1px solid #ffffff14;border-radius:28px;min-width:0;overflow:hidden;box-shadow:0 24px 80px #00000057}.auth-hero,.auth-card,.panel,.upgrade-card,.card{padding:28px}.auth-hero{align-content:center;gap:18px;display:grid}.auth-hero h1,.upgrade-card h1,.hero-panel h1{color:#fff6f7;word-break:break-word;overflow-wrap:break-word;margin:0;font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98}.auth-card,.stack,.panel,.upgrade-card,.sidebar,.main-column{gap:16px;display:grid}.stack.compact{gap:10px}.stack.large-gap{gap:22px}.panel-header,.hero-actions,.price-row,.action-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.eyebrow{color:#fb7185;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:800}.separator,.muted,.hint,.hint-card span,.book-card p,.queue-item span,.provider-chip,.brand-block small,.price-row span{color:#9ca3af}.muted,.hint,.hint-card span,.book-card p,.queue-item span{word-break:break-word;overflow-wrap:break-word;min-width:0}.separator{text-align:center;font-size:.9rem}.hint-card,.price-box,.profile-grid{gap:14px;display:grid}.plan-switcher{flex-wrap:wrap;gap:12px;display:flex}.plan-pill{color:#d1d5db;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;max-width:100%;padding:10px 16px;overflow:hidden}.plan-pill.active{color:#fff;background:#ffffff1f}.plan-pill.pro{border-color:#fb718552}.plan-pill.active.pro{background:linear-gradient(135deg,#fb718540,#ef44442e)}.plan-pill:disabled{opacity:.7;cursor:default}.hint-card,.price-box{word-break:break-word;overflow-wrap:break-word;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;min-width:0;padding:16px}label{color:#f8fafc;gap:8px;font-size:.95rem;display:grid}input,textarea,button{font:inherit}input,textarea{color:#fff;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;width:100%;min-width:0;padding:14px 16px}input::placeholder,textarea::placeholder{color:#6b7280}textarea{resize:vertical;min-height:118px}input:focus,textarea:focus{border-color:#f43f5e80;outline:none;box-shadow:0 0 0 4px #f43f5e1a}.primary-button,.secondary-button,.nav-button,.mini-button{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:0;border-radius:999px;max-width:100%;padding:12px 18px;transition:transform .2s,opacity .2s,background .2s;overflow:hidden}.primary-button{color:#fff;background:linear-gradient(135deg,#fb7185,#ef4444);font-weight:700}.secondary-button,.mini-button{color:#fff;background:#ffffff0f}.mini-button.danger,.nav-button.sign-out{color:#fda4af;background:#dc26261f}.primary-button:hover,.secondary-button:hover,.nav-button:hover,.mini-button:hover{transform:translateY(-1px)}.hero-tags,.stat-grid,.book-grid,.tool-grid{gap:14px;display:grid}.landing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.landing-card{word-break:break-word;overflow-wrap:break-word;background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;min-width:0;padding:18px;overflow:hidden}.landing-card h3,.landing-card p{word-break:break-word;overflow-wrap:break-word;min-width:0;margin:0}.landing-card p+p{margin-top:8px}.hero-tags{grid-template-columns:repeat(3,max-content)}.hero-tags span,.provider-chip{white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:999px;align-items:center;width:fit-content;max-width:100%;padding:8px 12px;display:inline-flex;overflow:hidden}.app-shell{grid-template-columns:280px minmax(0,1fr);gap:20px;padding:20px;display:grid}.sidebar-toggle{z-index:40;background:#111113f0;border:1px solid #ffffff1a;border-radius:999px;justify-content:center;align-items:center;gap:4px;width:48px;height:48px;padding:0;display:none;position:fixed;top:14px;right:14px;box-shadow:0 10px 28px #00000059}.sidebar-toggle span{background:#fff;border-radius:999px;width:18px;height:2px;display:block}.sidebar{align-content:start;min-width:0;height:calc(100svh - 40px);padding:24px;transition:transform .25s,opacity .25s;position:sticky;top:20px;overflow:hidden auto}.brand-block{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.brand-block strong{color:#fff;word-break:break-word;overflow-wrap:break-word;font-size:1.3rem;line-height:1.2}.brand-block span{color:#f8fafc;word-break:break-word;overflow-wrap:break-word;font-size:.95rem}.brand-block small{color:#9ca3af;font-size:.75rem}.nav-button{text-align:left;color:#d1d5db;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background:0 0;justify-content:flex-start;width:100%;overflow:hidden}.nav-button.active{color:#fff;background:linear-gradient(135deg,#fb718533,#ef44441f)}.main-column{align-content:start;min-width:0;overflow:hidden}.hero-panel.dark-hero{position:relative;overflow:hidden}.hero-panel.dark-hero:after{content:"";filter:blur(20px);background:radial-gradient(circle,#f43f5e38,#0000 70%);width:280px;height:280px;position:absolute;inset:auto -20% -30% auto}.two-col{grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);gap:20px;display:grid}.card{min-height:100%}.upload-drop{text-align:center;border:1px dashed #ffffff29;border-radius:22px;padding:28px;position:relative;overflow:hidden}.upload-drop input{opacity:0;position:absolute;inset:0}.cover-preview{background:#ffffff08;border:1px solid #ffffff14;border-radius:22px;place-items:center;padding:14px;display:grid}.cover-preview-image{object-fit:cover;border-radius:18px;width:180px;height:260px;box-shadow:0 18px 40px #00000047}.queue-item{border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-width:0;padding:14px;display:grid}.queue-item strong,.queue-item p{word-break:break-word;overflow-wrap:break-word;min-width:0}.progress-bar{background:#ffffff14;border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg,#fb7185,#f97316);height:100%;display:block}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.book-card,.metric-card,.tool-card{word-break:break-word;overflow-wrap:break-word;background:#ffffff08;border:1px solid #ffffff0f;border-radius:22px;gap:10px;min-width:0;padding:18px;display:grid;overflow:hidden}.book-card h3,.metric-card strong,.tool-card strong,.panel h2,.panel h3,.panel h1,.upgrade-card strong{color:#fff;word-break:break-word;overflow-wrap:break-word;min-width:0;margin:0}.book-cover{color:#fff;cursor:pointer;border:0;border-radius:22px;align-content:space-between;width:100%;min-height:220px;padding:18px;display:grid;overflow:hidden;box-shadow:inset 0 -80px 120px #00000057}.book-cover.large{min-width:180px}.book-cover.has-image{background:#111;padding:0;box-shadow:0 18px 46px #0000004d}.book-cover span{background:#ffffff2e;border-radius:50%;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.book-cover-image{object-fit:cover;object-position:center;width:100%;height:100%;min-height:220px;display:block}.cover-modal{z-index:80;background:#000000c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.cover-modal-card{width:min(92vw,520px);position:relative}.cover-modal-image{object-fit:contain;background:#09090b;border-radius:24px;width:100%;max-height:88svh}.cover-close{z-index:2;color:#fff;background:#111113e6;border:0;border-radius:999px;padding:10px 14px;position:absolute;top:14px;right:14px}.reader-head{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:20px;display:grid}.reader-body{word-break:break-word;overflow-wrap:break-word;background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;min-height:400px;padding:20px;overflow:hidden}.reader-body object{width:100%;height:72svh}.reader-body article{white-space:pre-wrap;color:#e5e7eb;word-break:break-word;overflow-wrap:break-word;line-height:1.8}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{text-align:left;color:#d1d5db;word-break:break-word;overflow-wrap:break-word;background:linear-gradient(#ffffff0a,#ffffff05);min-width:0}.empty-state{text-align:center;word-break:break-word;overflow-wrap:break-word;border:1px dashed #ffffff1f;border-radius:22px;padding:28px}.coach-answer{gap:14px;min-width:0;display:grid}.streaming-copy{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;min-width:0;min-height:160px;line-height:1.9}.is-streaming .streaming-copy:after{content:"";background:#fb7185;width:1px;height:1em;margin-left:4px;animation:.8s step-end infinite blink;display:inline-block}.table-wrap{max-width:100%;overflow:auto}.admin-table{border-collapse:collapse;table-layout:fixed;width:100%}.admin-table th,.admin-table td{text-align:left;color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;word-break:break-word;border-bottom:1px solid #ffffff14;padding:14px 12px;overflow:hidden}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-row strong{font-size:3.4rem}.upgrade-shell{place-items:center;padding:24px;display:grid}.upgrade-card{width:min(760px,100%)}.form-message{color:#fda4af;word-break:break-word;overflow-wrap:break-word;margin:0}.loading-screen{color:#fff;place-items:center;min-height:100svh;display:grid}@keyframes blink{50%{opacity:0}}@media (width<=1100px){.auth-screen,.app-shell,.two-col,.reader-head{grid-template-columns:1fr}.sidebar{z-index:35;opacity:0;border-radius:0 28px 28px 0;width:min(82vw,320px);height:100svh;position:fixed;top:0;left:0;transform:translate(-108%)}.sidebar.open{opacity:1;transform:translate(0)}.sidebar-toggle{justify-content:center;align-items:center;display:inline-flex}.main-column{padding-top:56px}.tool-grid,.book-grid,.stat-grid,.profile-grid,.landing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.auth-screen,.app-shell{padding:14px}.panel,.card,.upgrade-card,.auth-card,.auth-hero{border-radius:22px;padding:20px}.hero-tags,.tool-grid,.book-grid,.stat-grid,.profile-grid,.landing-grid{grid-template-columns:1fr}}.book-card{word-break:break-word;overflow-wrap:break-word;background:#ffffff08;border:1px solid #ffffff0f;border-radius:22px;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;height:100%;padding:18px;display:flex;overflow:hidden}
