@charset "UTF-8";@font-face{font-family:Mulish Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url("./media/mulish-cyrillic-ext-wght-normal-QXXQAOVC.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Mulish Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url("./media/mulish-cyrillic-wght-normal-A4WJDYNU.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Mulish Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url("./media/mulish-vietnamese-wght-normal-53DCN73C.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mulish Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url("./media/mulish-latin-ext-wght-normal-5YTK7GM6.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mulish Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url("./media/mulish-latin-wght-normal-YTEYPLZ6.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mulish Variable;font-style:italic;font-display:swap;font-weight:200 1000;src:url("./media/mulish-cyrillic-ext-wght-italic-D6XLGQ2F.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Mulish Variable;font-style:italic;font-display:swap;font-weight:200 1000;src:url("./media/mulish-cyrillic-wght-italic-TQNYWJ7R.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Mulish Variable;font-style:italic;font-display:swap;font-weight:200 1000;src:url("./media/mulish-vietnamese-wght-italic-OTH5UC32.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Mulish Variable;font-style:italic;font-display:swap;font-weight:200 1000;src:url("./media/mulish-latin-ext-wght-italic-MWY7JG4M.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Mulish Variable;font-style:italic;font-display:swap;font-weight:200 1000;src:url("./media/mulish-latin-wght-italic-NQWKYOR5.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary-text: var(--color-primary);--nav-color-accent-text: var(--nav-color-accent);--color-primary-soft: color-mix(in srgb, var(--color-primary) 10%, transparent);--color-primary-soft-strong: color-mix(in srgb, var(--color-primary) 18%, transparent);--nav-color-accent-soft: color-mix(in srgb, var(--nav-color-accent) 10%, transparent);--nav-color-accent-soft-strong: color-mix(in srgb, var(--nav-color-accent) 18%, transparent);--color-accent: var(--color-primary);--control-radius: var(--radius-md);--btn-radius: var(--control-radius);--btn-soft-tint: 12%;--btn-soft-tint-hover: 20%;--segmented-active-bg: var(--color-surface);--segmented-active-fg: var(--color-primary-text);--btn-primary-bg: var(--color-primary);--btn-primary-fg: var(--color-text-on-primary);--btn-primary-hover-bg: var(--color-primary-hover);--btn-accent-bg: var(--color-accent);--btn-accent-fg: var(--color-text-on-primary);--btn-accent-hover-bg: var(--btn-accent-bg);--btn-success-bg: var(--color-success);--btn-success-fg: var(--color-surface);--btn-success-hover-bg: var(--btn-success-bg);--btn-warning-bg: var(--color-warning);--btn-warning-fg: var(--color-surface);--btn-warning-hover-bg: var(--btn-warning-bg);--btn-danger-bg: var(--color-danger);--btn-danger-fg: var(--color-text-on-danger);--btn-danger-hover-bg: var(--btn-danger-bg);--btn-solid-highlight: inset 0 0 0 0 transparent;--btn-primary-soft-base: var(--btn-primary-bg);--btn-accent-soft-base: var(--btn-accent-bg);--btn-success-soft-base: var(--btn-success-bg);--btn-warning-soft-base: var(--btn-warning-bg);--btn-danger-soft-base: var(--btn-danger-bg);--btn-primary-soft-fg: color-mix(in srgb, var(--btn-primary-bg) 70%, var(--color-text-primary));--btn-accent-soft-fg: color-mix(in srgb, var(--btn-accent-bg) 70%, var(--color-text-primary));--btn-success-soft-fg: color-mix(in srgb, var(--btn-success-bg) 70%, var(--color-text-primary));--btn-warning-soft-fg: color-mix(in srgb, var(--btn-warning-bg) 70%, var(--color-text-primary));--btn-danger-soft-fg: color-mix(in srgb, var(--btn-danger-bg) 70%, var(--color-text-primary));--shell-edge-light-end: none;--shell-edge-light-down: none;--shell-edge-light-size: 2.5rem;--shadow-input-focus: 0 0 0 3px var(--color-input-focus-glow), 0 8px 20px var(--color-input-focus-glow);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 999px;--touch-target-min: 2.75rem;--font-family-base: "Mulish Variable", sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .9375rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.75rem;--font-size-2xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--transition-fast: .15s ease;--transition-normal: .22s cubic-bezier(.4, 0, .2, 1);--transition-card: .18s cubic-bezier(.2, 0, 0, 1);--rail-width: 72px;--secondary-sidebar-width: 232px;--secondary-sidebar-collapsed-width: 64px;--navbar-height: 64px;--z-drawer: 800;--z-popover: 900;--z-tooltip: 1000;--z-toast: 1100;--z-dialog: 1200;--z-image-preview: 1250;--z-offline: 1300}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6,p{margin:0}button,input,select,textarea{font-family:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.text-eyebrow{font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;flex-shrink:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast)}.icon-button:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.icon-button:disabled{cursor:not-allowed;opacity:.45}@media(pointer:coarse){.icon-button:after{content:"";position:absolute;inset:min(0px,(100% - var(--touch-target-min)) / 2)}}.btn{--btn-bg: var(--color-surface);--btn-fg: var(--color-text-primary);--btn-border: var(--color-border-strong);--btn-hover-bg: var(--color-surface-hover);--btn-highlight: inset 0 0 0 0 transparent;position:relative;max-width:100%;min-height:2.5rem;border:1px solid var(--btn-border);border-radius:var(--btn-radius);padding:var(--space-2) var(--space-4);background:var(--btn-bg);box-shadow:var(--btn-highlight);color:var(--btn-fg);font:inherit;font-weight:var(--font-weight-semibold);overflow-wrap:anywhere;text-align:center;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.btn:hover:not(:disabled,[aria-busy=true],[aria-disabled=true]){background:var(--btn-hover-bg);box-shadow:var(--btn-highlight),var(--shadow-md)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.btn:hover:not(:disabled,[aria-busy=true],[aria-disabled=true]){transform:translateY(-1px)}}.btn:active:not(:disabled,[aria-busy=true],[aria-disabled=true]){box-shadow:var(--btn-highlight);transform:none;transition-duration:0ms}.btn:disabled,.btn[aria-disabled=true]{box-shadow:var(--btn-highlight);cursor:not-allowed;opacity:.45;transform:none}.btn[aria-busy=true]{color:transparent;cursor:progress;opacity:1}.btn[aria-busy=true]>*{visibility:hidden}.btn[aria-busy=true]:after{content:"";position:absolute;inset:0;width:1.125rem;height:1.125rem;margin:auto;border:2px solid var(--btn-fg);border-inline-end-color:transparent;border-radius:var(--radius-full);animation:btn-spin .7s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-secondary{--btn-bg: var(--color-surface)}.btn-primary{--btn-bg: var(--btn-primary-bg);--btn-fg: var(--btn-primary-fg);--btn-border: var(--btn-primary-bg);--btn-hover-bg: var(--btn-primary-hover-bg);--btn-highlight: var(--btn-solid-highlight)}.btn-soft-primary{--btn-bg: color-mix( in srgb, var(--btn-primary-soft-base) var(--btn-soft-tint), transparent );--btn-fg: var(--btn-primary-soft-fg);--btn-border: transparent;--btn-hover-bg: color-mix( in srgb, var(--btn-primary-soft-base) var(--btn-soft-tint-hover), transparent )}.btn-accent{--btn-bg: var(--btn-accent-bg);--btn-fg: var(--btn-accent-fg);--btn-border: var(--btn-accent-bg);--btn-hover-bg: var(--btn-accent-hover-bg);--btn-highlight: var(--btn-solid-highlight)}.btn-soft-accent{--btn-bg: color-mix( in srgb, var(--btn-accent-soft-base) var(--btn-soft-tint), transparent );--btn-fg: var(--btn-accent-soft-fg);--btn-border: transparent;--btn-hover-bg: color-mix( in srgb, var(--btn-accent-soft-base) var(--btn-soft-tint-hover), transparent )}.btn-success{--btn-bg: var(--btn-success-bg);--btn-fg: var(--btn-success-fg);--btn-border: var(--btn-success-bg);--btn-hover-bg: var(--btn-success-hover-bg);--btn-highlight: var(--btn-solid-highlight)}.btn-soft-success,.btn-outline-success{--btn-bg: color-mix( in srgb, var(--btn-success-soft-base) var(--btn-soft-tint), transparent );--btn-fg: var(--btn-success-soft-fg);--btn-border: transparent;--btn-hover-bg: color-mix( in srgb, var(--btn-success-soft-base) var(--btn-soft-tint-hover), transparent )}.btn-warning{--btn-bg: var(--btn-warning-bg);--btn-fg: var(--btn-warning-fg);--btn-border: var(--btn-warning-bg);--btn-hover-bg: var(--btn-warning-hover-bg);--btn-highlight: var(--btn-solid-highlight)}.btn-soft-warning,.btn-outline-warning{--btn-bg: color-mix( in srgb, var(--btn-warning-soft-base) var(--btn-soft-tint), transparent );--btn-fg: var(--btn-warning-soft-fg);--btn-border: transparent;--btn-hover-bg: color-mix( in srgb, var(--btn-warning-soft-base) var(--btn-soft-tint-hover), transparent )}.btn-danger{--btn-bg: var(--btn-danger-bg);--btn-fg: var(--btn-danger-fg);--btn-border: var(--btn-danger-bg);--btn-hover-bg: var(--btn-danger-hover-bg);--btn-highlight: var(--btn-solid-highlight)}.btn-soft-danger,.btn-outline-danger{--btn-bg: color-mix( in srgb, var(--btn-danger-soft-base) var(--btn-soft-tint), transparent );--btn-fg: var(--btn-danger-soft-fg);--btn-border: transparent;--btn-hover-bg: color-mix( in srgb, var(--btn-danger-soft-base) var(--btn-soft-tint-hover), transparent )}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn[aria-busy=true]:after{animation-duration:1.6s}}.btn-with-icon{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-create>.ui-icon svg{stroke-width:2}.fab{position:fixed;z-index:40;inset-block-end:calc(var(--space-5) + env(safe-area-inset-bottom,0px));inset-inline-end:calc(var(--space-5) + env(safe-area-inset-right,0px));display:none;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border:none;border-radius:var(--radius-full);background:var(--btn-primary-bg);color:var(--btn-primary-fg);box-shadow:var(--btn-solid-highlight),var(--shadow-lg);cursor:pointer;transition:background var(--transition-fast)}.fab:hover{background:var(--btn-primary-hover-bg)}@media(max-width:767px){.btn-create{display:none}.fab{display:inline-flex}.fab-clearance{padding-block-end:calc(3.5rem + 2 * var(--space-5) + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.fab{transition:none}}.segmented-control{display:inline-flex;min-height:2.5rem;padding:2px;border:1px solid var(--color-border-strong);border-radius:var(--control-radius);background:var(--color-surface-hover)}.segmented-control button{min-width:4.5rem;border:0;border-radius:calc(var(--control-radius) - 3px);padding-inline:var(--space-3);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.segmented-control button.active{background:var(--segmented-active-bg);color:var(--segmented-active-fg);box-shadow:var(--shadow-sm)}.form-field{display:grid;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.form-control{width:100%;min-height:2.5rem;border:1px solid var(--color-border-strong);border-radius:var(--control-radius);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text-primary);font:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-control::placeholder{color:var(--color-text-muted)}.form-control:focus{border-color:var(--color-input-focus-border);outline:none;box-shadow:var(--shadow-input-focus)}.form-control:disabled{background:var(--color-surface-hover);cursor:not-allowed;opacity:.6}.form-control:read-only:not(:disabled){cursor:default}.form-control[aria-invalid=true]{border-color:var(--color-danger)}.form-control[aria-invalid=true]:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 14%,transparent)}.form-error{color:var(--color-danger);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.input-with-icon{position:relative;display:block}.input-with-icon .form-control{padding-inline-start:2.5rem}.input-with-icon>.ui-icon{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:var(--space-3);color:var(--color-text-muted);pointer-events:none;transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.form-control{transition:none}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-sm)}.interactive-card{cursor:pointer;transition:border-color var(--transition-card),box-shadow var(--transition-card),transform var(--transition-card)}@media(hover:hover){.interactive-card:hover:not(:disabled):not(:has(.interactive-card-action:hover)){border-color:var(--color-interactive-border);box-shadow:var(--shadow-interactive-hover)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.interactive-card:hover:not(:disabled):not(:has(.interactive-card-action:hover,.interactive-card-action [aria-expanded=true])){transform:translateY(-2px)}}.interactive-card:focus-visible:not(:disabled),.interactive-card:has(.interactive-card-primary:focus-visible){border-color:var(--color-interactive-border);outline-color:var(--color-interactive-border);box-shadow:var(--shadow-interactive-focus)}.interactive-card:has(.interactive-card-action [aria-expanded=true]){position:relative;z-index:1}.interactive-card-primary{cursor:pointer}.interactive-card-primary:focus-visible{outline:none}.interactive-card-action{cursor:default}@media(prefers-reduced-motion:reduce){.interactive-card{transition:none}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.gradient-text{background-image:var(--gradient-text-brand);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.shell-edge-light:after{content:"";position:absolute;inset-block:var(--navbar-height) 0;inset-inline-start:100%;width:var(--shell-edge-light-size);background:var(--shell-edge-light-end);pointer-events:none;-webkit-mask-image:linear-gradient(to bottom left,transparent 50%,#000 50%),linear-gradient(#000,#000);mask-image:linear-gradient(to bottom left,transparent 50%,#000 50%),linear-gradient(#000,#000);-webkit-mask-position:0 0,0 var(--shell-edge-light-size);mask-position:0 0,0 var(--shell-edge-light-size);-webkit-mask-size:100% var(--shell-edge-light-size),100% 100%;mask-size:100% var(--shell-edge-light-size),100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.overlay-backdrop{position:fixed;inset:0;border:none;padding:0;background:var(--color-backdrop);cursor:pointer}:root{color-scheme:light;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 999px;--nagradio-radius-xl: 32px;--nagradio-hero-radius: 40px;--control-radius: 14px;--btn-radius: var(--radius-full);--font-weight-semibold: 700;--nagradio-font-weight-display: 800;--nagradio-violet: #7c3aed;--nagradio-violet-deep: #6d28d9;--nagradio-violet-ink: #5b21b6;--nagradio-plum: #a21caf;--nagradio-pink: #ec4899;--nagradio-pink-deep: #be185d;--nagradio-sun: #fbbf24;--nagradio-mint: #34d399;--nagradio-sky: #38bdf8;--nagradio-coral: #fb7185;--nagradio-pastel-violet: #f1eaff;--nagradio-pastel-pink: #ffe8f3;--nagradio-pastel-sun: #fff4d6;--nagradio-pastel-mint: #e3f9ef;--nagradio-pastel-sky: #e3f4ff;--nagradio-pastel-coral: #ffe9ec;--nagradio-ink-violet: #6d28d9;--nagradio-ink-pink: #be185d;--nagradio-ink-sun: #92400e;--nagradio-ink-mint: #047857;--nagradio-ink-sky: #0369a1;--nagradio-ink-coral: #be123c;--nagradio-gradient-primary: linear-gradient(135deg, #7c3aed 0%, #a21caf 100%);--nagradio-gradient-primary-hover: linear-gradient(135deg, #6d28d9 0%, #86198f 100%);--nagradio-gradient-festive: linear-gradient( 120deg, #8b5cf6 0%, #ec4899 50%, #fbbf24 100% );--nagradio-gradient-hero: radial-gradient(circle at 12% 18%, rgba(236, 72, 153, .16) 0, transparent 38%), radial-gradient(circle at 88% 12%, rgba(251, 191, 36, .22) 0, transparent 34%), radial-gradient(circle at 78% 92%, rgba(56, 189, 248, .16) 0, transparent 40%), radial-gradient(circle at 30% 100%, rgba(52, 211, 153, .14) 0, transparent 36%), linear-gradient(135deg, #f7f0ff 0%, #fff5fb 55%, #fffaf0 100%);--color-bg: #f7f3ff;--color-surface: #ffffff;--color-surface-hover: #f4efff;--color-border: #ebe4fa;--color-border-strong: #d6cbef;--color-text-primary: #251a3d;--color-text-secondary: #54476e;--color-text-muted: #6b5f84;--color-text-on-primary: #ffffff;--color-text-on-danger: #ffffff;--color-primary: var(--nagradio-violet);--color-primary-hover: var(--nagradio-violet-deep);--color-primary-text: var(--nagradio-violet-deep);--color-accent: var(--nagradio-pink-deep);--color-backdrop: rgba(37, 26, 61, .36);--color-success: #15803d;--color-info: #0369a1;--color-warning: #b45309;--color-danger: #dc2626;--color-primary-soft: color-mix(in srgb, var(--color-primary) 12%, transparent);--color-primary-soft-strong: color-mix(in srgb, var(--color-primary) 20%, transparent);--btn-primary-bg: var(--nagradio-violet);--btn-primary-fg: #ffffff;--btn-primary-hover-bg: var(--nagradio-violet-deep);--btn-primary-soft-base: var(--nagradio-violet);--btn-primary-soft-fg: var(--nagradio-violet-ink);--btn-solid-highlight: inset 0 1px 0 0 rgba(255, 255, 255, .22);--btn-accent-bg: var(--nagradio-pink-deep);--btn-accent-fg: #ffffff;--btn-accent-hover-bg: #9d174d;--btn-success-bg: #0e8157;--btn-success-fg: #ffffff;--btn-success-hover-bg: #0b6b48;--btn-warning-bg: #f59e0b;--btn-warning-fg: #251a3d;--btn-warning-hover-bg: #fbb134;--btn-warning-soft-fg: #7c4a03;--btn-danger-bg: #d13445;--btn-danger-fg: #ffffff;--btn-danger-hover-bg: #b02636;--btn-soft-tint: 14%;--btn-soft-tint-hover: 22%;--nagradio-shadow-primary: 0 10px 22px -8px rgba(124, 58, 237, .55);--nagradio-shadow-primary-hover: 0 14px 28px -10px rgba(124, 58, 237, .6);--segmented-active-bg: var(--color-surface);--segmented-active-fg: var(--nagradio-violet-deep);--nav-color-surface: #ffffff;--nav-color-surface-hover: #f4efff;--nav-color-border: #ebe4fa;--nav-color-text-primary: #251a3d;--nav-color-text-secondary: #54476e;--nav-color-accent: var(--nagradio-violet);--nav-color-accent-text: var(--nagradio-violet-deep);--nav-color-accent-soft: color-mix(in srgb, var(--nav-color-accent) 14%, transparent);--nav-color-accent-soft-strong: color-mix(in srgb, var(--nav-color-accent) 20%, transparent);--gradient-brand: var(--nagradio-gradient-festive);--gradient-text-brand: linear-gradient(90deg, #6d28d9 0%, #be185d 100%);--shadow-sm: 0 2px 8px rgba(91, 33, 182, .06);--shadow-md: 0 12px 32px -12px rgba(91, 33, 182, .22);--shadow-lg: 0 28px 64px -24px rgba(91, 33, 182, .32);--color-input-focus-border: var(--nagradio-violet);--color-input-focus-glow: color-mix(in srgb, var(--nagradio-violet) 18%, transparent);--color-interactive-border: var(--nagradio-violet);--shadow-interactive-hover: 0 16px 36px -14px rgba(124, 58, 237, .4);--shadow-interactive-focus: 0 0 0 4px color-mix(in srgb, var(--nagradio-violet) 22%, transparent), 0 16px 36px -14px rgba(124, 58, 237, .4);--page-glow: radial-gradient(ellipse 60rem 32rem at 0 0, rgba(124, 58, 237, .12) 0%, transparent 70%), radial-gradient(ellipse 42rem 26rem at 100% 0, rgba(236, 72, 153, .08) 0%, transparent 70%);--nagradio-ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--nagradio-float-duration: 7s}:root[data-theme=dark]{color-scheme:dark;--nagradio-pastel-violet: #2d2152;--nagradio-pastel-pink: #3a1d38;--nagradio-pastel-sun: #3a2f1a;--nagradio-pastel-mint: #16352c;--nagradio-pastel-sky: #16304a;--nagradio-pastel-coral: #3d1f28;--nagradio-ink-violet: #c4b5fd;--nagradio-ink-pink: #f9a8d4;--nagradio-ink-sun: #fcd34d;--nagradio-ink-mint: #6ee7b7;--nagradio-ink-sky: #7dd3fc;--nagradio-ink-coral: #fda4af;--nagradio-gradient-hero: radial-gradient(circle at 12% 18%, rgba(236, 72, 153, .18) 0, transparent 38%), radial-gradient(circle at 88% 12%, rgba(251, 191, 36, .14) 0, transparent 34%), radial-gradient(circle at 78% 92%, rgba(56, 189, 248, .14) 0, transparent 40%), radial-gradient(circle at 30% 100%, rgba(52, 211, 153, .12) 0, transparent 36%), linear-gradient(135deg, #251a45 0%, #2a1a3c 55%, #2a2030 100%);--color-bg: #150f26;--color-surface: #1f1736;--color-surface-hover: #2a2048;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .22);--color-text-primary: #f7f3ff;--color-text-secondary: #d6cdea;--color-text-muted: #ab9fc6;--color-text-on-primary: #150f26;--color-text-on-danger: #150f26;--color-primary: #a78bfa;--color-primary-hover: #c4b5fd;--color-primary-text: #c4b5fd;--color-accent: #f472b6;--color-backdrop: rgba(6, 3, 14, .62);--color-success: #4ade80;--color-info: #38bdf8;--color-warning: #fbbf24;--color-danger: #fb7185;--color-primary-soft: color-mix(in srgb, var(--color-primary) 18%, transparent);--color-primary-soft-strong: color-mix(in srgb, var(--color-primary) 28%, transparent);--btn-primary-bg: var(--nagradio-violet);--btn-primary-fg: #ffffff;--btn-primary-hover-bg: var(--nagradio-violet-deep);--btn-primary-soft-base: #a78bfa;--btn-primary-soft-fg: #ddd0ff;--btn-solid-highlight: inset 0 1px 0 0 rgba(255, 255, 255, .28);--btn-accent-bg: #f472b6;--btn-accent-fg: #150f26;--btn-accent-hover-bg: #f78fc6;--btn-success-bg: #34d399;--btn-success-fg: #150f26;--btn-success-hover-bg: #5ee0b0;--btn-warning-bg: #fbbf24;--btn-warning-fg: #150f26;--btn-warning-hover-bg: #fccc4f;--btn-warning-soft-fg: #fcd34d;--btn-danger-bg: #fb7185;--btn-danger-fg: #150f26;--btn-danger-hover-bg: #fc8d9d;--btn-soft-tint: 22%;--btn-soft-tint-hover: 30%;--nagradio-shadow-primary: 0 10px 24px -8px rgba(124, 58, 237, .7);--nagradio-shadow-primary-hover: 0 14px 30px -10px rgba(139, 92, 246, .75);--segmented-active-bg: color-mix(in srgb, var(--nagradio-violet) 30%, var(--color-surface));--segmented-active-fg: #ede5ff;--gradient-text-brand: linear-gradient(90deg, #c4b5fd 0%, #f9a8d4 100%);--shadow-sm: 0 2px 8px rgba(3, 0, 10, .3);--shadow-md: 0 14px 34px -12px rgba(3, 0, 10, .55);--shadow-lg: 0 30px 70px -24px rgba(3, 0, 10, .7);--color-input-focus-border: #a78bfa;--color-input-focus-glow: color-mix(in srgb, #a78bfa 22%, transparent);--color-interactive-border: #a78bfa;--shadow-interactive-hover: 0 16px 36px -14px rgba(167, 139, 250, .45);--shadow-interactive-focus: 0 0 0 4px color-mix(in srgb, #a78bfa 28%, transparent), 0 16px 36px -14px rgba(167, 139, 250, .45);--page-glow: radial-gradient(ellipse 60rem 32rem at 0 0, rgba(124, 58, 237, .24) 0%, transparent 70%), radial-gradient(ellipse 42rem 26rem at 100% 0, rgba(236, 72, 153, .12) 0%, transparent 70%)}:root[data-sidebar-theme=dark]{--nav-color-surface: #1b1331;--nav-color-surface-hover: #2a2048;--nav-color-border: rgba(255, 255, 255, .08);--nav-color-text-primary: #f7f3ff;--nav-color-text-secondary: #b9aed3;--nav-color-accent: #a78bfa;--nav-color-accent-text: #d8ccff;--nav-color-accent-soft: color-mix(in srgb, var(--nav-color-accent) 22%, transparent);--nav-color-accent-soft-strong: color-mix(in srgb, var(--nav-color-accent) 30%, transparent)}:root:not([data-theme=dark]){--color-sf-primary: 124, 58, 237;--color-sf-on-primary: 255, 255, 255;--color-sf-primary-container: 239, 231, 253;--color-sf-on-primary-container: 37, 26, 61;--color-sf-secondary: 84, 71, 110;--color-sf-surface: 255, 255, 255;--color-sf-surface-variant: 244, 239, 255;--color-sf-on-surface: 37, 26, 61;--color-sf-on-background: 37, 26, 61;--color-sf-on-surface-variant: 84, 71, 110;--color-sf-outline: 214, 203, 239;--color-sf-outline-variant: 235, 228, 250;--color-sf-error: 220, 38, 38;--color-sf-danger-text: 220, 38, 38;--color-sf-success: 21, 128, 61;--color-sf-success-text: 21, 128, 61;--color-sf-warning: 180, 83, 9;--color-sf-warning-text: 180, 83, 9;--color-sf-info: 3, 105, 161;--color-sf-info-text: 3, 105, 161}:root[data-theme=dark]{--color-sf-primary: 196, 181, 253;--color-sf-on-primary: 21, 15, 38;--color-sf-primary-container: 55, 44, 89;--color-sf-on-primary-container: 247, 243, 255;--color-sf-secondary: 214, 205, 234;--color-sf-surface: 31, 23, 54;--color-sf-surface-variant: 42, 32, 72;--color-sf-on-surface: 247, 243, 255;--color-sf-on-background: 247, 243, 255;--color-sf-on-surface-variant: 214, 205, 234;--color-sf-outline: 80, 74, 98;--color-sf-outline-variant: 53, 46, 74;--color-sf-error: 251, 113, 133;--color-sf-danger-text: 251, 113, 133;--color-sf-success: 74, 222, 128;--color-sf-success-text: 74, 222, 128;--color-sf-warning: 251, 191, 36;--color-sf-warning-text: 251, 191, 36;--color-sf-info: 56, 189, 248;--color-sf-info-text: 56, 189, 248}h1,h2,h3{font-weight:var(--nagradio-font-weight-display);letter-spacing:-.02em}.text-eyebrow{color:var(--color-primary-text);letter-spacing:.1em}.gradient-text{background-image:var(--gradient-text-brand)}.btn{min-height:2.75rem;padding-inline:var(--space-5)}.btn:not(.btn-primary,.btn-accent,.btn-success,.btn-warning,.btn-danger,.btn-soft-primary,.btn-soft-accent,.btn-soft-success,.btn-soft-warning,.btn-soft-danger,.btn-outline-success,.btn-outline-warning,.btn-outline-danger){--btn-bg: color-mix(in srgb, var(--color-primary) 5%, var(--color-surface));--btn-border: color-mix(in srgb, var(--color-primary) 22%, var(--color-border));--btn-hover-bg: var(--nagradio-pastel-violet);--btn-fg: var(--color-text-primary)}.btn-primary,.fab{background-image:var(--nagradio-gradient-primary);box-shadow:var(--btn-highlight, var(--btn-solid-highlight)),var(--nagradio-shadow-primary)}.btn-primary:hover:not(:disabled,[aria-busy=true],[aria-disabled=true]),.fab:hover{background-image:var(--nagradio-gradient-primary-hover);box-shadow:var(--btn-highlight, var(--btn-solid-highlight)),var(--nagradio-shadow-primary-hover)}.btn-primary:disabled,.btn-primary[aria-disabled=true]{box-shadow:var(--btn-highlight)}@media(prefers-reduced-motion:no-preference){.btn:active:not(:disabled,[aria-busy=true],[aria-disabled=true]),.fab:active{transform:scale(.96);transition-duration:80ms}.btn:hover:not(:disabled,[aria-busy=true],[aria-disabled=true]){transition-timing-function:var(--nagradio-ease-bounce)}}.icon-button{border-radius:var(--radius-full)}.segmented-control{border-radius:var(--radius-full);background:var(--color-surface-hover)}.segmented-control button{border-radius:var(--radius-full)}.segmented-control button.active{box-shadow:var(--shadow-md)}.card{border-color:var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card:hover{box-shadow:var(--shadow-md)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.interactive-card{transition-timing-function:var(--nagradio-ease-bounce)}.interactive-card:hover:not(:disabled):not(:has(.interactive-card-action:hover)){transform:translateY(-4px)}}.form-control{min-height:2.75rem;padding-inline:var(--space-4);background:color-mix(in srgb,var(--color-primary) 3%,var(--color-surface))}.form-control:hover:not(:disabled,:focus){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border-strong))}.input-with-icon .form-control{padding-inline-start:2.75rem}.input-with-icon>.ui-icon{inset-inline-start:var(--space-4);color:var(--color-primary-text)}select.form-control{cursor:pointer}textarea.form-control{border-radius:var(--radius-md)}input[type=checkbox],input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--color-primary);cursor:pointer}.nagradio-badge{--tone-bg: var(--nagradio-pastel-violet);--tone-fg: var(--nagradio-ink-violet);display:inline-flex;align-items:center;gap:var(--space-1);padding:.1875rem var(--space-3);border-radius:var(--radius-full);background:var(--tone-bg);color:var(--tone-fg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.4;white-space:nowrap}.nagradio-badge[data-tone=pink]{--tone-bg: var(--nagradio-pastel-pink);--tone-fg: var(--nagradio-ink-pink)}.nagradio-badge[data-tone=sun]{--tone-bg: var(--nagradio-pastel-sun);--tone-fg: var(--nagradio-ink-sun)}.nagradio-badge[data-tone=mint]{--tone-bg: var(--nagradio-pastel-mint);--tone-fg: var(--nagradio-ink-mint)}.nagradio-badge[data-tone=sky]{--tone-bg: var(--nagradio-pastel-sky);--tone-fg: var(--nagradio-ink-sky)}.nagradio-badge[data-tone=coral]{--tone-bg: var(--nagradio-pastel-coral);--tone-fg: var(--nagradio-ink-coral)}.nagradio-badge[data-tone=neutral]{--tone-bg: var(--color-surface-hover);--tone-fg: var(--color-text-secondary)}html:root .rail{border-inline-end-color:transparent;box-shadow:8px 0 32px -24px #5b21b673}html:root .rail:before{pointer-events:none;-webkit-user-select:none;user-select:none;content:"";position:absolute;inset:auto 0 0;z-index:-1;height:40%;background:radial-gradient(circle at 22% 30%,var(--nagradio-sun) 0 2.5px,transparent 3px),radial-gradient(circle at 78% 48%,var(--nagradio-pink) 0 2px,transparent 2.5px),radial-gradient(circle at 34% 70%,var(--nagradio-sky) 0 2px,transparent 2.5px),radial-gradient(circle at 70% 86%,var(--nagradio-mint) 0 2.5px,transparent 3px),radial-gradient(circle at 50% 110%,var(--nav-color-accent-soft) 0 40%,transparent 41%);opacity:.8}html:root .rail .brand-icon{width:2rem;height:2rem;border-radius:var(--radius-full);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55) 0 14%,transparent 15%),var(--gradient-brand);box-shadow:var(--nagradio-shadow-primary)}html:root .rail-item{position:relative;border-radius:var(--radius-full)}html:root .rail-item.active{background:var(--nav-color-accent-soft-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nav-color-accent) 25%,transparent)}html:root .rail-item.active:after{pointer-events:none;-webkit-user-select:none;user-select:none;content:"";position:absolute;inset-block-start:3px;inset-inline-end:3px;width:8px;height:8px;border:2px solid var(--nav-color-surface);border-radius:var(--radius-full);background:var(--nagradio-sun)}@media(hover:hover)and (prefers-reduced-motion:no-preference){html:root .rail-item{transition:background var(--transition-fast),color var(--transition-fast),transform .26s var(--nagradio-ease-bounce)}html:root .rail-item:hover{transform:scale(1.08)}}html:root .secondary-sidebar{border-inline-end-color:transparent;box-shadow:8px 0 32px -26px #5b21b673}html:root .secondary-sidebar:before{pointer-events:none;-webkit-user-select:none;user-select:none;content:"";position:absolute;inset:auto 0 0;z-index:-1;height:12rem;background:radial-gradient(circle at 85% 100%,var(--nav-color-accent-soft) 0 28%,transparent 29%),radial-gradient(circle at 15% 92%,color-mix(in srgb,var(--nagradio-pink) 12%,transparent) 0 14%,transparent 15%)}html:root .secondary-header{border-block-end-color:transparent}html:root .module-heading{font-weight:var(--nagradio-font-weight-display)}html:root :is(.nav-item,.module-link,.section-link){border-radius:var(--radius-full)}html:root :is(.nav-item,.section-link).active{background:var(--nav-color-accent-soft-strong);font-weight:var(--font-weight-semibold)}html:root .nav-item.active:not(.collapsed):after{pointer-events:none;-webkit-user-select:none;user-select:none;content:"";position:absolute;inset-inline-end:var(--space-3);width:7px;height:7px;border-radius:var(--radius-full);background:var(--nagradio-gradient-festive)}html:root .mobile-nav{border-start-end-radius:var(--nagradio-radius-xl);border-end-end-radius:var(--nagradio-radius-xl)}html:root .mobile-nav .brand-mark{border-radius:var(--radius-full);background:var(--gradient-brand)}html:root .navbar{border-bottom-color:transparent;box-shadow:0 10px 30px -26px #5b21b68c}html:root .workspace-button{height:2.5rem;padding-inline:var(--space-4);border-color:transparent;border-radius:var(--radius-full);background:var(--color-surface-hover);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}html:root .workspace-button:hover:not(:disabled){background:var(--nagradio-pastel-violet)}html:root .navbar .icon-button{width:2.5rem;height:2.5rem;background:var(--color-surface-hover)}html:root .navbar .icon-button:hover:not(:disabled){background:var(--nagradio-pastel-violet);color:var(--color-primary-text)}html:root .avatar-button{padding:2px;background:var(--nagradio-gradient-festive)}html:root .avatar-button>*{border:2px solid var(--color-surface);border-radius:var(--radius-full)}html:root .popover-overlay,html:root .ui-menu-list{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}html:root .ui-menu-item{border-radius:var(--radius-full)}html:root .theme-options label{border-radius:var(--radius-full)}html:root .dialog-panel{border-radius:var(--nagradio-radius-xl);box-shadow:var(--shadow-lg)}html:root .dialog-panel:before{pointer-events:none;-webkit-user-select:none;user-select:none;content:"";flex:0 0 6px;background:var(--nagradio-gradient-festive)}html:root :is(.dialog-header,.dialog-footer){border-color:transparent}html:root .dialog-footer{background:color-mix(in srgb,var(--color-primary) 4%,var(--color-surface))}html:root .dialog-status--success .dialog-status__icon{position:relative;width:5rem;height:5rem;background:var(--nagradio-pastel-mint)}html:root .dialog-status--success .dialog-status__icon:before{pointer-events:none;-webkit-user-select:none;user-select:none;content:"";position:absolute;inset:-1.75rem;background:radial-gradient(circle at 8% 40%,var(--nagradio-pink) 0 3px,transparent 3.5px),radial-gradient(circle at 92% 30%,var(--nagradio-sun) 0 4px,transparent 4.5px),radial-gradient(circle at 20% 8%,var(--nagradio-sky) 0 3px,transparent 3.5px),radial-gradient(circle at 80% 92%,var(--nagradio-violet) 0 3px,transparent 3.5px),radial-gradient(circle at 12% 88%,var(--nagradio-sun) 0 2.5px,transparent 3px),radial-gradient(circle at 70% 4%,var(--nagradio-coral) 0 2.5px,transparent 3px)}@media(prefers-reduced-motion:no-preference){html:root .dialog-status--success .dialog-status__icon:before{animation:nagradio-burst .7s var(--nagradio-ease-bounce) both}}html:root .drawer-panel{overflow:hidden;border-inline-start:0;border-start-start-radius:var(--nagradio-radius-xl);border-end-start-radius:var(--nagradio-radius-xl)}html:root .drawer-header{background:color-mix(in srgb,var(--color-primary) 5%,var(--color-surface))}@media(max-width:640px){html:root .drawer-panel{border-radius:0}}html:root .toast{grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;border-inline-start-width:1px;border-color:var(--color-border);border-radius:var(--radius-lg)}html:root .toast__icon{inline-size:2rem;block-size:2rem;min-inline-size:2rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--toast-accent) 14%,transparent)}html:root .toast--success{background-image:radial-gradient(circle at calc(100% - 3.5rem) 20%,var(--nagradio-sun) 0 2.5px,transparent 3px),radial-gradient(circle at calc(100% - 2.25rem) 78%,var(--nagradio-pink) 0 2px,transparent 2.5px),radial-gradient(circle at calc(100% - 4.5rem) 70%,var(--nagradio-sky) 0 2px,transparent 2.5px)}html:root .toast__action{border-radius:var(--radius-full)}html:root .data-grid__viewport{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}html:root .page-state--empty .page-state__icon,html:root .page-state--not-found .page-state__icon{position:relative;background:var(--nagradio-pastel-violet);color:var(--nagradio-ink-violet)}html:root .page-state--empty .page-state__icon:before,html:root .page-state--empty .page-state__icon:after{pointer-events:none;-webkit-user-select:none;user-select:none;content:"";position:absolute}html:root .page-state--empty .page-state__icon:before{--tone: var(--nagradio-pink);width:1.25rem;height:2rem;background:var(--tone, var(--nagradio-violet));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 64'%3E%3Cpath d='M20 2C9.5 2 2 10.4 2 20.5 2 32 11.5 41 18 43.6L16 47h8l-2-3.4C28.5 41 38 32 38 20.5 38 10.4 30.5 2 20 2z'/%3E%3Cpath d='M20 47c-3.5 4.5 3.5 8 0 15' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 64'%3E%3Cpath d='M20 2C9.5 2 2 10.4 2 20.5 2 32 11.5 41 18 43.6L16 47h8l-2-3.4C28.5 41 38 32 38 20.5 38 10.4 30.5 2 20 2z'/%3E%3Cpath d='M20 47c-3.5 4.5 3.5 8 0 15' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.6) 0 8%,transparent 9%),radial-gradient(circle at 50% 30%,transparent 30%,rgba(0,0,0,.08) 60%,transparent 61%),var(--tone, var(--nagradio-pink));inset-block-start:-1.25rem;inset-inline-start:-1.5rem;rotate:-12deg}html:root .page-state--empty .page-state__icon:after{--tone: var(--nagradio-sun);width:1rem;height:1.6rem;background:var(--tone, var(--nagradio-violet));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 64'%3E%3Cpath d='M20 2C9.5 2 2 10.4 2 20.5 2 32 11.5 41 18 43.6L16 47h8l-2-3.4C28.5 41 38 32 38 20.5 38 10.4 30.5 2 20 2z'/%3E%3Cpath d='M20 47c-3.5 4.5 3.5 8 0 15' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 64'%3E%3Cpath d='M20 2C9.5 2 2 10.4 2 20.5 2 32 11.5 41 18 43.6L16 47h8l-2-3.4C28.5 41 38 32 38 20.5 38 10.4 30.5 2 20 2z'/%3E%3Cpath d='M20 47c-3.5 4.5 3.5 8 0 15' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.6) 0 8%,transparent 9%),radial-gradient(circle at 50% 30%,transparent 30%,rgba(0,0,0,.08) 60%,transparent 61%),var(--tone, var(--nagradio-pink));inset-block-start:-.5rem;inset-inline-end:-1.4rem;rotate:10deg}html:root .page-state__retry{border-radius:var(--radius-full);background-image:var(--nagradio-gradient-primary);box-shadow:var(--nagradio-shadow-primary)}html:root app-placeholder .placeholder{position:relative;isolation:isolate;margin-block-start:var(--space-4);padding:var(--space-7) var(--space-6);border-radius:var(--nagradio-radius-xl);background:var(--nagradio-gradient-hero);box-shadow:var(--shadow-md);overflow:hidden}html:root app-placeholder .placeholder:before,html:root app-placeholder .placeholder:after{pointer-events:none;-webkit-user-select:none;user-select:none;content:"";position:absolute;z-index:-1}html:root app-placeholder .placeholder:before{--tone: var(--nagradio-pink);width:3rem;height:calc(3rem * 1.6);background:var(--tone, var(--nagradio-violet));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 64'%3E%3Cpath d='M20 2C9.5 2 2 10.4 2 20.5 2 32 11.5 41 18 43.6L16 47h8l-2-3.4C28.5 41 38 32 38 20.5 38 10.4 30.5 2 20 2z'/%3E%3Cpath d='M20 47c-3.5 4.5 3.5 8 0 15' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 64'%3E%3Cpath d='M20 2C9.5 2 2 10.4 2 20.5 2 32 11.5 41 18 43.6L16 47h8l-2-3.4C28.5 41 38 32 38 20.5 38 10.4 30.5 2 20 2z'/%3E%3Cpath d='M20 47c-3.5 4.5 3.5 8 0 15' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.6) 0 8%,transparent 9%),radial-gradient(circle at 50% 30%,transparent 30%,rgba(0,0,0,.08) 60%,transparent 61%),var(--tone, var(--nagradio-pink));inset-block-start:1.5rem;inset-inline-end:5.5rem;rotate:-8deg}html:root app-placeholder .placeholder:after{--tone: var(--nagradio-violet);width:3.75rem;height:6rem;background:var(--tone, var(--nagradio-violet));mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 64'%3E%3Cpath d='M20 2C9.5 2 2 10.4 2 20.5 2 32 11.5 41 18 43.6L16 47h8l-2-3.4C28.5 41 38 32 38 20.5 38 10.4 30.5 2 20 2z'/%3E%3Cpath d='M20 47c-3.5 4.5 3.5 8 0 15' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 64'%3E%3Cpath d='M20 2C9.5 2 2 10.4 2 20.5 2 32 11.5 41 18 43.6L16 47h8l-2-3.4C28.5 41 38 32 38 20.5 38 10.4 30.5 2 20 2z'/%3E%3Cpath d='M20 47c-3.5 4.5 3.5 8 0 15' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;background:radial-gradient(circle at 32% 20%,rgba(255,255,255,.6) 0 8%,transparent 9%),radial-gradient(circle at 50% 30%,transparent 30%,rgba(0,0,0,.08) 60%,transparent 61%),var(--tone, var(--nagradio-pink));inset-block-start:3rem;inset-inline-end:1.75rem;rotate:8deg}@media(prefers-reduced-motion:no-preference){html:root app-placeholder .placeholder:before,html:root app-placeholder .placeholder:after,html:root .page-state--empty .page-state__icon:before,html:root .page-state--empty .page-state__icon:after{animation:nagradio-float var(--nagradio-float-duration) ease-in-out infinite alternate}html:root app-placeholder .placeholder:after,html:root .page-state--empty .page-state__icon:after{animation-delay:-2.5s}}@media(max-width:640px){html:root app-placeholder .placeholder{padding:var(--space-6) var(--space-4)}html:root app-placeholder .placeholder:before{display:none}html:root app-placeholder .placeholder:after{opacity:.35}}@keyframes nagradio-float{0%{translate:0 0}to{translate:0 -10px}}@keyframes nagradio-burst{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}