:root{--bg:#faf8f4;--card:#fff;--ink:#1d1d1b;--muted:#6b6a66;--line:#e6e2da;--accent:#0f766e;--accent-ink:#fff;--soft:#e7f3f1;--warn:#b45309;--radius:18px}@media (prefers-color-scheme:dark){:root{--bg:#141413;--card:#1f1f1d;--ink:#f2f0eb;--muted:#a3a19b;--line:#34332f;--accent:#2dd4bf;--accent-ink:#0b1f1d;--soft:#17302d;--warn:#f59e0b}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);padding:env(safe-area-inset-top) 0 calc(84px + env(safe-area-inset-bottom));margin:0;font:20px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:560px;margin:0 auto;padding:20px 16px}h1{color:var(--muted);letter-spacing:.02em;margin:8px 0 16px;font-size:1.1rem;font-weight:600}h2{color:var(--muted);margin:32px 0 12px;font-size:1rem;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;padding:24px 20px}.word-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.word{overflow-wrap:anywhere;font-size:2.6rem;font-weight:700;line-height:1.1}.translation{color:var(--accent);margin-top:10px;font-size:1.5rem;font-weight:600}.example{color:var(--muted);margin-top:12px;font-size:1.1rem;font-style:italic}.muted{color:var(--muted)}.small{font-size:.9rem}.actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}button,.btn{font:inherit;border:1px solid var(--line);background:var(--card);min-height:56px;color:var(--ink);cursor:pointer;border-radius:14px;padding:10px 16px;font-weight:600}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button:disabled{opacity:.5}button.reveal{background:var(--soft);border-color:#0000;width:100%;margin-top:16px}.icon-btn{background:var(--soft);width:56px;height:56px;min-height:56px;color:var(--accent);border-color:#0000;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.icon-btn svg{width:26px;height:26px}.icon-btn.listening{background:var(--accent);color:var(--accent-ink)}label{color:var(--muted);margin:18px 0 6px;font-size:.95rem;display:block}input,textarea{font:inherit;border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:14px;padding:14px 16px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical;min-height:96px}.input-row{align-items:center;gap:10px;display:flex}.counter{gap:12px;margin-bottom:8px;display:flex}.counter div{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex:1;padding:16px}.counter b{font-size:2.4rem;line-height:1.1;display:block}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.list .grow{flex:1;min-width:0}.list .w{font-size:1.3rem;font-weight:700}.list .t{color:var(--accent)}.list .icon-btn{width:48px;height:48px;min-height:48px}.list .remove{min-height:40px;color:var(--muted);padding:4px 10px;font-size:.85rem}.badge{color:var(--muted);font-size:.8rem}.notice{background:var(--soft);border-radius:14px;margin:12px 0;padding:14px 16px}.notice.warn{color:var(--warn)}.empty{text-align:center;color:var(--muted);padding:24px 8px}.hidden{display:none!important}nav.tabs{background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabs a{max-width:186px;color:var(--muted);flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 0 12px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}nav.tabs a svg{width:26px;height:26px}nav.tabs a[aria-current=page]{color:var(--accent)}.today-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.pill{color:var(--accent);background:var(--soft);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none}.carousel-bar{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pos{color:var(--muted);font-size:.95rem;font-weight:600}.arrow{border-radius:50%;place-items:center;width:48px;height:48px;min-height:48px;padding:0;font-size:1.8rem;line-height:1;display:grid}@media (hover:none) and (pointer:coarse){.arrow{visibility:hidden}}.track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;height:calc(100svh - 225px - env(safe-area-inset-top) - env(safe-area-inset-bottom));outline:none;min-height:380px;display:flex;overflow-x:auto}.track::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;padding:0 2px;display:flex}.slide.loader{text-align:center;justify-content:center;align-items:center}.big-card{flex-direction:column;flex:1;margin:0;display:flex;overflow-y:auto}.big-card .word{font-size:3rem}.big-card .translation{font-size:1.7rem}.big-card .example{font-size:1.2rem}.card-footer{margin-top:auto;padding-top:20px}.decided{background:var(--soft);color:var(--accent);text-align:center;border-radius:14px;padding:16px;font-weight:600}.swipe-hint{text-align:center;margin-top:10px}
