:root{color-scheme:dark;--bg: rgb(28, 28, 30);--bg-raised: rgb(38, 38, 41);--text: rgb(232, 232, 235);--text-dim: rgb(130, 130, 138);--line: rgba(255, 255, 255, .08);--line-strong: rgba(255, 255, 255, .14);--bg-hover: rgba(255, 255, 255, .05);--accent: rgb(96, 156, 255);--klart: rgb(96, 200, 120);--fel: rgb(255, 105, 97);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--radius: 10px}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg: rgb(250, 250, 252);--bg-raised: rgb(255, 255, 255);--text: rgb(28, 28, 30);--text-dim: rgb(103, 103, 111);--line: rgba(0, 0, 0, .09);--line-strong: rgba(0, 0, 0, .16);--bg-hover: rgba(0, 0, 0, .055);--accent: rgb(28, 110, 235);--klart: rgb(38, 152, 70);--fel: rgb(214, 52, 52)}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}main{padding:calc(env(safe-area-inset-top) + 20px) calc(env(safe-area-inset-right) + 16px) calc(env(safe-area-inset-bottom) + 20px) calc(env(safe-area-inset-left) + 16px);max-width:640px;margin:0 auto;display:flex;flex-direction:column;gap:14px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.marke{display:flex;align-items:center;gap:8px;min-width:0}.marke img{display:block;flex:none}.ordmarke{font-size:17px;font-weight:600;letter-spacing:-.01em}.anvandarbox{display:flex;align-items:center;gap:8px;min-width:0}.raknare{flex:none;min-width:22px;padding:2px 7px;border-radius:999px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;background:var(--bg-raised);border:1px solid var(--line-strong);color:var(--text-dim)}.raknare[data-ton=varning]{background:color-mix(in srgb,var(--fel) 16%,transparent);border-color:color-mix(in srgb,var(--fel) 45%,transparent);color:var(--fel)}.kontovard{position:relative;min-width:0}.kontobutton{display:flex;align-items:center;gap:8px;min-width:0;min-height:34px;padding:3px 8px 3px 3px;background:transparent;border:0;border-radius:999px;color:var(--text);font-size:14px;font-weight:600}.kontobutton:hover,.kontobutton[aria-expanded=true]{background:var(--bg-raised)}.fornamn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover}.initialer{display:inline-flex;align-items:center;justify-content:center;background:var(--bg-raised);border:1px solid var(--line-strong);color:var(--text-dim);font-size:11px;font-weight:600;letter-spacing:.02em}.kontomeny{position:absolute;top:calc(100% + 6px);right:0;z-index:10;min-width:140px;padding:4px;background:var(--bg-raised);border:1px solid var(--line-strong);border-radius:10px;box-shadow:0 10px 28px #00000047}.kontomeny button{width:100%;min-height:40px;padding:8px 10px;background:transparent;border:0;border-radius:7px;color:var(--text);font-size:15px;font-weight:400;text-align:left}.kontomeny button:hover{background:var(--bg-hover, rgba(127, 127, 127, .12))}.kontoknapp{flex:none;min-height:34px;padding:6px 12px;font-size:14px;font-weight:600;background:transparent;color:var(--accent);border:1px solid var(--line-strong);border-radius:8px}form{display:flex;flex-direction:column;gap:12px}textarea{width:100%;resize:none;min-height:34dvh;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--bg-raised);color:var(--text);font-family:inherit;font-size:16px;line-height:1.45}textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}textarea:disabled{background:transparent;border-style:dashed;color:var(--text-dim);cursor:not-allowed}button{font-family:inherit;font-size:16px;font-weight:600;padding:14px 18px;border:0;border-radius:var(--radius);background:var(--accent);color:#fff;min-height:48px;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{background:var(--bg-raised);color:var(--text-dim);border:1px solid var(--line);cursor:default}#paminn{background:transparent;border:1px solid var(--line-strong);color:var(--text-dim);font-weight:400;font-size:14px;min-height:40px}#status{margin:0;min-height:1.45em;font-size:14px;color:var(--text-dim);transition:color .12s ease}#status[data-ton=klart]{color:var(--klart)}#status[data-ton=fel]{color:var(--fel)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}