:root{--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--bg: #f4f2ed;--bg-sunk: #e9e5dd;--surface: #fffefb;--surface-2: #f2efe8;--surface-3: #eae6dd;--line: #e1dcd1;--line-strong: #cbc4b5;--ink: #141617;--ink-2: #474d52;--ink-3: #7d848b;--red: #b23c30;--red-soft: #f8e2de;--red-wash: #fdf4f2;--amber: #a86d14;--amber-soft: #faeed6;--amber-wash: #fdf8ef;--green: #2f7a4d;--green-soft: #ddeee3;--green-wash: #f4faf6;--accent: #3d6ea8;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 1px rgba(40, 32, 18, .04), 0 4px 12px -8px rgba(40, 32, 18, .18);--shadow-lift: 0 1px 2px rgba(40, 32, 18, .06), 0 14px 32px -18px rgba(40, 32, 18, .3);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 22px;--sp-6: 32px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0c0f12;--bg-sunk: #080a0c;--surface: #15191e;--surface-2: #1c2128;--surface-3: #232932;--line: #262d35;--line-strong: #3a434e;--ink: #eceef0;--ink-2: #a6aeb6;--ink-3: #747d87;--red: #e4766a;--red-soft: #3d201c;--red-wash: #1c1415;--amber: #d9a452;--amber-soft: #382a16;--amber-wash: #191610;--green: #63b587;--green-soft: #16301f;--green-wash: #101814;--shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 6px 16px -10px rgba(0, 0, 0, .8);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .5), 0 18px 40px -20px rgba(0, 0, 0, .9);color-scheme:dark}}:root[data-theme=dark]{--bg: #0c0f12;--bg-sunk: #080a0c;--surface: #15191e;--surface-2: #1c2128;--surface-3: #232932;--line: #262d35;--line-strong: #3a434e;--ink: #eceef0;--ink-2: #a6aeb6;--ink-3: #747d87;--red: #e4766a;--red-soft: #3d201c;--red-wash: #1c1415;--amber: #d9a452;--amber-soft: #382a16;--amber-wash: #191610;--green: #63b587;--green-soft: #16301f;--green-wash: #101814;--shadow: 0 1px 1px rgba(0, 0, 0, .5), 0 6px 16px -10px rgba(0, 0, 0, .8);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .5), 0 18px 40px -20px rgba(0, 0, 0, .9);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}.app{min-height:100%;display:flex;flex-direction:column;padding-bottom:calc(68px + env(safe-area-inset-bottom))}@media (min-width: 860px){.app{padding-bottom:0}}.shell{width:100%;max-width:1180px;margin:0 auto;padding:0 16px}.topbar{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.topbar__inner{display:flex;align-items:center;gap:var(--sp-3);min-height:54px}.wordmark{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.02em;margin-right:auto}.wordmark span{color:var(--ink-3);font-weight:500}.iconbtn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);transition:border-color .15s,color .15s}.iconbtn:hover{border-color:var(--line-strong);color:var(--ink)}.iconbtn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;border:0;background:transparent;color:var(--ink-3);padding:7px 13px;border-radius:999px;font-weight:500;font-size:14px;white-space:nowrap}.tab[aria-current=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:grid;grid-auto-flow:column;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}@media (min-width: 860px){.bottomnav{display:none}}.bottomnav button{border:0;background:transparent;color:var(--ink-3);padding:9px 4px 11px;display:grid;gap:3px;justify-items:center;font-size:11px;font-weight:500}.bottomnav button[aria-current=true]{color:var(--ink)}.bottomnav svg{width:21px;height:21px}.section{margin:var(--sp-6) 0 var(--sp-3);display:flex;align-items:baseline;gap:var(--sp-3)}.section h2{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3);margin:0}.section .hint{font-size:13px;color:var(--ink-3);margin-left:auto}.grid{display:grid;gap:var(--sp-4);grid-template-columns:1fr}@media (min-width: 720px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.grid{grid-template-columns:repeat(3,1fr)}}.grid>.card--wide{grid-column:1 / -1}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-5) var(--sp-4) var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);overflow:hidden;transition:box-shadow .2s,transform .2s}.card:before{content:"";position:absolute;inset:0 0 auto;height:110px;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--card-accent, var(--accent)) 9%,transparent),transparent)}.card:after{content:"";position:absolute;inset:0 0 auto;height:2px;background:var(--card-accent, var(--accent))}.card--r{background:var(--red-wash);border-color:color-mix(in srgb,var(--red) 28%,var(--line));box-shadow:var(--shadow-lift)}.card--r:after{height:3px;background:var(--red)}.card--y{border-color:color-mix(in srgb,var(--amber) 22%,var(--line))}.card__head{display:flex;align-items:flex-start;gap:var(--sp-3);position:relative}.card__title{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.028em;margin:0;line-height:1.1;flex:1 1 auto}.card__summary{color:var(--ink-2);font-size:14.5px;line-height:1.5;margin:0}.card--wide .card__title{font-size:26px}.card--calm{padding:var(--sp-4);gap:var(--sp-2)}.card--calm:before{height:60px}.card--calm .card__title{font-size:17px}.card--calm .card__summary{font-size:13.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__expand{margin-top:auto;align-self:flex-start;border:0;background:none;padding:2px 0;font-size:12.5px;color:var(--ink-3)}.card__expand:hover{color:var(--ink)}.status{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:12px;font-weight:600;padding:4px 10px 4px 8px;border-radius:999px;white-space:nowrap;margin-top:2px}.status__dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status--r{color:var(--red);background:var(--red-soft)}.status--y{color:var(--amber);background:var(--amber-soft)}.status--g{color:var(--green);background:var(--green-soft)}.status--pulse .status__dot{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.status--pulse .status__dot{animation:none}}.focus{display:flex;gap:var(--sp-2);align-items:baseline;background:var(--surface-2);border-radius:var(--radius-sm);padding:9px 11px;font-size:14px}.focus__label{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);flex:0 0 auto}.goal{display:grid;gap:5px}.goal__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-2);font-size:13px}.goal__title{color:var(--ink-2)}.goal__value{margin-left:auto;white-space:nowrap;font-family:var(--font-mono);font-size:12.5px;color:var(--ink)}.meter{height:6px;border-radius:999px;background:var(--bg-sunk);overflow:hidden}.meter__fill{height:100%;border-radius:999px;background:var(--card-accent, var(--accent));transition:width .5s ease}.items{display:grid;gap:2px;margin:0;padding:0;list-style:none}.item{display:flex;gap:10px;align-items:flex-start;padding:8px 6px;border-radius:var(--radius-sm);margin:0 -6px;transition:background .12s}.item:hover{background:var(--surface-2)}.item--done{opacity:.45}.item--done .item__title{text-decoration:line-through}.check{flex:0 0 auto;width:19px;height:19px;margin-top:1px;border-radius:6px;border:1.5px solid var(--line-strong);background:transparent;display:grid;place-items:center;padding:0;transition:background .15s,border-color .15s}.check:hover{border-color:var(--card-accent, var(--accent))}.check[aria-checked=true]{background:var(--green);border-color:var(--green);color:#fff}.check svg{width:12px;height:12px}.item__body{flex:1 1 auto;min-width:0;display:grid;gap:4px}.item__title{font-size:14px;line-height:1.35}.item__detail{font-size:13px;color:var(--ink-2)}.item__meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--ink-3)}.chip{font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);white-space:nowrap}.chip--must{background:var(--red-soft);color:var(--red)}.chip--due{background:var(--amber-soft);color:var(--amber)}.chip--agent{background:var(--surface-2);color:var(--ink-3)}.actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.btn{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:5px 11px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,transform .08s}.btn:hover{border-color:var(--ink-3)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn--primary:hover{opacity:.9}.btn--ghost{border-color:transparent;background:transparent;color:var(--ink-3);padding-inline:6px}.btn--ghost:hover{color:var(--ink)}.btn--block{width:100%;justify-content:center}.trend{display:flex;align-items:flex-end;gap:var(--sp-3)}.trend__num{font-family:var(--font-display);font-size:30px;font-weight:700;line-height:.95;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.trend__label{font-size:12.5px;color:var(--ink-3);margin-top:5px}.trend__delta{font-size:12px;font-weight:600;font-family:var(--font-mono)}.trend__delta--up{color:var(--green)}.trend__delta--down{color:var(--red)}.trend__delta--flat{color:var(--ink-3)}.spark{margin-left:auto;display:block}.figure{position:relative;background:var(--surface-2);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-3) 0;overflow:hidden;display:flex;align-items:flex-end;gap:var(--sp-3)}.card--r .figure{background:color-mix(in srgb,var(--surface) 70%,transparent)}.figure__num{font-family:var(--font-display);font-size:38px;font-weight:700;line-height:.92;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.figure__meta{padding-bottom:var(--sp-3)}.figure__label{font-size:12.5px;color:var(--ink-3);margin-top:6px}.figure__spark{margin-left:auto;margin-bottom:-1px;display:block;flex:0 0 auto}.delta{display:inline-flex;align-items:center;gap:3px;font-family:var(--font-mono);font-size:12px;font-weight:500;padding:1px 6px 1px 4px;border-radius:999px}.delta--up{color:var(--green);background:var(--green-soft)}.delta--down{color:var(--red);background:var(--red-soft)}.delta--flat{color:var(--ink-3);background:var(--surface-3)}.delta svg{width:11px;height:11px}.card__foot{margin-top:auto;padding-top:var(--sp-2);border-top:1px solid var(--line);display:flex;align-items:center;gap:var(--sp-2);font-size:12.5px;color:var(--ink-3)}.day{display:grid;gap:1px}.event{display:grid;grid-template-columns:54px 1fr;gap:var(--sp-3);padding:9px 8px;border-radius:var(--radius-sm);margin:0 -8px;align-items:baseline}.event--family{background:color-mix(in srgb,#c2683f 11%,transparent)}.event__time{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-2)}.event__title{font-size:14px}.event__where{font-size:12.5px;color:var(--ink-3)}.event--now{box-shadow:inset 2px 0 0 var(--accent)}.brain{display:grid;gap:var(--sp-2)}.brain__input{width:100%;min-height:46px;resize:vertical;padding:11px 13px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);outline:none}.brain__input:focus{border-color:var(--accent)}.kv{display:flex;justify-content:space-between;gap:var(--sp-3);font-size:14px;padding:5px 0}.kv+.kv{border-top:1px solid var(--line)}.kv__v{font-family:var(--font-mono);font-size:13px}.bignum{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1}table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}table.tbl th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:0 8px 7px 0}table.tbl td{padding:7px 8px 7px 0;border-top:1px solid var(--line)}table.tbl td.num,table.tbl th.num{text-align:right;font-family:var(--font-mono);font-size:12.5px;padding-right:0}@media (max-width: 719px){table.tbl--stack,table.tbl--stack tbody,table.tbl--stack tr,table.tbl--stack td{display:block;width:100%}table.tbl--stack thead{display:none}table.tbl--stack tr{border-top:1px solid var(--line);padding:10px 0}table.tbl--stack tr:first-child{border-top:0}table.tbl--stack td{border:0;padding:2px 0;display:flex;justify-content:space-between;gap:var(--sp-3);align-items:baseline}table.tbl--stack td:before{content:attr(data-label);color:var(--ink-3);font-size:12px}table.tbl--stack td:not([data-label]):before{content:none}table.tbl--stack td.name{font-weight:600;font-size:14px}}.empty{color:var(--ink-3);font-size:13.5px;font-style:italic;padding:4px 0}.banner{display:flex;gap:var(--sp-3);align-items:center;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--amber);border-radius:var(--radius-sm);padding:11px 13px;font-size:13.5px;margin-top:var(--sp-4)}.banner__text{flex:1 1 auto}.login{min-height:100dvh;display:grid;place-items:center;padding:var(--sp-4)}.login__box{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--sp-5);display:grid;gap:var(--sp-3)}.login__box h1{font-family:var(--font-display);font-size:26px;margin:0;letter-spacing:-.02em}.field{display:grid;gap:5px}.field label{font-size:12px;color:var(--ink-3);font-weight:500}.field input{padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--bg);outline:none}.field input:focus{border-color:var(--accent)}.error{color:var(--red);font-size:13px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.footnote{color:var(--ink-3);font-size:12px;text-align:center;padding:var(--sp-5) 0 var(--sp-6)}.hero{padding:var(--sp-5) 0 var(--sp-2);display:grid;gap:var(--sp-3)}.hero__when{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.hero__line{font-family:var(--font-display);font-size:clamp(23px,6vw,34px);font-weight:700;letter-spacing:-.035em;line-height:1.12;margin:0;max-width:24ch}.hero__line em{font-style:normal;color:var(--red)}.hero__facts{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4);align-items:baseline;font-size:13.5px;color:var(--ink-2)}.hero__fact{display:inline-flex;align-items:baseline;gap:6px}.hero__fact b{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--ink)}.bars{display:flex;align-items:flex-end;gap:3px;height:54px}.bars__bar{flex:1 1 0;min-width:3px;border-radius:2px 2px 0 0;background:var(--card-accent, var(--accent));opacity:.35;transition:opacity .15s,height .4s ease}.bars__bar--now{opacity:1}.bars:hover .bars__bar{opacity:.55}.bars__bar:hover{opacity:1}.bars__axis{display:flex;justify-content:space-between;font-size:10.5px;color:var(--ink-3);margin-top:4px}.card__sep{height:1px;background:var(--line);margin:var(--sp-1) 0}.quiet{color:var(--ink-3);font-size:13px}@media (prefers-reduced-motion: reduce){.card,.bars__bar,.meter__fill{transition:none}}@media (max-width: 480px){.card__title{font-size:20px}.card--wide .card__title{font-size:22px}.figure__num{font-size:33px}}.karta{position:relative;width:100%;max-width:520px;margin:0 auto;aspect-ratio:1;container-type:inline-size}.karta__ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed var(--line);pointer-events:none}.karta__ring--0{width:52%;height:52%;border-color:color-mix(in srgb,var(--red) 26%,var(--line))}.karta__ring--1{width:77%;height:77%;border-style:dotted}.karta__mitt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28cqw;height:28cqw;border-radius:50%;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lift);display:grid;place-content:center;text-align:center;gap:1px;z-index:2}.karta__mitt--r{border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.karta__mitt--y{border-color:color-mix(in srgb,var(--amber) 45%,var(--line))}.karta__tal{font-family:var(--font-display);font-size:11cqw;font-weight:700;line-height:.9;letter-spacing:-.04em}.karta__mitt--r .karta__tal{color:var(--red)}.karta__mitt--y .karta__tal{color:var(--amber)}.karta__etikett{font-size:2.9cqw;color:var(--ink-3);letter-spacing:.02em;padding:0 4px}.karta__nod{position:absolute;transform:translate(-50%,-50%);width:15cqw;height:15cqw;border-radius:50%;border:2px solid var(--nod-accent, var(--line-strong));background:var(--surface);box-shadow:var(--shadow);display:grid;place-content:center;padding:0;z-index:1;transition:transform .18s cubic-bezier(.2,.8,.3,1),box-shadow .18s,border-width .18s}.karta__nod:hover,.karta__nod:focus-visible{transform:translate(-50%,-50%) scale(1.09);box-shadow:var(--shadow-lift);z-index:3}.karta__nod--r{background:var(--red-wash);border-color:var(--red);border-width:2.5px}.karta__nod--y{background:var(--amber-wash)}.karta__kort{font-family:var(--font-display);font-size:5cqw;font-weight:700;letter-spacing:-.03em;line-height:1}.karta__bricka{position:absolute;top:-3px;right:-3px;min-width:5cqw;height:5cqw;padding:0 1cqw;border-radius:999px;background:var(--ink);color:var(--bg);font-family:var(--font-mono);font-size:2.7cqw;font-weight:500;display:grid;place-content:center}.karta__nod--r .karta__bricka{background:var(--red);color:#fff}.karta__namn{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);font-size:3.1cqw;color:var(--ink-2);white-space:nowrap;font-weight:500}.karta__spole{position:absolute;inset:0;pointer-events:none;z-index:0}@media (prefers-reduced-motion: reduce){.karta__nod{transition:none}}.karta__lista{display:none}@media (max-width: 359px){.karta{display:none}.karta__lista{display:grid;gap:6px}}.kartrad{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface);text-align:left;width:100%}.kartrad--r{background:var(--red-wash);border-color:color-mix(in srgb,var(--red) 30%,var(--line))}.tillbaka{padding-top:var(--sp-4)}.omrade__topp{position:relative;padding:var(--sp-4) 0 var(--sp-5)}.omrade__topp:before{content:"";position:absolute;top:0;left:0;width:44px;height:3px;border-radius:2px;background:var(--card-accent)}.omrade__rubrik{display:flex;align-items:baseline;gap:var(--sp-3);flex-wrap:wrap}.omrade__rubrik h1{font-family:var(--font-display);font-size:clamp(28px,8vw,42px);font-weight:700;letter-spacing:-.04em;line-height:1;margin:0}.omrade__ingress{font-size:16px;color:var(--ink-2);line-height:1.5;margin:var(--sp-3) 0 0;max-width:62ch}.karta__namn--over{top:auto;bottom:calc(100% + 4px)}.karta__lugna{display:flex;flex-wrap:wrap;align-items:center;gap:6px;justify-content:center;margin-top:var(--sp-3)}.karta__lugna-etikett{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin-right:2px}.chip--klick{border:1px solid var(--line);display:inline-flex;align-items:center;transition:border-color .15s,color .15s}.chip--klick:hover{border-color:var(--line-strong);color:var(--ink)}.tidslinje{display:grid;gap:var(--sp-5)}.tidslinje__spann{display:grid;gap:var(--sp-2)}.tidslinje__rubrik{display:flex;align-items:center;gap:var(--sp-2);padding-left:2px}.tidslinje__rubrik h3{font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-2);margin:0}.tidslinje__antal{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.tidslinje__prick{width:8px;height:8px;border-radius:50%;background:var(--ink-3);flex:0 0 auto}.tidslinje__prick--forsenat{background:var(--red)}.tidslinje__prick--idag{background:var(--amber)}.tidslinje__prick--veckan{background:var(--green)}.tidslinje__prick--manaden,.tidslinje__prick--senare{background:var(--line-strong)}.tidslinje__rader{display:grid;gap:4px}.omradesrad{display:flex;align-items:center;gap:var(--sp-3);width:100%;text-align:left;padding:11px 13px 11px 0;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);overflow:hidden;transition:border-color .14s,transform .14s,background .14s}.omradesrad:hover{border-color:var(--line-strong);transform:translate(2px)}.omradesrad--r{background:var(--red-wash);border-color:color-mix(in srgb,var(--red) 26%,var(--line))}.omradesrad__stapel{width:4px;align-self:stretch;background:var(--rad-accent);flex:0 0 auto;margin-right:9px}.omradesrad__text{flex:1 1 auto;min-width:0;display:grid;gap:2px}.omradesrad__namn{font-size:15px;font-weight:600;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}.omradesrad__status{font-size:12px;font-weight:500}.omradesrad__status--r{color:var(--red)}.omradesrad__status--y{color:var(--amber)}.omradesrad__status--g{color:var(--green)}.omradesrad__nasta{font-size:13px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.omradesrad__hoger{display:flex;align-items:center;gap:7px;flex:0 0 auto}.omradesrad__tal{font-family:var(--font-mono);font-size:13px;color:var(--ink-3);min-width:18px;text-align:right}@media (prefers-reduced-motion: reduce){.omradesrad{transition:none}}.rutnat{display:grid;gap:var(--sp-2);grid-template-columns:repeat(2,1fr)}@media (min-width: 720px){.rutnat{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px){.rutnat{grid-template-columns:repeat(4,1fr)}}.bricka{position:relative;display:grid;gap:3px;align-content:start;text-align:left;padding:13px 13px 11px;border:1px solid var(--line);border-top:3px solid var(--rad-accent);border-radius:var(--radius-sm);background:var(--surface);min-height:104px;transition:border-color .14s,transform .14s}.bricka:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.bricka--r{background:var(--red-wash);border-color:color-mix(in srgb,var(--red) 26%,var(--line));border-top-color:var(--red)}.bricka__topp{display:flex;align-items:baseline;gap:var(--sp-2)}.bricka__namn{font-family:var(--font-display);font-size:16px;font-weight:700;letter-spacing:-.02em;flex:1 1 auto}.bricka__tal{font-family:var(--font-mono);font-size:13px;color:var(--ink-3)}.bricka__status{font-size:12px;font-weight:600}.bricka__status--r{color:var(--red)}.bricka__status--y{color:var(--amber)}.bricka__status--g{color:var(--green)}.bricka__nasta{font-size:12.5px;color:var(--ink-2);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bricka__fot{margin-top:auto;padding-top:5px;font-size:11.5px;color:var(--ink-3)}.bricka--r .bricka__fot{color:var(--red)}@media (prefers-reduced-motion: reduce){.bricka{transition:none}}.vaxel{display:flex;gap:1px;margin-left:auto;padding:2px;background:var(--surface-2);border-radius:999px}.vaxel__knapp{border:0;background:transparent;color:var(--ink-3);font-size:12px;font-weight:500;padding:4px 11px;border-radius:999px}.vaxel__knapp[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.ark{position:fixed;inset:0;z-index:60;display:grid;place-items:end center;background:#0006;backdrop-filter:blur(2px);padding:16px}@media (min-width: 720px){.ark{place-items:center}}.ark__kort{width:100%;max-width:460px;display:grid;gap:var(--sp-3);padding:var(--sp-5) var(--sp-4) var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lift);margin-bottom:calc(68px + env(safe-area-inset-bottom))}@media (min-width: 860px){.ark__kort{margin-bottom:0}}.ark__kryss{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2)}.lagg-till{position:fixed;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:45;width:52px;height:52px;border-radius:50%;border:1px solid var(--line-strong);background:var(--ink);color:var(--bg);display:grid;place-content:center;box-shadow:var(--shadow-lift);transition:transform .15s}.lagg-till:hover{transform:scale(1.06)}.lagg-till svg{width:22px;height:22px}@media (min-width: 860px){.lagg-till{bottom:24px}}@media (prefers-reduced-motion: reduce){.lagg-till{transition:none}}.banner--kalla{border-left-color:var(--accent);text-align:left;cursor:pointer;transition:border-color .15s}.banner--kalla:hover{border-color:var(--line-strong)}