@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap);:root{--bg-deep:#0c0c1e;--bg-base:#111128;--bg-card:#161630;--bg-raised:#1e1e40;--border:#252550;--border-glow:#5b3ff8;--accent:#6d4ffe;--accent-soft:#9b7fff;--accent-dim:#6d4ffe1f;--accent-glow:#6d4ffe33;--text-primary:#ece8ff;--text-muted:#8880b8;--text-faint:#44406a;--green:#3dd68c;--red:#ff5c7c;--yellow:#f5c842;--blue:#4fa3f7;--orange:#f87c3a;--sidebar-w:210px;--radius:12px;--radius-sm:8px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0c0c1e;background:var(--bg-deep);color:#ece8ff;color:var(--text-primary);font-family:DM Sans,Inter,sans-serif;font-size:14px;min-height:100vh}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#252550;background:var(--border);border-radius:99px}.auth-page{align-items:center;background:#0c0c1e;background:var(--bg-deep);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.auth-page:before{animation:bgpulse 7s ease-in-out infinite;background:radial-gradient(circle,#6d4ffe26 0,#0000 65%);height:600px;left:-180px;top:-180px;width:600px}.auth-page:after,.auth-page:before{content:"";pointer-events:none;position:absolute}.auth-page:after{animation:bgpulse 9s ease-in-out infinite reverse;background:radial-gradient(circle,#4fa3f714 0,#0000 65%);bottom:-120px;height:400px;right:-80px;width:400px}@keyframes bgpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.08)}}.auth-card{background:#161630;background:var(--bg-card);border:1px solid #252550;border:1px solid var(--border);border-radius:18px;box-shadow:0 0 60px #6d4ffe14,0 24px 48px #0006;max-width:400px;padding:2.4rem 2rem;position:relative;width:100%;z-index:1}.auth-logo{margin-bottom:2rem;text-align:center}.auth-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9b7fff,#4fa3f7);-webkit-background-clip:text;font-size:1.7rem;font-weight:700;letter-spacing:-.03em}.auth-logo span{color:#44406a;color:var(--text-faint);display:block;font-size:.68rem;letter-spacing:.18em;margin-top:.25rem;text-transform:uppercase}.auth-switch{color:#8880b8;color:var(--text-muted);font-size:.82rem;margin-top:1.2rem;text-align:center}.auth-switch a{color:#9b7fff;color:var(--accent-soft);font-weight:600;margin-left:.25rem;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.form-group{margin-bottom:1rem}.form-group label{color:#8880b8;color:var(--text-muted);display:block;font-size:.68rem;font-weight:700;letter-spacing:.08em;margin-bottom:.35rem;text-transform:uppercase}.form-group input,.form-group textarea{background:#0c0c1e;background:var(--bg-deep);border:1px solid #252550;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#ece8ff;color:var(--text-primary);font-family:inherit;font-size:.88rem;outline:none;padding:.65rem .9rem;transition:border-color .18s,box-shadow .18s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#6d4ffe;border-color:var(--accent);box-shadow:0 0 0 3px #6d4ffe33;box-shadow:0 0 0 3px var(--accent-glow)}.form-group input::placeholder,.form-group textarea::placeholder{color:#44406a;color:var(--text-faint)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;font-weight:600;gap:.4rem;justify-content:center;letter-spacing:.01em;padding:.6rem 1.2rem;transition:all .16s;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.4}.btn-primary{background:linear-gradient(135deg,#6d4ffe,#5038d0);box-shadow:0 3px 16px #6d4ffe59;color:#fff;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 6px 22px #6d4ffe73;transform:translateY(-1px)}.btn-secondary{background:#1e1e40;background:var(--bg-raised);border:1px solid #252550;border:1px solid var(--border);color:#ece8ff;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:#9b7fff;border-color:var(--accent-soft);color:#9b7fff;color:var(--accent-soft)}.btn-ghost{background:#0000;color:#9b7fff;color:var(--accent-soft);padding:.4rem .8rem}.btn-ghost:hover{background:#6d4ffe1f;background:var(--accent-dim);border-radius:8px;border-radius:var(--radius-sm)}.btn-danger{background:#ff5c7c14;border:1px solid #ff5c7c2e;color:#ff5c7c;color:var(--red)}.btn-danger:hover:not(:disabled){background:#ff5c7c29}.btn-icon{background:#1e1e40;background:var(--bg-raised);border:1px solid #252550;border:1px solid var(--border);border-radius:7px;color:#8880b8;color:var(--text-muted);height:32px;padding:.45rem;width:32px}.btn-icon:hover{border-color:#9b7fff;border-color:var(--accent-soft);color:#9b7fff;color:var(--accent-soft)}.btn-success{background:#3dd68c1a;border:1px solid #3dd68c33;color:#3dd68c;color:var(--green)}.btn-success:hover{background:#3dd68c2e}.app-layout{display:flex;min-height:100vh}.sidebar{background:#161630;background:var(--bg-card);border-right:1px solid #252550;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;min-width:210px;min-width:var(--sidebar-w);overflow-y:auto;padding:1.25rem .75rem;position:sticky;top:0;width:210px;width:var(--sidebar-w)}.sidebar-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9b7fff,#4fa3f7);-webkit-background-clip:text;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1.75rem;padding:0 .5rem}.sidebar nav{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.nav-link{align-items:center;border-radius:8px;color:#8880b8;color:var(--text-muted);display:flex;font-size:.82rem;font-weight:500;gap:.6rem;padding:.55rem .75rem;position:relative;text-decoration:none;transition:all .13s}.nav-link:hover{background:#1e1e40;background:var(--bg-raised);color:#ece8ff;color:var(--text-primary)}.nav-link.active{background:linear-gradient(135deg,#6d4ffe2e,#4fa3f714);border:1px solid #6d4ffe33;color:#9b7fff;color:var(--accent-soft)}.nav-link.active:before{background:#6d4ffe;background:var(--accent);border-radius:0 3px 3px 0;bottom:24%;content:"";left:0;position:absolute;top:24%;width:2.5px}.sidebar-footer{border-top:1px solid #252550;border-top:1px solid var(--border);margin-top:.9rem;padding-top:.9rem}.user-chip{background:#1e1e40;background:var(--bg-raised);border:1px solid #252550;border:1px solid var(--border);border-radius:8px;gap:.55rem;margin-bottom:.5rem;padding:.5rem .6rem}.user-chip,.user-chip .avatar{align-items:center;display:flex}.user-chip .avatar{background:linear-gradient(135deg,#6d4ffe,#4fa3f7);background:linear-gradient(135deg,var(--accent),#4fa3f7);border-radius:7px;color:#fff;flex-shrink:0;font-size:.65rem;font-weight:800;height:28px;justify-content:center;width:28px}.user-chip .name{color:#ece8ff;color:var(--text-primary);font-size:.78rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-chip .streak{color:#f87c3a;color:var(--orange);font-size:.65rem;font-weight:600}.main-content{flex:1 1;min-width:0;overflow-y:auto;padding:1.75rem 2.25rem}.page-header{margin-bottom:1.75rem}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ece8ff,#9b7fff);-webkit-background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.page-header p{color:#8880b8;color:var(--text-muted);font-size:.82rem;margin-top:.25rem}.card{background:#161630;background:var(--bg-card);border:1px solid #252550;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius);padding:1.25rem;transition:border-color .18s}.card-sm{padding:.85rem 1.1rem}.badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.63rem;font-weight:800;letter-spacing:.06em;padding:.18rem .48rem;text-transform:uppercase}.badge-a1{background:#3dd68c1f;border:1px solid #3dd68c38;color:#3dd68c}.badge-a2{background:#4fa3f71f;border:1px solid #4fa3f738;color:#4fa3f7}.badge-b1{background:#9b7fff1f;border:1px solid #9b7fff38;color:#9b7fff}.badge-b2{background:#f5c8421f;border:1px solid #f5c84238;color:#f5c842}.badge-c1{background:#f87c3a1f;border:1px solid #f87c3a38;color:#f87c3a}.badge-c2{background:#ff5c7c1f;border:1px solid #ff5c7c38;color:#ff5c7c}.divider{border:none;border-top:1px solid #252550;border-top:1px solid var(--border);margin:1.25rem 0}.empty-state{color:#8880b8;color:var(--text-muted);padding:3.5rem 1rem;text-align:center}.empty-state svg{margin-bottom:.9rem;opacity:.3}.empty-state h3{color:#ece8ff;color:var(--text-primary);font-size:.95rem;font-weight:700;margin-bottom:.35rem}.empty-state p{font-size:.81rem}select{background:#161630;background:var(--bg-card);border:1px solid #252550;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#ece8ff;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.82rem;outline:none;padding:.55rem .9rem;transition:border-color .18s}select:focus{border-color:#6d4ffe;border-color:var(--accent);box-shadow:0 0 0 3px #6d4ffe33;box-shadow:0 0 0 3px var(--accent-glow)}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin .8s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .25s ease forwards}.modal-overlay{align-items:center;animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.clickable-word{border-radius:3px;cursor:pointer;display:inline;padding:0 1px;transition:background .13s}.clickable-word:hover{background:#6d4ffe47;color:#9b7fff;color:var(--accent-soft)}.word-popup{animation:fadeIn .13s ease;border:1px solid #5b3ff8;border:1px solid var(--border-glow);border-radius:12px;border-radius:var(--radius);box-shadow:0 10px 36px #00000080;max-width:260px;min-width:210px;padding:.9rem;position:fixed;z-index:200}.history-item,.word-popup{background:#1e1e40;background:var(--bg-raised)}.history-item{border:1px solid #252550;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;font-size:.81rem;padding:.65rem .9rem;transition:all .13s}.history-item:hover{border-color:#9b7fff;border-color:var(--accent-soft)}@media (max-width:768px){.sidebar{display:none}.main-content{padding:1rem}}
/*# sourceMappingURL=main.c0451d94.css.map*/