:root{--bg: 10 21 37;--bg-2: 13 26 40;--surface: 17 32 50;--surface-2: 23 41 62;--stage: 5 11 20;--text: 245 241 235;--muted: 168 163 157;--subtle: 128 136 148;--cream: 240 219 180;--cream-hi: 254 228 195;--on-cream: 13 26 40;--line: 255 255 255;--green: 74 222 128;--amber: 251 191 36;--red: 248 113 113;--r-sm: 8px;--r: 12px;--r-lg: 18px;--ease: cubic-bezier(.22, 1, .36, 1);--font: "DM Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono: "Space Mono", ui-monospace, "SF Mono", monospace;--gutter: 16px;color-scheme:dark}@media (min-width: 768px){:root{--gutter: 32px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:rgb(var(--bg));color:rgb(var(--text));font:300 16px/1.6 var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(900px 520px at 92% -8%,rgb(var(--cream) / .07),transparent 70%),radial-gradient(700px 420px at -10% 110%,rgb(var(--cream) / .035),transparent 70%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}a{color:rgb(var(--cream));text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:2px solid rgb(var(--cream));outline-offset:3px;border-radius:6px}::selection{background:rgb(var(--cream) / .3)}.label{font:400 11px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--muted))}.label--cream{color:rgb(var(--cream))}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.muted{color:rgb(var(--muted))}.subtle{color:rgb(var(--subtle))}.display{font-weight:300;letter-spacing:-.025em;line-height:1.04;font-size:clamp(34px,6.4vw,64px)}.h2{font-weight:400;font-size:22px;letter-spacing:-.01em;line-height:1.25}.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 var(--gutter)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(18px + env(safe-area-inset-top)) var(--gutter) 18px;max-width:1240px;margin:0 auto}.logo{display:block;height:19px;width:auto;color:rgb(var(--cream-hi))}.logo svg{height:100%;width:auto;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid transparent;font-weight:500;font-size:15px;letter-spacing:.005em;white-space:nowrap;transition:transform .12s var(--ease),background-color .16s var(--ease),border-color .16s var(--ease),opacity .16s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn--primary{background:rgb(var(--cream));color:rgb(var(--on-cream))}.btn--primary:hover:not(:disabled){background:rgb(var(--cream-hi))}.btn--ghost{background:rgb(var(--line) / .04);border-color:rgb(var(--line) / .12);color:rgb(var(--text))}.btn--ghost:hover:not(:disabled){background:rgb(var(--line) / .08);border-color:rgb(var(--line) / .2)}.btn--quiet{background:none;color:rgb(var(--muted));padding:0 10px;min-height:40px}.btn--quiet:hover:not(:disabled){color:rgb(var(--text))}.btn--sm{min-height:36px;padding:0 14px;font-size:14px}.btn--block{width:100%}.iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:999px;background:none;border:1px solid transparent;color:rgb(var(--text));transition:background-color .14s var(--ease),transform .1s var(--ease)}.iconbtn:hover{background:rgb(var(--line) / .08)}.iconbtn:active{transform:scale(.94)}.iconbtn svg{width:20px;height:20px}.pill{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px 0 9px;border-radius:999px;font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:rgb(var(--bg) / .72);border:1px solid rgb(var(--line) / .12);color:rgb(var(--text));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.pill i{width:7px;height:7px;border-radius:99px;background:rgb(var(--subtle));flex:none}.pill--godkendt i{background:rgb(var(--green));box-shadow:0 0 0 3px rgb(var(--green) / .18)}.pill--rettelser i{background:rgb(var(--amber));box-shadow:0 0 0 3px rgb(var(--amber) / .18)}.pill--afventer i{background:rgb(var(--cream))}.hero{padding:28px 0 8px;display:grid;gap:18px}@media (min-width: 768px){.hero{padding:56px 0 12px;gap:22px}}.hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}.progress{position:relative;height:3px;border-radius:9px;background:rgb(var(--line) / .1);overflow:hidden;width:min(100%,420px)}.progress>span{position:absolute;inset:0 auto 0 0;background:rgb(var(--cream));border-radius:inherit;transform-origin:left;transition:transform .6s var(--ease)}.lead{max-width:58ch;color:rgb(var(--muted));font-size:16px}.lead b{font-weight:500;color:rgb(var(--text))}.grid{display:grid;gap:22px 14px;grid-template-columns:repeat(2,minmax(0,1fr));padding:28px 0 80px}@media (min-width: 720px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 20px}}@media (min-width: 1040px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1240px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.card{display:grid;gap:12px;text-align:left;background:none;border:0;padding:0;color:inherit}.card__poster{position:relative;aspect-ratio:9 / 16;border-radius:var(--r-lg);overflow:hidden;background:rgb(var(--surface));border:1px solid rgb(var(--line) / .07);transition:transform .26s var(--ease),border-color .2s var(--ease),box-shadow .26s var(--ease)}.card__poster img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:transform .6s var(--ease),opacity .4s var(--ease)}.card__poster img.ind{opacity:1}.card__poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(var(--stage) / .75),transparent 38%)}.card:hover .card__poster{transform:translateY(-3px);border-color:rgb(var(--cream) / .35);box-shadow:0 18px 40px -18px #000000b3}.card:hover .card__poster img{transform:scale(1.03)}.card__top{position:absolute;top:10px;left:10px;right:10px;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.card__bottom{position:absolute;left:12px;right:12px;bottom:11px;z-index:2;display:flex;justify-content:space-between;align-items:center}.card__play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;z-index:2;width:54px;height:54px;border-radius:99px;display:grid;place-items:center;background:rgb(var(--cream) / .92);color:rgb(var(--on-cream));opacity:0;transform:scale(.9);transition:opacity .2s var(--ease),transform .26s var(--ease)}.card:hover .card__play,.card:focus-visible .card__play{opacity:1;transform:scale(1)}.card__title{font-size:15px;font-weight:400;line-height:1.35;letter-spacing:-.005em}.card__sub{margin-top:3px;display:flex;gap:10px}.vtag{font:700 10px/1 var(--mono);letter-spacing:.06em;padding:5px 7px;border-radius:6px;background:rgb(var(--cream));color:rgb(var(--on-cream))}.vv{display:grid;gap:0;padding-bottom:calc(96px + env(safe-area-inset-bottom))}@media (min-width: 980px){.vv{grid-template-columns:auto minmax(340px,440px);justify-content:center;gap:56px;padding-bottom:48px;align-items:start}}.player{width:fit-content;max-width:100%;margin:0 auto}@media (min-width: 980px){.player{position:sticky;top:20px;margin:0}}.vv__nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0 14px}.vv__navright{display:flex;align-items:center;gap:2px}.stage{position:relative;background:rgb(var(--stage));border-radius:var(--r-lg);border:1px solid rgb(var(--line) / .06);overflow:hidden;display:grid;place-items:center;height:min(62dvh,720px);aspect-ratio:var(--ar, 9 / 16);width:auto;max-width:100%;box-shadow:0 30px 80px -40px #000c}@media (min-width: 980px){.stage{height:calc(100dvh - 250px);min-height:440px;max-height:1000px}}.stage video{width:100%;height:100%;object-fit:contain;display:block;background:transparent}.stage__big{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:72px;height:72px;border-radius:99px;border:0;display:grid;place-items:center;background:rgb(var(--cream) / .94);color:rgb(var(--on-cream));box-shadow:0 10px 40px -8px #0009;transition:opacity .18s var(--ease),transform .2s var(--ease)}.stage__big[hidden]{display:none}.stage__big:active{transform:scale(.95)}.stage__spinner{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:34px;height:34px;border-radius:99px;border:2px solid rgb(var(--line) / .15);border-top-color:rgb(var(--cream));animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.controls{display:grid;gap:6px;padding:12px 2px 0}.controls__row{display:flex;align-items:center;gap:6px}.controls__time{font:400 13px/1 var(--mono);color:rgb(var(--muted));font-feature-settings:"tnum";margin-left:4px}.controls__time b{color:rgb(var(--text));font-weight:400}.controls__spacer{flex:1}.scrub{position:relative;height:34px;cursor:pointer;touch-action:none}.scrub__track{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;border-radius:9px;background:rgb(var(--line) / .12);overflow:hidden}.scrub__buf{position:absolute;inset:0 auto 0 0;background:rgb(var(--line) / .12)}.scrub__fill{position:absolute;inset:0 auto 0 0;background:rgb(var(--cream))}.scrub__head{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:99px;background:rgb(var(--cream-hi));box-shadow:0 0 0 4px rgb(var(--cream) / .18);pointer-events:none}.scrub__mark{position:absolute;top:2px;width:10px;height:10px;margin-left:-5px;border-radius:3px;transform:rotate(45deg);background:rgb(var(--amber));border:2px solid rgb(var(--bg));padding:0;z-index:2}.scrub__mark--loest{background:rgb(var(--subtle))}.scrub__mark--refokus{background:rgb(var(--cream))}.scrub__mark:hover{transform:rotate(45deg) scale(1.25)}.panel{display:grid;gap:22px;padding-top:24px}@media (min-width: 980px){.panel{padding-top:6px}}.panel__head{display:grid;gap:10px}.versions{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:99px;font:400 12px/1 var(--mono);letter-spacing:.04em;color:rgb(var(--muted));background:rgb(var(--line) / .04);border:1px solid rgb(var(--line) / .1);transition:background-color .14s var(--ease),color .14s,border-color .14s}.chip:hover{color:rgb(var(--text));border-color:rgb(var(--line) / .2)}.chip[aria-pressed=true]{background:rgb(var(--cream));border-color:transparent;color:rgb(var(--on-cream));font-weight:700}.box{border-radius:var(--r);background:rgb(var(--surface) / .85);border:1px solid rgb(var(--line) / .07);padding:18px}.approved{display:flex;gap:14px;align-items:flex-start;border-color:rgb(var(--green) / .28);background:rgb(var(--green) / .07)}.approved__icon{flex:none;width:34px;height:34px;border-radius:99px;display:grid;place-items:center;background:rgb(var(--green) / .16);color:rgb(var(--green))}.approved b{font-weight:500}.composer{display:grid;gap:10px}.composer__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.tc{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:7px;font:400 12px/1 var(--mono);font-feature-settings:"tnum";background:rgb(var(--cream) / .12);color:rgb(var(--cream));border:0}button.tc:hover{background:rgb(var(--cream) / .2)}.field{width:100%;min-height:96px;resize:vertical;padding:13px 14px;border-radius:var(--r);background:rgb(var(--bg-2));border:1px solid rgb(var(--line) / .12);color:rgb(var(--text));font-size:16px;line-height:1.5;transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}.field::placeholder{color:rgb(var(--subtle))}.field:focus{outline:none;border-color:rgb(var(--cream) / .6);box-shadow:0 0 0 4px rgb(var(--cream) / .1)}input.field{min-height:48px;resize:none}.hint{font-size:13px;color:rgb(var(--subtle))}.kbd{font:400 11px/1 var(--mono);padding:3px 5px;border-radius:5px;border:1px solid rgb(var(--line) / .15);color:rgb(var(--muted))}.comments{display:grid;gap:2px}.comments__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.comment{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:14px 12px;border-radius:var(--r);transition:background-color .16s var(--ease)}.comment:hover{background:rgb(var(--line) / .03)}.comment--aktiv{background:rgb(var(--cream) / .06)}.comment__meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.comment__navn{font-weight:500;font-size:14px}.comment__tekst{grid-column:2;font-size:15px;white-space:pre-wrap;overflow-wrap:anywhere}.comment__actions{grid-column:2;display:flex;gap:4px;margin-top:2px}.comment--loest .comment__tekst{color:rgb(var(--subtle));text-decoration:line-through;text-decoration-color:rgb(var(--subtle) / .6)}.comment--refokus .comment__navn:after{content:"Refokus";margin-left:8px;font:400 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:3px 6px;border-radius:5px;background:rgb(var(--cream) / .14);color:rgb(var(--cream))}.done{font:400 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--green))}.empty{padding:22px 16px;border-radius:var(--r);border:1px dashed rgb(var(--line) / .14);color:rgb(var(--subtle));font-size:14px;text-align:center}.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:rgb(var(--bg) / .86);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgb(var(--line) / .08);display:flex;gap:10px;align-items:center}@media (min-width: 980px){.dock{display:none}}.desk-only{display:none}@media (min-width: 980px){.desk-only{display:block}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:rgb(var(--stage) / .7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;align-items:end;justify-items:center;animation:fade .18s var(--ease)}@media (min-width: 640px){.scrim{align-items:center}}.sheet{width:min(100%,440px);background:rgb(var(--bg-2));border:1px solid rgb(var(--line) / .1);border-radius:22px 22px 0 0;padding:26px 22px calc(22px + env(safe-area-inset-bottom));display:grid;gap:16px;animation:up .28s var(--ease);box-shadow:0 30px 80px -20px #000c}@media (min-width: 640px){.sheet{border-radius:22px;padding:30px}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(18px)}}.toast{position:fixed;z-index:80;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);background:rgb(var(--text));color:rgb(var(--bg));padding:12px 18px;border-radius:999px;font-size:14px;font-weight:500;box-shadow:0 16px 40px -12px #0009;animation:up .24s var(--ease);white-space:nowrap}@media (min-width: 980px){.toast{bottom:32px}}.sk{background:linear-gradient(90deg,rgb(var(--line) / .04),rgb(var(--line) / .08),rgb(var(--line) / .04));background-size:200% 100%;animation:sk 1.4s ease-in-out infinite;border-radius:var(--r)}@keyframes sk{to{background-position:-200% 0}}.center{min-height:70dvh;display:grid;place-items:center;text-align:center;padding:40px var(--gutter)}.center__inner{display:grid;gap:14px;max-width:420px;justify-items:center}.admin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:36px 0 22px}.rows{display:grid;gap:10px;padding-bottom:80px}.row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:center;padding:12px;border-radius:var(--r);background:rgb(var(--surface) / .7);border:1px solid rgb(var(--line) / .06);text-align:left;color:inherit;transition:border-color .16s var(--ease),background-color .16s var(--ease)}button.row:hover,a.row:hover{border-color:rgb(var(--cream) / .3);background:rgb(var(--surface));text-decoration:none}.row__thumb{width:52px;aspect-ratio:9 / 16;border-radius:8px;overflow:hidden;background:rgb(var(--surface-2))}.row__thumb img{width:100%;height:100%;object-fit:cover;display:block}.row__main{display:grid;gap:4px;min-width:0}.row__title{font-size:16px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row__side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.badge{font:400 11px/1 var(--mono);letter-spacing:.06em;padding:6px 8px;border-radius:6px;background:rgb(var(--amber) / .14);color:rgb(var(--amber));white-space:nowrap}.share{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.share code{font:400 13px/1.3 var(--mono);padding:12px 14px;border-radius:var(--r);background:rgb(var(--bg-2));border:1px solid rgb(var(--line) / .1);color:rgb(var(--muted));flex:1 1 280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop{display:grid;place-items:center;gap:8px;text-align:center;padding:34px 20px;border-radius:var(--r-lg);border:1.5px dashed rgb(var(--line) / .18);background:rgb(var(--line) / .02);color:rgb(var(--muted));transition:border-color .16s var(--ease),background-color .16s var(--ease)}.drop--over{border-color:rgb(var(--cream));background:rgb(var(--cream) / .06);color:rgb(var(--text))}.uprow{display:grid;gap:6px;padding:10px 12px;border-radius:var(--r-sm);background:rgb(var(--surface) / .6)}.uprow__bar{height:3px;border-radius:9px;background:rgb(var(--line) / .1);overflow:hidden}.uprow__bar span{display:block;height:100%;background:rgb(var(--cream));transition:width .2s linear}.inline-input{background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 6px;margin:-5px -7px;width:100%;font-size:16px;font-weight:400}.inline-input:hover{border-color:rgb(var(--line) / .12)}.inline-input:focus{outline:none;border-color:rgb(var(--cream) / .6);background:rgb(var(--bg-2))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.levkort{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;padding:14px 18px 14px 14px;border-radius:var(--r-lg);background:rgb(var(--surface) / .7);border:1px solid rgb(var(--line) / .06);text-align:left;color:inherit;width:100%;transition:border-color .18s var(--ease),background-color .18s var(--ease),transform .22s var(--ease)}a.levkort:hover{text-decoration:none}.levkort:hover{border-color:rgb(var(--cream) / .3);background:rgb(var(--surface));transform:translateY(-1px)}.levkort__tekst{display:grid;gap:4px;min-width:0}.levkort__titel{font-size:20px;font-weight:400;letter-spacing:-.015em;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.levkort__side{display:flex;align-items:center;gap:12px;color:rgb(var(--muted))}@media (max-width: 560px){.levkort{grid-template-columns:auto minmax(0,1fr);gap:14px}.levkort__side{grid-column:1 / -1;justify-content:space-between}.levkort__titel{white-space:normal;font-size:18px}}.stack{position:relative;width:98px;height:108px;flex:none}.stack--stor{width:120px;height:128px}.stack__kort{position:absolute;top:8px;left:calc(var(--i) * 21px);width:54px;aspect-ratio:9 / 16;border-radius:9px;overflow:hidden;background:rgb(var(--surface-2));border:1px solid rgb(var(--line) / .12);box-shadow:0 10px 22px -10px #000c;transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 5deg));z-index:calc(10 - var(--i));transition:transform .26s var(--ease)}.levkort:hover .stack__kort{transform:rotate(calc((var(--i) - (var(--n) - 1) / 2) * 8deg)) translateY(-2px)}.stack__kort img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .4s var(--ease)}.stack__kort img.ind{opacity:1}.kundenavn{font-size:18px;font-weight:400;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:rgb(var(--bg-2)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8a39d' stroke-width='1.8'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center / 18px;padding-right:42px}