*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #1a1a1a;--color-surface: #242424;--color-surface-2: #2e2e2e;--color-border: #3a3a3a;--color-text: #e8e8e8;--color-text-muted: #888;--color-accent: #4f8ef7;--color-accent-hover: #6fa3ff;--color-danger: #e05555;--radius: 6px;--shadow: 0 2px 8px rgba(0, 0, 0, .4)}html,body{margin:0;padding:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;font-family:inherit;font-size:inherit}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.2}input,textarea,select{font-family:inherit;font-size:inherit;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);padding:.4em .6em;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--color-accent)}label{display:flex;flex-direction:column;gap:.25em;font-size:.875rem;color:var(--color-text-muted)}.app-header.svelte-1elxaub{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;background:#141414;border-bottom:1px solid var(--color-border);flex-shrink:0}.left.svelte-1elxaub,.right.svelte-1elxaub{display:flex;align-items:center;gap:1.25rem}.brand.svelte-1elxaub{display:flex;align-items:center}.logo.svelte-1elxaub{height:22px;width:auto;display:block}.darkroom-link.svelte-1elxaub{font-size:.95rem;font-weight:600;color:var(--color-text);text-decoration:none}.darkroom-link.svelte-1elxaub:hover{color:var(--color-accent)}.back-to-course.svelte-1elxaub{display:flex;align-items:center;gap:.3em;font-size:.82rem;color:var(--color-text-muted);text-decoration:none;padding:.25em .6em;border:1px solid var(--color-border);border-radius:var(--radius)}.back-to-course.svelte-1elxaub:hover{border-color:var(--color-accent);color:var(--color-accent)}.right.svelte-1elxaub a:where(.svelte-1elxaub){font-size:.85rem;color:var(--color-text-muted);text-decoration:none}.right.svelte-1elxaub a:where(.svelte-1elxaub):hover{color:var(--color-text)}.avatar-wrapper.svelte-1elxaub{position:relative;cursor:pointer}.avatar.svelte-1elxaub{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:50%;background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;font:inherit}.avatar-wrapper.svelte-1elxaub:hover .avatar:where(.svelte-1elxaub){border-color:var(--color-accent);color:var(--color-accent)}.dropdown.svelte-1elxaub{display:none;position:absolute;top:calc(100% + .5rem);right:0;flex-direction:column;min-width:160px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;z-index:100}.avatar-wrapper.svelte-1elxaub:hover .dropdown:where(.svelte-1elxaub),.avatar-wrapper.svelte-1elxaub:focus-within .dropdown:where(.svelte-1elxaub){display:flex}.avatar-wrapper.svelte-1elxaub:after{content:"";position:absolute;top:100%;right:0;width:100%;height:.5rem}.dropdown.svelte-1elxaub a:where(.svelte-1elxaub),.dropdown.svelte-1elxaub button:where(.svelte-1elxaub){display:block;width:100%;text-align:left;padding:.55em .9em;font-size:.85rem;color:var(--color-text);background:none;border:none;text-decoration:none;cursor:pointer}.dropdown.svelte-1elxaub a:where(.svelte-1elxaub):hover,.dropdown.svelte-1elxaub button:where(.svelte-1elxaub):hover{background:var(--color-surface-2);color:var(--color-accent)}