:root{--tg-bg: #f4f1fb;--tg-card: #ffffff;--tg-text: #1c2430;--tg-hint: #7a7f8c;--accent: #7c5cff;--accent-2: #31c46f;--danger: #e8455a;--radius: 16px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--tg-bg);color:var(--tg-text);overscroll-behavior:none}.screen{min-height:100%;display:flex;flex-direction:column;padding:14px 14px 90px}.center{align-items:center;justify-content:center;text-align:center}.hint{color:var(--tg-hint);font-size:13px}.center{margin-left:auto;margin-right:auto}.app-header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 12px}.app-header h1{font-size:22px;letter-spacing:-.5px;background:linear-gradient(90deg,var(--accent),#4f9dff);-webkit-background-clip:text;background-clip:text;color:transparent}.avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#4f9dff);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}.tabs{display:flex;gap:6px;background:#7c5cff14;padding:4px;border-radius:12px;margin-bottom:14px}.tab{flex:1;border:0;background:transparent;color:var(--tg-hint);padding:9px 0;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer}.tab.active{background:var(--tg-card);color:var(--tg-text);box-shadow:0 2px 8px #1c243014}.card{background:var(--tg-card);border-radius:var(--radius);padding:14px;box-shadow:0 2px 10px #1c24300f;margin-bottom:10px}.error-card h2{margin-bottom:8px}.concept-card{display:flex;align-items:center;gap:10px}.concept-info{flex:1;min-width:0}.concept-info h3{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.concept-actions{display:flex;gap:6px;align-items:center}.btn{border:0;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600;background:#1c243012;color:var(--tg-text);cursor:pointer}.btn:disabled{opacity:.45}.btn.primary{background:var(--accent);color:#fff}.btn.big{width:100%;padding:14px;font-size:16px;margin-top:8px}.btn.small{padding:7px 10px;font-size:13px}.btn.icon{padding:9px 11px;font-size:15px}.btn.danger{background:var(--danger);color:#fff;font-size:13px;padding:9px 12px}.fab{position:fixed;left:50%;transform:translate(-50%);bottom:22px;width:calc(100% - 28px);max-width:420px;border:0;border-radius:16px;padding:15px;background:var(--accent);color:#fff;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px #7c5cff66}.empty{text-align:center;color:var(--tg-hint);padding:40px 20px}.empty-emoji{font-size:44px;margin-bottom:12px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14102873;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--tg-card);width:100%;max-width:480px;max-height:92vh;overflow:auto;border-radius:20px 20px 0 0;padding:16px;animation:slide-up .22s ease}@keyframes slide-up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.input{width:100%;border:1.5px solid rgba(28,36,48,.12);border-radius:12px;padding:12px;font-size:15px;font-family:inherit;background:var(--tg-bg);color:var(--tg-text);margin-bottom:10px;outline:none}.input:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:150px;line-height:1.45}.premium-pick{display:flex;align-items:center;gap:8px;font-size:14px;margin:4px 0 10px}.premium-pick.disabled{opacity:.5}.premium-pick input{width:18px;height:18px;accent-color:var(--accent)}.error-text{color:var(--danger);font-size:13px;margin-bottom:8px}.generating{text-align:center;padding:26px 6px}.loader-track{width:180px;height:10px;border-radius:6px;background:#1c24301a;margin:0 auto 14px;position:relative;overflow:hidden}.loader-track.big{width:220px;height:14px}.loader-runner{position:absolute;top:-4px;width:26px;height:18px;border-radius:6px;background:linear-gradient(90deg,var(--accent),#4f9dff);animation:run 1.6s linear infinite}@keyframes run{0%{left:-30px}to{left:100%}}.tier-card{text-align:center;padding:20px 14px}.tier-badge{width:56px;height:56px;margin:0 auto 10px;border-radius:18px;font-size:28px;background:linear-gradient(135deg,#7c5cff26,#4f9dff26);display:flex;align-items:center;justify-content:center}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(28,36,48,.07);font-size:14px;cursor:pointer}.switch-row input{display:none}.switch{width:46px;height:26px;border-radius:14px;background:#1c243026;position:relative;transition:.2s;flex-shrink:0}.switch.on{background:var(--accent)}.switch .knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.2s}.switch.on .knob{left:23px}.section-title{font-size:14px;color:var(--tg-hint);margin:14px 4px 8px;text-transform:uppercase;letter-spacing:.4px}.history-row{display:flex;gap:10px;align-items:center}.gen-icon{font-size:20px}.gen-info{min-width:0}.gen-info strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-root{position:fixed;top:0;right:0;bottom:0;left:0;background:#b8e0f2}.game-canvas{width:100%;height:100%;display:block;touch-action:none}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;background:#14102859;padding:20px}.start-card{width:100%;max-width:380px;margin:auto;text-align:center;padding:22px}.start-card h2{margin-bottom:6px}.start-hint{justify-content:center}.start-card .btn.big{margin-top:10px}.start-card .btn.big+.btn.big{margin-top:8px}.hud{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;pointer-events:none}.hud-hearts{font-size:20px;letter-spacing:2px}.heart{filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.heart.lost{opacity:.25;filter:grayscale(1)}.hud-center{text-align:center}.hud-score{font-size:22px;font-weight:800;color:#fff;text-shadow:0 0 4px rgba(0,0,0,.55),0 2px 8px rgba(0,0,0,.55),0 0 2px rgba(0,0,0,.8)}.hud-coins{font-size:13px;font-weight:800;color:#ffce31;text-shadow:0 0 4px rgba(0,0,0,.55),0 1px 4px rgba(0,0,0,.55)}.hud-pause{pointer-events:auto;background:#ffffffd9}.question-banner{position:absolute;left:10px;right:10px;bottom:14px;z-index:15;background:var(--tg-card);border-radius:18px;padding:12px 14px;box-shadow:0 10px 30px #14102859;animation:slide-up .25s ease}.q-progress{font-size:12px;color:var(--tg-hint);margin-bottom:4px}.q-text{font-size:16px;line-height:1.35;margin-bottom:10px}.q-options{display:flex;flex-direction:column;gap:6px}.q-option{display:block;width:100%;text-align:left;border:1.5px solid rgba(28,36,48,.1);background:var(--tg-bg);color:var(--tg-text);border-radius:12px;padding:10px 12px;font-size:14px;cursor:pointer;font-family:inherit}.q-option b{color:var(--accent);margin-right:6px}.q-option.static{cursor:default}.q-hint{text-align:center;font-size:12px;color:var(--tg-hint);margin-top:8px}.feedback{position:absolute;top:34%;left:50%;transform:translate(-50%,-50%);z-index:18;font-size:30px;font-weight:800;color:#fff;padding:12px 22px;border-radius:16px;animation:pop .2s ease}.feedback.good{background:#31c46fe6}.feedback.bad{background:#e8455ae6}.feedback.crash{background:#f2a63beb}.question-preview{position:absolute;top:56px;left:50%;transform:translate(-50%);z-index:12;background:#fff;border-radius:16px;padding:10px 12px;width:calc(100% - 20px);max-width:380px;box-shadow:0 6px 18px #14102859,0 0 0 1px #14102814;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.qp-label{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#7c5cff;margin-bottom:3px;font-weight:700}.qp-text{font-size:14px;line-height:1.3;color:#1c2430;font-weight:700}.qp-options{display:flex;flex-direction:column;gap:3px;margin-top:7px}.qp-option{border:1.5px solid #d8dbe2;background:#eef0f4;color:#1c2430;border-radius:10px;padding:6px 9px;font-size:12.5px;text-align:left;font-family:inherit;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:border-color .15s,background .15s}.qp-option.active{border-color:#7c5cff;background:#ece5ff}.qp-arrow{display:inline-block;width:20px;font-size:14px;color:#7a7f8c}.qp-option.active .qp-arrow{color:#7c5cff}.qp-option b{color:var(--accent);margin-right:5px}@keyframes pop{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.quality-pick{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:10px 0}.quality-pick .hint{width:100%;margin-bottom:2px}.end-stats{display:flex;justify-content:space-around;margin:14px 0}.end-stats b{display:block;font-size:22px}.end-stats span{font-size:12px;color:var(--tg-hint)}.perfect{color:var(--accent-2);font-weight:600;margin-bottom:8px}