:root{--background:#fef9f0;--foreground:#1e1b4b;--card:#ffffff;--primary:#7c3aed;--primary-strong:#6d28d9;--primary-soft:#f0ebff;--primary-muted:#6b5fa6;--secondary:#fde68a;--secondary-foreground:#78350f;--accent:#10b981;--accent-strong:#059669;--destructive:#ef4444;--destructive-soft:#fee2e2;--border:rgba(124,58,237,0.15);--input-background:#f5f0ff;--shadow:0 8px 32px rgba(124,58,237,0.14);--shadow-sm:0 2px 12px rgba(30,27,75,0.07);--radius:18px}*{box-sizing:border-box}body,html{background:var(--background)}body{margin:0;color:var(--foreground);font-family:Nunito,Nunito Sans,ui-rounded,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.card,.danger,.level-option,.link-button,.primary,.secondary,button{transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}.primary:active,.secondary:active,button:active{transform:scale(.98)}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{background:var(--card);border-bottom:2px solid var(--border);gap:18px;justify-content:space-between;padding:14px clamp(16px,4vw,40px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{align-items:center;display:flex}.brand{gap:9px;font-weight:900}.brand-mark{display:block;font-size:1.7rem;line-height:1}.brand-logo{border-radius:12px;height:46px;object-fit:contain;width:46px}.brand-text{color:var(--primary);font-size:1.15rem}.nav{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.link-button,.nav a,.nav button{background:transparent;border-radius:14px;color:var(--primary-muted);font-size:.93rem;font-weight:800;padding:9px 12px}.link-button:hover,.nav a:hover,.nav button:hover{background:var(--primary-soft);color:var(--primary)}.profile-menu{position:relative}.profile-chip{align-items:center;background:var(--input-background);border:2px solid var(--border);border-radius:18px;color:var(--foreground);display:flex;gap:9px;padding:8px 11px}.profile-chip:hover{background:var(--primary-soft);border-color:var(--primary)}.profile-avatar{font-size:1.3rem;line-height:1}.profile-name{font-size:.88rem;font-weight:900}.profile-grade,.profile-name{display:block;line-height:1.1}.profile-grade{color:var(--primary-muted);font-size:.72rem;font-weight:700}.profile-chevron{color:var(--primary-muted);font-size:1rem;font-weight:900;line-height:1;margin-left:4px}.profile-dropdown{background:var(--card);border:2px solid var(--border);border-radius:18px;box-shadow:var(--shadow);min-width:160px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:20}.profile-dropdown a,.profile-dropdown button{background:transparent;border-radius:12px;color:var(--primary-muted);display:block;font-weight:900;padding:10px 12px;text-align:left;width:100%}.profile-dropdown button{color:var(--destructive)}.profile-dropdown a:hover,.profile-dropdown button:hover{background:var(--primary-soft)}.profile-dropdown button:hover{background:var(--destructive-soft)}.main{flex:1 1;margin:0 auto;max-width:1120px;padding:34px clamp(16px,4vw,42px) 56px;width:100%}.footer{background:var(--card);border-top:2px solid var(--border);color:var(--primary-muted);font-size:.88rem;font-weight:700;padding:20px;text-align:center}.footer-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:center;margin-bottom:7px}.footer-logo{border-radius:8px;height:34px;object-fit:contain;width:34px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.35rem,7vw,4.8rem);letter-spacing:0;line-height:1.04}h1,h2{font-weight:900;margin-bottom:16px}h2{font-size:clamp(1.45rem,3vw,2rem)}h3{font-size:1.15rem;font-weight:900;margin-bottom:8px}.lead{color:var(--primary-muted);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;line-height:1.55;max-width:680px}.eyebrow{color:var(--primary);font-size:.78rem;font-weight:900;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.hero{align-items:center;display:grid;grid-gap:28px;gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);margin-bottom:34px}.home-hero{display:grid;justify-items:center;margin:20px auto 34px;max-width:820px;text-align:center}.hero-title-row{align-items:center;display:flex;gap:12px;justify-content:center}.hero-bee{font-size:clamp(2.4rem,7vw,4.2rem);line-height:1}.hero-logo{border-radius:24px;height:clamp(88px,16vw,132px);object-fit:contain;width:clamp(88px,16vw,132px)}.auth-logo{border-radius:20px;height:112px;margin-bottom:10px;object-fit:contain;width:112px}.card,.hero-panel,.panel{background:var(--card);border:2px solid var(--border);border-radius:24px}.hero-panel,.panel{box-shadow:var(--shadow);padding:clamp(20px,4vw,30px)}.panel h2:not(:first-child){margin-top:28px}.card{display:flex;flex-direction:column;min-height:220px;padding:22px}.card:hover,.level-option:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card p,.panel p{color:var(--primary-muted);font-weight:650;line-height:1.55}.level-description{min-height:78px}.grid{grid-gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.grid,.level-grid{display:grid;gap:18px}.level-grid{grid-gap:18px;grid-template-columns:repeat(5,minmax(0,1fr))}.level-picker{margin:0 auto 28px;max-width:520px}.level-picker-label{font-size:1.08rem;font-weight:900;margin-bottom:12px;text-align:center}.level-option-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.level-option{background:var(--card);border:3px solid var(--border);border-radius:22px;color:var(--foreground);padding:20px;position:relative;text-align:center}.level-option.active{background:var(--primary-soft);border-color:var(--primary);box-shadow:0 4px 20px rgba(124,58,237,.2);transform:scale(1.02)}.option-icon{display:block;font-size:2rem;margin-bottom:8px}.option-title{display:block;font-size:1.12rem;font-weight:900}.option-subtitle{color:var(--primary-muted);display:block;font-size:.85rem;font-weight:800}.selected-dot{align-items:center;background:var(--primary);border-radius:999px;color:white;display:grid;font-size:.75rem;height:24px;place-items:center;position:absolute;right:10px;top:10px;width:24px}.feature-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:28px auto;max-width:760px}.feature-card{background:var(--card);border:2px solid var(--border);border-radius:22px;box-shadow:var(--shadow-sm);padding:20px;text-align:center}.feature-icon{display:block;font-size:1.9rem;margin-bottom:10px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.level-card-actions{align-items:center;gap:14px;justify-content:space-between;margin-top:auto}.tag{background:var(--primary-soft);border-radius:999px;color:var(--primary);font-size:.82rem;font-weight:900;padding:7px 10px;white-space:nowrap}.tag.paid{background:var(--secondary);color:var(--secondary-foreground)}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.danger,.primary,.secondary{align-items:center;border-radius:18px;display:inline-flex;font-weight:900;justify-content:center;min-height:48px;padding:12px 18px}.primary{background:var(--primary);box-shadow:0 4px 18px rgba(124,58,237,.28);color:white}.primary:hover{background:var(--primary-strong);box-shadow:0 8px 24px rgba(124,58,237,.34)}.secondary{background:var(--secondary);color:var(--secondary-foreground)}.secondary:hover{filter:brightness(.98);box-shadow:var(--shadow-sm)}.secondary.active-action:not(:disabled){background:var(--primary);color:white}.danger{background:var(--destructive-soft);color:#991b1b}.primary:disabled,.secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.stat-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.stat{background:var(--primary-soft);border-radius:20px;padding:16px;text-align:center}.stat strong{color:var(--primary);display:block;font-size:1.9rem;font-weight:900;line-height:1}.stat span{color:var(--primary-muted);display:block;font-size:.83rem;font-weight:800;margin-top:5px}.practice-shell{margin:-34px calc(clamp(16px, 4vw, 42px) * -1) -56px;min-height:calc(100vh - 83px)}.practice-header{align-items:center;background:var(--card);border-bottom:2px solid var(--border);display:flex;gap:14px;justify-content:space-between;padding:14px clamp(16px,4vw,42px)}.practice-pills{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.pill{background:var(--primary-soft);border-radius:16px;color:var(--primary);font-weight:900;padding:9px 13px}.pill.secondary-pill{background:var(--secondary);color:var(--secondary-foreground)}.progress-bar{background:var(--primary-soft);border-radius:999px;height:12px;overflow:hidden}.progress-bar span{background:linear-gradient(90deg,var(--primary),#a855f7);display:block;height:100%;transition:width .5s ease}.practice-layout{display:grid;grid-gap:22px;gap:22px;grid-template-columns:minmax(0,1fr) 320px}.practice-stage{margin:0 auto;max-width:620px;padding:24px 16px 46px}.word-card{display:grid;grid-gap:18px;gap:18px}.metadata-row{display:flex;flex-wrap:wrap;gap:9px}.definition-block,.example-block{border-radius:18px;padding:16px}.definition-block{background:white}.example-block{background:var(--primary-soft)}.hint-example-toggle{background:white;border:2px solid var(--primary);border-radius:999px;color:var(--primary);font-size:.86rem;font-weight:900;margin:0 0 12px;padding:8px 12px}.hint-example-toggle:hover{background:var(--primary-soft)}.block-label{color:var(--primary-muted);display:block;font-size:.78rem;font-weight:900;letter-spacing:.05em;margin-bottom:5px;text-transform:uppercase}.listen-row{display:flex}.listen-row>*{width:100%}.field{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.field label,.field-label{font-weight:900}.field-label{display:inline-block}.field-help{color:var(--primary-muted);font-size:.9rem;font-weight:700;margin:0}.field input,.field select,.field textarea,.search-input{background:var(--input-background);border:3px solid var(--border);border-radius:18px;color:var(--foreground);font-weight:750;min-height:48px;outline:none;padding:11px 14px;width:100%}.field input:focus,.field select:focus,.field textarea:focus,.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(124,58,237,.12)}.readonly-field{background:var(--primary-soft);border:3px solid var(--border);border-radius:18px;color:var(--primary-muted);font-weight:850;min-height:48px;padding:11px 14px}.field input#answer{font-size:clamp(1.45rem,5vw,2.2rem);letter-spacing:.05em;min-height:72px;text-align:center}.field textarea{min-height:150px;resize:vertical}.feedback{background:var(--primary-soft);border:2px solid var(--border);border-radius:18px;color:var(--primary);font-weight:850;margin:18px 0 0;padding:14px 16px}.feedback.good{background:#d1fae5;border-color:var(--accent);color:#065f46}.feedback.bad{background:var(--destructive-soft);border-color:var(--destructive);color:#991b1b}.feedback.retry{background:#fef3c7;border-color:#f59e0b;color:#92400e}.profile-subscription-notice{margin-bottom:22px}.result-hero{margin:0 auto;max-width:520px;text-align:center}.score-ring{align-items:center;aspect-ratio:1;border-left:12px solid var(--primary-soft);border-bottom:12px solid var(--primary-soft);border-right-color:var(--primary-soft);border-top-color:var(--primary-soft);border-top:12px solid var(--primary);border-right:12px solid var(--accent);border-radius:999px;display:inline-flex;flex-direction:column;height:150px;justify-content:center;margin:8px auto 20px}.score-ring strong{color:var(--primary);font-size:2.25rem;font-weight:900;line-height:1}.stars{color:#f59e0b;font-size:1.6rem;letter-spacing:3px;margin:16px 0}.list{display:grid;grid-gap:10px;gap:10px;list-style:none;margin:0;padding:0}.list li{background:var(--primary-soft);border-radius:16px;padding:13px 14px}.word-list-header{margin:0 auto 24px;max-width:760px}.segmented{background:var(--primary-soft);border-radius:18px;display:inline-flex;gap:4px;padding:4px}.segmented button{align-items:center;background:transparent;border-radius:14px;color:var(--primary-muted);display:inline-flex;font-weight:900;gap:7px;padding:10px 16px}.segmented button.active{background:var(--primary);color:white}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.filters .segmented{flex:0 0 auto}.filters .search-input{flex:0 1 150px;min-width:130px;width:auto}.filters input.search-input{flex:1 1 190px;min-width:170px}.word-list{display:grid;grid-gap:16px;gap:16px;margin:0 auto;max-width:760px}.word-list-summary{align-items:center;color:var(--primary-muted);display:flex;flex-wrap:wrap;font-weight:800;gap:8px 14px;justify-content:space-between}.word-list-summary p{margin:0}.word-list-summary span{font-size:.95rem}.pagination{align-items:center;gap:10px}.pagination,.pagination-pages{display:flex;flex-wrap:wrap;justify-content:center}.pagination-pages{gap:6px}.word-list-pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto;justify-content:stretch;width:100%}.word-list-pagination .pagination-pages{flex-wrap:nowrap;justify-content:center;min-width:0}.pagination-button,.pagination-ellipsis,.pagination-page{align-items:center;background:var(--card);border:2px solid var(--border);border-radius:14px;color:var(--primary);display:inline-flex;font-weight:900;justify-content:center;min-height:40px;padding:8px 13px}.pagination-ellipsis,.pagination-page{min-width:40px;padding:8px 10px}.pagination-ellipsis{color:var(--primary-muted);cursor:default}.pagination-page.active{background:var(--primary);border-color:var(--primary);color:white}.pagination-button:disabled,.pagination-page:disabled{color:var(--primary-muted);cursor:not-allowed;opacity:.55}.practice-start-selector{display:grid;grid-gap:10px;gap:10px;justify-items:center;margin:14px auto 0;max-width:760px}.practice-start-selector p{color:var(--primary-muted);font-weight:800;margin:0;text-align:center}.word-row{align-items:flex-start;background:var(--card);border:2px solid var(--border);border-radius:22px;box-shadow:var(--shadow-sm);display:flex;gap:14px;justify-content:space-between;padding:18px}.word-title{color:var(--primary);font-size:1.45rem;font-weight:900}.icon-button{align-items:center;background:var(--primary-soft);border-radius:14px;color:var(--primary);display:inline-flex;flex:0 0 auto;font-size:1.2rem;height:42px;justify-content:center;width:42px}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}.empty{color:var(--primary-muted);font-weight:800;padding:18px 0}.level-link{color:var(--primary);font-weight:800;text-decoration:none;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease}.level-link:focus-visible,.level-link:hover{color:var(--primary-muted);border-bottom-color:currentColor}.auth-screen{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 180px);padding:24px 0}.avatar-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.avatar-choice{align-items:center;background:var(--input-background);border:3px solid transparent;border-radius:18px;display:flex;font-size:1.55rem;height:54px;justify-content:center}.avatar-choice.active{background:var(--primary-soft);border-color:var(--primary);transform:scale(1.06)}.auth-tabs{background:var(--primary-soft);border-radius:18px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px;padding:4px}.auth-tabs button{background:transparent;border-radius:14px;color:var(--primary-muted);font-size:.9rem;font-weight:900;min-height:42px;padding:8px 10px}.auth-tabs button.active{background:var(--primary);color:white}.social-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:1fr;margin-top:0}.social-button{align-items:center;background:var(--card);border:2px solid var(--border);border-radius:18px;color:var(--foreground);display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:48px;padding:11px 12px}.social-button:hover{background:var(--primary-soft);border-color:var(--primary)}.social-button span{align-items:center;background:var(--primary-soft);border-radius:999px;color:var(--primary);display:inline-flex;height:24px;justify-content:center;width:24px}.auth-divider{align-items:center;color:var(--primary-muted);display:flex;font-size:.86rem;font-weight:900;gap:10px;margin:24px 0 16px;text-align:center}.auth-divider:after,.auth-divider:before{background:var(--border);content:"";flex:1 1;height:2px}.avatar-choice:focus-visible,.danger:focus-visible,.icon-button:focus-visible,.level-option:focus-visible,.link-button:focus-visible,.nav a:focus-visible,.nav button:focus-visible,.primary:focus-visible,.secondary:focus-visible{outline:4px solid rgba(124,58,237,.2);outline-offset:3px}@media (max-width:980px){.grid,.hero,.level-grid,.practice-layout{grid-template-columns:1fr 1fr}}@media (max-width:760px){.feature-grid,.grid,.hero,.level-grid,.practice-layout{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}.nav{justify-content:flex-start}.practice-header{align-items:flex-start;flex-direction:column}.profile-chip{width:100%}}@media (max-width:540px){.main{padding-inline:14px}.hero-title-row{gap:6px}.auth-tabs,.level-option-grid,.social-grid,.stat-grid{grid-template-columns:1fr}.button-row>*,.filters>*{width:100%}.word-row{flex-direction:column}.table{font-size:.9rem}}