:root{color-scheme:dark;--bg:#101918;--ink:#f6f8f2;--muted:#aab8af;--green:#d5f6b7;--line:rgba(255,255,255,.13);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}[hidden]{display:none!important}svg{width:22px;height:22px;flex:none}#live{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#223a30 0,transparent 60%),var(--bg)}#camera{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .5s}#live[data-active=true] #camera{opacity:1}.camera-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,14,10,.55),transparent 22%,transparent 55%,rgba(5,14,10,.75))}.topbar{position:absolute;z-index:3;top:0;left:0;right:0;padding:calc(22px + env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) 20px max(28px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;font-size:20px;letter-spacing:-.6px;font-weight:650;text-decoration:none;color:var(--ink)}.brand-logo{display:block;width:84px;height:40px;object-fit:contain}.live-label{font-size:12px;font-weight:500;letter-spacing:.3px;margin-left:7px;padding:4px 9px;border:1px solid var(--line);border-radius:7px;vertical-align:middle}.icon{width:46px;height:46px;border:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;position:relative}.glass{background:rgba(17,30,25,.6);border:1px solid var(--line);backdrop-filter:blur(18px)}.icon:hover{background-color:rgba(180,220,180,.15)}#log-dot{width:6px;height:6px;border-radius:50%;position:absolute;top:10px;right:10px;background:var(--green)}.welcome{position:absolute;inset:80px 24px 24px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.welcome-logo{display:block;width:260px;height:auto;object-fit:contain;flex-shrink:0;margin-bottom:33px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:var(--muted);font-weight:650;margin:0 0 14px}h1{font-size:clamp(40px,6vw,66px);letter-spacing:-2.8px;line-height:1.02;font-weight:550;margin:0 0 22px}.intro{font-size:15px;line-height:1.7;color:#b8c5bc;margin:0 0 27px}.start{border:0;border-radius:40px;background:var(--green);color:#16251c;font-weight:600;padding:15px 21px 15px 25px;display:flex;gap:24px;align-items:center;min-height:54px}.start:hover{background:#e4ffcb}.privacy{font-size:10px;line-height:1.65;max-width:340px;color:#a4b5a9;margin:20px 0 0}.conversation{position:absolute;bottom:calc(24px + env(safe-area-inset-bottom));left:24px;right:24px;display:flex;align-items:center;flex-direction:column;gap:18px}.caption{font-size:clamp(18px,2.5vw,24px);font-weight:450;line-height:1.42;text-align:center;max-width:680px;max-height:28vh;overflow:auto;text-shadow:0 2px 20px #000,0 1px 3px #000;white-space:pre-wrap}.caption:empty{display:none}.status{display:flex;gap:8px;align-items:center;font-size:12px;color:#e5eade;text-shadow:0 1px 4px #000}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}[data-state=thinking] .status-dot,[data-state=speaking] .status-dot{animation:breathe 1.2s infinite}[data-state=muted] .status-dot{background:#a6a6a6}.controls{display:flex;gap:26px;align-items:center}.microphone{width:62px;height:62px;background:var(--green);color:#182d20;box-shadow:0 0 0 7px #d5f6b70b;transition:box-shadow .15s,background .2s}.microphone:hover{background:#e2ffc7}.microphone svg{width:23px;height:23px}.small{width:44px;height:44px}.mic-slash{display:none;position:absolute;width:31px;height:2px;background:currentColor;transform:rotate(45deg);box-shadow:0 0 0 2px #324138}.microphone[aria-pressed=false]{background:#324138;color:#fff}.microphone[aria-pressed=false] .mic-slash{display:block}.notice{position:absolute;z-index:5;top:calc(87px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);max-width:550px;width:calc(100% - 48px);border:1px solid #d9b97655;background:#27291ef2;border-radius:14px;padding:13px 17px;text-align:center;font-size:13px;line-height:1.5}.log-panel{position:fixed;inset:0 0 0 auto;margin:0;width:min(450px,100%);max-width:100%;height:100vh;height:100dvh;max-height:100dvh;background:#13211cf7;backdrop-filter:blur(30px);border:0;border-left:1px solid var(--line);padding:calc(25px + env(safe-area-inset-top)) 24px calc(18px + env(safe-area-inset-bottom));color:var(--ink);box-shadow:-25px 0 90px #0004}.log-panel[open]{display:flex;flex-direction:column}.log-panel::backdrop{background:#0005}.panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line)}.panel-head .eyebrow{margin-bottom:8px;font-size:9px}h2{font-size:26px;font-weight:500;letter-spacing:-.7px;margin:0}.log-entries{flex:1;overflow:auto;padding:24px 0;min-height:50px;scrollbar-width:thin}.log-empty{font-size:14px;line-height:1.7;color:var(--muted);margin:12px 0}.entry{margin:0 0 25px}.entry-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--green);display:flex;justify-content:space-between}.entry[data-role=user] .entry-label{color:var(--muted)}.entry p{font-size:15px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.entry time{font-size:10px;color:var(--muted)}.entry-note{font-size:11px;color:var(--muted);display:block;margin-top:5px}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:17px;border-top:1px solid var(--line)}.download{display:flex;gap:8px;align-items:center;background:var(--green);color:#172b1e;border:0;border-radius:30px;padding:12px 15px;font-size:12px;font-weight:600}.download svg{width:16px;height:16px}.text-button{background:transparent;border:0;color:var(--muted);font-size:12px;padding:10px}.local-note{font-size:10px;color:var(--muted);line-height:1.5;margin:16px 0 0}.text-form{border:1px solid var(--line);border-radius:14px;display:flex;margin-bottom:16px;padding-left:12px}.text-form input{color:var(--ink);background:none;border:0;min-width:0;flex:1;font-size:14px}.downloads{display:flex;gap:9px;flex-wrap:wrap;max-height:130px;overflow:auto;padding:0 0 16px}.downloads a{font-size:12px;color:var(--green);padding:6px}.downloads img{width:55px;display:block;border-radius:4px;margin-bottom:5px}@keyframes breathe{50%{opacity:.3;box-shadow:0 0 0 5px #d5f6b716}}@media(max-width:600px){.topbar{padding-left:20px;padding-right:20px}.brand{font-size:18px}.welcome{inset:83px 22px 22px}.welcome-logo{width:230px;margin-bottom:26px}h1{font-size:48px}.intro{font-size:14px}.conversation{bottom:calc(21px + env(safe-area-inset-bottom));left:20px;right:20px}}@media(max-height:650px){.welcome-logo{width:170px;margin-bottom:16px}h1{font-size:38px;margin-bottom:12px}.intro{font-size:13px;margin-bottom:16px}.privacy{margin-top:12px}.eyebrow{margin-bottom:10px}.conversation{gap:10px}.welcome{inset:74px 20px 12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-height:480px){.welcome{justify-content:flex-start;overflow-y:auto;padding:10px 0 24px}.welcome>.eyebrow{display:none}.welcome-logo{width:130px;margin-bottom:12px}h1{font-size:30px}.intro{margin:10px 0;font-size:12px}.privacy{font-size:9px;margin-top:10px}.start{flex-shrink:0}.conversation{gap:8px}.caption{font-size:16px}.microphone{width:50px;height:50px}}

.top-actions{display:flex;align-items:center;gap:10px}.source-picker{display:flex;border:1px solid var(--line);border-radius:30px;padding:4px;margin:-6px 0 20px;gap:3px}.source-picker button{border:0;border-radius:24px;background:transparent;color:var(--muted);padding:9px 22px;font-size:12px}.source-picker button[aria-pressed=true]{background:#d5f6b7;color:#182d20}.source-picker button[aria-disabled=true]{opacity:.55}#switch-source[aria-pressed=true]{border-color:var(--green);color:var(--green);background:#263c2b}.welcome{overflow-y:auto}.welcome>*{flex-shrink:0}@media(max-height:650px){.source-picker{margin:0 0 13px}.source-picker button{padding:7px 18px}.welcome-logo{width:140px}}

.intro{max-width:380px}

/* Startskærm: SkoleGPTs lyse palette fra designreferencen. */
#live:not([data-active=true]) {
  color-scheme: light;
  color: #181816;
  background: #eef4e5;
}
#live:not([data-active=true]) .camera-shade { display: none; }
#live:not([data-active=true]) .brand { color: #181816; }
#live:not([data-active=true]) .live-label {
  border-color: #d4dacb;
  background: #fff;
  color: #53564e;
}
#live:not([data-active=true]) .topbar .glass {
  color: #363832;
  background: #fff;
  border-color: #d4dacb;
  box-shadow: 0 3px 8px #18181608;
}
#live:not([data-active=true]) .topbar .glass:hover { background: #f7f9f3; }
#live:not([data-active=true]) #log-dot { background: #f05a24; }
.welcome h1 {
  color: #181816;
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.06;
}
.welcome .eyebrow { color: #686d61; }
.welcome .intro { color: #565b50; }
.welcome .privacy { color: #666c5e; }
.welcome .source-picker {
  background: #fff;
  border: 1px solid #c6cbbf;
  box-shadow: 0 3px 8px #18181608;
}
.welcome .source-picker button { color: #53564e; }
.welcome .source-picker button[aria-pressed=true] {
  background: #f05a24;
  color: #fff;
  font-weight: 650;
}
.welcome .source-picker button:not([aria-pressed=true]):hover { background: #f1f5eb; }
.welcome .start { background: #f05a24; color: #fff; font-weight: 750; }
.welcome .start:hover { background: #da4c18; }
.welcome button:focus-visible,
#live:not([data-active=true]) .topbar button:focus-visible,
#live:not([data-active=true]) .brand:focus-visible { outline-color: #a43711; }
#live:not([data-active=true]) .notice {
  background: #fff;
  color: #383b32;
  border-color: #d7bc9f;
  box-shadow: 0 5px 18px #1818160d;
}
.log-panel { color-scheme: dark; }

.voice-picker{display:flex;align-items:center;gap:6px;padding:0 10px;height:40px;border:1px solid var(--line);border-radius:24px;background:#111e1999;color:var(--ink)}.voice-symbol{font-size:18px}.voice-picker select{font:inherit;font-size:12px;font-weight:650;color:inherit;border:0;background:transparent;max-width:80px;cursor:pointer;padding:6px 0}.voice-picker select option{background:#13211c;color:#f6f8f2}.voice-picker:focus-within{outline:2px solid #f05a24;outline-offset:3px}#live:not([data-active=true]) .voice-picker{background:#fff;color:#363832;border-color:#d4dacb}#live:not([data-active=true]) .voice-picker select option{background:#fff;color:#181816}@media(max-width:380px){.top-actions{gap:6px}.brand{gap:3px}.brand-logo{width:70px}.live-label{margin-left:0}.voice-picker{padding:0 8px}.voice-symbol{display:none}}

@media(max-width:480px){.top-actions{gap:6px}.voice-picker{padding:0 8px;gap:4px}.voice-symbol{display:none}}@media(max-width:380px){.brand .live-label{display:none}}

.intro-dialog{color-scheme:light;width:min(410px,calc(100% - 40px));border:1px solid #d4dacb;border-radius:25px;background:#eef4e5;color:#181816;padding:30px;text-align:center;box-shadow:0 18px 80px #0004}.intro-dialog::backdrop{background:#10191865;backdrop-filter:blur(4px)}.intro-dialog p{font-size:21px;line-height:1.5;font-weight:600;margin:0 0 25px}.intro-ok{border:0;border-radius:30px;min-width:110px;padding:13px 25px;font:inherit;font-weight:750;background:#f05a24;color:white}.intro-ok:hover{background:#da4c18}.intro-ok:focus-visible{outline:2px solid #a43711;outline-offset:4px}

/* Original SkoleGPT LIVE mark, drawn with CSS; no external badge asset. */
.topbar{justify-content:flex-end}
.conversation{bottom:calc(48px + env(safe-area-inset-bottom))}
.microphone .recording-dots{display:none}.microphone[data-mode=active] .mic-art{display:none}.microphone[data-mode=active] .recording-dots{display:flex;gap:5px;align-items:center}.recording-dots i{width:8px;height:8px;background:currentColor;border-radius:50%;animation:recording-pulse 1.2s ease-in-out infinite}.recording-dots i:nth-child(2){animation-delay:.15s}.recording-dots i:nth-child(3){animation-delay:.3s}@keyframes recording-pulse{0%,80%,100%{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.recording-dots i{animation:none;opacity:1}}
.microphone[data-mode]{width:66px;height:66px;border:1.5px solid #ffc4b7;background:#fff;color:#ff581b;box-shadow:none}.microphone[data-mode] svg{width:48px;height:48px}.microphone .pause-art,.microphone .mic-waves{display:none}.microphone[data-mode=active]{background:#f02128;color:white;border-color:#ff8d87;box-shadow:0 0 0 5px #ff625640,0 0 0 10px #ff625620}.microphone[data-mode=active] .mic-waves{display:block}.microphone[data-mode=paused]{background:#ffe3df;color:#ef242b;border-color:#ff9690}.microphone[data-mode=paused] .mic-art{display:none}.microphone[data-mode=paused] .pause-art{display:block}#send-draft{background:#f05a24;color:#fff}
.diagnostic-actions{position:absolute;z-index:5;right:20px;bottom:calc(18px + env(safe-area-inset-bottom));display:flex;gap:8px}.diagnostic-actions button{border:1px solid #d4dacb;border-radius:24px;background:#ffffffed;color:#53564e;padding:9px 13px;font-size:11px}#error-dialog .report-info{font-size:13px;font-weight:400;line-height:1.6;margin:18px 0}#error-description{width:100%;min-height:100px;resize:vertical;background:white;color:#181816;border:1px solid #c6cbbf;border-radius:12px;padding:12px;font:inherit;font-size:14px}
.logo-lockup,.brand-logo-wrap{position:relative;isolation:isolate}.logo-lockup>img{display:block;width:100%;height:auto}.brand-logo-wrap{display:inline-block;line-height:0}.logo-live{position:absolute;top:0;right:-15px;display:inline-flex;align-items:center;gap:5px;padding:6px 10px 6px 9px;color:#fff;background:#f05a24;border:2px solid #fff;border-radius:7px 3px 7px 3px;box-shadow:3px 3px 0 #181816;transform:rotate(9deg);font-size:12px;font-weight:900;line-height:1;letter-spacing:1.5px}.logo-live::before{content:"";width:5px;height:5px;background:#fff;border-radius:50%}.logo-live-small{top:auto;bottom:-3px;right:-9px;font-size:7px;letter-spacing:.7px;padding:3px 4px;border-width:1px;border-radius:4px 2px;box-shadow:2px 2px 0 #181816}.logo-live-small::before{width:3px;height:3px}.permission-action{position:absolute;z-index:5;bottom:calc(18px + env(safe-area-inset-bottom));left:20px;background:#ffffffed;color:#53564e;border:1px solid #d4dacb;border-radius:30px;padding:9px 13px;font-size:11px;box-shadow:0 2px 8px #0001}.permission-action:hover{background:#eef4e5}#live[data-active=true] .permission-action{bottom:calc(150px + env(safe-area-inset-bottom))}.permission-dialog h2{font-size:22px;font-weight:750;margin-bottom:16px}.permission-dialog p{font-size:14px;font-weight:400;line-height:1.6;text-align:left;margin-bottom:14px}.permission-dialog .permission-note{font-size:12px;color:#666c5e}.permission-buttons{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:22px}.permission-buttons .text-button{color:#53564e}@media(max-width:480px){.logo-lockup .logo-live{font-size:10px;right:-9px;padding:5px 8px}.logo-live-small{right:-5px}}