@import"https://fonts.googleapis.com/css2?family=Alan+Sans:wght@300..900&display=swap";@layer reset,tokens,base,layout,components;@layer reset{*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;color-scheme:light dark;tab-size:2;word-break:break-word;interpolate-size:allow-keywords;scroll-behavior:smooth}html,body{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh}h1,h2,h3,h4,h5,h6{text-wrap:balance}img,video,iframe,picture{max-inline-size:100%;block-size:auto;display:block;border-style:none}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:5lh}:target{scroll-margin-block:5ex}p,li,dd{text-wrap:pretty}svg{fill:currentColor}[aria-disabled=true i],[disabled]{cursor:not-allowed}[hidden]{display:none!important}[disabled],label:has(input[disabled]){opacity:.5}:is([disabled],label:has(input[disabled])) [disabled]{opacity:1}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media(prefers-reduced-motion:no-preference){@view-transition{navigation:auto}html{interpolate-size:allow-keywords;scroll-behavior:smooth}}}@layer tokens{:root{--space-3xs: clamp(.25rem, .1964rem + .1786vw, .375rem);--space-2xs: clamp(.5rem, .3929rem + .3571vw, .75rem);--space-xs: clamp(.75rem, .5893rem + .5357vw, 1.125rem);--space-s: clamp(1rem, .7857rem + .7143vw, 1.5rem);--space-m: clamp(1.5rem, 1.1786rem + 1.0714vw, 2.25rem);--space-l: clamp(2rem, 1.5714rem + 1.4286vw, 3rem);--space-xl: clamp(2.5rem, 1.9643rem + 1.7857vw, 3.75rem);--space-2xl: clamp(3rem, 2.3571rem + 2.1429vw, 4.5rem);--space-3xl: clamp(4rem, 3.1429rem + 2.8571vw, 6rem);--space-4xl: clamp(5rem, 3.9286rem + 3.5714vw, 7.5rem);--space-3xs-2xs: clamp(.25rem, .0357rem + .7143vw, .75rem);--space-2xs-xs: clamp(.5rem, .2321rem + .8929vw, 1.125rem);--space-xs-s: clamp(.75rem, .4286rem + 1.0714vw, 1.5rem);--space-s-m: clamp(1rem, .4643rem + 1.7857vw, 2.25rem);--space-m-l: clamp(1.5rem, .8571rem + 2.1429vw, 3rem);--space-l-xl: clamp(2rem, 1.25rem + 2.5vw, 3.75rem);--space-xl-2xl: clamp(2.5rem, 1.6429rem + 2.8571vw, 4.5rem);--space-2xl-3xl: clamp(3rem, 1.7143rem + 4.2857vw, 6rem);--space-3xl-4xl: clamp(4rem, 2.5rem + 5vw, 7.5rem);--space-3xs-xs: clamp(.25rem, -.125rem + 1.25vw, 1.125rem);--space-2xs-s: clamp(.5rem, .0714rem + 1.4286vw, 1.5rem);--space-xs-m: clamp(.75rem, .1071rem + 2.1429vw, 2.25rem);--space-s-l: clamp(1rem, .1429rem + 2.8571vw, 3rem);--space-m-xl: clamp(1.5rem, .5357rem + 3.2143vw, 3.75rem);--space-l-2xl: clamp(2rem, .9286rem + 3.5714vw, 4.5rem);--space-xl-3xl: clamp(2.5rem, 1rem + 5vw, 6rem);--space-2xl-4xl: clamp(3rem, 1.0714rem + 6.4286vw, 7.5rem);--alan-sans: "Alan Sans", sans-serif;--text-font-family: var(--alan-sans);--root-font-size: 16px;--root-line-height: 1.5;--step--2: clamp(.64rem, .5029rem + .4571vw, .96rem);--step--1: clamp(.8rem, .6286rem + .5714vw, 1.2rem);--step-0: clamp(1rem, .7857rem + .7143vw, 1.5rem);--step-1: clamp(1.25rem, .9821rem + .8929vw, 1.875rem);--step-2: clamp(1.5625rem, 1.2277rem + 1.1161vw, 2.3438rem);--step-3: clamp(1.9531rem, 1.5346rem + 1.3951vw, 2.9297rem);--step-4: clamp(2.4414rem, 1.9182rem + 1.7439vw, 3.6621rem);--step-5: clamp(3.0518rem, 2.3978rem + 2.1798vw, 4.5776rem);--step-6: clamp(3.8147rem, 2.9973rem + 2.7248vw, 5.722rem);--step-7: clamp(4.7684rem, 3.7466rem + 3.406vw, 7.1526rem);--site-background-color: #000;--site-text-color: hsl(from var(--site-background-color) h s 80%);--emphasized-text-color: white;--backlog-list-background: var(--site-background-color);--backlog-card-background: #4361ee;--worklist-list-background: #0d1b2a;--worklist-card-background: #00838F;--input-marking: #ffb703;--submit-button-background: var(--worklist-card-background);--secondary-button-background: #D73B14}}@layer base{html{font-family:var(--text-font-family);font-size:var(--root-font-size);line-height:var(--root-line-height);scrollbar-gutter:stable;scroll-behavior:smooth}body{background-color:var(--site-background-color);color:var(--site-text-color)}*{text-shadow:1px 1px 0 rgb(0 0 0 / 40%)}svg{filter:drop-shadow(1px 1px 0 rgb(0 0 0 / 40%))}.intro{font-size:var(--step-0)}.intro h1{font-size:var(--step-3);color:var(--emphasized-text-color);text-align:center}.intro>*+*{margin-block-start:1.5em}.form-section{background-color:var(--worklist-list-background);margin-block-start:var(--space-m);padding:var(--space-s);border-radius:var(--space-s);border:1px solid hsl(from var(--worklist-list-background) h s calc(l + 12));font-size:var(--step-0)}.form-section>*+*{margin-block-start:1.5em}input{background:transparent;border:2px solid rgb(0 0 0 / 0%);border-bottom-color:var(--input-marking);font:inherit;color:var(--site-text-color);display:inline-block;text-align:center;font-size:var(--step-0);padding:.33em}input::placeholder{font-family:var(--text-font-family);color:rgb(from var(--site-text-color) r g b / 60%)}input:focus-visible{border:2px solid var(--input-marking);outline:none}input+label{margin-block-start:var(--space-l)}label{font-size:var(--step--1);display:block}label+input{margin-block-start:.25em}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--emphasized-text-color)}hr{border:none;height:2px;background-color:#ffffff1a;margin-block:var(--space-m)}strong{color:var(--emphasized-text-color)}details:hover summary{color:var(--emphasized-text-color);cursor:pointer}p{max-inline-size:50ch}}@layer layout{.container{display:grid;align-content:start;grid-template-columns:[full-width-start] 1fr [content-start] min(60ch,calc(100% - 1rem)) [content-end] 1fr [full-width-end];margin-inline:auto;gap:0;inline-size:100%;block-size:100vh;padding-block:2rem;overflow-y:auto;scrollbar-gutter:stable}.container>*{grid-column:content}.container>*+*{margin-block-start:1.5em}}@layer layout{.work-layout{display:grid;grid-template-columns:1.5fr minmax(32ch,1fr) minmax(32ch,1fr);block-size:100vh;inline-size:100vw;overflow-x:scroll;scrollbar-gutter:stable;scroll-snap-type:x mandatory;scroll-snap-stop:always}.work-layout>*{scroll-snap-align:start;scroll-snap-stop:always}@media not (min-width:60rem){.work-layout{grid-template-columns:50vw 50vw 50vw}}@media not (min-width:40rem){.work-layout{grid-template-columns:100vw 100vw 100vw}}.scroll-left-button,.scroll-right-button{position:absolute;inset-block-start:var(--space-s);background:none;border:none;color:#ff69b4;font-size:var(--step-1)}:is(.scroll-left-button,.scroll-right-button):hover{color:hsl(from hotpink h s calc(l + 15))}.scroll-left-button{inset-inline-start:var(--space-xs)}.scroll-right-button{inset-inline-end:var(--space-xs)}}@layer layout{.timer-layout{inline-size:100vw;block-size:100vh;display:grid;justify-content:center;align-items:center;color:var(--emphasized-text-color);background-color:#ff999c;background-image:radial-gradient(at 64% 87%,hsla(12,94%,72%,1) 0px,transparent 50%),radial-gradient(at 38% 8%,hsla(213,90%,72%,1) 0px,transparent 50%),radial-gradient(at 88% 67%,hsla(331,86%,61%,1) 0px,transparent 50%),radial-gradient(at 85% 97%,hsla(250,83%,67%,1) 0px,transparent 50%),radial-gradient(at 46% 92%,hsla(238,81%,66%,1) 0px,transparent 50%),radial-gradient(at 89% 9%,hsla(327,66%,68%,1) 0px,transparent 50%)}.timer-layout>.timer-layout-inner{inline-size:min(calc(100vw - var(--space-2xl)),120ch);block-size:min(calc(100vh - var(--space-2xl)),80ch);text-align:center;box-shadow:0 var(--space-xs) var(--space-s) #00000014,0 var(--space-m) var(--space-l) #0000003d;-webkit-backdrop-filter:blur(10em) brightness(60%) saturate(120%);backdrop-filter:blur(10em) brightness(60%) saturate(120%);padding:var(--space-s);border-radius:var(--space-s);border:5px solid rgb(0 0 0 / 4%);display:grid;grid-template-rows:max-content 1fr max-content}@media(orientation:portrait){.timer-layout>.timer-layout-inner{inline-size:calc(100vw - 1rem);block-size:calc(100vh - 1rem);padding:var(--space-4xl) var(--space-m)}}.timer-layout .timer-box-main{display:grid;place-items:center}.timer-layout .timer-box-main>div{inline-size:80%}.timer-layout .timer-box-header{display:flex;justify-content:flex-start;align-items:center}.timer-layout .timer-title-eyebrow{display:block;min-inline-size:100%;text-align:center;font-size:var(--step-0);margin:0}.timer-layout .timer-title{font-size:var(--step-3);margin:0;text-align:center;display:block;inline-size:100%;line-height:1.2;text-wrap:balance;font-weight:600}.timer-layout .timer-holder{margin-block-start:var(--space-xl);border:2px solid rgb(255 255 255 / 20%);padding:var(--space-s);border-radius:var(--space-m);box-shadow:inset 0 0 1px 1px #0003}.timer-layout .timer-holder>*+*{margin-block-start:var(--space-xs)}.timer-layout .timer-remaining{font-size:var(--step-7);font-weight:700;margin:0;font-feature-settings:"tnum" 1}@media(orientation:portrait){.timer-layout .timer-remaining{font-size:var(--step-6)}}.timer-layout .timer-box-footer{display:flex;justify-content:center;align-items:center}.timer-layout .timer-box-footer-text{font-size:var(--step-0);text-align:center;display:block;inline-size:100%;margin:0}@media(orientation:portrait){.timer-layout .timer-box-footer-text{font-size:var(--step-1)}}}@layer components{.button{display:inline-block;border-radius:100vmax;border:none;cursor:pointer;padding:.75em 1em;line-height:1;color:#fff;font-size:var(--step-0);text-decoration:none;transition:background-color ease-out .12s;color:var(--emphasized-text-color)}.button.primary-button{--button-background-color: var(--submit-button-background);background-color:var(--button-background-color);background-image:linear-gradient(to bottom,var(--button-background-color) 0%,hsl(from var(--button-background-color) h s calc(l + 6)) 42%,hsl(from var(--button-background-color) h s calc(l + 6)) 48%,var(--button-background-color) 100%)}.button.primary-button:hover{--button-background-color: hsl(from var(--submit-button-background) h s calc(l + 5) )}.button.secondary-button{--button-background-color: var(--secondary-button-background);background-color:var(--button-background-color);background-image:linear-gradient(to bottom,var(--button-background-color) 0%,hsl(from var(--button-background-color) h s calc(l + 6)) 42%,hsl(from var(--button-background-color) h s calc(l + 6)) 48%,var(--button-background-color) 100%)}.button.secondary-button:hover{--button-background-color: hsl(from var(--secondary-button-background) h s calc(l + 5) )}.button.ghost-button{background:transparent;font-size:var(--step-0);text-decoration:none;line-height:1;border-radius:100vmax;text-align:center;padding:.75em 1em;transition:background-color ease-out .12s}.button.ghost-button:hover{background-color:#ffffff1a}.button.large-button{font-size:var(--step-1)}.button.small-button{font-size:var(--step--1)}.button.block-button{display:block;inline-size:100%;text-align:center}.button.icon-button{display:inline-flex;justify-content:center;align-items:center;gap:.5em}}@layer components{.dialog{background-color:var(--worklist-list-background);border-radius:var(--space-m);border:1px solid hsl(from var(--worklist-list-background) h s calc(l + 12));padding:var(--space-s);inline-size:min(calc(100vw - var(--space-s)),64rem);block-size:min(calc(100vh - var(--space-s)),48rem);color:inherit}.dialog::backdrop{background-color:var(--site-background-color)}.dialog:not(:open){display:none}.close-dialog-button{position:absolute;inset-block-start:.2em;inset-inline-end:.2em;background:transparent;border:none;font-size:var(--step-2);color:#ffffffb3;cursor:pointer;transition:color .2s ease-out;line-height:0;padding:0}.close-dialog-button:hover{color:#fff}.dialog-inner-container{display:grid;grid-template-columns:100%;grid-template-rows:max-content 1fr max-content;block-size:100%}.dialog-header{padding-block-end:1em;border-block-end:1px solid hsl(from var(--worklist-list-background) h s calc(l + 12))}.dialog-title{font-size:var(--step-1)}.dialog-content{font-size:var(--step-0);overflow-y:auto;scrollbar-gutter:stable;padding-block:var(--space-s)}.dialog-footer{display:flex;justify-content:flex-end;align-items:center;padding-block-start:1em;border-block-start:1px solid hsl(from var(--worklist-list-background) h s calc(l + 12));gap:1em}}@layer components{.backlog-section,.worklist-section{padding:var(--space-xs);block-size:100%;display:grid;grid-template-rows:max-content 1fr;gap:var(--space-s);overflow-y:auto}.backlog-section{border-inline-start:1px solid hsl(from var(--backlog-list-background) h s calc(l + 12));border-inline-end:1px solid hsl(from var(--worklist-list-background) h s calc(l + 12));background-color:var(--backlog-list-background);background-image:linear-gradient(to right,var(--backlog-list-background) 0%,var(--backlog-list-background) calc(100% - 3rem),hsl(from var(--backlog-list-background) h s calc(l - 1.5)) 100%)}@media(orientation:portrait){.backlog-section{border:none}}.worklist-section{background-color:var(--worklist-list-background)}.worklist-section.worklist-section-ready{grid-template-rows:max-content 1fr max-content}}@layer components{.backlog-list,.worklist-list{list-style:none;margin:0;padding:0;block-size:100%;overflow-y:auto}:is(.backlog-list,.worklist-list)>li+li{margin-block-start:1em}:is(.backlog-list,.worklist-list) li{border-radius:var(--space-3xs);display:grid;grid-template-columns:2.5em minmax(0,1fr) 2.5em;gap:0;overflow:hidden;border:1px solid hsl(from var(--card-background) h s calc(l + 8));color:var(--emphasized-text-color)}:is(.backlog-list,.worklist-list) li.item-placeholder{--card-background: hotpink;background-image:none;box-shadow:0 0 8px 4px #ff69b4}:is(.backlog-list,.worklist-list) li>.task-change-priority{display:flex;justify-content:center;align-items:center;cursor:grab}:is(.backlog-list,.worklist-list) li>.task-change-priority:active{cursor:grabbing}:is(.backlog-list,.worklist-list) li>.task-description{padding:var(--space-xs) var(--space-2xs);border-right:2px solid hsl(from var(--card-background) h s calc(l - 4))}:is(.backlog-list,.worklist-list) li>.task-switch-list{border-left:1px solid hsl(from var(--card-background) h s calc(l + 8))}:is(.backlog-list,.worklist-list) li button{background:transparent;color:inherit;border:0;border-radius:0;inline-size:100%;padding:0;transition:background-color ease-out .12s}:is(.backlog-list,.worklist-list) li button:hover{background-color:hsl(from var(--card-background) h s calc(l + 8))}:is(.backlog-list,.worklist-list) li button.delete-button{display:inline-flex;justify-content:center;align-items:center;gap:.5em;inline-size:auto;cursor:pointer;font-size:var(--step--1)}:is(.backlog-list,.worklist-list) li button.delete-button:hover{background:transparent;border-bottom:2px solid currentColor}.backlog-list li{--card-background: var(--backlog-card-background);background-color:var(--card-background)}.worklist-list li{--card-background: var(--worklist-card-background);background-color:var(--card-background)}.worklist-title,.backlog-title{text-align:center}.task-title{font-size:var(--step-0);font-weight:600;margin:0;line-height:1.1}@media not (min-width:60rem){.task-title{font-size:var(--step-1)}}.task-duration{font-size:var(--step--1);display:block;margin-block-end:1em}@media not (min-width:60rem){.task-duration{font-size:var(--step-0)}}.worklist-list-empty,.backlog-list-empty{display:grid;justify-content:center;align-items:center}:is(.worklist-list-empty,.backlog-list-empty):before{display:block;content:"Oi, her var det tomt! Kanskje du kan legge til en oppgave?";font-size:var(--step-0);text-align:center;color:#ffffff7f}}