:root{--bg:#fbf8f3;--fg:#1f1b16;--muted:#6f675d;--card:#fff;--line:#e9e1d5;--accent:#c2410c;--accent-fg:#fff;--soft:#fff1e6;--ok:#15803d;--bad:#b91c1c}@media (prefers-color-scheme:dark){:root{--bg:#17140f;--fg:#f3eee6;--muted:#a39a8c;--card:#221e18;--line:#362f25;--accent:#fb923c;--accent-fg:#1b130a;--soft:#2c2117;--ok:#4ade80;--bad:#f87171}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:17px/1.5 -apple-system,system-ui,Segoe UI,sans-serif}main{max-width:680px;margin:0 auto;padding:12px 16px 48px}button{font:inherit;color:inherit;cursor:pointer;min-height:44px}header{background:var(--bg);z-index:1;align-items:center;gap:12px;padding:8px 0;display:flex;position:sticky;top:0}.brand{background:0 0;border:0;padding:0;font-size:20px;font-weight:800}.today{flex-direction:column;flex:1;gap:2px;display:flex}.bar{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.bar span{background:var(--accent);height:100%;transition:width .3s;display:block}.today small,small{color:var(--muted)}.warn{background:var(--soft);border-radius:10px;padding:8px 12px}.hero h1{margin:16px 0 8px;font-size:28px;line-height:1.2}.hero p{color:var(--muted);margin:0 0 16px}.primary{background:var(--accent);color:var(--accent-fg);border:0;border-radius:12px;width:100%;padding:0 20px;font-weight:600}.secondary{background:var(--soft);border:0;border-radius:12px;width:100%;margin-top:8px;padding:0 20px}.link{color:var(--accent);background:0 0;border:0;padding:0}h2{margin:28px 0 12px;font-size:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.situation{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:4px;padding:14px;display:flex}.situation span{color:var(--muted);font-size:15px}.practice{flex-direction:column;gap:14px;margin-top:12px;display:flex}.row{justify-content:space-between;align-items:center;display:flex}.phrase{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}.ru{margin:0;font-size:22px;font-weight:600}.es{color:var(--accent);margin:14px 0 2px;font-size:26px;font-weight:700}.cue{color:var(--muted);margin:0}.note{color:var(--muted);margin:6px 0 0;font-size:15px}.hint{color:var(--muted);margin:0}.audio{border:1px solid var(--line);background:var(--soft);border-radius:10px;margin-top:12px;padding:0 14px}.rate,.options{gap:8px;display:grid}.rate{grid-template-columns:repeat(3,1fr)}.rate button,.options button{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px 10px}.options button.right{border-color:var(--ok);color:var(--ok)}.options button.wrong{border-color:var(--bad);color:var(--bad)}.about p{color:var(--fg)}html{-webkit-text-size-adjust:100%}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}main{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}header{padding-top:max(8px, env(safe-area-inset-top))}.actions{flex-direction:column;gap:8px;display:flex}@media (width<=560px){.hero h1{font-size:24px}.grid{grid-template-columns:1fr 1fr;gap:8px}.situation{padding:12px}.situation span{font-size:14px;line-height:1.35}.practice{padding-bottom:120px}.actions{z-index:2;padding:10px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:linear-gradient(to top, var(--bg) 80%, transparent);position:fixed;bottom:0;left:0;right:0}.rate button,.options button,.primary{min-height:52px}}.login{color:var(--accent);white-space:nowrap;padding:10px 0 10px 8px;font-weight:600;text-decoration:none}.account{flex-direction:column;gap:10px;margin:16px 0;display:flex}.primary-link{background:var(--accent);min-height:48px;color:var(--accent-fg);border-radius:12px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.study-title{margin:4px 0}.study{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.study-row{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:2px;width:100%;padding:12px 44px 12px 14px;display:flex;position:relative}.study-row .es{margin:0;font-size:20px}.study-row .cue{font-size:15px}.ru-small{color:var(--fg);font-size:15px}.study-row .play{color:var(--accent);font-size:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}@media (width>=561px){.study+.actions{margin-top:8px}}.lang{font:inherit;border:1px solid var(--line);background:var(--card);max-width:110px;min-height:36px;color:var(--fg);border-radius:10px;padding:4px 6px;font-size:14px}[dir=rtl] .study-row{text-align:right;padding:12px 14px 12px 44px}[dir=rtl] .study-row .play{left:14px;right:auto;transform:translateY(-50%)scaleX(-1)}