.app{max-width:880px;margin:auto;padding:32px 20px 92px}.top{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.logo{width:130px;height:auto}.top h1{font-size:clamp(25px,5vw,34px)}.sync{margin-left:auto;background:var(--tt-warning-bg);color:var(--tt-warning-ink);padding:5px 10px;border-radius:var(--tt-r-pill);font-size:13px;font-weight:700}.sync-note{margin:24px 0}.tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:24px 0}.tab{min-height:48px;border:1px solid var(--tt-line);border-radius:var(--tt-r-pill);background:var(--tt-surface);color:var(--tt-navy);font:700 14px var(--tt-font-ui);padding:6px}.tab[aria-selected=true]{background:var(--tt-navy);color:#fff;border-color:var(--tt-navy)}.count{margin-left:4px;font-size:12px}.composer{padding:16px}.optional{display:grid;grid-template-columns:150px 1fr auto;gap:12px;margin-top:12px;align-items:end}.optional label{font-size:13px;font-weight:700;color:var(--tt-navy)}.optional .tt-input{margin-top:4px;min-height:44px}.optional .tt-btn{min-height:48px}.bar{display:flex;justify-content:space-between;align-items:center;margin-top:32px;gap:12px}.bar .tt-btn{padding:9px 15px;min-height:44px}.help{font-size:13px;color:var(--tt-meta)}.list{display:grid;gap:12px}.task{border-left:5px solid var(--tt-info);padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.task.age-yellow{border-color:var(--tt-warning)}.task.age-orange{border-color:var(--tt-orange)}.task.age-red{border-color:var(--tt-danger)}.check{width:24px;height:24px;accent-color:var(--tt-orange-ink);margin-top:3px}.task-title{font-weight:700;color:var(--tt-navy);font-size:17px;word-break:break-word}.task-meta{font-size:13px;color:var(--tt-meta);margin-top:3px}.age{font-weight:700}.overdue{color:var(--tt-danger-ink);font-weight:700;margin-left:5px}.memo{font-size:14px;color:var(--tt-ink-2);margin:8px 0 0;white-space:pre-wrap}.actions{display:flex;gap:6px}.icon{min-width:44px;min-height:44px;border:1px solid var(--tt-line-strong);background:#fff;border-radius:var(--tt-r-sm);color:var(--tt-navy);font:700 14px var(--tt-font-ui)}.danger{color:var(--tt-danger-ink)}.empty{padding:32px;text-align:center;color:var(--tt-ink-2)}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--tt-navy);color:#fff;padding:12px 16px;border-radius:var(--tt-r-md);box-shadow:var(--tt-shadow-lg);display:flex;gap:18px;align-items:center}.toast button{color:#fff;background:transparent;border:0;text-decoration:underline;font:700 14px var(--tt-font-ui);min-height:32px}.sr{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}@media(max-width:600px){.app{padding:20px 12px 90px}.tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tab{font-size:12px;padding:4px}.optional{grid-template-columns:1fr 1fr}.optional label:last-of-type{grid-column:1/-1}.optional .tt-btn{grid-column:1/-1}.task{padding:12px;gap:8px}.actions{flex-wrap:wrap;justify-content:end}.logo{width:112px}}
.toast[hidden]{display:none}
.auth{margin:16px 0}.auth-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.tools{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:12px}