*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1c25;--border:#2e303a;--text:#e2e4e9;--text-muted:#9ca3af;--accent:#6366f1;--accent-light:#818cf8;--flag-bg:#6366f11f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:var(--bg);color:var(--text);min-height:100vh}#root{flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;padding:48px 24px;display:flex}.app{flex-direction:column;gap:24px;display:flex}.header{text-align:center}.header h1{letter-spacing:-1px;margin-bottom:8px;font-size:2.5rem;font-weight:700}.subtitle{color:var(--text-muted);font-size:1rem}.input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);resize:vertical;border-radius:12px;outline:none;padding:16px;font-family:inherit;font-size:1.1rem;line-height:1.6;transition:border-color .2s}.input:focus{border-color:var(--accent-light)}.input::placeholder{color:var(--text-muted);opacity:.6}.output{background:var(--surface);border:1px solid var(--border);word-wrap:break-word;white-space:pre-wrap;border-radius:12px;min-height:80px;padding:20px;font-size:1.2rem;line-height:1.8}.output .placeholder{color:var(--text-muted);opacity:.5;font-style:italic}.flag-token{background:var(--flag-bg);cursor:help;vertical-align:middle;border-radius:4px;padding:0 2px;font-size:1.4em;line-height:1;transition:transform .15s;display:inline-block}.flag-token:hover{transform:scale(1.3)}.mode-toggle{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-self:center;gap:4px;padding:4px;display:flex}.mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:.95rem;transition:all .2s}.mode-btn.active{background:var(--accent);color:#fff}.mode-btn:hover:not(.active){color:var(--text)}.decode-game{flex-direction:column;gap:20px;display:flex}.game-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.difficulty-selector{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:4px;padding:3px;display:flex}.diff-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:.85rem;transition:all .2s}.diff-btn.active{background:var(--accent);color:#fff}.diff-btn:hover:not(.active){color:var(--text)}.game-stats{font-variant-numeric:tabular-nums;gap:16px;font-size:1rem;display:flex}.encoded-sentence{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px}.encoded-sentence .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.85rem}.encoded-text{font-size:1.3rem;line-height:2}.hint-reveal small{color:var(--accent-light);font-size:.7em}.flag-resolved{font-weight:500;transition:all .3s}.flag-resolved.correct{color:#4ade80}.flag-resolved.wrong{color:#f87171;text-decoration:line-through}.flag-resolved.hint{color:var(--accent-light)}.flag-inline{opacity:.7;font-size:.85em}.decode-input:disabled{opacity:.5}.word-feedback{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:6px;min-height:40px;padding:12px 16px;font-size:1rem;line-height:1.6;display:flex}.word-correct{color:#4ade80}.word-wrong{color:#f87171;-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.word-close{color:#fbbf24;cursor:help;-webkit-text-decoration:underline wavy;text-decoration:underline wavy;position:relative}.word-close .word-tip{color:#fbbf24;white-space:nowrap;pointer-events:none;z-index:10;background:#292524;border:1px solid #fbbf24;border-radius:6px;padding:5px 10px;font-size:.75rem;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0006}.word-close .word-tip:after{content:"";border:5px solid #0000;border-top-color:#fbbf24;position:absolute;top:100%;left:50%;transform:translate(-50%)}.word-close:hover .word-tip,.word-close.tip-open .word-tip{display:block}.game-actions{align-items:center;gap:12px;display:flex}.hint-btn,.next-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 18px;font-family:inherit;font-size:.9rem;transition:all .2s}.hint-btn:hover,.next-btn:hover{border-color:var(--accent-light);color:var(--accent-light)}.success-msg{color:#4ade80;align-items:center;gap:12px;font-size:1.1rem;display:flex}.success-msg.partial{color:#fbbf24}.confetti{font-size:1.5em;animation:.5s infinite alternate bounce}.mode-indicator{text-align:center;color:var(--text-muted);padding:4px 0;font-size:.9rem}.choices-container{flex-direction:column;gap:14px;display:flex}.flag-question{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.flag-label{flex-shrink:0;min-width:60px;font-size:1.6rem}.choice-options{flex-wrap:wrap;flex:1;gap:8px;display:flex}.choice-btn{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.choice-btn:hover:not(:disabled){border-color:var(--accent-light);color:var(--accent-light)}.choice-btn:disabled{cursor:default;opacity:.8}.choice-btn.correct{color:#4ade80;background:#4ade8026;border-color:#4ade80}.choice-btn.wrong{color:#f87171;background:#f8717126;border-color:#f87171;text-decoration:line-through}.choice-btn.reveal-correct{color:#4ade80;opacity:.6;border-color:#4ade80}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-6px)}}.daily-header{justify-content:space-between;align-items:center;display:flex}.daily-date{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:1rem}.stage-progress{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.stage-pill{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:20px;padding:6px 16px;font-size:.85rem;transition:all .3s}.stage-pill.current{border-color:var(--accent-light);color:var(--accent-light);background:#6366f11a}.stage-pill.completed{color:#4ade80;background:#4ade801a;border-color:#4ade80}.stage-pill.locked{opacity:.4}.round-counter{opacity:.7;font-size:.8em}.daily-complete{justify-content:center;padding:24px 0;display:flex}.daily-complete-inner{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.big-emoji{font-size:4rem;line-height:1}.daily-complete h2{color:var(--text);margin:0;font-size:1.6rem;font-weight:700}.daily-final-stats{gap:24px;display:flex}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;padding:16px 28px;display:flex}.stat-value{color:var(--accent-light);font-variant-numeric:tabular-nums;font-size:1.8rem;font-weight:700}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.8rem}.daily-comeback{color:var(--text-muted);font-style:italic}.daily-results-table{flex-direction:column;gap:6px;width:100%;max-width:360px;display:flex}.result-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr auto auto auto;align-items:center;gap:12px;padding:8px 14px;font-size:.95rem;display:grid}.result-row.total{border-color:var(--accent);margin-top:4px;font-weight:700}.result-stage{text-align:left}.result-score{font-variant-numeric:tabular-nums;color:var(--accent-light)}.result-time{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:.85em}.result-badge{text-align:center;width:20px}.result-row-group{flex-direction:column;display:flex}.result-row.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.result-row.clickable:hover{background:var(--border)}.result-row.expanded{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.result-detail{background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 8px 8px;flex-direction:column;gap:8px;margin-bottom:2px;padding:10px 14px;display:flex}.result-sentence{color:var(--text);font-size:.9rem;line-height:1.6}.share-btn{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:10px;padding:10px 24px;font-family:inherit;font-size:1rem;font-weight:500;transition:all .2s}.share-btn:hover{background:var(--accent-light)}.share-preview{background:var(--surface);border:1px solid var(--border);text-align:left;white-space:pre;color:var(--text-muted);border-radius:8px;max-width:100%;padding:12px 16px;font-family:ui-monospace,Consolas,monospace;font-size:.75rem;line-height:1.5;overflow-x:auto}