:root{color-scheme:light;--paper: #f6f0e7;--paper-2: #eee3d3;--ink: #1f2622;--muted: #6d655c;--line: #d2c2aa;--white: #fffaf2;--berry: #8d2639;--moss: #53695c;--ochre: #ad7734;font-family:Avenir Next,Gill Sans,Segoe UI,sans-serif;background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(90deg,rgba(31,38,34,.045) 1px,transparent 1px) 0 0 / 42px 42px,linear-gradient(180deg,rgba(141,38,57,.07),transparent 28rem),var(--paper)}button,input,select,textarea{font:inherit}button{min-height:44px;border:0;border-radius:6px;padding:.72rem .95rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:var(--berry);color:var(--white);cursor:pointer;transition:transform .18s ease,background .18s ease}button:hover{transform:translateY(-1px);background:#6f1d2d}button:active{transform:translateY(0) scale(.99)}button svg{width:18px;height:18px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(141,38,57,.28);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,Times New Roman,serif;font-weight:500;letter-spacing:0;text-wrap:balance}h1{font-size:clamp(3rem,8vw,7.2rem);line-height:.9;margin-bottom:1rem}h2{font-size:clamp(1.75rem,4vw,3rem);line-height:1;margin-bottom:.65rem}h3{font-size:1.2rem;margin-bottom:.4rem}p{color:var(--muted);line-height:1.58}.skip-link{position:absolute;left:-999px;top:1rem;background:var(--ink);color:var(--white);padding:.6rem}.skip-link:focus{left:1rem;z-index:20}.kicker{color:var(--berry);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.onboarding,.shell{width:min(1220px,calc(100% - 2rem));margin:0 auto}.onboarding{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding:2rem 0}.intro{border-top:1px solid var(--ink);padding-top:7vh}.intro p{font-size:1.08rem;max-width:62ch}.onboarding-form,.content,.score,.rail,.task,.coverage,.template,.budget-line{background:#fffaf2c7;border:1px solid var(--line);box-shadow:0 18px 50px #392a181a}.onboarding-form{display:grid;gap:.95rem;padding:clamp(1rem,3vw,1.6rem)}label{display:grid;gap:.35rem;color:var(--muted);font-weight:700}input,select,textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:4px;padding:.62rem .72rem;background:var(--white);color:var(--ink)}textarea{resize:vertical;min-height:74px;line-height:1.45}fieldset{border:1px solid var(--line);display:grid;gap:.4rem;padding:.8rem}legend{color:var(--ink);font-weight:800}fieldset label{display:flex;align-items:center;gap:.55rem;font-weight:600}fieldset input{width:18px;min-height:18px}.form-row,.actions{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.ghost:hover{background:var(--paper-2);color:var(--ink)}.shell{padding:1rem 0 4rem}.masthead{min-height:30vh;display:grid;grid-template-columns:1fr minmax(220px,320px);gap:1rem;align-items:end;padding:6vh 0 1.4rem;border-bottom:1px solid var(--ink)}.lede{font-size:1.1rem;max-width:70ch}.sync{display:inline-flex;align-items:center;max-width:100%;padding:.35rem .55rem;border:1px solid var(--line);background:#fffaf2b8;color:var(--ink);font-weight:800}.sync.sparar{border-color:var(--ochre)}.sync.offline,.sync.konflikt{border-color:var(--berry)}.score{padding:1.2rem;display:grid;gap:.2rem;border-left:5px solid var(--moss)}.score strong{font-family:Georgia,serif;font-size:3rem;line-height:1}.score span,.score small{color:var(--muted)}.tabs{position:sticky;top:0;z-index:10;display:flex;gap:.5rem;overflow-x:auto;padding:.9rem 0;background:#f6f0e7ed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabs button{flex:0 0 auto;background:transparent;color:var(--ink);border:1px solid var(--line)}.tabs button.active{color:var(--white);background:var(--ink);border-color:var(--ink)}.tabs .reset{margin-left:auto}.content{padding:clamp(1rem,3vw,1.7rem)}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.36fr);gap:1rem}.section-title{margin-bottom:1.2rem}.section-title p{max-width:76ch}.rail{padding:1rem;align-self:start}.decision{display:flex;gap:.55rem;align-items:flex-start;padding:.75rem 0;border-top:1px solid var(--line);color:var(--ink)}.source-note{margin-top:1rem;padding-top:1rem;border-top:2px solid var(--ink)}.task-list{display:grid;gap:.72rem}.task{display:grid;grid-template-columns:44px 1fr minmax(160px,190px);gap:.85rem;align-items:start;padding:1rem}.task.done h3{text-decoration:line-through;color:var(--muted)}.task.forsenad{border-left:5px solid var(--berry)}.task.denna.vecka,.task.denna\ vecka{border-left:5px solid var(--ochre)}.check{width:44px;min-width:44px;height:44px;padding:0;background:var(--white);color:var(--berry);border:1px solid var(--berry)}.check:hover{color:var(--white)}.task-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem}.task-meta span{border:1px solid var(--line);background:var(--paper);padding:.18rem .4rem;border-radius:3px;font-size:.78rem;color:var(--muted)}.task p{margin-bottom:.45rem}.task small{color:var(--moss);font-weight:700}.task-title-input{font-family:Georgia,Times New Roman,serif;font-size:1.1rem;color:var(--ink);margin-bottom:.5rem}.task-controls{display:grid;gap:.55rem}.task-controls select,.task-controls input{min-height:38px;padding:.35rem}.filters{display:grid;grid-template-columns:minmax(240px,1fr) 210px 180px;gap:.75rem;margin-bottom:1rem}.filters label{position:relative}.filters svg{position:absolute;top:2.15rem;left:.6rem;color:var(--muted)}.filters label:has(svg) input,.filters label:has(svg) select{padding-left:2rem}.coverage-grid,.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin-bottom:1.5rem}.coverage,.template,.budget-line{padding:1rem}.coverage{display:grid;gap:.45rem}.coverage span{color:var(--muted);font-variant-numeric:tabular-nums}progress{width:100%;height:10px;accent-color:var(--moss)}.budget-table{display:grid;gap:.75rem}.budget-line{display:grid;grid-template-columns:1fr 180px 180px;gap:.75rem;align-items:end}.empty{padding:2rem;border:1px dashed var(--line)}.inline{margin:0 0 1rem;grid-template-columns:repeat(auto-fit,minmax(190px,max-content))}.share-box,.editor{border:1px solid var(--line);background:#fffaf294;padding:1rem;margin:1rem 0}.file-button{min-height:44px;border:1px solid var(--line);border-radius:6px;padding:.72rem .95rem;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;background:transparent;color:var(--ink);cursor:pointer}.file-button input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.template a{color:var(--berry);font-weight:800}.template small{display:block;margin-top:.7rem;color:var(--moss)}@media(max-width:820px){.onboarding,.masthead,.split,.filters,.budget-line{grid-template-columns:1fr}.tabs .reset{margin-left:0}h1{font-size:clamp(2.7rem,16vw,4.6rem)}.task{grid-template-columns:44px 1fr}.task-controls{grid-column:2}.form-row,.actions{grid-template-columns:1fr}}