:root{--ink:#172b2a;--muted:#536664;--paper:#fbfcfa;--soft:#edf3f0;--accent:#146c65;--accent-dark:#0c504b;--error:#8a2525;--line:#c8d5d0}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}body{margin:0}header{border-bottom:1px solid var(--line);background:white}.bar,main,footer{width:min(100% - 2rem,68rem);margin:auto}.bar{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:750;color:var(--ink);text-decoration:none}main{padding:2.5rem 0 4rem}footer{padding:1.5rem 0;color:var(--muted);border-top:1px solid var(--line)}h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15}h2{line-height:1.25}.heading,.actions,.activity-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.button,button{display:inline-block;border:0;border-radius:.4rem;background:var(--accent);color:white;padding:.75rem 1rem;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;min-height:44px}button:hover,.button:hover{background:var(--accent-dark)}button:disabled{opacity:.5;cursor:not-allowed}.link{background:transparent;color:var(--accent);padding:.5rem}.secondary,.danger-light{background:white;color:var(--accent);border:1px solid var(--accent)}.danger,.danger:hover{background:var(--error)}.danger-light{color:var(--error);border-color:var(--error)}a{color:var(--accent-dark);text-underline-offset:.18rem}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #0c504b;outline-offset:3px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:1rem;z-index:10}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem}.cards article,.empty,.form-card,.reference,.plan,.narrow,.checklist{background:white;border:1px solid var(--line);border-radius:.6rem;padding:1.3rem}.tag,.time{font-size:.85rem;font-weight:750;color:var(--accent-dark);background:var(--soft);padding:.2rem .5rem;border-radius:2rem}.privacy,.notice,.errors{padding:1rem;border-radius:.4rem;margin:1rem 0}.privacy,.notice{background:#eef6f2;border-left:5px solid var(--accent)}.errors{background:#fff0f0;border-left:5px solid var(--error);color:#641818}.success{background:#e9f7ef}.field-error{color:var(--error);font-weight:700}.narrow{max-width:42rem;margin:auto}form label{font-weight:700;display:block;margin-top:1.1rem}input,textarea{display:block;width:100%;max-width:100%;padding:.7rem;border:1px solid #6f817d;border-radius:.35rem;font:inherit;color:inherit;background:white}textarea{min-height:7rem;resize:vertical}small{color:var(--muted)}fieldset{min-width:0;border:1px solid var(--line);border-radius:.5rem;padding:1rem;margin:1rem 0;background:white}legend{font-weight:800;padding:0 .4rem}.sequence{padding-left:1.6rem}.sequence li{padding:.3rem 0 .8rem .4rem;border-bottom:1px solid var(--line)}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.total{font-size:1.1rem;padding-top:1rem}.checklist{margin-top:2rem}summary{font-weight:750;cursor:pointer}.actions{justify-content:flex-start;margin-top:1rem}@media(max-width:36rem){.bar{align-items:flex-start;padding:1rem 0}.heading{align-items:flex-start}.activity-controls button{flex:1 1 8rem}.cards article,fieldset,.plan{padding:1rem}main{padding-top:1.5rem}}
.secondary:hover,.danger-light:hover,.link:hover{background:var(--soft)}.link:hover{color:var(--accent-dark)}.character-allowance{display:block;font-weight:400;margin:.25rem 0 .75rem}
