:root{--bg: #f6f7f8;--surface: #ffffff;--fg: #1a1a1b;--muted: #787c7e;--border: #d3d6da;--correct: #4aa03a;--present: #e8862a;--absent: #5f5f61;--accent: #3a7d44;--danger: #c0392b;--topbar-h: 60px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%}.muted{color:var(--muted)}.error{color:var(--danger);font-size:.85rem;margin:0}.error.banner{padding:.6rem .75rem;background:#fdecea;border-radius:8px}.hint{color:var(--muted);font-size:.82rem;line-height:1.45;margin:0 0 .9rem}.brand-tiles{display:inline-flex;gap:3px}.brand-tile{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:#fff;font-weight:800;font-size:.8rem;line-height:1}.brand-tile.correct{background:var(--correct)}.brand-tile.present{background:var(--present)}.brand-tile.absent{background:var(--absent)}.btn{min-height:44px;padding:0 1rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--fg);font-size:.95rem;font-weight:600;cursor:pointer}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{border:none;background:none;color:var(--muted);padding:0 .25rem;font-weight:500}.btn.more{width:100%;margin:1rem 0 2rem}.input{min-height:44px;padding:0 .75rem;border:1px solid var(--border);border-radius:8px;font-size:16px;background:var(--surface);color:var(--fg)}.input:focus-visible,.word-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.icon-btn{width:34px;height:34px;flex:0 0 34px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:1rem;line-height:1;cursor:pointer}.login{min-height:100dvh;display:grid;place-items:center;padding:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.5rem}.login-card{width:min(360px,100%);display:flex;flex-direction:column;gap:.75rem}.login-card h1{margin:.4rem 0 0;font-size:1.35rem}.login-card p{margin:0;font-size:.88rem}.page{min-height:100dvh}.topbar{position:sticky;top:0;z-index:2;height:var(--topbar-h);display:flex;align-items:center;gap:.7rem;padding:0 .9rem;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-title{flex:1;min-width:0}.topbar-title h1{margin:0;font-size:1.05rem;line-height:1.2}.topbar-title p{margin:0;font-size:.75rem}.content{max-width:640px;margin:0 auto;padding:1rem .9rem 0}.rows{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.row+.row{border-top:1px solid var(--border)}.row.locked{background:#fafbfb}.row-main{display:grid;grid-template-columns:4.4rem 1fr auto;align-items:center;gap:.5rem;padding:.45rem .6rem}.row-date{display:flex;flex-direction:column;line-height:1.15}.row-date .weekday{font-size:.7rem;color:var(--muted);text-transform:capitalize}.row-date .date{font-size:.85rem;font-weight:600}.row-word{min-width:0}.word-input{width:100%;min-height:40px;padding:0 .55rem;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--fg);font-family:inherit;font-size:16px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.word-input:hover:not(:disabled){border-color:var(--border)}.word-input:focus{background:var(--surface);border-color:var(--accent)}.word-input:disabled{color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:1}.row.has-error .word-input{border-color:var(--danger)}.row-message{display:block;padding:0 .55rem;color:var(--danger);font-size:.72rem}.row-status{display:flex;align-items:center;gap:.35rem}.badge{padding:.15rem .45rem;border-radius:999px;background:#eef0f1;color:var(--muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge.chosen{background:#3a7d441f;color:var(--accent)}.badge.ok{background:var(--correct);color:#fff}.badge.today{background:var(--absent);color:#fff}.suggestions{display:flex;gap:.35rem;overflow-x:auto;list-style:none;margin:0;padding:0 .6rem .55rem 4.9rem;scrollbar-width:none}.suggestions::-webkit-scrollbar{display:none}.chip{min-height:34px;padding:0 .6rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--fg);font-size:.8rem;font-weight:700;letter-spacing:.08em;white-space:nowrap;cursor:pointer}@media (min-width: 560px){.row-main{grid-template-columns:5.5rem 1fr auto;padding:.5rem .85rem}.suggestions{padding-left:6.35rem}}.tabs{position:sticky;top:var(--topbar-h);z-index:2;display:flex;gap:.25rem;padding:0 .9rem;background:var(--surface);border-bottom:1px solid var(--border)}.tab{display:flex;align-items:center;gap:.35rem;min-height:44px;padding:0 .75rem;border:none;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:.92rem;font-weight:600;cursor:pointer}.tab.active{color:var(--fg);border-bottom-color:var(--accent)}.tab-count{min-width:20px;padding:0 .3rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.7rem;line-height:20px;text-align:center}.empty{padding:2rem .5rem;text-align:center}.notes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.note{padding:.75rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.note-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.note-from{font-weight:700;font-size:.92rem}.note-time{color:var(--muted);font-size:.75rem;white-space:nowrap}.note-body{margin:.4rem 0 .7rem;font-size:.95rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.btn.small{min-height:44px;padding:0 1rem;font-size:.85rem}.inbox-alert{display:flex;align-items:center;gap:.6rem;width:100%;margin-bottom:.9rem;padding:.7rem .85rem;border:1px solid var(--present);border-radius:10px;background:#e8862a1a;color:var(--fg);font-size:.9rem;text-align:left;cursor:pointer}.inbox-alert-icon{font-size:1.1rem;line-height:1}.inbox-alert span:nth-child(2){flex:1}.note-word{display:flex;align-items:baseline;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.note-word-label{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.note-word-value{flex:1;font-weight:800;font-size:.95rem;letter-spacing:.14em}.note-foot{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.note-from{display:flex;flex-direction:column;min-width:0}.note-handle{font-weight:700;font-size:.88rem}.note-email{color:var(--muted);font-size:.78rem;text-decoration:none;overflow-wrap:anywhere}.note-email:hover{text-decoration:underline}.rating-chip{display:inline-block;margin:.55rem 0 0;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.rating-chip.easy{background:#5f5f6124;color:var(--absent)}.rating-chip.good{background:#4aa03a29;color:var(--correct)}.rating-chip.hard{background:#e8862a2e;color:#b4651a}