@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: #130d1f;--site-text-color: hsl(from var(--site-background-color) h s 95%);--backlog-list-background: var(--site-background-color);--backlog-card-background: hsl(from var(--backlog-list-background) h s calc(l + 15) );--worklist-list-background: #023e8a;--worklist-card-background: hsl(from var(--worklist-list-background) h s calc(l + 10) );--input-marking: #ffc971;--submit-button-background: var(--worklist-card-background);--secondary-button-background: rgb(200, 107, 7)}}@layer base{html{font-family:var(--text-font-family);font-size:var(--root-font-size);line-height:var(--root-line-height)}body{background-color:var(--site-background-color);color:var(--site-text-color);text-shadow:1px 1px 0 rgb(0 0 0 / 33%)}.intro-title{font-size:var(--step-3);font-weight:700}.intro-text{font-size:var(--step-0)}.intro-input{background:transparent;border:0;border-bottom:2px solid var(--input-marking);font:inherit;color:var(--site-text-color);display:inline-block;text-align:center;font-size:var(--step-0)}.intro-input::placeholder{font-family:var(--text-font-family);color:rgb(from var(--site-text-color) r g b / 60%)}h1,h2,h3,h4{margin:0;font-weight:600}hr{border:none;height:2px;background-color:#ffffff1a;margin-block:var(--space-m)}}@layer layout{.container{display:grid;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;width:100%;padding-block:2rem;background-image:linear-gradient(to right,var(--site-background-color) 0%,var(--site-background-color) calc(100% - 3rem),hsl(from var(--site-background-color) h s calc(l - 1.5)) 100%);border-right:1px solid hsl(from var(--site-background-color) h s calc(l + 12))}.container>*{grid-column:content}}@layer layout{.work-layout{display:grid;grid-template-columns:1.5fr minmax(40ch,1fr) minmax(40ch,1fr);block-size:100vh}}@layer layout{.timer-layout{inline-size:100vw;block-size:100vh;display:grid;justify-content:center;align-items:center;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:80vw;block-size:80vh;text-align:center;background-color:#00000054;box-shadow:0 var(--space-xs) var(--space-s) #00000014,0 var(--space-m) var(--space-l) #0000003d;-webkit-backdrop-filter:blur(10em);backdrop-filter:blur(10em);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}.timer-layout .timer-box-main{display:grid;justify-content:center;align-items:center}.timer-layout .timer-box-main>div>*+*{margin-block-start:1em}.timer-layout .timer-box-header{display:grid;align-items:center;grid-template-columns:16ch 1fr 16ch}.timer-layout .timer-title{font-size:var(--step-3);margin:0;text-align:center;display:block;inline-size:100%;line-height:1.1}.timer-layout .timer-navigation-button{color:var(--site-text-color);font-size:var(--step-0);text-decoration:none;line-height:1;border-radius:100vmax;display:block;text-align:center;padding:.75em 1em;transition:background-color ease-out .12s}.timer-layout .timer-navigation-button:hover{background-color:#ffffff1a}.timer-layout .timer-remaining{font-size:var(--step-7);font-weight:700;margin:0;font-feature-settings:"tnum" 1}.timer-layout .timer-box-footer-text{font-size:var(--step-0);text-wrap:balance;margin:0}}@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}.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;color:var(--site-text-color);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.block-button{display:block;inline-size:100%;text-align:center}}@layer components{.backlog-section,.worklist-section{padding:var(--space-xs);block-size:100vh;display:grid;grid-template-rows:max-content 1fr;gap:var(--space-s)}.backlog-section{background-color:var(--backlog-list-background)}.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}:is(.backlog-list,.worklist-list)>li+li{margin-block-start:1em}:is(.backlog-list,.worklist-list) li{border-radius:var(--space-3xs);box-shadow:0 .1em #0000004d,0 .3em .5em #00000026;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 + 10))}:is(.backlog-list,.worklist-list) li>.task-change-priority{display:grid;grid-template-rows:1fr 1fr;border-right:2px solid hsl(from var(--card-background) h s calc(l - 6));font-size:1.25em;line-height:1}:is(.backlog-list,.worklist-list) li>.task-change-priority>:first-child{border-bottom:2px solid hsl(from var(--card-background) h s calc(l - 6))}:is(.backlog-list,.worklist-list) li>.task-change-priority>:last-child{border-top:1px solid hsl(from var(--card-background) h s calc(l + 16))}:is(.backlog-list,.worklist-list) li>.task-description{padding:var(--space-2xs);border-right:2px solid hsl(from var(--card-background) h s calc(l - 6));border-left:1px solid hsl(from var(--card-background) h s calc(l + 16));cursor:grab}:is(.backlog-list,.worklist-list) li>.task-description:active{cursor:grabbing}:is(.backlog-list,.worklist-list) li>.task-switch-list{border-left:1px solid hsl(from var(--card-background) h s calc(l + 16))}: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 + 10))}:is(.backlog-list,.worklist-list) li button.delete-button{display:inline-block;text-decoration:underline;inline-size:auto;cursor:pointer}.backlog-list li{--card-background: var(--backlog-card-background);background-color:var(--card-background);background-image:linear-gradient(to bottom,var(--card-background) 0%,hsl(from var(--card-background) h s calc(l + 4)) 42%,hsl(from var(--card-background) h s calc(l + 4)) 48%,var(--card-background) 100%)}.worklist-list li{--card-background: var(--worklist-card-background);background-color:var(--card-background);background-image:linear-gradient(to bottom,var(--card-background) 0%,hsl(from var(--card-background) h s calc(l + 4)) 42%,hsl(from var(--card-background) h s calc(l + 4)) 48%,var(--card-background) 100%)}.worklist-title,.backlog-title{text-align:center}.task-title{font-size:var(--step-0);font-weight:600;margin:0}.task-duration{font-size:var(--step--1);display:block}.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}}