:root{--bg:#f6f5f2;--surface:#fff;--text:#1d1d1f;--muted:#6b6b70;--border:#dcdad5;--accent:#2f5bd3;--accent-text:#fff;--good:#1f7a45;--good-bg:#e3f3e8;--bad:#b3261e;--bad-bg:#fbe5e3;--chip:#eceae5;--radius:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#141416;--surface:#1e1e21;--text:#ececef;--muted:#9a9aa2;--border:#34343a;--accent:#7c9cff;--accent-text:#0f1220;--good:#6fd39a;--good-bg:#173523;--bad:#ff8a80;--bad-bg:#3d1d1b;--chip:#2a2a2f}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);margin:0;font:17px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:720px;margin:0 auto;padding:16px 16px 112px}h1{margin:0;font-size:1.5rem;line-height:1.25}h2{margin:0 0 8px;font-size:1.1rem}p{margin:0}a{color:var(--accent)}a.plain{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}fieldset{min-width:0;margin:0}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.top{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.top nav{align-items:center;gap:14px;display:flex}.top nav a{color:var(--muted);text-decoration:none}.top nav a.active{color:var(--text);font-weight:600}.brand{color:var(--text);font-weight:700;text-decoration:none}.stack{flex-direction:column;gap:16px;display:flex}.stack.small{gap:8px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.muted,.hint{color:var(--muted)}.hint{font-size:.85rem}.lead{font-size:1.1rem}.error{color:var(--bad)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.card.option{flex-direction:column;gap:10px;display:flex}.card.chosen{border-color:var(--good);box-shadow:inset 4px 0 0 var(--good)}.field{border:0;flex-direction:column;gap:6px;padding:0;display:flex}.label{color:var(--muted);padding:0;font-size:.9rem;font-weight:600}input,textarea{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:10px;min-height:48px;padding:12px}textarea{resize:vertical}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.btn{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:10px;padding:8px 16px}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.btn.big{width:100%;min-height:54px;font-size:1.05rem}.btn.danger{color:var(--bad)}.btn.link{color:var(--accent);background:0 0;border:0;align-self:flex-start;min-height:0;padding:8px 0}.btn:disabled{opacity:.5;cursor:default}.icon-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--muted);font:inherit;cursor:pointer;border-radius:50%;flex:none;font-weight:700}.actions{position:sticky;bottom:12px}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chips input[type=date]{width:auto;min-height:40px;padding:6px 10px}.chip{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--chip);min-height:40px;color:var(--text);border-radius:999px;padding:6px 14px;font-size:.95rem}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.toggle{border:1px solid var(--border);border-radius:10px;flex:none;display:inline-flex;overflow:hidden}.toggle.wide{display:flex}.toggle button{font:inherit;cursor:pointer;background:var(--surface);min-height:44px;color:var(--text);border:0;flex:1;padding:6px 12px}.toggle button+button{border-left:1px solid var(--border)}.toggle button.on{background:var(--accent);color:var(--accent-text);font-weight:600}.toggle button.on.good,.toggle button.on.for{background:var(--good);color:var(--surface)}.toggle button.on.bad,.toggle button.on.against{background:var(--bad);color:var(--surface)}.toggle.big button{min-height:56px;font-size:1.1rem}.supports{flex-direction:column;gap:8px;display:flex}.support{align-items:flex-start;gap:10px;display:flex}.support .toggle button{min-height:36px;padding:2px 8px}.support-law{flex-wrap:wrap;flex:1;align-items:baseline;gap:6px;min-width:0;display:flex}.direction{flex:none}.law-text b{color:var(--muted);font-weight:600}.law-boundaries{color:var(--muted)}.law-field{border-top:1px dashed var(--border);flex-direction:column;gap:10px;padding-top:10px;display:flex}.law-field-head{justify-content:space-between;align-items:center;display:flex}.hints{background:var(--chip);border-radius:10px;padding:10px 14px 10px 30px;font-size:.95rem;list-style:outside}.suggestions{flex-direction:column;gap:6px;display:flex}.suggestion{text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.badge{background:var(--chip);color:var(--text);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.8rem;display:inline-block}.badge.good{background:var(--good-bg);color:var(--good)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.muted{color:var(--muted)}.badge+.badge{margin-left:6px}.badge.state-waiting{background:var(--bad-bg);color:var(--bad)}.badge.state-thinking{color:var(--muted)}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.list li+li{border-top:1px solid var(--border)}.list-row{color:inherit;align-items:center;gap:10px;min-height:52px;padding:12px 14px;text-decoration:none;display:flex}.due{border-color:var(--accent);flex-direction:column;gap:10px;display:flex}.chain{flex-direction:column;gap:10px;display:flex}.postpone{flex-direction:column;gap:6px;display:flex}.fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:10;font:inherit;background:var(--accent);min-height:56px;color:var(--accent-text);cursor:pointer;border:0;border-radius:999px;padding:0 22px;font-size:1.05rem;font-weight:700;position:fixed;box-shadow:0 4px 16px #00000040}.login{max-width:400px;margin:15vh auto 0;padding:0 16px}@media (width>=900px){main{padding-top:28px}}.list-row.column{flex-direction:column;align-items:stretch;gap:4px}.row.small{gap:6px}.btn.left{text-align:left}.law-title{font-size:1.3rem;font-weight:500}input[type=search]{min-height:44px}