:root{--bg:#fdf6ec;--bg-soft:#fffaf3;--ink:#3a3247;--ink-soft:#6f6580;--card:#fff;--border:#eee0cf;--shadow:0 8px 24px #3a324714;--shadow-lg:0 16px 40px #3a324724;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--green:#4caf7d;--green-bg:#e6f6ee;--red:#e8585a;--red-bg:#fcebec;--yellow:#ffc93c;--accent:#7c6be0;--accent-dark:#6656c9;--accent-bg:#efecfd;font-size:18px}[data-theme=pink]{--accent:#ff6b9d;--accent-dark:#e8548a;--accent-bg:#ffe8f0}[data-theme=teal]{--accent:#33b7c4;--accent-dark:#269aa6;--accent-bg:#e3f7f9}[data-theme=purple]{--accent:#8a6be0;--accent-dark:#6656c9;--accent-bg:#ede8fd}[data-theme=orange]{--accent:#f5a623;--accent-dark:#d98c0f;--accent-bg:#fdf0dc}[data-theme=mint]{--accent:#4caf7d;--accent-dark:#3b9268;--accent-bg:#e3f5ec}[data-theme=red]{--accent:#e8585a;--accent-dark:#cf4143;--accent-bg:#fbe6e7}[data-mode=parent]{--accent:#4a4458;--accent-dark:#322c40;--accent-bg:#eeecf2}@media (prefers-color-scheme:dark){:root{--bg:#221f2b;--bg-soft:#2b2735;--ink:#f4f0fa;--ink-soft:#b8aecb;--card:#2f2b3b;--border:#423b52;--shadow:0 8px 24px #00000059;--shadow-lg:0 16px 40px #00000073;--green-bg:#1c3327;--red-bg:#3a2224}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0;font-family:ui-rounded,-apple-system,BlinkMacSystemFont,SF Pro Rounded,Segoe UI,Roboto,sans-serif}input,textarea{font-family:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:none;font-family:inherit}a{color:inherit}.screen{flex-direction:column;min-height:100vh;animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.screen-header{justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.screen-title{color:var(--ink);margin:0;font-size:1.5rem;font-weight:800}.header-spacer{width:48px}.icon-btn{background:var(--card);width:48px;min-width:48px;height:48px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;transition:transform .15s;display:flex}.icon-btn:active{transform:scale(.9)}.top-right{top:calc(20px + env(safe-area-inset-top));z-index:5;position:absolute;right:20px}.content{flex-direction:column;flex:1;gap:18px;width:100%;max-width:700px;margin:0 auto;padding:8px 24px 32px;display:flex}.content-center{text-align:center;justify-content:center;align-items:center}.btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;padding:16px 26px;font-size:1.1rem;font-weight:700;transition:transform .12s,opacity .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow)}.btn-secondary{background:var(--accent-bg);color:var(--accent-dark)}.btn-outline{color:var(--ink-soft);border:2px solid var(--border);background:0 0}.btn-danger{background:var(--red-bg);color:var(--red)}.btn-big{min-height:64px;padding:20px 26px;font-size:1.25rem}.btn-row{gap:12px;display:flex}.btn-row .btn{flex:1}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px}.field{flex-direction:column;gap:8px;width:100%;display:flex}.field label{color:var(--ink-soft);font-size:.95rem;font-weight:700}.text-input,.textarea-input{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--bg-soft);color:var(--ink);width:100%;padding:14px 16px;font-size:16px}.text-input:focus,.textarea-input:focus{border-color:var(--accent);outline:none}.text-input-big{text-align:center;border-width:3px;padding:18px 16px;font-size:1.6rem;font-weight:700}.text-input-big.correct{border-color:var(--green);background:var(--green-bg)}.text-input-big.incorrect{border-color:var(--red);background:var(--red-bg)}.progress-label{text-align:center;color:var(--ink-soft);margin:0 0 4px;font-weight:700}.progress-bar{background:var(--border);border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.modal-overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-box{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center;padding:32px}.modal-box p{margin:0 0 20px;font-size:1.1rem;font-weight:600}.pill{color:var(--accent-dark);background:var(--accent-bg);border-radius:999px;padding:8px 18px;font-size:1rem;font-weight:700;display:inline-block}.muted{color:var(--ink-soft)}.stack{flex-direction:column;gap:14px;display:flex}.center{text-align:center}.grow{flex:1}.push-bottom{margin-top:auto}.offline-banner{background:var(--yellow);color:#3a3247;text-align:center;padding:8px 12px;font-size:.9rem;font-weight:700}@media (width<=480px){:root{font-size:16px}}