@scope(.spinner-component){:scope{aspect-ratio:1;flex:0 0 1.25rem;justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex}.spinner{border-radius:var(--circle-radius);border:.125rem solid;border-top-color:#0000;width:.75rem;height:.75rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}}
@scope(.profile-section-component){:scope{height:2rem;color:var(--foreground);align-items:center;gap:.25rem;display:flex}.profile-link{cursor:pointer;border-radius:var(--medium-radius);border:1px solid #0000;align-items:center;gap:.5rem;width:8.5rem;padding:.25rem .375rem;text-decoration:none;transition:all .2s;display:flex}.profile-link:hover{background:var(--accent);border-color:var(--border)}.profile-link:active{background:var(--secondary)}.profile-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.avatar{border-radius:var(--circle-radius);corner-shape:squircle;flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;position:relative;overflow:hidden}.avatar .image{object-fit:cover;width:100%;height:100%}.avatar .fallback{width:100%;height:100%}.name{text-overflow:ellipsis;max-width:10rem;color:var(--muted-foreground);white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.button{height:2rem;color:var(--foreground);white-space:nowrap;cursor:pointer;background:var(--muted);border:1px solid var(--border);border-radius:var(--medium-radius);flex-wrap:nowrap;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.button:hover{background:var(--accent)}.button:active{background:var(--secondary)}.button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.button:disabled{color:var(--muted-foreground);cursor:not-allowed;opacity:.5;transform:none}.login-button{width:6rem}.button--ghost{background:0 0;border:1px solid #0000;width:2rem;min-width:2rem;height:2rem;padding:.5rem}.button--ghost:hover{background:var(--accent);border-color:var(--border)}.button--ghost:active{background:var(--secondary)}.button--ghost:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.button--ghost .icon-component{color:var(--muted-foreground);font-size:1.25rem}.button--ghost:hover .icon-component{color:var(--foreground)}}
@scope(.search-field-component){:scope{width:100%;margin:0;position:relative}.input{width:100%;height:2rem;color:var(--foreground);background:var(--muted);border:1px solid var(--border);border-radius:var(--medium-radius);padding:.375rem 2.75rem .375rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.input::placeholder{color:var(--muted-foreground)}.input:hover{background:var(--accent)}.input:focus,.input:focus-visible{outline:2px solid var(--ring);outline-offset:2px;background:var(--accent);border-color:var(--ring)}.input:disabled{color:var(--muted-foreground);cursor:not-allowed;opacity:.5}.input[aria-invalid=true]{outline:2px solid var(--destructive-border);background:var(--destructive-background);border-color:var(--destructive)}}
@scope(.header-component){:scope{background-color:var(--card);border:1px solid var(--border);border-radius:var(--large-radius);grid-template-columns:8.75rem minmax(12rem,18rem) 1fr auto;align-items:center;gap:1rem;padding:.5rem;display:grid}.navigation,.profile-section{justify-self:flex-end}}
@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;font-display:block;src:url(../media/material-symbols-rounded.809b30e0.woff2)format("woff2")}.material-symbols-rounded{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga";direction:ltr;font-family:Material Symbols Rounded;font-size:24px;font-style:normal;font-weight:400;line-height:1;display:inline-block}
:root{--small-radius:.5rem;--medium-radius:.75rem;--large-radius:1rem;--circle-radius:50%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root{--background:#0f0f14;--foreground:#fff;--card:#181820;--card-foreground:#fff;--popover:#20202a;--popover-foreground:#fff;--primary:#3b82f6;--primary-foreground:#fff;--secondary:#20202a;--secondary-foreground:#fff;--muted:#ffffff1a;--muted-foreground:#a1a1aa;--accent:#ffffff26;--accent-foreground:#fff;--border:#ffffff1a;--input:#ffffff1a;--ring:#3b82f6;--success:#22c55e;--success-foreground:#fff;--success-border:#22c55e80;--success-background:#22c55e26;--warning:#eab308;--warning-foreground:#000;--warning-border:#eab30880;--warning-background:#eab30826;--destructive:#ef4444;--destructive-foreground:#fff;--destructive-border:#ef444480;--destructive-background:#ef444426}@media (prefers-color-scheme:light){:root:not([style*="color-scheme: dark"]){--background:#fff;--foreground:#0f0f14;--card:#fafafa;--card-foreground:#0f0f14;--popover:#fff;--popover-foreground:#0f0f14;--primary:#3b82f6;--primary-foreground:#fff;--secondary:#f4f4f5;--secondary-foreground:#0f0f14;--muted:#f4f4f5;--muted-foreground:#71717a;--accent:#f4f4f5;--accent-foreground:#0f0f14;--border:#e4e4e7;--input:#e4e4e7;--ring:#3b82f6;--success:#22c55e;--success-foreground:#fff;--warning:#eab308;--warning-foreground:#000;--destructive:#ef4444;--destructive-foreground:#fff;--destructive-border:#ef444480;--destructive-background:#ef444426}}:root[style*="color-scheme: light"]{--background:#fff;--foreground:#0f0f14;--card:#fafafa;--card-foreground:#0f0f14;--popover:#fff;--popover-foreground:#0f0f14;--primary:#3b82f6;--primary-foreground:#fff;--secondary:#f4f4f5;--secondary-foreground:#0f0f14;--muted:#f4f4f5;--muted-foreground:#71717a;--accent:#f4f4f5;--accent-foreground:#0f0f14;--border:#e4e4e7;--input:#e4e4e7;--ring:#3b82f6;--success:#22c55e;--success-foreground:#fff;--warning:#eab308;--warning-foreground:#000;--destructive:#ef4444;--destructive-foreground:#fff;--destructive-border:#ef444480;--destructive-background:#ef444426}*{min-width:0;font:inherit}*,:before,:after{box-sizing:border-box}img,video,svg{max-width:100%;height:auto;display:block}body{height:100dvh;color:var(--foreground);background-color:var(--background);margin:0;position:relative}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}
@scope(.root-layout){.layout-container{grid-template-rows:auto 1fr auto;gap:.5rem;height:100%;padding:.5rem;display:grid}}