.app{display:flex;flex-direction:row;height:100vh;max-width:1240px;margin:0 auto;background:var(--surface);box-shadow:var(--shadow-xl);overflow:hidden}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.sidebar{flex-shrink:0;width:248px;height:100%;display:flex;flex-direction:column;background:var(--header);color:#fff;padding:16px 12px;gap:8px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 14px;border:none;background:transparent;color:#fff;cursor:pointer;font:inherit;text-align:left}.brand-mark{font-size:1.5rem;line-height:1}.brand-name{font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:var(--r-full)}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px;border:none;border-radius:var(--r-md);background:transparent;color:#ffffffb3;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;text-align:left;transition:background var(--t),color var(--t)}.nav-item:hover{background:#ffffff14;color:#fff}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #6366f166}.nav-icon{font-size:1.05rem;line-height:1;width:20px;text-align:center;flex-shrink:0}.nav-label{flex:1}.nav-badge{flex-shrink:0;min-width:20px;padding:1px 6px;border-radius:var(--r-full);background:var(--rose-500);color:#fff;font-size:.68rem;font-weight:800;text-align:center}.sidebar-foot{display:flex;flex-direction:column;gap:8px;padding-top:8px}.side-level{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);background:#ffffff0f;color:#fff;font:inherit;cursor:pointer;transition:background var(--t)}.side-level:hover{background:#ffffff1f}.side-level-top{display:flex;align-items:center;justify-content:space-between}.side-level-streak{font-size:.78rem;font-weight:700}.side-level-track{position:relative;height:7px;border-radius:var(--r-full);background:#00000059;overflow:hidden}.side-level-fill{display:block;height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--emerald-400),var(--emerald-500));transition:width .6s cubic-bezier(.22,1,.36,1)}.side-level-xp{font-size:.72rem;font-weight:700;opacity:.8}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar{flex-shrink:0;display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.topbar-menu{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--text-1);font-size:1.1rem;cursor:pointer;flex-shrink:0}.topbar-titles{flex:1;min-width:0}.topbar-titles h1{margin:0;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--text-1)}.subtitle{margin:1px 0 0;font-size:.76rem;color:var(--text-3);font-weight:500}.topbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-1);font-size:.95rem;cursor:pointer;transition:background var(--t),border-color var(--t);flex-shrink:0}.topbar-btn:hover{background:var(--surface-3);border-color:var(--border-2)}.settings-wrap{position:relative}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.settings-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:21;width:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:12px}.settings-panel label{display:flex;flex-direction:column;gap:5px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3)}.settings-panel select{font:inherit;font-size:.88rem;font-weight:500;text-transform:none;letter-spacing:normal;color:var(--text-1);padding:8px 10px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);cursor:pointer;outline:none;transition:border-color var(--t),box-shadow var(--t)}.settings-panel select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.provider-picker{display:none}.levelbar-badge{flex-shrink:0;font-size:.7rem;font-weight:800;letter-spacing:.03em;padding:3px 10px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--amber-400),var(--amber-500));color:#1a1a2e}.levelbar-flash{position:absolute;top:-20px;right:4px;font-size:.72rem;font-weight:800;color:var(--emerald-400);animation:xp-pop 1.2s ease-out forwards;white-space:nowrap}@keyframes xp-pop{0%{opacity:0;transform:translateY(4px) scale(.8)}20%{opacity:1;transform:translateY(0) scale(1.1)}to{opacity:0;transform:translateY(-8px) scale(1)}}.chat{flex:1;overflow-y:auto;padding:20px 16px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.chat::-webkit-scrollbar{width:4px}.chat::-webkit-scrollbar-track{background:transparent}.chat::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--r-full)}.empty{margin:auto;text-align:center;color:var(--text-3);padding:32px 16px}.empty-hint{font-size:.84rem;margin-top:8px;line-height:1.6}.row{display:flex}.row-user{justify-content:flex-end}.row-assistant{justify-content:flex-start}.bubble{max-width:80%;padding:11px 16px;border-radius:18px;line-height:1.55;word-wrap:break-word;font-size:.93rem}.bubble-user{background:linear-gradient(135deg,var(--indigo-500),var(--indigo-600));color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 10px #6366f147}.bubble-assistant{background:var(--surface-2);color:var(--text-1);border:1px solid var(--border);border-bottom-left-radius:4px;position:relative;box-shadow:var(--shadow-xs)}.assistant-stack{display:flex;flex-direction:column;gap:8px;max-width:88%}.bubble-label,.card-label{display:block;font-size:.63rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-3);margin-bottom:5px}.reply-text{margin:0;padding-right:28px}.card{padding:12px 16px;border-radius:var(--r-lg);font-size:.9rem;line-height:1.55}.card p{margin:0}.card-correction{background:#fffbeb;border-left:3px solid var(--amber-400);color:#78350f}.correction-list{margin:0;padding-left:18px}.correction-list li{margin:4px 0;line-height:1.55}.card-better{background:var(--indigo-50);border-left:3px solid var(--primary);color:#3730a3}.card-better-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.speaker-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;font-size:.92rem;padding:4px 6px;border-radius:var(--r-sm);color:var(--text-3);transition:background var(--t),color var(--t)}.speaker-btn:hover{background:#00000012;color:var(--text-1)}.speaker-inline{position:absolute;bottom:7px;right:8px}.typing{display:flex;gap:5px;align-items:center;padding:12px 16px}.typing span{width:7px;height:7px;border-radius:50%;background:var(--text-3);animation:dot-bounce 1.4s ease infinite}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.error-banner{flex-shrink:0;background:var(--danger-light);color:#9f1239;padding:12px 20px;font-size:.84rem;font-weight:500;border-top:1px solid var(--danger-border);line-height:1.5}.composer{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface)}.text-input{flex:1;min-width:0;padding:10px 16px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--r-full);font:inherit;font-size:.93rem;color:var(--text-1);outline:none;transition:border-color var(--t),box-shadow var(--t),background var(--t)}.text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted);background:var(--surface)}.text-input::placeholder{color:var(--text-3)}.text-input:disabled{opacity:.6;cursor:not-allowed}.mic-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border:none;border-radius:var(--r-full);background:var(--surface-3);cursor:pointer;font-size:1.1rem;transition:background var(--t)}.mic-btn:hover{background:var(--border)}.mic-btn.mic-on{background:#fee2e2;color:var(--danger);animation:mic-pulse 1.2s infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 #f43f5e66}50%{box-shadow:0 0 0 8px #f43f5e00}}.send-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--r-full);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--t),box-shadow var(--t),transform var(--t)}.send-btn:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 14px #6366f159}.send-btn:active:not(:disabled){transform:scale(.97)}.send-btn:disabled{background:var(--border-2);color:var(--text-3);cursor:not-allowed;box-shadow:none}.link-btn{display:inline-flex;align-items:center;border:none;background:transparent;color:var(--primary);font:inherit;font-size:.84rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:var(--r-md);transition:background var(--t)}.link-btn:hover{background:var(--primary-light)}.link-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{width:100%;max-width:390px;background:var(--surface);border-radius:var(--r-2xl);padding:28px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-xl)}.modal h2{margin:0;font-size:1.15rem;font-weight:800;color:var(--text-1);letter-spacing:-.01em}.modal-text{margin:0;font-size:.88rem;color:var(--text-2);line-height:1.6}.setup-wrap{align-items:center}.home{width:100%;max-width:600px;margin:auto;padding:4px 0 12px}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:12px;margin-top:16px}.home-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:22px 14px 18px;cursor:pointer;font:inherit;transition:border-color var(--t),transform var(--t-spring),box-shadow var(--t)}.home-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.home-card:active{transform:translateY(-2px)}.home-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--r-lg);font-size:1.55rem;line-height:1;flex-shrink:0}.home-card:nth-child(1) .home-icon{background:linear-gradient(135deg,#818cf8,#6366f1)}.home-card:nth-child(2) .home-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.home-card:nth-child(3) .home-icon{background:linear-gradient(135deg,#fb923c,#f97316)}.home-card:nth-child(4) .home-icon{background:linear-gradient(135deg,#34d399,#10b981)}.home-card:nth-child(5) .home-icon{background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.home-card:nth-child(6) .home-icon{background:linear-gradient(135deg,#f472b6,#ec4899)}.home-card:nth-child(7) .home-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.home-card:nth-child(8) .home-icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.home-card:nth-child(9) .home-icon{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}.home-card:nth-child(10) .home-icon{background:linear-gradient(135deg,#e879f9,#d946ef)}.home-card-title{font-size:.88rem;font-weight:700;color:var(--text-1);line-height:1.35}.home-card-desc{font-size:.74rem;color:var(--text-3);line-height:1.45}.setup{width:100%;max-width:460px;margin:auto;display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:24px;box-shadow:var(--shadow-sm)}.setup-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-1);letter-spacing:-.01em}.setup-field{display:flex;flex-direction:column;gap:6px;font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--text-3)}.setup-field input,.setup-field select,.setup-field textarea{font:inherit;font-size:.92rem;text-transform:none;letter-spacing:normal;font-weight:400;color:var(--text-1);padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--r-md);outline:none;background:var(--surface);transition:border-color var(--t),box-shadow var(--t)}.setup-field textarea{resize:vertical;line-height:1.55}.setup-field input:focus,.setup-field select:focus,.setup-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.setup-row{display:flex;gap:12px}.setup-row .setup-field{flex:1}.setup-start{margin-top:4px}.setup-error{border-radius:var(--r-lg);border-top:none;margin-top:12px;max-width:460px;width:100%}.interview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.82rem;font-weight:500;color:var(--text-2);background:var(--primary-light);border:1px solid var(--indigo-100);border-radius:var(--r-lg);padding:8px 14px}.subtab-toggle{display:flex;align-self:center;margin-bottom:16px;padding:3px;gap:3px;background:var(--surface-3);border:1.5px solid var(--border);border-radius:var(--r-full)}.subtab{font:inherit;font-size:.82rem;font-weight:600;padding:6px 18px;border:none;background:transparent;color:var(--text-2);cursor:pointer;border-radius:var(--r-full);transition:background var(--t),color var(--t),box-shadow var(--t)}.subtab:hover:not(.active){background:var(--border)}.subtab.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px #6366f14d}.review{width:100%;max-width:500px;margin:auto;display:flex;flex-direction:column;gap:16px}.review-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.review-count{flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--text-3);background:var(--surface-3);padding:3px 10px;border-radius:var(--r-full)}.review-empty{text-align:center;color:var(--text-2);margin:32px 0;line-height:1.7;font-size:.9rem}.card-review{display:flex;flex-direction:column;gap:12px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:22px;box-shadow:var(--shadow-sm)}.review-original{margin:0;font-size:1rem;font-weight:500;color:var(--text-1);line-height:1.55}.review-hint{margin:0;font-size:.88rem;color:var(--text-2);line-height:1.6}.review-input{font:inherit;font-size:.93rem;color:var(--text-1);padding:10px 13px;border:1.5px solid var(--border);border-radius:var(--r-md);outline:none;resize:vertical;background:var(--surface-2);transition:border-color var(--t),box-shadow var(--t),background var(--t);line-height:1.5}.review-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted);background:var(--surface)}.review-answer,.review-reveal{margin-top:4px}.review-actions{display:flex;gap:10px;margin-top:4px}.grade-btn{flex:1;border:none;cursor:pointer;font:inherit;font-size:.9rem;font-weight:700;padding:12px 16px;border-radius:var(--r-full);transition:background var(--t),transform var(--t)}.grade-btn:active{transform:scale(.97)}.grade-again{background:#fee2e2;color:#9f1239}.grade-again:hover{background:#fecdd3}.grade-good{background:var(--primary);color:#fff}.grade-good:hover{background:var(--primary-dark)}.grade-suggested{outline:3px solid rgba(99,102,241,.4);outline-offset:2px}.wl-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.wl-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 14px;transition:background var(--t)}.wl-row:hover{background:var(--surface-3)}.wl-text{display:flex;flex-direction:column;min-width:0}.wl-front{font-weight:600;color:var(--text-1);font-size:.9rem}.wl-meaning{font-size:.77rem;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.wl-del{border:none;background:transparent;cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:var(--r-md);flex-shrink:0;color:var(--text-3);transition:background var(--t),color var(--t)}.wl-del:hover{background:#fee2e2;color:var(--danger)}.verdict{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-radius:var(--r-lg);font-size:.88rem;line-height:1.5}.verdict strong{font-size:.93rem}.verdict-good{background:var(--success-light);color:#065f46;border:1px solid var(--success-border)}.verdict-bad{background:var(--danger-light);color:#9f1239;border:1px solid var(--danger-border)}.listen-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dict-search{display:flex;gap:8px}.dict-search .review-input{flex:1}.dict-headword{display:flex;align-items:center;justify-content:space-between;gap:12px}.dict-word{font-size:1.4rem;font-weight:800;color:var(--text-1);letter-spacing:-.02em}.dict-meta{margin:1px 0 4px;font-size:.8rem;color:var(--text-3);font-style:italic}.dict-example{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-3);border-radius:var(--r-md);padding:10px 14px;font-size:.9rem;color:var(--text-1);line-height:1.55}.drill-type{background:var(--surface);color:var(--text-1);border:1.5px solid var(--border);border-radius:var(--r-full);padding:6px 14px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;outline:none;transition:border-color var(--t)}.drill-type:focus{border-color:var(--primary)}.game-toggle{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none}.drill-target{margin:0 0 4px;font-size:1.3rem;font-weight:800;color:var(--text-1);letter-spacing:-.01em;line-height:1.3}.drill-gloss{font-size:.9rem;font-weight:400;color:var(--text-3)}.conj-pron{color:var(--primary);font-weight:800}.conj-tense{display:inline-block;margin:0 0 4px;padding:3px 12px;border-radius:var(--r-full);background:var(--primary-light);color:var(--indigo-700);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.cloze-sentence{font-size:1.08rem;font-weight:500;line-height:1.75}.cloze-blank{display:inline-block;min-width:80px;text-align:center;padding:0 10px;margin:0 3px;border-bottom:2px dashed var(--border-2);color:var(--text-3);font-weight:700}.cloze-blank-filled{border-bottom-color:var(--success);color:#065f46}.sb-answer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-height:56px;padding:10px 14px;margin-bottom:12px;border:2px dashed var(--border-2);border-radius:var(--r-lg);background:var(--surface-2);transition:border-color var(--t),background var(--t)}.sb-answer-correct{border-style:solid;border-color:var(--success);background:var(--success-light)}.sb-answer-wrong{border-style:solid;border-color:var(--danger);background:var(--danger-light)}.sb-placeholder{color:var(--text-3);font-size:.95rem}.sb-pool{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.sb-tile{font:inherit;font-size:.88rem;font-weight:600;padding:7px 14px;border:1.5px solid var(--indigo-100);border-radius:var(--r-full);background:var(--primary-light);color:var(--indigo-700);cursor:grab;-webkit-user-select:none;user-select:none;transition:transform var(--t),background var(--t),box-shadow var(--t)}.sb-tile:active{cursor:grabbing}.sb-tile:hover{background:var(--indigo-100);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.sb-caret{display:inline-block;width:2px;align-self:stretch;min-height:26px;border-radius:2px;background:var(--primary);animation:caret-blink .8s steps(2,start) infinite}@keyframes caret-blink{to{opacity:.2}}.sb-tile-picked{background:var(--primary);color:#fff;border-color:transparent}.sb-tile-picked:hover{background:var(--primary-dark);box-shadow:var(--shadow-sm)}.sb-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.related{display:flex;gap:10px;margin-top:4px}.related-col{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:10px 14px}.related-col p{margin:3px 0;font-size:.9rem;color:var(--text-1)}.game-stats{margin:0;font-size:.82rem;font-weight:600;color:var(--text-2)}.choices{display:flex;flex-direction:column;gap:8px;margin-top:6px}.choices-row{flex-direction:row}.choice{flex:1;border:1.5px solid var(--border);background:var(--surface);color:var(--text-1);border-radius:var(--r-lg);padding:12px 16px;font:inherit;font-size:.9rem;font-weight:500;cursor:pointer;text-align:left;transition:border-color var(--t),background var(--t),transform var(--t)}.choice:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light);transform:translateY(-1px)}.choice:disabled{cursor:default}.choices-row .choice{text-align:center;font-weight:700;font-size:1.15rem;padding:14px}.choice-correct{background:var(--success-light)!important;border-color:var(--success-border)!important;color:#065f46!important}.choice-wrong{background:var(--danger-light)!important;border-color:var(--danger-border)!important;color:#9f1239!important}.gender-btn{font-size:1.2rem}.gender-btn.g-der{color:#2563eb;border-color:#bfdbfe;background:#eff6ff}.gender-btn.g-die{color:#dc2626;border-color:#fecaca;background:#fff1f2}.gender-btn.g-das{color:#16a34a;border-color:#bbf7d0;background:#f0fdf4}.match-grid{display:flex;gap:10px;margin-top:8px}.match-col{flex:1;display:flex;flex-direction:column;gap:8px}.match-tile{border:1.5px solid var(--border);background:var(--surface);color:var(--text-1);border-radius:var(--r-md);padding:10px 12px;font:inherit;font-size:.88rem;font-weight:500;cursor:pointer;text-align:center;transition:border-color var(--t),background var(--t)}.match-tile:hover:not(:disabled){border-color:var(--primary);background:var(--primary-light)}.tile-sel{background:var(--primary-light)!important;border-color:var(--primary)!important;font-weight:700}.tile-done{background:var(--success-light)!important;border-color:var(--success-border)!important;color:#065f46!important;cursor:default}.tile-wrong{background:var(--danger-light)!important;border-color:var(--danger-border)!important}.lw{cursor:pointer;border-radius:3px;transition:background var(--t)}.lw:hover{background:#6366f121}.lw-active{background:#6366f138;box-shadow:0 0 0 1px #6366f166}.row,.card-review,.home-card,.interview-bar{animation:rise .28s cubic-bezier(.22,1,.36,1) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home-card:nth-child(2){animation-delay:.03s}.home-card:nth-child(3){animation-delay:.06s}.home-card:nth-child(4){animation-delay:.09s}.home-card:nth-child(5){animation-delay:.12s}.home-card:nth-child(6){animation-delay:.15s}.home-card:nth-child(7){animation-delay:.18s}.home-card:nth-child(8){animation-delay:.21s}.home-card:nth-child(9){animation-delay:.24s}.home-card:nth-child(10){animation-delay:.27s}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,.nav-item:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[data-theme=dark] .card-correction{background:#fbbf241a;color:#fcd34d}[data-theme=dark] .card-better{background:#6366f124;color:#c7d2fe}[data-theme=dark] .verdict-good{color:#6ee7b7}[data-theme=dark] .verdict-bad{color:#fda4af}[data-theme=dark] .choice-correct{color:#6ee7b7!important}[data-theme=dark] .choice-wrong{color:#fda4af!important}[data-theme=dark] .tile-done{color:#6ee7b7!important}[data-theme=dark] .grade-again{background:#f43f5e29;color:#fda4af}[data-theme=dark] .grade-again:hover{background:#f43f5e3d}[data-theme=dark] .error-banner{color:#fda4af}[data-theme=dark] .sb-tile,[data-theme=dark] .conj-tense{color:#c7d2fe}[data-theme=dark] .cloze-blank-filled{color:#6ee7b7}[data-theme=dark] .gender-btn.g-der{background:#2563eb29;border-color:#2563eb66;color:#93c5fd}[data-theme=dark] .gender-btn.g-die{background:#dc262629;border-color:#dc262666;color:#fca5a5}[data-theme=dark] .gender-btn.g-das{background:#16a34a29;border-color:#16a34a66;color:#86efac}[data-theme=dark] .lw:hover{background:#818cf838}[data-theme=dark] .lw-active{background:#818cf852;box-shadow:0 0 0 1px #818cf880}@media (max-width: 900px){.sidebar{position:fixed;top:0;left:0;z-index:40;transform:translate(-100%);transition:transform .26s cubic-bezier(.22,1,.36,1);box-shadow:var(--shadow-xl)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block}.topbar-menu{display:flex}}@media (max-width: 480px){.app{box-shadow:none}.bubble,.assistant-stack{max-width:94%}.home-grid{grid-template-columns:repeat(2,1fr);gap:10px}.send-btn{padding:10px 14px}.review{max-width:100%}}.dashboard{padding:16px;width:100%;max-width:760px;margin:0 auto}[data-theme=dark] .stat-value{background:linear-gradient(135deg,#a5b4fc,#818cf8);-webkit-background-clip:text;background-clip:text}.dashboard.loading,.dashboard.error{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:.95rem;color:var(--text-3)}.dashboard.error{color:var(--danger)}.dashboard-header{text-align:center;margin-bottom:18px}.dashboard-header h1{margin:0;font-size:1.1rem;font-weight:800;color:var(--text-1);letter-spacing:-.01em}.level-hero{display:flex;align-items:center;gap:18px;background:var(--header);color:#fff;border-radius:var(--r-xl);padding:20px;margin-bottom:16px}.level-hero-ring{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:76px;height:76px;padding:5px;border-radius:50%;background:conic-gradient(var(--emerald-400) var(--pct, 0%),rgba(255,255,255,.16) 0)}.level-hero-ring-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--amber-400),var(--amber-500));box-shadow:0 4px 14px #f59e0b66}.level-hero-num{font-size:28px;font-weight:900;line-height:1}.level-hero-cap{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.8;margin-top:2px}.level-hero-body{flex:1;min-width:0}.level-hero-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.level-hero-top strong{font-size:1.25rem;font-weight:800;letter-spacing:-.01em}.level-hero-top span{font-size:.78rem;opacity:.65}.level-hero-track{height:8px;border-radius:var(--r-full);background:#0000004d;overflow:hidden}.level-hero-fill{height:100%;border-radius:var(--r-full);background:linear-gradient(90deg,var(--emerald-400),var(--emerald-500));transition:width .6s cubic-bezier(.22,1,.36,1)}.level-hero-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:.78rem;opacity:.8}.badge-shelf{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-full);background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-xs);font-size:.8rem;font-weight:600;color:var(--text-1)}.badge-emoji{font-size:1rem}.skills-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.skills-panel h2{margin:0 0 16px;font-size:.95rem;font-weight:700;color:var(--text-1)}.skill-row{margin-bottom:16px}.skill-row:last-child{margin-bottom:0}.skill-row-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.skill-name{font-weight:600;color:var(--text-1);font-size:.88rem}.skill-cefr{font-size:.66rem;font-weight:800;color:#fff;padding:2px 9px;border-radius:var(--r-full);letter-spacing:.03em}.skill-stat{margin-left:auto;font-size:.78rem;color:var(--text-3);font-weight:600}.skill-track{height:8px;border-radius:var(--r-full);background:var(--surface-3);overflow:hidden}.skill-fill{height:100%;border-radius:var(--r-full);transition:width .5s ease}.skill-rec{display:inline-block;margin-top:4px;font-size:.73rem;color:var(--primary);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:16px}.stat-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;box-shadow:var(--shadow-xs);transition:transform var(--t),box-shadow var(--t)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-header{font-size:.75rem;font-weight:700;color:var(--text-2);margin-bottom:4px}.stat-value{font-size:2rem;font-weight:800;margin:2px 0;letter-spacing:-.03em;background:linear-gradient(135deg,var(--indigo-500),var(--indigo-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.75rem;color:var(--text-3);margin-bottom:8px}.stat-details{display:flex;flex-direction:column;gap:2px;font-size:.72rem;color:var(--text-3);padding-top:8px;border-top:1px solid var(--border)}.stat-details span{display:block}.stat-details span.due{color:var(--danger);font-weight:600}.streak-card{border-left:3px solid #f97316}.vocab-card{border-left:3px solid #3b82f6}.mistakes-card{border-left:3px solid var(--danger)}.sessions-card{border-left:3px solid var(--success)}.daily-challenge{background:linear-gradient(135deg,var(--indigo-500),var(--indigo-700));border-radius:var(--r-xl);padding:18px 20px;margin-bottom:16px;color:#fff}.daily-challenge h2{margin:0 0 12px;font-size:.95rem;font-weight:700}.challenge-items{display:flex;flex-direction:column;gap:8px}.challenge-item{display:flex;align-items:center;gap:10px;background:#ffffff1f;padding:10px 14px;border-radius:var(--r-lg);font-size:.88rem;transition:background var(--t)}.challenge-item:hover{background:#fff3}.challenge-item.empty{justify-content:center;background:#ffffff26;font-weight:600}.challenge-emoji{font-size:1.2rem;flex-shrink:0}.refresh-btn{display:block;margin:0 auto;padding:10px 24px;font:inherit;font-size:.88rem;font-weight:600;background:var(--primary);color:#fff;border:none;border-radius:var(--r-full);cursor:pointer;transition:background var(--t),box-shadow var(--t),transform var(--t)}.refresh-btn:hover{background:var(--primary-dark);box-shadow:0 4px 14px #6366f159}.refresh-btn:active{transform:scale(.97)}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr)}.level-hero{flex-direction:column;text-align:center}.level-hero-top{flex-direction:column;gap:2px;align-items:center}.level-hero-meta{justify-content:center}}.landing{height:100vh;overflow-y:auto;background:var(--surface);color:var(--text-1);scroll-behavior:smooth}.landing a{text-decoration:none}.lp-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,64px);background:#fffc;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.lp-brand{display:flex;align-items:center;gap:9px;font-size:1.02rem;font-weight:800;letter-spacing:-.02em;color:var(--text-1)}.lp-flag{font-size:1.25rem;line-height:1}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--r-full);font:inherit;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--indigo-500),var(--indigo-600));color:#fff;transition:transform var(--t),box-shadow var(--t),filter var(--t)}.lp-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6366f166;filter:brightness(1.05)}.lp-btn:active{transform:translateY(0)}.lp-btn-sm{padding:9px 18px;font-size:.86rem}.lp-btn-lg{padding:15px 30px;font-size:1rem}.lp-btn-invert{background:#fff;color:var(--indigo-700)}.lp-btn-invert:hover{box-shadow:0 10px 28px #00000040}.lp-ghost{display:inline-flex;align-items:center;padding:15px 18px;font-weight:600;font-size:.95rem;color:var(--text-2);border-radius:var(--r-full);transition:color var(--t),background var(--t)}.lp-ghost:hover{color:var(--primary);background:var(--primary-light)}.lp-hero{position:relative;padding:clamp(56px,9vw,120px) clamp(20px,5vw,64px) clamp(48px,7vw,96px);text-align:center;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(99,102,241,.16),transparent 60%),radial-gradient(ellipse 50% 50% at 85% 20%,rgba(236,72,153,.1),transparent 55%)}.lp-hero-inner{max-width:760px;margin:0 auto}.lp-eyebrow{display:inline-block;padding:6px 14px;margin-bottom:22px;border-radius:var(--r-full);background:var(--primary-light);border:1px solid var(--indigo-100);color:var(--indigo-700);font-size:.78rem;font-weight:700;letter-spacing:.02em}.lp-title{margin:0 0 20px;font-size:clamp(2.3rem,6vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--text-1)}.lp-grad{background:linear-gradient(120deg,var(--indigo-500),#a855f7,#ec4899);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lp-sub{margin:0 auto 32px;max-width:620px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.65;color:var(--text-2)}.lp-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:34px}.lp-badges{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 22px;color:var(--text-2);font-size:.9rem;font-weight:600}.lp-badges span{display:inline-flex;align-items:center;gap:6px}.lp-section{max-width:1080px;margin:0 auto;padding:clamp(56px,8vw,96px) clamp(20px,5vw,64px);text-align:center}.lp-h2{margin:0 0 10px;font-size:clamp(1.7rem,3.5vw,2.5rem);font-weight:800;letter-spacing:-.02em;color:var(--text-1)}.lp-lead{margin:0 auto 44px;max-width:560px;font-size:1.05rem;color:var(--text-2);line-height:1.6}.lp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;text-align:left}.lp-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:26px 24px;transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.lp-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--indigo-100)}.lp-card-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin-bottom:16px;border-radius:var(--r-lg);font-size:1.6rem;line-height:1}.lp-card:nth-child(1) .lp-card-icon{background:linear-gradient(135deg,#818cf8,#6366f1)}.lp-card:nth-child(2) .lp-card-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.lp-card:nth-child(3) .lp-card-icon{background:linear-gradient(135deg,#fb923c,#f97316)}.lp-card:nth-child(4) .lp-card-icon{background:linear-gradient(135deg,#34d399,#10b981)}.lp-card:nth-child(5) .lp-card-icon{background:linear-gradient(135deg,#2dd4bf,#14b8a6)}.lp-card:nth-child(6) .lp-card-icon{background:linear-gradient(135deg,#f472b6,#ec4899)}.lp-card:nth-child(7) .lp-card-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.lp-card:nth-child(8) .lp-card-icon{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.lp-card h3{margin:0 0 8px;font-size:1.08rem;font-weight:700;color:var(--text-1)}.lp-card p{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-2)}.lp-steps-wrap{background:var(--surface-2);max-width:none}.lp-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;max-width:1000px;margin:0 auto}.lp-step{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-xl);padding:30px 26px}.lp-step-num{display:flex;align-items:center;justify-content:center;width:42px;height:42px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,var(--indigo-500),var(--indigo-600));color:#fff;font-size:1.1rem;font-weight:800}.lp-step h3{margin:0 0 8px;font-size:1.1rem;font-weight:700;color:var(--text-1)}.lp-step p{margin:0;font-size:.92rem;line-height:1.6;color:var(--text-2)}.lp-final{margin:0 auto;padding:clamp(56px,8vw,100px) clamp(20px,5vw,64px);text-align:center;color:#fff;background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(129,140,248,.5),transparent 70%),var(--header)}.lp-final h2{margin:0 0 12px;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800;letter-spacing:-.02em}.lp-final p{margin:0 auto 28px;max-width:480px;font-size:1.05rem;line-height:1.6;opacity:.8}.lp-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:26px clamp(20px,5vw,64px);border-top:1px solid var(--border);color:var(--text-2)}.lp-foot-note{font-size:.85rem;color:var(--text-3)}@media (max-width: 560px){.lp-actions{flex-direction:column}.lp-actions .lp-btn,.lp-actions .lp-ghost{width:100%}}.hangman{display:flex;flex-direction:column;gap:20px;padding:20px;max-width:800px;margin:0 auto}.hangman-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.hangman-header h2{margin:0;font-size:28px}.hangman-score{font-size:18px;font-weight:600;padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px}.hangman-header-right{display:flex;align-items:center;gap:12px}.hangman-level{display:inline-flex;border:2px solid #667eea;border-radius:8px;overflow:hidden}.hangman-level-btn{font-size:14px;font-weight:600;padding:7px 14px;border:none;background:#fff;color:#667eea;cursor:pointer;transition:all .15s}.hangman-level-btn+.hangman-level-btn{border-left:2px solid #667eea}.hangman-level-btn.active{background:#667eea;color:#fff}.hangman-loading,.hangman-error{text-align:center;padding:40px 20px;font-size:18px}.hangman-error{color:#d32f2f;margin-bottom:20px}.hangman-content{display:grid;grid-template-columns:1fr 1.5fr;gap:30px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.hangman-visual{display:flex;flex-direction:column;align-items:center;gap:20px}.hangman-drawing{font-family:Courier New,monospace;font-size:14px;line-height:1.3;color:#333;background:#f5f5f5;padding:15px;border-radius:8px;min-height:180px;display:flex;align-items:center;justify-content:center}.hangman-lives{font-size:18px;font-weight:600;color:#d32f2f;padding:10px 20px;background:#ffebee;border-radius:8px}.hangman-game{display:flex;flex-direction:column;gap:20px}.hangman-word-display{font-size:36px;font-weight:700;text-align:center;letter-spacing:8px;padding:20px;background:#f5f5f5;border-radius:8px;font-family:Courier New,monospace;color:#1565c0}.hangman-wrong-letters{background:#fff3e0;border-left:4px solid #ff9800;padding:12px 16px;border-radius:4px}.hangman-wrong-letters p{margin:0;color:#e65100;font-size:14px}.hangman-status{padding:16px;border-radius:8px;text-align:center;font-weight:600;font-size:16px}.hangman-status.won{background:#e8f5e9;color:#2e7d32}.hangman-status.lost{background:#ffebee;color:#c62828}.hangman-status p{margin:8px 0 0;font-size:14px;font-weight:400}.hangman-alphabet{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.hangman-letter{padding:8px;font-size:14px;font-weight:600;border:2px solid #1565c0;background:#fff;color:#1565c0;border-radius:6px;cursor:pointer;transition:all .2s}.hangman-letter:hover:not(:disabled){background:#1565c0;color:#fff;transform:scale(1.05)}.hangman-letter:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5;color:#999}.hangman-letter.guessed{opacity:.6;border-color:#999;color:#999}.hangman-letter.guessed.wrong{border-color:#d32f2f;color:#d32f2f;background:#ffebee}.hangman-actions{display:flex;gap:12px;margin-top:10px}.hangman-btn{flex:1;padding:12px 16px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.hangman-next{background:#667eea;color:#fff}.hangman-next:hover{background:#5568d3}.hangman-show{background:#fff3e0;color:#e65100}.hangman-show:hover{background:#ffe0b2}.hangman-done{background:#f5f5f5;color:#333}.hangman-done:hover{background:#e0e0e0}.hangman-close-btn{margin-top:20px;padding:12px 24px;font-size:16px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer}@media (prefers-color-scheme: dark){.hangman{color:#e0e0e0}.hangman-content{background:#1e1e1e;box-shadow:0 2px 8px #0000004d}.hangman-drawing{background:#2a2a2a;color:#e0e0e0}.hangman-word-display{background:#2a2a2a;color:#64b5f6}.hangman-wrong-letters{background:#3e2723;border-left-color:#ff9800;color:#ffb74d}.hangman-letter{background:#2a2a2a;border-color:#64b5f6;color:#64b5f6}.hangman-letter:hover:not(:disabled){background:#64b5f6;color:#1e1e1e}.hangman-letter:disabled{background:#333;color:#666}.hangman-done{background:#333;color:#e0e0e0}.hangman-done:hover{background:#444}}@media (max-width: 600px){.hangman-content{grid-template-columns:1fr}.hangman-alphabet{grid-template-columns:repeat(6,1fr)}.hangman-word-display{font-size:28px;letter-spacing:4px}.hangman-drawing{font-size:12px;min-height:140px}}:root{--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-900: #312e81;--emerald-50: #ecfdf5;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--rose-50: #fff1f2;--rose-500: #f43f5e;--rose-600: #e11d48;--amber-400: #fbbf24;--amber-500: #f59e0b;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--bg: #eef1f8;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--border: #e2e8f0;--border-2: #cbd5e1;--primary: var(--indigo-500);--primary-dark: var(--indigo-600);--primary-light: var(--indigo-50);--primary-muted: rgba(99, 102, 241, .1);--success: var(--emerald-500);--success-light: var(--emerald-50);--success-border: #a7f3d0;--danger: var(--rose-500);--danger-light: var(--rose-50);--danger-border: #fecdd3;--text-1: #1e293b;--text-2: #475569;--text-3: #94a3b8;--header: #0f172a;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-2xl: 24px;--r-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .09), 0 4px 8px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12), 0 8px 16px rgba(0, 0, 0, .06);--t: .15s cubic-bezier(.4, 0, .2, 1);--t-spring: .3s cubic-bezier(.34, 1.56, .64, 1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}:root[data-theme=dark]{--bg: #0a0f1d;--surface: #111827;--surface-2: #1a2234;--surface-3: #232d42;--border: #2a3447;--border-2: #3a4660;--primary-light: rgba(99, 102, 241, .18);--primary-muted: rgba(99, 102, 241, .24);--success-light: rgba(16, 185, 129, .15);--success-border: rgba(16, 185, 129, .38);--danger-light: rgba(244, 63, 94, .15);--danger-border: rgba(244, 63, 94, .38);--text-1: #e6eaf2;--text-2: #a6b0c2;--text-3: #6b7689;--header: #070b16;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .55);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{min-height:100vh;background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s ease,color .2s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}