:root{--bg:#f5f2ec;--surface:#fff;--border:#e6e1d7;--text:#2a2a2a;--muted:#6b6b6b;--field:#5b8def;--c-refleksion-bg:#dbe7fb;--c-refleksion-fg:#2d5fb0;--c-rollespil-bg:#f6e2bf;--c-rollespil-fg:#8a6315;--c-fagord-bg:#d9ecd3;--c-fagord-fg:#3d6b35;--c-dokumentation-bg:#f7d6d6;--c-dokumentation-fg:#a14242;--c-stoette-bg:#fad9c4;--c-stoette-fg:#b35a1f}*{box-sizing:border-box}html,body,#root{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.55}.container{max-width:880px;margin:0 auto;padding:48px 24px 96px}header h1{letter-spacing:-.01em;margin:0 0 6px;font-size:26px;font-weight:600}header p{color:var(--muted);margin:0 0 28px;font-size:14.5px}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:36px;display:flex}.tab{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s}.tab:hover{color:var(--text);background:var(--surface)}.tab.active{background:var(--text);color:#fff;border-color:var(--text)}.category-header{letter-spacing:.14em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;font-size:13px;font-weight:600;display:flex}.category-header svg{opacity:.7;width:16px;height:16px}.stack{flex-direction:column;gap:14px;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:18px 20px;transition:border-color .15s,box-shadow .15s;display:flex}.card:hover{border-color:#d0cabd;box-shadow:0 1px 2px #00000008}.pill{border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4}.title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12.5px;font-weight:600}.prompt{color:var(--text);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:15px}.prompt .field{color:var(--field);cursor:text;border-radius:3px;outline:none;padding:0 2px;font-style:italic;transition:background .15s}.prompt .field:hover{background:#5b8def1a}.prompt .field:focus{background:#5b8def2e}.copy-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-self:flex-start;align-items:center;gap:7px;min-height:38px;padding:9px 16px 9px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.copy-btn svg{width:14px;height:14px}.copy-btn:hover{background:#fafaf6;border-color:#b8b2a3}.copy-btn.copied{color:#fff;background:#2a2a2a;border-color:#2a2a2a}@media (width<=600px){.container{padding:28px 14px 64px}header h1{font-size:22px}.prompt{font-size:14.5px}.tabs{gap:6px;margin-bottom:28px}.tab{padding:8px 12px;font-size:13px}.card{padding:16px}.copy-btn{min-height:42px;padding:10px 14px;font-size:14px}}