:root{color-scheme:dark;--bg:#100d09;--panel:#1b150f;--raised:#241c13;--line:#4a3b27;--cream:#eee0c4;--muted:#bcad92;--brass:#d4b17a;--danger:#efb091;--green:#bbcb9b;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--cream);font-synthesis:none}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.58}a{color:var(--brass)}button,input,select,summary,a{outline-offset:5px}:focus-visible{outline:2px solid var(--brass)}h1,h2,h3,.brand{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.18}h1{font-size:clamp(32px,3.5vw,48px);margin:10px 0 16px}h2{font-size:27px;margin:0 0 14px}h3{font-size:23px;margin:0 0 12px}p{margin:0 0 16px}p:last-child{margin-bottom:0}.shell{max-width:1180px;margin:auto;padding:0 36px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:42px 0 31px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--brass);font-size:10px;font-weight:600;letter-spacing:.19em;margin:0 0 9px}.brand{display:block;font-size:49px;color:var(--cream);text-decoration:none;letter-spacing:-.04em}.tagline{color:var(--muted);font-family:Georgia,serif;font-size:17px;margin:10px 0 0}.account{display:flex;align-items:center;gap:18px;font-size:12px;color:var(--muted);min-width:0}.account span{overflow-wrap:anywhere}.quiet,.text-button{border:0;background:transparent;color:var(--brass);padding:8px 0;white-space:nowrap}.quiet:hover,.text-button:hover{text-decoration:underline}.primary{border:1px solid var(--brass);background:var(--brass);color:#21180c;border-radius:3px;padding:12px 20px;font-weight:600;min-height:46px}.primary:hover{background:#e7c594}.workspace-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin-bottom:42px}.workspace-bar nav{display:flex;gap:25px;min-width:0}.workspace-bar nav button{border:0;border-bottom:2px solid transparent;background:none;padding:18px 0 16px;color:var(--muted);font-size:14px}.workspace-bar nav button[aria-current=page]{color:var(--cream);border-color:var(--brass)}.sync{display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted)}.sync[data-state=error]{color:var(--danger)}.sync[data-state=saved]{color:var(--green)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.section-heading.compact{align-items:center;margin-top:38px;margin-bottom:19px}.section-heading h2{margin:0}.muted{color:var(--muted);font-size:12px}.section-heading>.muted{max-width:205px;text-align:right}.blocker{display:flex;align-items:flex-start;gap:17px;background:#281b13;border:1px solid #6c4830;border-radius:4px;padding:24px 26px;margin:28px 0}.blocker h2{font-size:25px;margin-bottom:9px}.blocker p:last-child{font-size:14px;max-width:850px;color:#d5bda2}.status-dot{flex:none;width:7px;height:7px;background:#df9e75;border-radius:50%;margin-top:6px}.counts{display:flex;flex-wrap:wrap;gap:30px;padding:4px 0 6px}.count{font-size:12px;color:var(--muted)}.count strong{font-family:Georgia,serif;color:var(--cream);font-size:27px;font-weight:400;margin-right:7px}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.media-grid.latest>.media-card:first-child{grid-column:1/-1}.media-card{min-width:0;margin:0;background:var(--panel);border:1px solid var(--line);border-radius:4px;overflow:hidden}.media-visual{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#0c0a07}.latest .media-card:first-child .media-visual{aspect-ratio:16/9;max-height:510px}.image-open{display:block;border:0;padding:0;width:100%;background:#0c0a07;position:relative}.image-open::after{content:"Förstora ↗";position:absolute;bottom:12px;right:12px;background:#100d09e8;border:1px solid var(--line);border-radius:3px;color:var(--cream);padding:5px 10px;font-size:11px}.media-copy{padding:20px 22px 23px}.media-copy .eyebrow{font-size:9px}.media-copy h3{font-size:25px}.media-copy p{font-size:13px;color:var(--muted);line-height:1.7}.media-error{color:var(--danger)!important;padding:10px 20px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project-card{border:1px solid var(--line);border-radius:4px;background:var(--panel);padding:23px;min-width:0}.project-card h3{font-size:24px}.work-label{color:var(--brass);font-size:11px;display:block;margin-bottom:13px}.project-card p{font-size:13px;color:var(--muted)}.readonly-label{display:block;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#a99c86;margin-bottom:6px}.next-step{border-top:1px solid var(--line);padding-top:15px;margin-top:17px}.next-step strong{color:var(--cream);font-weight:500}.project-card details{margin-top:17px}.project-card summary{font-size:12px;color:var(--brass);cursor:pointer}.milestones{margin:14px 0 0;font-size:12px}.milestones dt{color:var(--cream);margin-top:10px}.milestones dd{color:var(--muted);margin:1px 0 0}.project-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px}.project-action span{color:var(--muted)}.project-action button{font-size:12px}.activity-section{margin:45px 0 25px}.activity-list{padding:0;margin:0;list-style:none}.activity-list li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:16px 0;font-size:13px}.activity-list time{font-size:11px;color:var(--muted)}.activity-list p{margin:0}.activity-user{display:block;color:var(--muted);font-size:11px;margin-top:4px;overflow-wrap:anywhere}#older-activity{margin-top:14px}#older-activity summary{color:var(--brass);font-size:13px;cursor:pointer;margin-bottom:15px}.view-intro{max-width:650px;color:var(--muted);font-size:14px;margin-bottom:28px}.filters{display:flex;gap:8px;margin:25px 0}.filters button{background:transparent;border:1px solid var(--line);border-radius:3px;color:var(--muted);padding:8px 18px}.filters button[aria-pressed=true]{background:var(--raised);border-color:var(--brass);color:var(--cream)}.add-task{border:1px solid var(--line);background:var(--panel);border-radius:4px;padding:24px;margin:25px 0 36px}.add-task h2{font-size:23px}.form-fields{display:flex;align-items:flex-end;gap:14px}.form-fields>div{min-width:0;flex:1}.form-fields>.task-title-field{flex:1.5}.form-fields button{white-space:nowrap}label{display:block;font-size:12px;color:var(--muted);margin-bottom:7px}input:not([type=checkbox]),select{display:block;width:100%;min-height:46px;border:1px solid #615039;background:#100d09;color:var(--cream);border-radius:3px;padding:10px 12px}input::placeholder{color:#897d6b}input[type=checkbox]{accent-color:var(--brass);width:19px;height:19px;flex:none;margin:3px 0}.task-group{margin:30px 0}.task-group h2{font-size:26px}.task-group-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.task-group-heading span{font-size:12px;color:var(--muted)}.task-list{list-style:none;margin:15px 0;padding:0;border-top:1px solid var(--line)}.task-row{border-bottom:1px solid var(--line);margin:0}.task-row label{margin:0;padding:18px 4px;display:flex;align-items:flex-start;gap:14px;color:var(--cream);font-size:14px;cursor:pointer}.task-row.done label{color:var(--muted)}.task-row.done label span{text-decoration:line-through;text-decoration-color:#74664e}.task-next{font-size:12px;color:var(--muted);margin-top:-5px}.login-panel{max-width:460px;margin:65px auto 95px}.login-panel>p{color:var(--muted);font-size:14px}.login-panel>h1{margin:15px 0}.login-panel form{margin-top:30px}.login-panel input{margin-bottom:19px}.login-panel .primary{width:100%;margin-top:7px}#login-status,#setup-status,#task-form-status{font-size:13px;color:var(--danger);margin-top:13px}.notice{border:1px solid #85563b;color:#f3c1a0;background:#2b1d14;border-radius:4px;padding:15px 20px;margin:22px 0;overflow-wrap:anywhere;font-size:14px}.notice[data-kind=success]{border-color:#657146;color:var(--green);background:#1b2014}.loading{padding:50px 0;color:var(--muted)}.empty{color:var(--muted);font-size:14px;padding:25px 0}.skip-link{position:fixed;top:-100px;left:15px;z-index:10;background:var(--cream);color:var(--bg);padding:10px 20px}.skip-link:focus{top:10px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:25px 0 40px;margin-top:65px;font-size:11px;color:var(--muted)}dialog{background:var(--panel);border:1px solid #78603e;color:var(--cream);border-radius:5px;max-width:min(1180px,95vw);width:95vw;max-height:94dvh;padding:20px;overflow:auto}dialog::backdrop{background:#070604e8}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px}.dialog-heading h2{margin:0;font-size:25px}.dialog-heading button{background:var(--raised);border:1px solid var(--line);border-radius:3px;padding:8px 14px;white-space:nowrap}dialog img{display:block;width:100%;height:auto;object-fit:contain}dialog>p{color:var(--muted);font-size:13px;margin:15px 0 0}main:focus{outline:none}
@media(min-width:1300px){.shell{padding:0 28px}}
@media(max-width:760px){.shell{padding:0 20px}.masthead{padding:27px 0 24px;align-items:flex-start;flex-direction:column;gap:17px}.brand{font-size:44px}.eyebrow{font-size:9px}.account{width:100%;justify-content:space-between}.workspace-bar{flex-wrap:wrap;gap:0;margin-bottom:30px}.workspace-bar nav{gap:27px;width:100%}.workspace-bar nav button{font-size:14px}.sync{width:100%;justify-content:space-between;border-top:1px solid #32291e;padding:5px 0;font-size:11px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px}.section-heading>.muted{text-align:left;max-width:none}.section-heading.compact{flex-direction:row;align-items:center;gap:12px;margin-top:31px}.section-heading.compact>.muted{font-size:10px}.section-heading.compact h2{font-size:26px}.blocker{padding:20px 18px;margin:22px 0;gap:12px}.blocker h2{font-size:23px}.blocker p:last-child{font-size:13px}.counts{gap:19px}.count{font-size:11px}.count strong{font-size:25px}.media-grid,.project-grid{grid-template-columns:minmax(0,1fr);gap:19px}.latest .media-card:first-child .media-visual{aspect-ratio:4/3}.media-copy{padding:18px}.media-copy h3{font-size:24px}.project-card{padding:20px}.form-fields{flex-direction:column;align-items:stretch}.form-fields>div{width:100%}.add-task{padding:20px}.activity-list li{grid-template-columns:minmax(0,1fr);gap:4px}.activity-list time{font-size:10px}.task-group h2{font-size:24px}.task-group-heading{align-items:flex-start}.task-group-heading span{white-space:nowrap;margin-top:5px}footer{flex-direction:column;gap:7px;margin-top:45px}dialog{padding:13px}.dialog-heading h2{font-size:21px}.dialog-heading button{font-size:12px}.login-panel{margin:42px 0 70px}}
@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .15s,color .15s,border-color .15s}}