:root{--cfu-orange: #f05a23;--cfu-blomme: #872d5a;--cfu-gul: #ffcd00;--cfu-pistacie: #eef4e4;--cfu-koks: #2a2a2a;--cfu-ink: #2a2a2a;--cfu-line: #d9dfd3;--cfu-panel: #fffdf8;color:var(--cfu-ink);background:var(--cfu-pistacie);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{align-items:center;background:var(--cfu-koks);color:#fff;display:flex;gap:24px;justify-content:space-between;padding:36px clamp(18px,4vw,56px)}.eyebrow,.label-text{color:#685f63;font-size:.72rem;font-weight:800;letter-spacing:0;margin:0 0 8px;text-transform:uppercase}.topbar .eyebrow{color:var(--cfu-gul)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,4.7rem);line-height:.95;margin-bottom:14px}.subtitle{color:#f8f3e8;font-size:1.02rem;max-width:680px}.active-badge{align-items:center;border:2px solid;border-radius:8px;display:flex;flex-shrink:0;font-weight:800;gap:10px;padding:12px 14px}.brand-stack{align-items:flex-end;display:grid;flex-shrink:0;gap:12px}.cfu-logo-card{align-items:center;background:transparent;border-radius:8px;display:grid;gap:8px;justify-items:end;padding:0}.cfu-logo-card img{display:block;height:auto;max-width:250px}.workspace{display:flex;flex-direction:column;gap:16px;padding:20px clamp(14px,3vw,36px) 36px}.controls-panel,.forms-panel,.info-panel,.chat-panel,.principles,.writing-flow{background:var(--cfu-panel);border:1px solid var(--cfu-line);border-radius:8px;box-shadow:0 14px 40px #1520360f}.controls-panel,.forms-panel,.info-panel{padding:16px}.controls-panel{display:grid;gap:14px;grid-template-columns:230px minmax(320px,420px) minmax(360px,1fr);align-items:start}.settings-grid{display:grid;gap:8px;grid-template-columns:1fr 86px}.topic-field{grid-column:1 / -1}.forms-panel{align-self:stretch}.panel-heading,.form-title{align-items:flex-start;display:flex;gap:12px;margin-bottom:16px}.panel-heading h2,.form-title h2,.chat-header h2{font-size:1.05rem;margin-bottom:2px}.panel-heading p,.form-title p,.chat-header p,.mode-button small,.form-card small{color:#6b625c;font-size:.84rem;margin:0}.form-card p{color:#4d4645;font-size:.82rem;line-height:1.34;margin:5px 0 0}.form-card em{color:var(--cfu-blomme);font-size:.74rem;font-style:normal;font-weight:800;line-height:1.2}label{color:var(--cfu-koks);display:grid;font-size:.78rem;font-weight:800;gap:5px;text-transform:uppercase}input,select,textarea{background:#fff;border:1px solid var(--cfu-line);border-radius:8px;color:var(--cfu-koks);outline:none;padding:9px 10px;text-transform:none}input:focus,select:focus,textarea:focus{border-color:var(--cfu-orange);box-shadow:0 0 0 3px #f05a232e}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mode-button{background:#fff;border:1px solid var(--cfu-line);border-radius:8px;color:var(--cfu-koks);display:grid;gap:4px;padding:10px;text-align:left}.mode-button span{font-size:.92rem;font-weight:850}.mode-button small{display:block;font-size:.72rem;line-height:1.22}.mode-button.selected{background:var(--cfu-pistacie);border-color:var(--cfu-orange);box-shadow:inset 4px 0 0 var(--cfu-orange)}.forms-grid{display:grid;gap:10px;grid-template-columns:repeat(7,minmax(118px,1fr))}.form-card{align-items:center;background:#fff;border:1px solid var(--cfu-line);border-radius:8px;color:var(--cfu-koks);display:grid;gap:5px;grid-template-rows:auto auto auto 1fr auto;min-height:250px;padding:14px 11px;text-align:center}.form-card svg{color:var(--accent);justify-self:center}.form-card span{font-size:.86rem;font-weight:900}.form-card.selected{background:color-mix(in srgb,var(--accent) 10%,white);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.info-panel{align-self:start}.form-title{border-bottom:1px solid var(--cfu-line);padding-bottom:16px}.form-title svg{color:var(--accent);flex-shrink:0}.info-list{margin-top:16px}.info-list h3{color:var(--cfu-blomme);font-size:.74rem;letter-spacing:0;margin-bottom:8px;text-transform:uppercase}.stack{display:grid;gap:7px}.stack p{background:#fff;border:1px solid var(--cfu-line);border-radius:8px;font-size:.9rem;margin:0;padding:9px 10px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips span{background:var(--cfu-pistacie);border-radius:8px;color:var(--cfu-koks);font-size:.82rem;font-weight:750;padding:6px 9px}.chat-panel{display:grid;grid-template-rows:auto auto auto 1fr auto;min-height:470px;overflow:hidden}.work-area{display:grid;gap:16px;grid-template-columns:300px minmax(0,1fr);align-items:start}.chat-header{align-items:center;border-bottom:1px solid var(--cfu-line);display:flex;gap:16px;justify-content:space-between;padding:16px 18px}.chat-actions{display:flex;gap:8px}.secondary-button{align-items:center;background:var(--cfu-pistacie);border:1px solid var(--cfu-line);border-radius:8px;color:var(--cfu-koks);display:inline-flex;font-weight:850;gap:7px;padding:9px 11px}.secondary-button.warning{background:#fff1ea;border-color:var(--cfu-orange);color:#8b341c}.notice{align-items:center;background:#fff7d8;border-bottom:1px solid var(--cfu-gul);color:var(--cfu-koks);display:flex;gap:9px;padding:10px 18px}.messages{background:var(--cfu-pistacie);display:flex;flex-direction:column;gap:12px;min-height:150px;overflow-y:auto;padding:18px}.message{border-radius:8px;max-width:82%;padding:13px 14px;white-space:pre-wrap}.message p{margin:0 0 .65rem}.message p:last-child{margin-bottom:0}.message ul{display:grid;gap:.4rem;margin:.2rem 0 .7rem;padding-left:1.15rem}.message li{padding-left:.1rem}.message strong{font-weight:900}.message.assistant{align-self:flex-start;background:#fff;border:1px solid var(--cfu-line)}.message.user{align-self:flex-end;background:var(--cfu-blomme);color:#fff}.composer{align-items:center;border-top:1px solid var(--cfu-line);display:grid;gap:10px;grid-template-columns:auto 1fr auto;padding:14px}.composer textarea{min-height:52px;resize:vertical}.composer button{align-items:center;background:var(--cfu-orange);border:0;border-radius:8px;color:#fff;display:inline-flex;font-weight:900;gap:8px;padding:14px 16px}.composer button:disabled{cursor:not-allowed;opacity:.45}.principles{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));padding:16px}.reading-support{align-items:center;background:var(--cfu-koks);border-radius:8px;color:#fff;display:flex;gap:18px;justify-content:space-between;padding:20px}.reading-support h2{font-size:1.05rem;margin-bottom:4px}.reading-support p{color:#f8f3e8;margin:0;max-width:820px}.reading-support a{background:var(--cfu-gul);border-radius:8px;color:var(--cfu-koks);flex-shrink:0;font-weight:900;padding:12px 15px;text-decoration:none}.teacher-guide{background:var(--cfu-panel);border:1px solid var(--cfu-line);border-radius:8px;box-shadow:0 14px 40px #1520360f;overflow:hidden}.teacher-guide summary{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;list-style:none;padding:16px 18px}.teacher-guide summary:after{background:var(--cfu-gul);border-radius:999px;color:var(--cfu-koks);content:"Åbn/luk";flex-shrink:0;font-size:.78rem;font-weight:900;padding:7px 10px}.teacher-guide summary::-webkit-details-marker{display:none}.teacher-guide summary span{color:var(--cfu-blomme);font-size:1.05rem;font-weight:900}.teacher-guide summary small{color:#6b625c;font-weight:700}.teacher-guide-content{border-top:1px solid var(--cfu-line);display:grid;gap:16px;padding:18px}.teacher-lead{border-left:4px solid var(--cfu-orange);padding-left:14px}.teacher-lead h2,.teacher-prompts h3,.teacher-current-layout h3,.teacher-example h3,.teacher-quick-start h3,.teacher-scenario h3{font-size:1.05rem;margin-bottom:6px}.teacher-lead p,.teacher-cards p,.teacher-prompts p,.teacher-text-grid p,.teacher-current-layout p,.teacher-example p,.teacher-form-grid p,.teacher-scenario p{color:#4d4645;margin:0}.teacher-cards{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.teacher-cards article,.teacher-prompts div,.teacher-text-grid article,.teacher-form-grid article,.teacher-current-layout div,.teacher-example,.teacher-quick-start,.teacher-scenario{background:#fff;border:1px solid var(--cfu-line);border-radius:8px;padding:13px}.teacher-quick-start ol{display:grid;gap:7px;margin:8px 0 0;padding-left:1.4rem}.teacher-quick-start li{color:#4d4645}.teacher-scenario div{display:grid;gap:8px}.teacher-scenario{border-left:4px solid var(--cfu-orange)}.teacher-cards h3,.teacher-text-grid h3,.teacher-form-grid h3{color:var(--cfu-koks);font-size:.94rem;margin-bottom:6px}.teacher-form-grid{display:grid;gap:8px;grid-template-columns:repeat(7,minmax(0,1fr))}.teacher-form-grid article{border-top:4px solid var(--cfu-orange)}.teacher-form-grid p{font-size:.82rem;line-height:1.35}.teacher-text-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-current-layout{display:grid;gap:8px}.teacher-current-layout div{align-items:start;display:grid;gap:12px;grid-template-columns:180px 1fr}.teacher-current-layout span{color:var(--cfu-blomme);font-weight:900}.teacher-example{border-left:4px solid var(--cfu-gul)}.color-example{background:#fbfbfb;border:1px solid var(--cfu-line);border-radius:8px;margin-top:10px;padding:12px}.color-example p{line-height:1.6}.own-text{color:var(--cfu-koks)}.support-text{color:#168447;font-weight:750}.teacher-prompts{display:grid;gap:8px}.teacher-prompts div{align-items:center;display:grid;gap:10px;grid-template-columns:150px 1fr}.teacher-prompts span{background:var(--cfu-pistacie);border-radius:999px;color:var(--cfu-blomme);font-weight:900;padding:6px 10px;text-align:center}.writing-flow{border:0;border-bottom:1px solid var(--cfu-line);border-radius:0;box-shadow:none;grid-column:auto;padding:18px}.flow-steps{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.flow-steps div{background:#fff;border:1px solid var(--cfu-line);border-radius:8px;padding:13px}.flow-steps strong{align-items:center;background:var(--cfu-orange);border-radius:999px;color:#fff;display:inline-flex;height:28px;justify-content:center;margin-bottom:8px;width:28px}.flow-steps p,.flow-note{color:var(--cfu-koks);margin:0}.flow-note{border-left:4px solid var(--cfu-blomme);margin-top:12px;padding-left:12px}.principles div{align-items:center;background:#fff;border:1px solid var(--cfu-line);border-radius:8px;display:flex;gap:11px;padding:12px}.principles p{color:var(--cfu-koks);font-size:.9rem;margin:0}.site-footer{color:var(--cfu-koks);font-size:.9rem;font-weight:700;padding:0 clamp(14px,3vw,36px) 34px;text-align:center}.site-footer a{color:var(--cfu-blomme)}@media(max-width:1120px){.controls-panel,.work-area{grid-template-columns:1fr}.forms-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.teacher-cards,.teacher-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.teacher-text-grid,.teacher-current-layout div{grid-template-columns:1fr}}@media(max-width:760px){.topbar{align-items:flex-start;flex-direction:column}.brand-stack{align-items:flex-start;width:100%}.cfu-logo-card{justify-items:start;max-width:100%}.workspace,.principles,.flow-steps{grid-template-columns:1fr}.reading-support{align-items:flex-start;flex-direction:column}.teacher-guide summary{align-items:flex-start;flex-direction:column}.teacher-cards,.teacher-form-grid,.teacher-text-grid,.teacher-current-layout div,.teacher-prompts div{grid-template-columns:1fr}.forms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-card{min-height:190px}.chat-header,.composer{align-items:stretch;grid-template-columns:1fr}.chat-header{flex-direction:column}.message{max-width:94%}}