:root{--bg: #e8eef2;--panel: #f7fafb;--ink: #12202a;--muted: #5b6b76;--line: #c9d5dd;--accent: #0b6e6a;--warn: #b45309;--ok: #0f766e;--shadow: 0 10px 30px rgba(18, 32, 42, .06);font-family:IBM Plex Sans,Noto Sans SC,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 0%,rgba(11,110,106,.08),transparent 40%),radial-gradient(circle at 90% 10%,rgba(18,32,42,.06),transparent 35%),var(--bg)}button,input,select,textarea{font:inherit}.app{max-width:1120px;margin:0 auto;padding:28px 20px 48px}.top{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px}.eyebrow{margin:0 0 6px;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:var(--accent);font-weight:600}h1{margin:0;font-size:34px;letter-spacing:-.03em}.sub{margin:8px 0 0;color:var(--muted)}.top-stats{display:flex;gap:10px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:10px 14px;min-width:108px;box-shadow:var(--shadow)}.stat span{display:block;font-size:12px;color:var(--muted)}.stat strong{font-size:22px}.stat.warn strong{color:var(--warn)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:8px 14px;cursor:pointer}.tab.on{background:var(--ink);border-color:var(--ink);color:#fff}.main{min-height:60vh}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.panel h2{margin:0 0 8px;font-size:18px}.panel h3{margin:16px 0 8px;font-size:14px;color:var(--accent)}.hint{color:var(--muted);font-size:14px}.grid-2{display:grid;grid-template-columns:1.3fr .9fr;gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.block-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:70vh;overflow:auto}.block{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px;background:#fff}.block.done{opacity:.55}.block.active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.block.break{background:#eef6f5}.block.life{background:#f3f5f7}.check{width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ok);font-weight:700}.block-top{display:flex;justify-content:space-between;gap:8px}.block-body p{margin:4px 0 0;font-size:13px;color:var(--muted)}.block-body .mod{color:var(--accent)}.mins{color:var(--muted);font-size:13px}.mini,.primary,.ghost,.link-btn{border-radius:12px;border:1px solid var(--line);padding:8px 12px;cursor:pointer;background:#fff}.primary{background:var(--accent);border-color:var(--accent);color:#fff;margin-top:10px}.ghost{background:transparent}.link-btn{display:inline-block;margin-top:12px;text-decoration:none;color:var(--ink);background:#dff3f1;border-color:#b7e0db}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);margin-top:10px}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.field.wide{grid-column:1 / -1}.active-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mod-table{display:flex;flex-direction:column;gap:8px}.mod-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff}.mod-row.done{background:#e8f6f3}.mod-row.doing{border-color:var(--accent)}.mod-row p{margin:4px 0 0;color:var(--muted);font-size:13px}.seg{display:flex;gap:4px;flex-shrink:0}.seg button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 8px;cursor:pointer;font-size:12px}.seg button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.seg button.due{background:#fff7ed;border-color:var(--warn);color:var(--warn)}.simple{margin:8px 0 0;padding-left:18px}.simple.tight{font-size:13px}.error-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.error-list li{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px;background:#fff}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{border-bottom:1px solid var(--line);padding:8px 4px;text-align:left}.check-list{list-style:none;padding:0;margin:0}.check-list li{margin:8px 0}.check-list label{display:flex;gap:8px;align-items:flex-start}.progress-bar{height:8px;background:#d9e3e8;border-radius:999px;overflow:hidden;margin:8px 0 12px}.progress-bar div{height:100%;background:var(--accent)}.foot{margin-top:24px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px;gap:12px}@media(max-width:900px){.top,.grid-2{grid-template-columns:1fr;display:grid}.top-stats{flex-wrap:wrap}.active-grid{grid-template-columns:1fr 1fr}.mod-row,.error-list li{flex-direction:column;align-items:stretch}}html,body,#root{min-height:100%}