@import "https://fonts.googleapis.com/css2?family=Lexend:wght@600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Material+Symbols+Outlined:FILL@0..1&display=swap";:root,:root[data-theme=light],:root.light,html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-canvas:#f8fafc;--color-surface:#fff;--color-surface-secondary:#f1f5f9;--color-surface-raised:#fff;--color-text:#0f172a;--color-text-muted:#475569;--color-border:#cbd5e1;--color-border-strong:#94a3b8;--color-on-accent:#fff;--color-preview-surface:#fff;--color-preview-text:#0f172a;--color-on-plan:#0f172a;--color-content-white:#fff;--color-shadow:#0f172a;--color-brand:#1967c3;--color-product-qr:#1967c3;--color-product-qr-accent:#0ea5e9;--color-product-qr-glow:#0ea5e9;--color-product-short-link:#be185d;--color-product-short-link-glow:#be185d;--color-plan-free:#6366f1;--color-plan-free-display:#6366f1;--color-plan-qr-plus:#10b981;--color-plan-plus:#0ea5e9;--color-plan-pro:#f59e0b;--color-info:#1967c3;--color-success:#15803d;--color-warning:#b45309;--color-danger:#dc2626;--rgb-canvas:248 250 252;--rgb-surface:255 255 255;--rgb-text:15 23 42;--rgb-text-muted:71 85 105;--rgb-border:203 213 225;--rgb-product-qr:25 103 195;--rgb-product-qr-accent:14 165 233;--rgb-product-qr-glow:14 165 233;--rgb-product-short-link:190 24 93;--rgb-product-short-link-glow:190 24 93;--button-qr-rest-bg:rgb(var(--rgb-product-qr) / 3%);--button-qr-rest-text:var(--color-product-qr);--button-qr-rest-border:rgb(var(--rgb-product-qr) / 42%);--button-qr-hover-bg:var(--color-product-qr);--button-qr-hover-text:var(--color-on-accent);--button-qr-hover-border:var(--color-product-qr);--button-qr-focus:var(--color-product-qr-accent);--button-qr-glow-rest:0 8px 20px rgb(var(--rgb-text) / 8%);--button-qr-glow-hover:0 12px 26px rgb(var(--rgb-product-qr) / 20%);--button-link-rest-bg:rgb(var(--rgb-product-short-link) / 4%);--button-link-rest-text:var(--color-product-short-link);--button-link-rest-border:rgb(var(--rgb-product-short-link) / 38%);--button-link-hover-bg:var(--color-product-short-link);--button-link-hover-text:var(--color-on-accent);--button-link-hover-border:var(--color-product-short-link);--button-link-focus:var(--color-product-short-link);--button-link-glow-rest:0 8px 20px rgb(var(--rgb-text) / 8%);--button-link-glow-hover:0 12px 26px rgb(var(--rgb-product-short-link) / 20%);--button-disabled-bg:rgb(var(--rgb-border) / 24%);--button-disabled-text:rgb(var(--rgb-text-muted) / 58%);--button-disabled-border:rgb(var(--rgb-border) / 72%);--focus-ring:var(--color-info)}:root[data-theme=dark],:root.dark,html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#020617;--color-surface:#071226;--color-surface-secondary:#0b1730;--color-surface-raised:#0b1730;--color-text:#f8fafc;--color-text-muted:#cbd5e1;--color-border:#1e3a5f;--color-border-strong:#38bdf8;--color-on-accent:#fff;--color-preview-surface:#fff;--color-preview-text:var(--color-canvas);--color-on-plan:#020617;--color-content-white:#fff;--color-shadow:#020617;--color-brand:#1967c3;--color-product-qr:#1967c3;--color-product-qr-accent:#38bdf8;--color-product-qr-glow:#7dd3fc;--color-product-short-link:#f43f5e;--color-product-short-link-glow:#ff5fa2;--color-plan-free:#818cf8;--color-plan-free-display:#f43f5e;--color-plan-qr-plus:#34d399;--color-plan-plus:#38bdf8;--color-plan-pro:#fbbf24;--color-info:#38bdf8;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#dc2626;--rgb-canvas:2 6 23;--rgb-surface:7 18 38;--rgb-text:248 250 252;--rgb-text-muted:203 213 225;--rgb-border:30 58 95;--rgb-product-qr:25 103 195;--rgb-product-qr-accent:56 189 248;--rgb-product-qr-glow:125 211 252;--rgb-product-short-link:244 63 94;--rgb-product-short-link-glow:255 95 162;--button-qr-rest-bg:rgb(var(--rgb-product-qr) / 16%);--button-qr-rest-text:var(--color-product-qr-glow);--button-qr-rest-border:rgb(var(--rgb-product-qr-accent) / 68%);--button-qr-hover-bg:linear-gradient(135deg, var(--color-product-qr) 0%, color-mix(in srgb, var(--color-product-qr-accent) 20%, var(--color-product-qr)) 100%);--button-qr-hover-text:var(--color-on-accent);--button-qr-hover-border:transparent;--button-qr-focus:var(--color-product-qr-glow);--button-qr-glow-rest:inset 0 0 0 1px rgb(var(--rgb-product-qr-glow) / 7%), 0 0 16px rgb(var(--rgb-product-qr-accent) / 14%), 0 10px 26px rgb(var(--rgb-canvas) / 34%);--button-qr-glow-hover:0 0 10px rgb(var(--rgb-product-qr-accent) / 34%), 0 0 22px rgb(var(--rgb-product-qr-accent) / 20%), 0 10px 24px rgb(var(--rgb-product-qr) / 16%);--button-link-rest-bg:rgb(var(--rgb-product-short-link) / 14%);--button-link-rest-text:var(--color-product-short-link-glow);--button-link-rest-border:rgb(var(--rgb-product-short-link-glow) / 68%);--button-link-hover-bg:linear-gradient(135deg, color-mix(in srgb, var(--color-product-short-link) 75%, var(--color-canvas)) 0%, color-mix(in srgb, var(--color-product-short-link-glow) 75%, var(--color-canvas)) 100%);--button-link-hover-text:var(--color-on-accent);--button-link-hover-border:transparent;--button-link-focus:var(--color-product-short-link-glow);--button-link-glow-rest:inset 0 0 0 1px rgb(var(--rgb-product-short-link-glow) / 6%), 0 0 16px rgb(var(--rgb-product-short-link-glow) / 14%), 0 10px 26px rgb(var(--rgb-canvas) / 34%);--button-link-glow-hover:0 0 10px rgb(var(--rgb-product-short-link-glow) / 32%), 0 0 22px rgb(var(--rgb-product-short-link-glow) / 18%), 0 10px 24px rgb(var(--rgb-product-short-link) / 15%);--button-disabled-bg:#94a3b80f;--button-disabled-text:#cbd5e17a;--button-disabled-border:#94a3b829;--focus-ring:var(--color-info)}:root{--hoppla-bg:var(--color-canvas);--hoppla-surface:var(--color-surface);--hoppla-surface-lowest:var(--color-surface);--hoppla-surface-low:var(--color-surface-secondary);--hoppla-surface-soft:var(--color-surface-secondary);--hoppla-surface-container:var(--color-surface-raised);--hoppla-surface-strong:var(--color-surface-raised);--hoppla-surface-elevated:var(--color-surface-raised);--hoppla-text:var(--color-text);--hoppla-text-soft:var(--color-text-muted);--hoppla-text-muted:var(--color-text-muted);--hoppla-muted:var(--color-text-muted);--hoppla-border:var(--color-border);--hoppla-border-strong:var(--color-border-strong);--hoppla-accent:var(--color-info);--tone-brand-light:var(--color-brand);--tone-sky:var(--color-plan-plus);--tone-sky-soft:var(--color-product-qr-accent);--tone-emerald:var(--color-plan-qr-plus);--tone-emerald-soft:var(--color-plan-qr-plus);--tone-green:var(--color-success);--tone-indigo:var(--color-plan-free);--tone-indigo-soft:var(--color-plan-free);--tone-amber:var(--color-plan-pro);--tone-amber-soft:var(--color-plan-pro);--tone-rose:var(--color-product-short-link);--tone-rose-dark:var(--color-danger);--tone-rose-soft:var(--color-product-short-link-glow);--short-link-accent:var(--color-product-short-link);--short-link-on-accent:var(--color-on-accent);--qr-product-accent:var(--color-product-qr);--qr-product-on-accent:var(--color-on-accent);--bg:var(--color-canvas);--bg-soft:var(--color-surface-secondary);--surface:var(--color-surface);--surface-strong:var(--color-surface-raised);--surface-elevated:var(--color-surface-raised);--line:var(--color-border);--ink:var(--color-text);--muted:var(--color-text-muted);--text-primary:var(--color-text);--text-secondary:var(--color-text-muted);--border-color:var(--color-border);--input-bg:var(--color-surface);--brand:var(--color-brand);--brand-primary:var(--color-brand);--brand-strong:var(--color-brand);--accent:var(--color-info);--accent-soft:rgb(var(--rgb-product-qr-accent) / 12%);--success:var(--color-success);--danger:var(--color-danger);--error:var(--color-danger);--error-color:var(--color-danger);--danger-soft:color-mix(in srgb, var(--color-danger) 12%, transparent);--indigo:var(--color-plan-free);--rose:var(--color-product-short-link);--warning-color:var(--color-warning);--tone-red:var(--color-danger);--tone-sky-deep:var(--color-product-qr-accent);--hoppla-blue:var(--color-brand);--hoppla-primary:var(--color-brand);--pricing-primary:var(--color-plan-free);--hoppla-panel-shadow:0 18px 40px rgb(var(--rgb-canvas) / 10%);--hoppla-panel-shadow-strong:0 28px 60px rgb(var(--rgb-canvas) / 18%);--hoppla-card-shadow:var(--hoppla-panel-shadow);--hoppla-card-shadow-lg:var(--hoppla-panel-shadow-strong);--shadow:var(--hoppla-panel-shadow);--shadow-sm:var(--hoppla-panel-shadow);--hoppla-hero-kicker:color-mix(in srgb, var(--color-text) 68%, transparent);--hoppla-hero-title:var(--color-text);--hoppla-hero-footer:color-mix(in srgb, var(--color-text) 60%, transparent);--hoppla-nav-text:color-mix(in srgb, var(--color-text) 86%, transparent);--hoppla-rail-line:color-mix(in srgb, var(--color-text) 12%, transparent);--hoppla-rail-text:color-mix(in srgb, var(--color-text) 92%, transparent)}.public-header-hoppla{--header-gutter:clamp(16px, 2.5vw, 36px);--header-pill-h:40px;--header-pill-w:132px;padding-top:max(14px, env(safe-area-inset-top));padding-inline:var(--header-gutter);will-change:transform;transition:transform .22s,opacity .18s;transform:translateY(0)}.public-home-tool{--home-creation-transition:.28s;--home-surroundings-exit:.43s;--home-tabs-lift:.26s;--home-intro-exit:.28s;transition:row-gap var(--home-tabs-lift) cubic-bezier(.22, 1, .36, 1);overflow-x:clip}.public-home-tool-hero-slot,.public-home-tool-free-slot{min-width:0;transition:grid-template-rows var(--home-tabs-lift) cubic-bezier(.22, 1, .36, 1);grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden}.public-home-tool-hero-slot>*,.public-home-tool-free-slot>*{min-height:0}.public-home-tool-copy,.public-home-tool-free{will-change:transform, opacity;transition:transform var(--home-surroundings-exit) cubic-bezier(.22, 1, .36, 1), opacity var(--home-surroundings-exit) ease}.public-home-tool-panel{will-change:transform;transition:transform var(--home-tabs-lift) cubic-bezier(.22, 1, .36, 1)}.public-home-tool-stage{background:var(--hoppla-surface);min-height:10.5rem;display:grid}.public-home-tool-presentation,.public-home-tool-builder-placeholder{grid-area:1/1;min-width:0}.public-home-tool-presentation{opacity:1;transition:grid-template-rows var(--home-intro-exit) cubic-bezier(.22, 1, .36, 1), opacity var(--home-intro-exit) ease, transform var(--home-intro-exit) cubic-bezier(.22, 1, .36, 1);grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden}.public-home-tool-presentation>*{min-height:0}.public-home-tool-builder-placeholder{visibility:hidden;opacity:0;pointer-events:none;min-height:10.5rem;color:var(--brand);place-content:center;justify-items:center;gap:.75rem;padding:2rem;transition:opacity .18s,transform .22s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(.5rem)}.public-home-tool-builder-placeholder .icon-lg{width:2.25rem;height:2.25rem}.public-home-tool-builder-placeholder strong{color:var(--hoppla-text);font-family:var(--hoppla-font-title);font-size:1.2rem}.public-home-tool.exit-surroundings .public-home-tool-copy,.public-home-tool.exit-tabs .public-home-tool-copy,.public-home-tool.exit-controls .public-home-tool-copy,.public-home-tool.exit-intro .public-home-tool-copy{opacity:0;transform:translate(3.25rem)}.public-home-tool.exit-surroundings .public-home-tool-free,.public-home-tool.exit-tabs .public-home-tool-free,.public-home-tool.exit-controls .public-home-tool-free,.public-home-tool.exit-intro .public-home-tool-free{opacity:0;transform:translate(-3.25rem)}.public-home-tool.exit-tabs,.public-home-tool.exit-controls,.public-home-tool.exit-intro{row-gap:0}.public-home-tool.exit-tabs .public-home-tool-hero-slot,.public-home-tool.exit-tabs .public-home-tool-free-slot,.public-home-tool.exit-controls .public-home-tool-hero-slot,.public-home-tool.exit-controls .public-home-tool-free-slot,.public-home-tool.exit-intro .public-home-tool-hero-slot,.public-home-tool.exit-intro .public-home-tool-free-slot{grid-template-rows:minmax(0,0fr)}.public-home-tool.exit-tabs .public-home-tool-panel,.public-home-tool.exit-controls .public-home-tool-panel,.public-home-tool.exit-intro .public-home-tool-panel{transform:translateY(-.25rem)}.public-home-tool.exit-intro .public-home-tool-presentation,.public-home-tool-presentation.is-tool-leaving{opacity:0;pointer-events:none;grid-template-rows:minmax(0,0fr);transform:translateY(-.45rem)}.public-home-tool.is-builder{row-gap:0}.public-home-tool.is-builder .public-home-tool-stage{background:0 0;min-height:0}.public-home-tool-builder{transform-origin:top;backface-visibility:hidden;background:0 0;min-width:0;padding-top:1.5rem;animation:.52s cubic-bezier(.16,1,.3,1) both public-home-builder-enter}@keyframes public-home-builder-enter{0%{opacity:0;transform:translateY(1.4rem)scale(.992)}42%{opacity:.76}to{opacity:1;transform:translate(0,0)scale(1)}}html.home-creation-active .qh-home-header-frame{display:none!important}html.home-creation-header-leaving:not(.home-creation-active) .qh-home-header-frame{opacity:0!important;pointer-events:none!important;transform:translateY(calc(-100% - 18px))!important}html.home-creation-header-leaving .public-footer{opacity:0;pointer-events:none;visibility:hidden}html.home-creation-active .public-footer{display:none!important}html.home-creation-tabs-moving .content.content-public.content-public-home,html.home-creation-active .content.content-public.content-public-home{padding-top:max(.75rem, env(safe-area-inset-top))!important}.content.content-public.content-public-home{transition:padding-top .34s cubic-bezier(.22,1,.36,1)}.public-home-tool.is-builder .public-home-tool-panel{z-index:110;top:max(.75rem, env(safe-area-inset-top));position:sticky}.public-home-tool.is-builder{isolation:auto}.public-home-workspace-bar{background:var(--hoppla-surface);grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:stretch;display:grid}.public-home-workspace-bar .public-home-tool-tabs{border-inline:1px solid var(--hoppla-border);border-bottom:0;grid-column:2}.public-home-workspace-bar .public-home-workspace-end{grid-column:3}.public-home-workspace-menu-button,.public-home-workspace-cancel-button{color:var(--hoppla-text-soft);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.84rem;font-weight:780;animation:.22s cubic-bezier(.22,1,.36,1) both public-home-workspace-control-enter}.public-home-workspace-end{justify-content:flex-end;align-items:center;gap:.55rem;padding-inline:.65rem;display:flex}.public-home-lease-indicator{border:1px solid color-mix(in srgb, var(--brand) 22%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 7%, var(--hoppla-surface));min-width:4.6rem;color:var(--brand);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.35rem;padding:.42rem .62rem;font-size:.76rem;font-weight:800;display:inline-flex}.public-home-lease-indicator svg{width:.95rem;height:.95rem}.public-home-lease-indicator.is-warning{border-color:color-mix(in srgb, var(--color-warning) 38%, var(--hoppla-border));background:color-mix(in srgb, var(--color-plan-pro) 10%, var(--hoppla-surface));color:color-mix(in srgb, var(--color-warning) 82%, var(--hoppla-text))}.public-home-lease-indicator.is-critical{border-color:color-mix(in srgb, var(--color-danger) 42%, var(--hoppla-border));background:color-mix(in srgb, var(--color-danger) 10%, var(--hoppla-surface));color:color-mix(in srgb, var(--color-danger) 86%, var(--hoppla-text))}.public-home-connected-desktop-timer,.public-home-workspace-mobile-cancel{display:none}@media (width>=981px){.public-home-workspace-bar.is-connected-workspace{grid-template-columns:6.25rem minmax(0,1fr) auto}.public-home-workspace-bar.is-connected-workspace .public-home-workspace-menu-button{display:none}.public-home-workspace-bar.is-connected-workspace .public-home-connected-desktop-timer{justify-content:center;place-self:center;min-width:5rem;display:inline-flex}.public-home-workspace-bar.is-connected-workspace .public-home-workspace-end-timer{display:none}}@keyframes public-home-workspace-control-enter{0%{opacity:0;transform:translateY(.4rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.public-home-workspace-menu-button{border:1px solid var(--hoppla-border);background:var(--hoppla-bg);width:2.65rem;height:2.65rem;color:var(--brand);box-shadow:none;border-radius:999px;place-self:center;place-items:center;display:grid}.public-home-workspace-cancel-button{padding-inline:1.15rem}.public-home-workspace-menu-button:hover,.public-home-workspace-menu-button:focus-visible,.public-home-workspace-cancel-button:hover,.public-home-workspace-cancel-button:focus-visible{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));color:var(--brand)}.public-home-draft-dot{background:var(--brand);width:.42rem;height:.42rem;box-shadow:0 0 0 .2rem color-mix(in srgb, var(--brand) 12%, transparent);border-radius:999px;flex:none}.public-home-tool-editor-pane[hidden]{display:none!important}.public-home-workspace-menu-backdrop{z-index:120;background:color-mix(in srgb, var(--ink) 38%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:0;position:fixed;inset:0}.public-home-workspace-menu{z-index:121;width:min(22rem,100vw - .7rem);padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));border-right:1px solid var(--hoppla-border);background:var(--hoppla-bg);box-shadow:1.2rem 0 3rem color-mix(in srgb, var(--ink) 18%, transparent);flex-direction:column;gap:.45rem;animation:.26s cubic-bezier(.2,.8,.2,1) both public-home-workspace-menu-in;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}@keyframes public-home-workspace-menu-in{0%{opacity:0;transform:translate(-105%)}to{opacity:1;transform:translate(0)}}.public-home-workspace-menu-close-row{justify-content:space-between;align-items:center;gap:1rem;min-height:2.7rem;margin-bottom:.45rem;display:flex}.public-home-workspace-menu-logo{object-fit:contain;object-position:left center;width:auto;max-width:min(10rem,100% - 4rem);height:2rem;margin-inline-start:.72rem;display:block}:root[data-theme=dark] .public-home-workspace-menu-logo,:root.dark .public-home-workspace-menu-logo,html.dark .public-home-workspace-menu-logo{filter:brightness(0)invert()}.public-home-workspace-menu-close{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);width:2.7rem;height:2.7rem;color:var(--brand);cursor:pointer;border-radius:999px;place-items:center;display:grid}.public-home-workspace-menu-primary,.public-home-workspace-menu-secondary{gap:.25rem;display:grid}.public-home-workspace-menu-secondary{border-top:1px solid var(--hoppla-border);margin-top:auto;padding-top:.8rem}.public-home-workspace-menu-action{width:100%;min-height:3.1rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.82rem;align-items:center;gap:.62rem;padding:.65rem .72rem;font-size:.86rem;font-weight:760;display:flex}.public-home-workspace-menu-action .icon-sm{color:var(--brand);flex:none}.public-home-workspace-menu-early,.public-home-workspace-menu-early .icon-sm{color:var(--color-danger)}.public-home-workspace-menu-sign-up{border-color:color-mix(in srgb, var(--brand) 32%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 11%, var(--hoppla-surface));color:var(--brand);margin-top:.2rem}.public-home-workspace-menu-action:hover,.public-home-workspace-menu-action:focus-visible,.public-home-workspace-menu-close:hover,.public-home-workspace-menu-close:focus-visible{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));color:var(--brand)}.public-home-workspace-menu-secondary .language-picker,.public-home-workspace-menu-secondary .language-picker-button{width:100%}.public-home-workspace-menu-secondary .language-picker-button{min-height:3.1rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);background:0 0;border:1px solid #0000;border-radius:.82rem;justify-content:flex-start;gap:.32rem;padding:.65rem .72rem;font-size:.86rem;font-weight:760}.public-home-workspace-menu-secondary .language-picker-globe{width:1.25rem;height:1.25rem}.public-home-workspace-menu-secondary .language-picker-code{color:currentColor;width:auto;min-width:auto;height:auto;font:inherit;letter-spacing:.04em;border:0;border-radius:0;padding:0}.public-home-workspace-menu-secondary .language-picker-menu{z-index:2;overscroll-behavior:contain;border-color:var(--hoppla-border);background:var(--hoppla-surface);width:100%;min-width:100%;max-height:min(22rem,100dvh - 7rem);inset:auto auto calc(100% + .5rem) 0;overflow-y:auto}:root[data-theme=dark] .public-home-workspace-menu-early,:root.dark .public-home-workspace-menu-early,html.dark .public-home-workspace-menu-early{color:var(--color-danger)}@media (prefers-reduced-motion:reduce){.public-home-workspace-menu{animation:none}}.plan-word{font-weight:900}.plan-word-free{color:var(--color-plan-free-display)}.plan-word-hoppla{color:var(--brand)}.plan-word-extension{color:var(--color-plan-qr-plus)}.plan-word-plus{color:var(--color-brand)}.plan-word-pro{color:var(--color-plan-pro)}.public-home-tool-free.public-home-free-experience{border:1px solid color-mix(in srgb, var(--color-plan-free-display) 42%, var(--hoppla-border));background:var(--hoppla-surface-strong);width:min(100%,60rem);box-shadow:0 1.4rem 4rem color-mix(in srgb, var(--color-plan-free-display) 13%, transparent);text-align:left;isolation:isolate;border-radius:1.5rem;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:0;padding-top:0;display:grid;position:relative;overflow:hidden}.public-home-free-experience>.public-home-tool-free-card,.public-home-free-experience>.public-home-tool-benefits{align-self:stretch}.public-home-tool-free.public-home-free-experience:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--color-plan-free-display) 18%, transparent), transparent 35%), radial-gradient(circle at 100% 100%, color-mix(in srgb, var(--brand) 8%, transparent), transparent 38%);position:absolute;inset:0}.public-home-free-experience .public-home-tool-free-card{border:0;border-right:1px solid color-mix(in srgb, var(--color-plan-free-display) 22%, var(--hoppla-border));background:color-mix(in srgb, var(--color-plan-free-display) 6%, var(--hoppla-surface-strong));width:100%;box-shadow:none;-webkit-backdrop-filter:none;border-radius:0;align-content:center;justify-items:stretch;gap:.85rem;padding:2rem;display:grid;position:relative}.public-home-free-card-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.public-home-plan-chip{border:1px solid color-mix(in srgb, var(--color-plan-free-display) 32%, transparent);background:color-mix(in srgb, var(--color-plan-free-display) 10%, var(--hoppla-surface));letter-spacing:.09em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.42rem;width:fit-content;min-height:2rem;padding:0 .72rem;font-size:.72rem;font-weight:950;display:inline-flex}.public-home-plan-chip .material-symbols-outlined{font-size:1rem}.public-home-free-price{color:var(--color-plan-free-display);font-family:var(--hoppla-font-title);letter-spacing:-.04em;font-size:1.25rem;font-weight:950}.public-home-free-experience .public-home-tool-free-card h2{color:var(--hoppla-text);letter-spacing:-.045em;text-align:left;margin:.25rem 0 0;font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.02}.public-home-free-experience .public-home-tool-free-card p{max-width:31rem;color:var(--hoppla-text-soft);text-align:left;text-wrap:pretty;margin:0;font-size:.96rem;line-height:1.6}.public-home-free-experience .public-home-tool-free-card button{border:1px solid var(--color-plan-free-display);background:var(--color-plan-free-display);width:100%;min-height:3.15rem;box-shadow:0 .8rem 1.8rem color-mix(in srgb, var(--color-plan-free-display) 24%, transparent);border-radius:.75rem;justify-content:space-between;margin-top:.45rem;padding:0 1rem}.public-home-free-experience .public-home-tool-free-card button:hover:not(:disabled){border-color:var(--color-plan-free-display);background:var(--color-plan-free-display);box-shadow:0 1rem 2.2rem color-mix(in srgb, var(--color-plan-free-display) 30%, transparent);transform:translateY(-2px)}.public-home-free-experience .public-home-tool-free-card button .material-symbols-outlined{font-size:1.15rem;transition:transform .18s}.public-home-free-experience .public-home-tool-free-card button:hover .material-symbols-outlined{transform:translate(.2rem)}.public-home-free-experience .public-home-tool-free-card .public-home-free-account-note{color:var(--hoppla-muted);text-align:center;justify-content:center;align-items:center;gap:.45rem;margin:.7rem 0 0;font-size:.76rem;font-weight:650;line-height:1.4;display:flex}.public-home-free-experience .public-home-tool-benefits{background:var(--hoppla-bg);align-content:center;justify-items:stretch;gap:1.15rem;min-width:0;padding:2rem;display:grid}.public-home-free-benefits-head{align-items:center;gap:.8rem;display:flex}.public-home-free-benefits-head>h2{width:100%}.public-home-free-benefits-head>.material-symbols-outlined{background:color-mix(in srgb, var(--color-plan-free-display) 11%, var(--hoppla-surface));width:2.8rem;height:2.8rem;color:var(--color-plan-free-display);border-radius:.85rem;flex:0 0 2.8rem;place-items:center;font-size:1.35rem;display:grid}.public-home-free-benefits-head>div{gap:.14rem;display:grid}.public-home-free-benefits-head small{color:var(--color-plan-free-display);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem;font-weight:950}.public-home-free-experience .public-home-tool-benefits h2{color:var(--hoppla-text);letter-spacing:-.03em;text-align:left;margin:0;font-size:1.35rem;line-height:1.15}.public-home-free-experience .public-home-tool-benefits ul{justify-items:stretch;gap:.65rem;width:100%;margin:0;padding:0;display:grid}.public-home-free-experience .public-home-tool-benefits li{border:1px solid color-mix(in srgb, var(--color-plan-free-display) 14%, var(--hoppla-border));background:color-mix(in srgb, var(--color-plan-free-display) 4%, var(--hoppla-surface-soft));min-height:3.35rem;color:var(--hoppla-text);text-align:left;border-radius:.9rem;grid-template-columns:auto minmax(0,1fr);justify-content:stretch;align-items:center;gap:.75rem;padding:.65rem .8rem;font-size:.88rem;font-weight:760;line-height:1.35;transition:border-color .18s,transform .18s,background .18s;display:grid}.public-home-free-experience .public-home-tool-benefits li:hover{border-color:color-mix(in srgb, var(--color-plan-free-display) 38%, var(--hoppla-border));background:color-mix(in srgb, var(--color-plan-free-display) 7%, var(--hoppla-surface-soft));transform:translate(.18rem)}.public-home-free-benefit-icon{background:color-mix(in srgb, var(--color-plan-free-display) 12%, var(--hoppla-surface));width:2.15rem;height:2.15rem;color:var(--color-plan-free-display);border-radius:.7rem;place-items:center;display:grid}.public-home-free-benefit-icon .material-symbols-outlined{font-size:1.1rem}:root[data-theme=dark] .public-home-free-experience .public-home-tool-free-card,:root.dark .public-home-free-experience .public-home-tool-free-card,html.dark .public-home-free-experience .public-home-tool-free-card{background:color-mix(in srgb, var(--color-plan-free-display) 9%, var(--hoppla-surface-strong))}@media (width<=680px){.public-home-tool-free.public-home-free-experience{border-radius:1.15rem;grid-template-columns:1fr}.public-home-free-experience .public-home-tool-free-card{border-right:0;border-bottom:1px solid color-mix(in srgb, var(--color-plan-free-display) 22%, var(--hoppla-border));padding:1.3rem}.public-home-free-experience .public-home-tool-benefits{padding:1.3rem}.public-home-free-experience .public-home-tool-free-card h2{font-size:1.75rem}.public-home-free-experience .public-home-tool-benefits li{min-height:3.1rem;font-size:.82rem}}@media (width<=980px){:is(.app-main:has(.public-home-tool.is-connected-creation.is-landing),.app-main:has(.public-home-tool.is-connected-creation.is-leavingLanding)){box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding-right:max(1rem, env(safe-area-inset-right));padding-left:max(1rem, env(safe-area-inset-left));margin-inline:auto;overflow-x:clip}.public-home-tool.is-connected-creation.is-landing,.public-home-tool.is-connected-creation.is-leavingLanding,.public-home-tool.is-connected-creation .home-simple-landing,.public-home-tool.is-connected-creation .home-simple-hero,.public-home-tool.is-connected-creation .home-simple-hero-content{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-inline:auto}.public-home-tool.is-connected-creation .home-simple-hero.is-connected-choice{min-height:calc(100dvh - 4.75rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding-block:1rem}.public-home-tool.is-connected-creation .home-simple-hero.is-connected-choice .home-simple-hero-content{padding:clamp(1.5rem,7dvh,3.5rem) 0}html.home-creation-active .app-main:has(.public-home-tool.is-connected-creation.is-builder){box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:calc(4.75rem + env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) calc(6.9rem + env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));margin-inline:auto;overflow-x:clip}.public-home-tool.is-connected-creation.is-builder,.public-home-tool.is-connected-creation.is-builder .public-home-tool-stage,.public-home-tool.is-connected-creation.is-builder .public-home-tool-panel,.public-home-tool.is-connected-creation.is-builder .public-home-tool-builder,.public-home-tool.is-connected-creation.is-builder .public-home-tool-editor-pane{box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-inline:auto}html.home-creation-active .app-stage:has(.public-home-tool.is-connected-creation.is-builder){box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-inline:auto}.public-home-tool.is-connected-creation.is-builder .public-home-tool-builder,.public-home-tool.is-connected-creation.is-builder .public-home-tool-editor-pane{justify-items:center}.public-home-tool.is-connected-creation.is-builder .public-home-tool-panel{will-change:auto;-webkit-backdrop-filter:none;display:contents;overflow:visible;transform:none!important}html.home-creation-active .app-mobile-topbar{z-index:130;box-shadow:none;pointer-events:none;background:0 0;border-bottom-color:#0000}html.home-creation-active .app-mobile-topbar-title{visibility:hidden}html.home-creation-active .app-mobile-menu-button{z-index:133;top:calc(env(safe-area-inset-top) + .675rem);right:max(.9rem, env(safe-area-inset-right));pointer-events:auto;position:fixed}html.home-creation-active .app-mobile-menu-backdrop{z-index:134}html.home-creation-active .app-mobile-menu-panel{z-index:135}.public-home-tool.is-builder .public-home-tool-panel{top:0}.public-home-tool.is-connected-creation.is-builder .public-home-workspace-bar.is-connected-workspace{z-index:128;box-sizing:border-box;width:100vw;max-width:none;height:calc(4rem + env(safe-area-inset-top));min-height:calc(4rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(.9rem, env(safe-area-inset-right)) 0 max(.9rem, env(safe-area-inset-left));border:0;border-bottom:1px solid var(--hoppla-border);background:var(--hoppla-bg);box-shadow:0 .45rem 1.4rem color-mix(in srgb, var(--hoppla-text) 7%, transparent);border-radius:0;grid-template-columns:3rem minmax(0,1fr) 3rem;justify-self:auto;align-items:center;inset:0 0 auto;position:fixed!important}.public-home-workspace-bar.is-connected-workspace .public-home-workspace-mobile-cancel{border:1px solid color-mix(in srgb, var(--danger,var(--color-danger)) 34%, var(--hoppla-border));background:var(--hoppla-bg);width:2.65rem;height:2.65rem;color:var(--danger,var(--color-danger));cursor:pointer;border-radius:999px;grid-area:1/1;place-self:center;place-items:center;display:grid}.public-home-workspace-mobile-cancel svg{width:1.15rem;height:1.15rem}.public-home-workspace-bar.is-connected-workspace .public-home-workspace-mobile-cancel:hover,.public-home-workspace-bar.is-connected-workspace .public-home-workspace-mobile-cancel:focus-visible{border-color:var(--danger,var(--color-danger));background:var(--danger,var(--color-danger));color:var(--color-on-accent);outline:none}.public-home-workspace-bar.is-connected-workspace .public-home-tool-tabs{border:0;border-radius:0;grid-area:1/2;justify-self:center;width:100%;min-width:0;max-width:24rem;overflow:hidden}.public-home-workspace-bar.is-connected-workspace .public-home-tool-tabs button{min-height:3.95rem}.public-home-workspace-bar.is-connected-workspace .public-home-workspace-menu-button,.public-home-workspace-bar.is-connected-workspace .public-home-workspace-end{display:none}.public-home-workspace-bar.is-connected-workspace:after{content:"";grid-area:1/3;width:2.65rem}.public-home-tool.is-connected-creation .public-creation-time-notice{top:calc(4rem + env(safe-area-inset-top) + .75rem)}}@media (width<=420px){.public-home-tool.is-connected-creation .home-simple-hero h1{max-width:18rem;font-size:clamp(2.05rem,10.5vw,2.65rem);line-height:1.04}.public-home-workspace-bar.is-connected-workspace{padding-right:max(.9rem, env(safe-area-inset-right));padding-left:max(.9rem, env(safe-area-inset-left));grid-template-columns:2.65rem minmax(0,1fr) 2.65rem}.public-home-workspace-bar.is-connected-workspace .public-home-workspace-mobile-cancel{width:2.5rem;height:2.5rem}.public-home-workspace-bar.is-connected-workspace .public-home-tool-tabs button{gap:.32rem;padding-inline:.25rem;font-size:.73rem}.public-home-workspace-bar.is-connected-workspace .public-home-tool-tabs .icon-sm{width:.9rem;height:.9rem}}@media (prefers-reduced-motion:reduce){.public-home-free-experience .public-home-tool-free-card button,.public-home-free-experience .public-home-tool-benefits li{transition:none;transform:none}}.public-home-exit-dialog{color:var(--hoppla-text);gap:0;display:grid}.modal-panel:has(.public-home-exit-dialog){border-color:color-mix(in srgb, var(--brand) 16%, var(--hoppla-border));background:var(--hoppla-surface-strong);width:min(100%,35rem);box-shadow:0 2rem 5rem color-mix(in srgb, var(--ink) 24%, transparent);border-radius:1.35rem;padding:0;overflow:hidden}.modal-panel:has(.public-home-exit-dialog) .modal-body{padding:0}.modal-panel:has(.public-home-exit-dialog) .modal-floating-close{border-color:color-mix(in srgb, var(--brand) 18%, var(--hoppla-border));background:color-mix(in srgb, var(--hoppla-surface-strong) 88%, transparent);box-shadow:0 .6rem 1.5rem color-mix(in srgb, var(--ink) 10%, transparent);top:1rem;right:1rem}.public-home-exit-dialog-intro{border-bottom:1px solid color-mix(in srgb, var(--brand) 12%, var(--hoppla-border));background:radial-gradient(circle at 0 0, color-mix(in srgb, var(--brand) 14%, transparent), transparent 13rem), color-mix(in srgb, var(--brand) 4%, var(--hoppla-surface-strong));grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;padding:1.5rem 4rem 1.35rem 1.5rem;display:grid}.public-home-exit-dialog-icon{border:1px solid color-mix(in srgb, var(--brand) 22%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 11%, var(--hoppla-surface-lowest));width:3.35rem;height:3.35rem;color:var(--brand);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-surface) 55%, transparent);border-radius:1rem;place-items:center;display:grid}.public-home-exit-dialog-icon svg{width:1.65rem;height:1.65rem}.public-home-exit-dialog-intro h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.035em;margin:0;font-size:clamp(1.25rem,3vw,1.55rem);font-weight:850;line-height:1.15}.public-home-exit-dialog-intro p{color:var(--hoppla-text-soft);margin:.5rem 0 0;font-size:.94rem;line-height:1.6}.public-home-exit-dialog-error{border:1px solid color-mix(in srgb, var(--danger) 20%, var(--hoppla-border));background:color-mix(in srgb, var(--danger) 7%, var(--hoppla-surface-low));color:var(--danger);border-radius:.8rem;margin:1rem 1.25rem 0;padding:.75rem .9rem;font-size:.88rem;font-weight:700}.public-home-exit-dialog-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.7rem;padding:1.15rem 1.25rem 1.25rem;display:grid}.public-home-exit-dialog-actions .btn{min-height:3.15rem;font-family:var(--hoppla-font-body);letter-spacing:0;text-transform:none;box-shadow:none;border-radius:.78rem;padding:.75rem 1rem;font-size:.88rem;font-weight:800}.public-home-exit-dialog-actions .btn svg{flex:none;width:1.15rem;height:1.15rem}.public-home-exit-dialog-continue.btn-primary{border-color:var(--brand);background:var(--brand);color:var(--color-on-accent);box-shadow:0 .75rem 1.6rem color-mix(in srgb, var(--brand) 22%, transparent)}.public-home-exit-dialog-continue.btn-primary:hover:enabled,.public-home-exit-dialog-continue.btn-primary:focus-visible{border-color:color-mix(in srgb, var(--brand) 86%, var(--color-border-strong));background:color-mix(in srgb, var(--brand) 86%, var(--color-canvas));color:var(--color-on-accent)}.public-home-exit-dialog-cancel.btn-secondary{border-color:color-mix(in srgb, var(--danger) 22%, var(--hoppla-border));background:var(--hoppla-surface-lowest);color:var(--danger)}.public-home-exit-dialog-cancel.btn-secondary:hover:enabled,.public-home-exit-dialog-cancel.btn-secondary:focus-visible{border-color:color-mix(in srgb, var(--danger) 42%, var(--hoppla-border));background:color-mix(in srgb, var(--danger) 7%, var(--hoppla-surface-lowest));color:var(--danger)}.public-home-exit-dialog-actions .public-home-dialog-action{--dialog-action-color:var(--brand);border:1px solid var(--dialog-action-color);color:var(--dialog-action-color);box-shadow:none;background:0 0;outline:0}.public-home-exit-dialog-actions .public-home-dialog-action-primary{--dialog-action-color:var(--brand)}.public-home-exit-dialog-actions .public-home-dialog-action-warning{--dialog-action-color:var(--warning)}.public-home-exit-dialog-actions .public-home-dialog-action-danger{--dialog-action-color:var(--danger)}.public-home-exit-dialog-actions .public-home-dialog-action-neutral{--dialog-action-color:var(--color-border-strong);color:var(--color-text)}.public-home-exit-dialog-actions .public-home-dialog-action:not(.public-home-dialog-action-neutral):hover:enabled{border-color:var(--dialog-action-color);background:var(--dialog-action-color);color:var(--color-on-accent);box-shadow:0 .55rem 1.15rem color-mix(in srgb, var(--dialog-action-color) 18%, transparent)}.public-home-exit-dialog-actions .public-home-dialog-action-neutral:hover:enabled{border-color:var(--color-border-strong);background:var(--color-surface-secondary);color:var(--color-text);box-shadow:none}.public-home-exit-dialog-actions .public-home-dialog-action:focus-visible{border-color:var(--dialog-action-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--dialog-action-color) 35%, transparent);outline:0}@media (width<=560px){.modal-backdrop:has(.public-home-exit-dialog){align-items:end;padding:.75rem}.modal-panel:has(.public-home-exit-dialog){border-radius:1.2rem;width:100%;max-height:calc(100dvh - 1.5rem)}.public-home-exit-dialog-intro{grid-template-columns:1fr;gap:.85rem;padding:1.35rem 3.8rem 1.2rem 1.2rem}.public-home-exit-dialog-icon{border-radius:.9rem;width:3rem;height:3rem}.public-home-exit-dialog-actions{grid-template-columns:1fr;padding:1rem}}.public-home-tool-builder-actions{justify-content:flex-end;padding:.65rem .85rem 0;display:flex}.public-home-tool-builder-actions button{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-low);min-height:2.5rem;color:var(--hoppla-text-soft);font:inherit;cursor:pointer;border-radius:.55rem;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.82rem;font-weight:750;display:inline-flex}.public-home-tool-builder-actions button:hover,.public-home-tool-builder-actions button:focus-visible{border-color:color-mix(in srgb, var(--brand) 45%, var(--hoppla-border));color:var(--brand)}.home-embedded-studio{width:100%;min-height:0;margin:0;padding:0 0 1rem}.home-embedded-studio .link-studio-center{width:100%}.public-home-tool.is-builder .public-home-tool-builder-placeholder{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.public-home-tool-primary:disabled,.public-home-tool-free-card button:disabled{cursor:default;pointer-events:none}@media (width<=680px){.public-home-tool.exit-surroundings .public-home-tool-copy,.public-home-tool.exit-tabs .public-home-tool-copy,.public-home-tool.exit-controls .public-home-tool-copy,.public-home-tool.exit-intro .public-home-tool-copy{transform:translate(1.25rem)}.public-home-tool.exit-surroundings .public-home-tool-free,.public-home-tool.exit-tabs .public-home-tool-free,.public-home-tool.exit-controls .public-home-tool-free,.public-home-tool.exit-intro .public-home-tool-free{transform:translate(-1.25rem)}.public-home-tool-stage,.public-home-tool-builder-placeholder{min-height:12rem}.public-home-tool.is-builder .public-home-tool-stage{min-height:0}.public-home-tool-builder-actions{padding-inline:.65rem}.public-home-workspace-bar{grid-template-columns:3rem minmax(0,1fr) auto}.public-home-tool-builder{padding-top:1rem;animation-duration:.44s}.public-home-workspace-cancel-button{padding-inline:.65rem;font-size:.75rem}.public-home-workspace-bar .public-home-tool-tabs button{min-height:3.5rem;padding-inline:.35rem;font-size:.78rem}}@media (prefers-reduced-motion:reduce){.public-home-tool,.public-home-tool-hero-slot,.public-home-tool-free-slot,.public-home-tool-copy,.public-home-tool-free,.public-home-tool-presentation,.public-home-tool-builder-placeholder,.public-home-tool-panel,.public-home-tool-builder,.public-home-workspace-menu-button,.public-home-workspace-cancel-button,.qh-home-header-frame{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.public-home-tool.exit-surroundings .public-home-tool-copy,.public-home-tool.exit-tabs .public-home-tool-copy,.public-home-tool.exit-intro .public-home-tool-copy,.public-home-tool.exit-surroundings .public-home-tool-free,.public-home-tool.exit-tabs .public-home-tool-free,.public-home-tool.exit-intro .public-home-tool-free,.public-home-tool.exit-intro .public-home-tool-presentation{transform:none}}.public-header-hoppla .public-header-bar{width:min(1320px,100%);min-height:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:18px;margin-inline:auto;padding:0;display:grid}.public-header-hoppla .brand-public{align-self:start;align-items:center;min-height:40px;padding-top:9px;display:inline-flex}.public-header-hoppla .brand-logo{object-fit:contain;width:auto;max-width:min(230px,28vw);height:36px;filter:drop-shadow(0 10px 20px color-mix(in srgb, var(--color-brand) 8%, transparent))}.public-header-hoppla .public-nav{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;flex:none;grid-template-rows:auto auto;justify-content:stretch;align-items:center;gap:10px;padding:0;display:grid;position:static}.public-header-hoppla .public-nav-links{border-bottom:1px solid var(--hoppla-rail-line);justify-content:center;align-items:center;gap:clamp(.7rem,2vw,1.55rem);width:100%;min-height:42px;padding:10px 0 11px;display:flex}.public-header-hoppla .public-nav-links a,.public-header-hoppla .public-login-link{color:var(--hoppla-nav-text);font-family:var(--hoppla-font-sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:11px;font-weight:950;transition:color .18s,transform .18s}.public-header-hoppla .public-nav-links a:hover,.public-header-hoppla .public-login-link:hover{color:var(--tone-brand-light);transform:translateY(-1px)}.public-header-hoppla .public-header-actions{justify-content:center;gap:10px;min-width:0}.public-header-hoppla .theme-toggle-button,.public-header-hoppla .language-picker-button,.public-header-hoppla .public-login-link,.public-header-hoppla .nav-cta,.public-header-hoppla .public-early-access-header-button{min-height:var(--header-pill-h);min-width:var(--header-pill-w);border:1px solid color-mix(in srgb, var(--color-border) 10%, transparent);background:color-mix(in srgb, var(--color-surface) 5%, transparent);color:color-mix(in srgb, var(--color-brand) 90%, transparent);box-shadow:0 10px 20px color-mix(in srgb, var(--color-brand) 6%, transparent);-webkit-backdrop-filter:blur(10px);font-family:var(--hoppla-font-sans);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:950;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.public-header-hoppla .theme-toggle-button:hover,.public-header-hoppla .language-picker-button:hover,.public-header-hoppla .public-login-link:hover,.public-header-hoppla .nav-cta:hover,.public-header-hoppla .public-early-access-header-button:hover{box-shadow:0 14px 34px color-mix(in srgb, var(--color-brand) 10%, transparent);transform:translateY(-1px)}.public-header-hoppla .public-theme-pill{width:auto;height:auto}.public-header-hoppla .public-theme-pill svg{width:16px;height:16px}.public-header-hoppla .language-picker-code{min-width:auto;height:auto;color:inherit;letter-spacing:.14em;border:0;font-size:11px}.public-header-hoppla .language-picker-menu{border-color:color-mix(in srgb, var(--color-brand) 22%, transparent);background:color-mix(in srgb, var(--color-surface) 96%, transparent);box-shadow:0 18px 44px color-mix(in srgb, var(--color-brand) 12%, transparent)}.public-header-hoppla .nav-cta{border-color:color-mix(in srgb, var(--color-brand) 42%, transparent);background:var(--color-brand);color:var(--color-on-accent);box-shadow:0 18px 38px color-mix(in srgb, var(--color-brand) 22%, transparent)}.public-header-hoppla .public-early-access-header-button{border-color:color-mix(in srgb, var(--color-warning) 34%, transparent);background:color-mix(in srgb, var(--color-warning) 10%, transparent);color:var(--color-plan-pro);box-shadow:0 12px 28px color-mix(in srgb, var(--color-warning) 10%, transparent);grid-template-columns:1.1rem auto 1.1rem;display:inline-grid}.public-header-hoppla .public-early-access-header-buttonArrow{color:currentColor}.public-nav-toggle-bars{flex-direction:column;gap:5px;display:inline-flex}.public-nav-toggle-bars span{border-radius:999px;width:24px;height:3px}.public-nav-toggle-bars [data-tone=blue]{background:var(--color-product-qr-accent)}.public-nav-toggle-bars [data-tone=amber]{background:var(--color-plan-pro)}.public-nav-toggle-bars [data-tone=emerald]{background:var(--color-success)}:root[data-theme=light] .public-header-hoppla .theme-toggle-button,:root[data-theme=light] .public-header-hoppla .language-picker-button,:root[data-theme=light] .public-header-hoppla .public-login-link,:root[data-theme=light] .public-header-hoppla .public-early-access-header-button,:root.light .public-header-hoppla .theme-toggle-button,:root.light .public-header-hoppla .language-picker-button,:root.light .public-header-hoppla .public-login-link,:root.light .public-header-hoppla .public-early-access-header-button,html.light .public-header-hoppla .theme-toggle-button,html.light .public-header-hoppla .language-picker-button,html.light .public-header-hoppla .public-login-link,html.light .public-header-hoppla .public-early-access-header-button{border-color:color-mix(in srgb, var(--color-brand) 10%, transparent);background:color-mix(in srgb, var(--color-surface) 72%, transparent);color:color-mix(in srgb, var(--color-brand) 78%, transparent);box-shadow:0 10px 20px color-mix(in srgb, var(--color-brand) 6%, transparent)}:root[data-theme=dark] .public-header-hoppla .public-nav-links a,:root[data-theme=dark] .public-header-hoppla .public-login-link,:root.dark .public-header-hoppla .public-nav-links a,:root.dark .public-header-hoppla .public-login-link,html.dark .public-header-hoppla .public-nav-links a,html.dark .public-header-hoppla .public-login-link{color:color-mix(in srgb, var(--color-brand) 92%, transparent)}:root[data-theme=dark] .public-header-hoppla .public-nav-links,:root.dark .public-header-hoppla .public-nav-links,html.dark .public-header-hoppla .public-nav-links{border-bottom-color:color-mix(in srgb, var(--color-brand) 16%, transparent)}@media (width<=1120px){.public-header-hoppla .public-header-actions{gap:7px}.public-header-hoppla .theme-toggle-button,.public-header-hoppla .language-picker-button,.public-header-hoppla .public-login-link,.public-header-hoppla .nav-cta,.public-header-hoppla .public-early-access-header-button{--header-pill-w:112px;padding-inline:10px;font-size:10px}}@media (width<=980px){.qh-home-header-frame.qh-home-header-menu-open .qh-home-header-menu-btn{visibility:hidden;pointer-events:none}.qh-home-header-frame.qh-home-header-menu-open{z-index:1000}.public-header-hoppla{padding-top:max(10px, env(safe-area-inset-top));padding-inline:var(--page-gutter,16px)}.public-header-hoppla .public-header-bar{justify-content:space-between;align-items:center;min-height:58px;padding:0;display:flex}.public-header-hoppla .brand-public{padding-top:0}.public-header-hoppla .brand-logo{max-width:min(210px,100vw - 104px);height:34px}.public-header-hoppla .public-nav-toggle{z-index:140;border:1px solid color-mix(in srgb, var(--color-border) 14%, transparent);background:color-mix(in srgb, var(--color-surface) 5%, transparent);width:48px;height:40px;color:color-mix(in srgb, var(--color-brand) 90%, transparent);box-shadow:0 12px 26px color-mix(in srgb, var(--color-shadow) 20%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}:root[data-theme=light] .public-header-hoppla .public-nav-toggle,:root.light .public-header-hoppla .public-nav-toggle,html.light .public-header-hoppla .public-nav-toggle{border-color:color-mix(in srgb, var(--color-brand) 10%, transparent);background:color-mix(in srgb, var(--color-surface) 72%, transparent);color:color-mix(in srgb, var(--color-brand) 78%, transparent);box-shadow:0 12px 26px color-mix(in srgb, var(--color-brand) 8%, transparent)}.public-header-hoppla .public-nav{z-index:120;width:100%;max-width:none;padding:max(20px, env(safe-area-inset-top)) 20px 24px;background:color-mix(in srgb, var(--color-surface) 98%, transparent);color:var(--color-brand);box-shadow:none;opacity:0;visibility:hidden;pointer-events:none;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;transition:transform .22s,opacity .18s,visibility .18s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}.public-header-hoppla .public-nav-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}:root[data-theme=dark] .public-header-hoppla .public-nav,:root.dark .public-header-hoppla .public-nav,html.dark .public-header-hoppla .public-nav{background:color-mix(in srgb, var(--color-brand) 98%, transparent);color:color-mix(in srgb, var(--color-brand) 94%, transparent)}.public-header-hoppla .public-nav-links{border-top:1px solid color-mix(in srgb, var(--color-brand) 92%, transparent);border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;width:100%;margin-top:58px;padding:0}.public-header-hoppla .public-nav-links a{border-bottom:1px solid color-mix(in srgb, var(--color-brand) 92%, transparent);min-height:54px;color:var(--color-brand);letter-spacing:0;text-transform:none;justify-content:space-between;align-items:center;font-size:1rem;font-weight:800;display:flex}:root[data-theme=dark] .public-header-hoppla .public-nav-links,:root[data-theme=dark] .public-header-hoppla .public-nav-links a,:root.dark .public-header-hoppla .public-nav-links,:root.dark .public-header-hoppla .public-nav-links a,html.dark .public-header-hoppla .public-nav-links,html.dark .public-header-hoppla .public-nav-links a{border-color:color-mix(in srgb, var(--color-brand) 22%, transparent);color:color-mix(in srgb, var(--color-brand) 94%, transparent)}.public-header-hoppla .public-header-actions{grid-template-columns:1fr;align-items:stretch;gap:10px;width:100%;margin-top:auto;padding-top:24px;display:grid}.public-header-hoppla .theme-toggle-button,.public-header-hoppla .language-picker-button,.public-header-hoppla .public-login-link,.public-header-hoppla .nav-cta,.public-header-hoppla .public-early-access-header-button{width:100%;min-width:0;min-height:46px}.public-header-hoppla .public-login-link{order:2}.public-header-hoppla .nav-cta{order:1}.public-header-hoppla .public-early-access-header-button{order:3}.public-header-hoppla .theme-toggle-button{order:4}.public-header-hoppla .language-picker{order:5;width:100%}.public-header-hoppla .language-picker-menu{width:100%;margin-top:8px;position:static}}:root[data-theme=dark] .app-brand-logo,:root.dark .app-brand-logo,html.dark .app-brand-logo,:root[data-theme=dark] .app-mobile-brand-link img,:root.dark .app-mobile-brand-link img,html.dark .app-mobile-brand-link img,:root[data-theme=dark] .qh-mobile-menu-head img,:root.dark .qh-mobile-menu-head img,html.dark .qh-mobile-menu-head img,:root[data-theme=dark] .auth-screen-visual-badge img,:root.dark .auth-screen-visual-badge img,html.dark .auth-screen-visual-badge img,:root[data-theme=dark] .public-header-hoppla .brand-logo,:root.dark .public-header-hoppla .brand-logo,html.dark .public-header-hoppla .brand-logo{filter:brightness(0)invert()}:root[data-theme=dark] .qh-home-header-logo,:root.dark .qh-home-header-logo,html.dark .qh-home-header-logo{filter:drop-shadow(0 0 8px rgb(var(--rgb-product-qr-accent) / 16%));transition:filter .18s}:root[data-theme=dark] .qh-home-header-logo-btn:is(:hover,:focus-visible) .qh-home-header-logo,:root.dark .qh-home-header-logo-btn:is(:hover,:focus-visible) .qh-home-header-logo,html.dark .qh-home-header-logo-btn:is(:hover,:focus-visible) .qh-home-header-logo{filter:drop-shadow(0 0 10px rgb(var(--rgb-product-qr-accent) / 20%)) drop-shadow(0 8px 20px rgb(var(--rgb-product-qr) / 14%))}.qh-home-header-frame{z-index:90;pointer-events:none;width:100%;padding:max(8px, env(safe-area-inset-top)) 0 0;transition:transform .22s,opacity .18s;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.qh-home-header-frame:before{content:"";pointer-events:none;opacity:0;background:color-mix(in srgb, var(--color-shadow) 72%, transparent);width:100%;height:100%;box-shadow:0 18px 45px color-mix(in srgb, var(--color-shadow) 18%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);transition:opacity .18s,background .18s,box-shadow .18s;position:absolute;inset:0 0 auto}.qh-home-header-frame:after{content:"";z-index:1;pointer-events:none;opacity:1;background:color-mix(in srgb, var(--color-brand) 28%, transparent);height:1px;transition:background .18s,opacity .18s;position:absolute;bottom:0;left:0;right:0}.qh-home-header-scrolled:before,.qh-home-header-menu-open:before{opacity:1}:root[data-theme=light] .qh-home-header-frame:before,:root:not([data-theme=dark]) .qh-home-header-frame:before{background:color-mix(in srgb, var(--color-surface) 90%, transparent);box-shadow:0 18px 45px color-mix(in srgb, var(--color-brand) 10%, transparent)}:root[data-theme=light] .qh-home-header-frame:after,:root:not([data-theme=dark]) .qh-home-header-frame:after{background:color-mix(in srgb, var(--color-brand) 14%, transparent)}.qh-home-header-hidden{transform:translateY(calc(-100% - 18px))}.qh-home-header-menu-open{transform:translateY(0)}.qh-home-header-inner{z-index:2;width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));max-width:var(--content-max);pointer-events:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;margin-inline:auto;padding-inline:0;transition:padding .18s;position:relative}.qh-home-header-scrolled .qh-home-header-inner,.qh-home-header-menu-open .qh-home-header-inner{padding-inline:0}.qh-home-header-top-row{justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:10px 0;display:flex}.qh-home-header-logo-btn{cursor:pointer;background:0 0;border:0;align-items:center;min-width:0;min-height:48px;margin:0;padding:0;line-height:1;text-decoration:none;display:inline-flex;position:relative}.qh-home-header-logo-stage,.qh-home-header-wordmark-wrap{align-items:center;line-height:1;display:inline-flex;position:relative}.qh-home-header-logo{object-fit:contain;width:auto;max-width:min(208px,24vw);height:40px;display:block}.qh-home-header-logo-mobile{display:none}.qh-home-header-brand-nav{align-items:center;gap:clamp(1rem,2.5vw,2rem);min-width:0;display:flex}.qh-home-header-actions{--hoppla-pill-h:48px;--hoppla-pill-w:164px;flex-wrap:nowrap;align-items:center;gap:10px;min-width:0;display:flex}.qh-home-header-actions-mobile{display:none}.qh-home-header-early,.qh-home-header-primary{box-shadow:0 10px 20px color-mix(in srgb, var(--color-brand) 6%, transparent);text-transform:none;white-space:nowrap;font-family:var(--hoppla-font-sans);flex:0 auto;text-decoration:none;transition:transform .18s,background .18s,border-color .18s,color .18s,box-shadow .18s;height:var(--hoppla-pill-h)!important;min-width:var(--hoppla-pill-w)!important;border:1px solid color-mix(in srgb, var(--color-border) 10%, transparent)!important;background:color-mix(in srgb, var(--color-surface) 5%, transparent)!important;letter-spacing:.02em!important;color:color-mix(in srgb, var(--color-brand) 86%, transparent)!important;border-radius:.6rem!important;justify-content:center!important;align-items:center!important;padding:0 12px!important;font-size:17px!important;font-weight:900!important;display:inline-flex!important}.qh-home-header-links{--hoppla-pill-h:48px;align-items:center;gap:.1rem;display:inline-flex}.qh-home-header-links a,.qh-home-header-secondary{min-height:var(--hoppla-pill-h);font-family:var(--hoppla-font-sans);letter-spacing:.01em;text-transform:none;border-radius:.55rem;justify-content:center;align-items:center;padding:0 .55rem;font-size:17px;font-weight:820;text-decoration:none;transition:background .18s,color .18s,transform .18s;display:inline-flex;box-shadow:none!important;color:color-mix(in srgb, var(--color-brand) 86%, transparent)!important;background:0 0!important;border:0!important}@media (width<=1180px) and (width>=981px){.qh-home-header-early{display:none!important}}.qh-home-header-links a:hover,.qh-home-header-secondary:hover{transform:translateY(-1px);background:color-mix(in srgb, var(--brand) 10%, transparent)!important;color:var(--color-text)!important}.qh-home-header-actions .language-picker-compact .language-picker-button{justify-content:center;gap:.42rem;font-size:17px;font-weight:850;width:auto!important;min-width:5.5rem!important;height:var(--hoppla-pill-h)!important;box-shadow:none!important;color:color-mix(in srgb, var(--color-brand) 86%, transparent)!important;background:0 0!important;border:0!important;border-radius:.55rem!important;padding:0 .65rem!important}.qh-home-header-actions .language-picker-compact .language-picker-button:hover{box-shadow:none;background:color-mix(in srgb, var(--brand) 10%, transparent)!important;color:var(--color-on-accent)!important}.qh-home-header-primary{border-color:color-mix(in srgb, var(--color-brand) 34%, transparent)!important;background:var(--color-brand)!important;min-width:max-content!important;color:var(--color-on-accent)!important;padding-inline:1.25rem!important}.qh-home-header-early{gap:7px;animation:1.55s ease-in-out infinite qhEarlyAccessPulse;min-width:max-content!important;color:var(--color-danger)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:.55rem!important;padding-inline:.55rem!important}.qh-home-header-early-arrow{justify-content:center;align-items:center;font-size:14px;line-height:1;transition:transform .18s;display:inline-flex;transform:translate(0)}.qh-home-header-early:hover .qh-home-header-early-arrow{transform:translate(2px)}.qh-home-header-early:hover .qh-home-header-early-arrow-right{transform:translate(-2px)}:root[data-theme=light] .qh-home-header-links a,:root[data-theme=light] .qh-home-header-secondary,:root:not([data-theme=dark]) .qh-home-header-links a,:root:not([data-theme=dark]) .qh-home-header-secondary,:root[data-theme=light] .qh-home-header-actions .language-picker-compact .language-picker-button,:root:not([data-theme=dark]) .qh-home-header-actions .language-picker-compact .language-picker-button{color:color-mix(in srgb, var(--color-brand) 72%, transparent)!important}:root[data-theme=light] .qh-home-header-early,:root:not([data-theme=dark]) .qh-home-header-early{color:var(--color-danger)!important;background:0 0!important;border-color:#0000!important}:root[data-theme=light] .qh-home-header-primary,:root:not([data-theme=dark]) .qh-home-header-primary{border-color:color-mix(in srgb, var(--color-brand) 38%, transparent)!important;background:var(--color-brand)!important;color:var(--color-on-accent)!important}.qh-home-header-actions .language-picker-menu{border-color:color-mix(in srgb, var(--hoppla-border) 90%, transparent);background:var(--hoppla-surface);min-width:10rem;box-shadow:0 1rem 2rem color-mix(in srgb, var(--color-brand) 14%, transparent);margin-top:0;top:100%}.qh-home-header-actions .language-picker-option{min-height:2.45rem;box-shadow:none;color:var(--hoppla-text);background:0 0;border:0;border-radius:.55rem}.qh-home-header-actions .language-picker-globe{width:1.3rem;height:1.3rem}.qh-home-header-actions .language-picker-compact .language-picker-code{color:currentColor;min-width:auto;height:auto;font:inherit;letter-spacing:.04em;border:0}.qh-home-header-actions .language-picker-option:hover,.qh-home-header-actions .language-picker-option-active{background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand)}:root[data-theme=dark] .qh-home-header-actions .language-picker-menu,:root.dark .qh-home-header-actions .language-picker-menu,html.dark .qh-home-header-actions .language-picker-menu{background:var(--color-brand);border-color:color-mix(in srgb, var(--color-brand) 24%, transparent)}.qh-home-header-early:hover,.qh-home-header-primary:hover{transform:translateY(-1px)}.qh-home-header-early:hover{color:var(--color-danger)!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.qh-home-header-primary:hover{box-shadow:0 14px 30px color-mix(in srgb, var(--color-brand) 24%, transparent);border-color:color-mix(in srgb, var(--color-brand) 56%, transparent)!important;background:var(--color-brand)!important;color:var(--color-on-accent)!important}.qh-home-header-nav{border-top:0;border-bottom:0;justify-content:space-between;align-items:center;gap:clamp(18px,4vw,72px);width:100%;padding:12px 0 14px;display:none}.qh-home-header-nav-item{appearance:none;cursor:pointer;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--color-brand) 86%, transparent);white-space:nowrap;font-size:12px;font-weight:950;font-family:var(--hoppla-font-sans);background:0 0;border:0;text-decoration:none;transition:transform .16s,color .16s,opacity .16s}:root[data-theme=light] .qh-home-header-nav-item,:root:not([data-theme=dark]) .qh-home-header-nav-item{color:color-mix(in srgb, var(--color-brand) 72%, transparent)}.qh-home-header-nav-item:hover{color:color-mix(in srgb, var(--color-product-qr-accent) 95%, transparent);transform:translateY(-1px)}.qh-home-header-menu-btn{border:1px solid color-mix(in srgb, var(--color-border) 14%, transparent);background:color-mix(in srgb, var(--color-surface) 5%, transparent);-webkit-backdrop-filter:blur(10px);cursor:pointer;width:48px;height:40px;box-shadow:0 12px 26px color-mix(in srgb, var(--color-shadow) 20%, transparent);color:color-mix(in srgb, var(--color-brand) 90%, transparent);border-radius:12px;flex:none;justify-content:center;align-items:center;transition:transform .18s,filter .18s,box-shadow .18s;display:none}.qh-home-header-menu-btn:hover{filter:brightness(1.05);box-shadow:0 14px 34px color-mix(in srgb, var(--color-shadow) 26%, transparent);transform:translateY(-1px)}:root[data-theme=light] .qh-home-header-menu-btn,:root:not([data-theme=dark]) .qh-home-header-menu-btn{border-color:color-mix(in srgb, var(--color-brand) 10%, transparent);background:color-mix(in srgb, var(--color-surface) 72%, transparent);box-shadow:0 12px 26px color-mix(in srgb, var(--color-brand) 8%, transparent);color:color-mix(in srgb, var(--color-brand) 78%, transparent)}.qh-home-header-menu-bars{flex-direction:column;gap:6px;display:inline-flex}.qh-home-header-menu-bar{border-radius:999px;width:24px;height:3px}.qh-home-header-menu-bar[data-tone=oneoff]{background:var(--color-plan-pro)}.qh-home-header-menu-bar[data-tone=services]{background:var(--color-product-qr-accent)}:root[data-theme=light] .qh-home-header-menu-bar[data-tone=oneoff],:root:not([data-theme=dark]) .qh-home-header-menu-bar[data-tone=oneoff]{background:var(--color-plan-pro)}:root[data-theme=light] .qh-home-header-menu-bar[data-tone=services],:root:not([data-theme=dark]) .qh-home-header-menu-bar[data-tone=services]{background:var(--color-product-qr-accent)}@media (width<=860px){.qh-home-header-nav{flex-wrap:wrap;justify-content:center;gap:18px}}@media (width<=980px){.qh-home-header-frame{padding-top:max(8px, env(safe-area-inset-top))}.qh-home-header-inner{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));max-width:var(--content-max);box-shadow:none;background:0 0;border:0;padding-inline:0}.qh-home-header-scrolled .qh-home-header-inner,.qh-home-header-menu-open .qh-home-header-inner{border:0;border-radius:0;padding-inline:0}.qh-home-header-top-row{min-height:64px;padding:10px 0}.qh-home-header-logo{max-width:min(184px,100vw - 108px);height:44px}.qh-home-header-logo-desktop{display:none}.qh-home-header-logo-mobile{object-fit:contain;width:36px;max-width:none;display:block}.qh-home-header-actions-desktop,.qh-home-header-links{display:none}.qh-home-header-menu-btn{z-index:142;display:inline-flex;position:relative}.qh-home-header-nav{z-index:130;background:color-mix(in srgb, var(--color-surface) 98%, transparent);min-height:100dvh;color:var(--color-brand);opacity:0;visibility:hidden;pointer-events:none;border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;padding:92px 20px 24px;transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .18s,visibility .18s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:translate(100%)}:root[data-theme=dark] .qh-home-header-nav{background:color-mix(in srgb, var(--color-brand) 99%, transparent);color:color-mix(in srgb, var(--color-brand) 96%, transparent)}.qh-home-header-nav-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,0)}.qh-home-header-nav-item{border-bottom:1px solid color-mix(in srgb, var(--color-brand) 92%, transparent);min-height:54px;color:var(--color-brand);letter-spacing:0;text-transform:none;justify-content:space-between;align-items:center;gap:12px;font-size:17px;font-weight:700;transition:background .18s,color .18s;display:flex}.qh-home-header-nav-item:first-child{border-top:1px solid color-mix(in srgb, var(--color-brand) 92%, transparent)}:root[data-theme=dark] .qh-home-header-nav-item{border-bottom-color:color-mix(in srgb, var(--color-brand) 95%, transparent);color:color-mix(in srgb, var(--color-brand) 96%, transparent)}:root[data-theme=dark] .qh-home-header-nav-item:first-child{border-top-color:color-mix(in srgb, var(--color-brand) 95%, transparent)}.qh-home-header-nav-item:hover{background:color-mix(in srgb, var(--color-brand) 96%, transparent);color:var(--color-brand);transform:none}:root[data-theme=dark] .qh-home-header-nav-item:hover{background:color-mix(in srgb, var(--color-brand) 84%, transparent);color:color-mix(in srgb, var(--color-brand) 96%, transparent)}.qh-home-header-actions-mobile{grid-template-columns:1fr;align-items:stretch;gap:10px;width:100%;margin-top:auto;padding-top:24px;display:grid}.qh-home-header-brand-nav>.qh-home-header-early{display:none!important}.qh-home-header-actions-mobile .language-picker,.qh-home-header-actions-mobile .language-picker-button,.qh-home-header-actions-mobile .qh-home-header-early,.qh-home-header-actions-mobile .qh-home-header-primary,.qh-home-header-actions-mobile .qh-home-header-secondary{width:100%}.qh-home-header-actions-mobile .language-picker-button,.qh-home-header-actions-mobile .qh-home-header-early,.qh-home-header-actions-mobile .qh-home-header-primary,.qh-home-header-actions-mobile .qh-home-header-secondary{min-width:0!important;height:44px!important;min-height:44px!important}}@media (width<=420px){.qh-home-header-actions{--hoppla-pill-h:44px;--hoppla-pill-w:132px}.qh-home-header-logo{max-width:min(164px,100vw - 102px);height:40px}.qh-home-header-logo-mobile{width:34px;max-width:none}}@media (prefers-reduced-motion:reduce){.qh-home-header-frame,.qh-home-header-inner,.qh-home-header-nav,.qh-home-header-nav-item,.qh-home-header-actions .language-picker-button,.qh-home-header-early,.qh-home-header-primary,.qh-home-header-secondary,.qh-home-header-menu-btn{transition:none!important}.qh-home-header-early{animation:none!important}}@keyframes qhEarlyAccessPulse{0%,to{box-shadow:0 10px 20px color-mix(in srgb, var(--color-brand) 6%, transparent), 0 0 0 color-mix(in srgb, var(--color-danger) 0%, transparent);filter:brightness()}50%{box-shadow:0 14px 30px color-mix(in srgb, var(--color-danger) 20%, transparent), 0 0 18px color-mix(in srgb, var(--color-danger) 34%, transparent);filter:brightness(1.08)}}.content-public,.content-public-home{padding-top:calc(var(--public-header-height) + 2.5rem)!important}@media (width<=640px){.content-public,.content-public-home{padding-top:calc(var(--public-header-height) + 2.25rem)!important}}.solutions-page{margin-top:0!important}.solutions-hero,.contact-general-page{padding-top:10px!important}.contact-general-page .contact-simple-shell{gap:1rem;width:min(100%,72rem)}.contact-general-page .hoppla-local-request-form.contact-simple-form{box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.public-footer{border-top:0!important;margin-top:1rem!important;padding-top:1.25rem!important}.public-footer-main{padding-top:0!important}@media (width<=640px){.solutions-hero,.contact-general-page{padding-top:8px!important}.public-footer{margin-top:.75rem!important;padding-top:1rem!important}}@media (width<=430px){.public-header-hoppla .brand-logo{max-width:min(188px,100vw - 100px);height:30px}}:root{--page-gutter:clamp(20px, 2.8vw, 36px);--content-max:1440px;--public-header-height:5.5rem;--hoppla-font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hoppla-font-logo:"Lexend", var(--hoppla-font-sans);--hoppla-font-title:var(--hoppla-font-logo);--hoppla-font-hand:var(--hoppla-font-title);--hoppla-font-body:var(--hoppla-font-sans);--hoppla-type-title:clamp(32px, 2.8vw, 46px);--hoppla-type-subtitle:clamp(20px, 1.7vw, 26px);--hoppla-type-body:clamp(16px, calc(.35vw + 14px), 18px);--hoppla-type-body-sm:clamp(14px, calc(.25vw + 12px), 16px);--hoppla-type-kicker:clamp(11px, calc(.15vw + 10px), 12px);--hoppla-type-btn:clamp(12px, calc(.2vw + 11px), 13px);--hoppla-card-radius:24px;--hoppla-card-radius-lg:32px;--hoppla-control-height:3rem;--hoppla-control-radius:.6rem;--hoppla-control-font-size:17px;--hoppla-focus-inset-y:22px;--hoppla-shell-pad-x:10px;--hoppla-footer-safe:48px;font-family:var(--hoppla-font-sans);background:var(--hoppla-bg);color:var(--ink)}@media (width>=1024px){:root{--hoppla-shell-pad-x:16px;--hoppla-focus-inset-y:26px}}*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%;min-height:100%;overflow-x:clip}html{background:var(--hoppla-bg);scrollbar-color:color-mix(in srgb, var(--hoppla-text-soft) 42%, transparent) var(--hoppla-bg)}html::-webkit-scrollbar-track{background:var(--hoppla-bg)}html::-webkit-scrollbar-thumb{border:3px solid var(--hoppla-bg);background:color-mix(in srgb, var(--hoppla-text-soft) 42%, transparent);border-radius:999px}@supports not (overflow-x:clip){html,body,#root{overflow-x:hidden}}body{isolation:isolate;background:radial-gradient(1100px circle at 0% 22%, color-mix(in srgb, var(--color-product-qr-accent) 8%, transparent), transparent 58%), radial-gradient(900px circle at 92% 8%, color-mix(in srgb, var(--color-brand) 16%, transparent), transparent 58%), var(--hoppla-bg);min-height:100vh;color:var(--ink);font-family:var(--hoppla-font-sans);margin:0;position:relative}#root{z-index:1;position:relative}.auth-page-root{background:var(--color-canvas);min-height:100vh;position:relative}.auth-modal-shell{z-index:90;place-items:center;padding:clamp(.75rem,2vw,1.5rem);display:grid;position:fixed;inset:0}.auth-modal-backdrop{background:color-mix(in srgb, var(--color-shadow) 42%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:absolute;inset:0}.auth-modal-frame{z-index:1;width:min(100%,1220px);height:min(92vh,980px);max-height:min(92vh,980px);box-shadow:var(--hoppla-panel-shadow-strong);border-radius:1.5rem;position:relative;overflow:hidden}.auth-modal-close{z-index:3;border:0;border:1px solid var(--hoppla-border);background:var(--hoppla-surface-elevated);width:2.75rem;height:2.75rem;color:var(--hoppla-text);cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb, var(--color-shadow) 12%, transparent);border-radius:999px;place-items:center;display:grid;position:absolute;top:1rem;right:1rem}.auth-screen{background:linear-gradient(180deg, var(--hoppla-surface-low) 0%, var(--hoppla-surface-lowest) 100%);grid-template-columns:60vw 40vw;width:100%;height:100%;min-height:100%;max-height:100%;display:grid;overflow:hidden}.auth-screen-visual{background:radial-gradient(circle at top left, #38bdf82e, transparent 42%), radial-gradient(circle at bottom right, #6366f12e, transparent 42%), linear-gradient(135deg, color-mix(in srgb, var(--hoppla-surface-low) 84%, var(--color-surface)) 0%, color-mix(in srgb, var(--tone-brand-light) 12%, var(--hoppla-surface-lowest)) 100%);justify-content:center;align-items:center;min-width:0;padding:3rem;display:none;position:relative;overflow:hidden}.auth-screen-dots{opacity:.2;background-image:radial-gradient(var(--tone-brand-light) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0}.auth-screen-glow{filter:blur(72px);opacity:.28;border-radius:999px;position:absolute}.auth-screen-glow-left{background:#60a5fa;width:18rem;height:18rem;top:16%;left:-4rem}.auth-screen-glow-right{background:#a78bfa;width:20rem;height:20rem;top:28%;right:-5rem}.auth-screen-visual-card{z-index:1;text-align:center;gap:1.25rem;max-width:34rem;display:grid;position:relative}.auth-screen-visual-badge{background:color-mix(in srgb, var(--hoppla-surface-elevated) 84%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:7rem;height:7rem;color:var(--tone-brand-light);border:1px solid color-mix(in srgb, var(--tone-brand-light) 16%, var(--hoppla-border));box-shadow:0 24px 42px color-mix(in srgb, var(--color-brand) 18%, transparent);border-radius:1.25rem;place-items:center;margin:0 auto;display:grid}.auth-screen-visual-badge img{object-fit:contain;width:100%;max-width:4.25rem;height:auto}.auth-screen-visual-card h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,3.4vw,3rem);font-weight:800;line-height:1.08}.auth-screen-visual-card p{color:var(--hoppla-text-soft);margin:0;font-size:1.03rem;line-height:1.75}.auth-screen-panel{background:var(--hoppla-surface-elevated);overscroll-behavior:contain;scrollbar-gutter:stable;justify-content:center;align-items:flex-start;min-width:0;height:100%;min-height:0;padding:2rem clamp(1.5rem,4vw,3rem);display:flex;overflow-y:auto}.auth-panel{gap:1.4rem;width:min(100%,25.5rem);min-height:min-content;margin:0 auto;display:grid}.auth-brand{align-items:center;display:inline-flex}.auth-brand-logo{object-fit:contain;width:auto;height:3rem}.auth-panel-head{gap:.45rem;display:grid}.auth-panel-head h1{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.03em;margin:0;font-size:2rem;font-weight:800}.auth-panel-head p{color:var(--hoppla-text-soft);margin:0;font-size:.95rem;line-height:1.65}.auth-form-stack{gap:1rem;display:grid}.auth-inline-banner{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));color:var(--color-brand);border-radius:.9rem;gap:.32rem;padding:.95rem 1rem;font-size:.92rem;line-height:1.55;display:grid}.auth-inline-banner-soft{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));color:var(--color-text-muted)}.auth-existing-account-banner{border:1px solid color-mix(in srgb, var(--brand) 24%, var(--hoppla-border));background:var(--hoppla-surface);color:var(--hoppla-text);border-radius:.9rem;gap:.55rem;padding:1.1rem;display:grid}.auth-existing-account-banner>span{color:var(--hoppla-text-soft);line-height:1.55}.auth-existing-account-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.35rem;display:grid}.auth-existing-account-primary,.auth-existing-account-secondary{border:1px solid var(--brand);text-align:center;border-radius:.55rem;justify-content:center;align-items:center;min-height:2.9rem;padding:.72rem .85rem;font-weight:800;text-decoration:none;display:inline-flex}.auth-existing-account-primary{background:var(--brand);color:var(--color-on-accent)}.auth-existing-account-secondary{color:var(--brand);background:0 0}.auth-existing-account-primary:hover,.auth-existing-account-primary:focus-visible{background:color-mix(in srgb, var(--brand) 84%, var(--color-canvas))}.auth-existing-account-secondary:hover,.auth-existing-account-secondary:focus-visible{background:color-mix(in srgb, var(--brand) 9%, var(--hoppla-surface))}@media (width<=520px){.auth-existing-account-actions{grid-template-columns:1fr}}.auth-inline-verifyRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-top:.4rem;display:grid}.code-verify-shell{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 82%, transparent), color-mix(in srgb, var(--color-surface) 98%, transparent));width:100%;min-height:3.25rem;color:var(--color-brand);box-shadow:0 16px 30px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:1rem;align-items:center;gap:.75rem;padding:.9rem 1.05rem;display:inline-flex}.code-verify-shell strong{letter-spacing:.01em;font-size:.92rem;font-weight:800}.code-verify-input{width:100%}.code-verify-recovery-input{letter-spacing:.08em;text-transform:uppercase;width:100%;min-height:3.35rem;font-family:IBM Plex Mono,monospace}.code-verify-format-toggle{color:var(--color-brand);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:.6rem;padding:0;font-size:.86rem;font-weight:750}.code-verify-format-toggle:hover,.code-verify-format-toggle:focus-visible{text-decoration:underline}.code-verify-format-toggle:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.code-verify-grid{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.code-verify-slot{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:var(--color-surface);width:3rem;height:3.35rem;color:var(--color-text);text-align:center;letter-spacing:.01em;box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:.95rem;font-size:1.08rem;font-weight:800;transition:border-color .16s,box-shadow .16s,background .16s,transform .16s}.code-verify-slot:focus{border-color:var(--color-brand);background:var(--color-surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 12%, transparent), 0 14px 28px color-mix(in srgb, var(--color-brand) 12%, transparent);outline:none;transform:translateY(-1px)}.code-verify-slot.is-filled{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));border-color:color-mix(in srgb, var(--color-brand) 26%, transparent)}.code-verify-separator{color:var(--color-brand);-webkit-user-select:none;user-select:none;align-self:center;font-size:1rem;font-weight:900;line-height:1}.input-invalid.code-verify-input .code-verify-slot,.code-verify-input.input-invalid .code-verify-slot{border-color:color-mix(in srgb, var(--color-danger) 35%, transparent);box-shadow:0 10px 24px color-mix(in srgb, var(--color-danger) 8%, transparent)}.code-verify-shell.is-success{border-color:color-mix(in srgb, var(--color-success) 24%, transparent);color:var(--color-success);background:linear-gradient(180deg, color-mix(in srgb, var(--color-success) 92%, transparent), color-mix(in srgb, var(--color-success) 98%, transparent));box-shadow:0 16px 30px color-mix(in srgb, var(--color-success) 8%, transparent)}.code-verify-spinner{border:2px solid color-mix(in srgb, var(--color-brand) 18%, transparent);border-top-color:var(--color-brand);border-radius:999px;flex:0 0 1.2rem;width:1.2rem;height:1.2rem;animation:.8s linear infinite code-verify-spin}.code-verify-check{background:color-mix(in srgb, var(--color-success) 14%, transparent);width:1.4rem;height:1.4rem;color:var(--color-success);border-radius:999px;flex:0 0 1.4rem;place-items:center;font-size:.94rem;font-weight:900;display:inline-grid}@keyframes code-verify-spin{to{transform:rotate(360deg)}}@media (width<=640px){.code-verify-grid{gap:.45rem}.code-verify-slot{border-radius:.82rem;width:2.7rem;height:3rem;font-size:1rem}}.auth-form{gap:1rem;display:grid}.turnstile-widget{justify-content:center;width:100%;min-height:68px;display:flex}.auth-turnstile{justify-content:center;max-width:100%;margin-inline:auto}.auth-turnstile>*{max-width:100%}.auth-field{gap:.45rem;display:grid}.auth-field label{color:var(--color-text);font-size:.92rem;font-weight:600}.auth-field small{color:var(--color-text-muted);font-size:.8rem;line-height:1.5}.auth-input.input{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:3rem;color:var(--color-text);box-shadow:none;border-radius:.5rem;padding:.9rem 1rem}.auth-input.input:focus{border-color:var(--tone-brand-light);box-shadow:0 0 0 1px var(--tone-brand-light)}.auth-password-wrap{position:relative}.auth-input-with-toggle.input{padding-right:3.25rem}.auth-password-toggle{width:2rem;height:2rem;color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-actions-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-checkbox{color:var(--color-text-muted);align-items:center;gap:.7rem;font-size:.9rem;display:inline-flex}.auth-checkbox input{width:1rem;height:1rem;accent-color:var(--tone-brand-light)}.auth-inline-link,.auth-switch-link{color:var(--tone-brand-light);font-size:.9rem;font-weight:600}.auth-switch-link-accent{color:var(--tone-emerald)}.auth-inline-link-alert{color:var(--tone-rose-dark);animation:.55s ease-in-out 3 auth-link-alert-blink}.auth-submit-button,.auth-secondary-button,.auth-google-fallback{width:100%;min-height:3rem;font-family:var(--hoppla-font-title);letter-spacing:.03em;text-transform:uppercase;border:0;border-radius:.5rem;padding:.85rem 1rem;font-size:.88rem;font-weight:800;transition:background-color .2s,border-color .2s,transform .2s}.auth-submit-button{background:var(--tone-brand-light);color:var(--color-on-accent);box-shadow:0 10px 20px color-mix(in srgb, var(--color-brand) 16%, transparent)}.auth-submit-button:hover:not(:disabled),.auth-secondary-button:hover:not(:disabled),.auth-google-fallback:hover:not(:disabled){transform:translateY(-1px)}.auth-submit-button:disabled,.auth-secondary-button:disabled,.auth-google-fallback:disabled{cursor:not-allowed;opacity:.66}.auth-secondary-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.auth-secondary-button-muted{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface))}.auth-divider{justify-content:center;margin:.2rem 0;display:flex;position:relative}.auth-divider:before{content:"";border-top:1px solid color-mix(in srgb, var(--color-border) 58%, transparent);position:absolute;inset:50% 0 auto}.auth-divider span{z-index:1;background:var(--color-surface);color:var(--color-text-muted);padding:0 1rem;font-size:.85rem;font-weight:500;position:relative}.auth-google-wrap{gap:.55rem;display:grid;position:relative}.auth-google-head{justify-content:center;display:flex}.auth-google-head span{color:var(--color-text-muted);font-size:.84rem;font-weight:600}.auth-google-slot{min-height:44px}.auth-google-slot-ready+.auth-google-fallback{display:none}.auth-google-fallback{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.auth-footer-stack{justify-items:center;gap:.45rem;display:grid}.auth-footer-stack-left{justify-items:start}@keyframes auth-link-alert-blink{0%,to{color:inherit;transform:translateY(0)}50%{color:var(--tone-rose-dark);transform:translateY(-1px)}}.auth-google-card{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 28%), linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-brand) 5%, var(--color-surface)));box-shadow:0 18px 34px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:1.1rem;gap:1rem;padding:1.35rem;display:grid}.auth-google-card-badge{background:color-mix(in srgb, var(--color-brand) 8%, transparent);width:4rem;height:4rem;box-shadow:0 12px 22px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:1rem;place-items:center;display:grid}.auth-google-card-badge img{object-fit:contain;width:100%;max-width:2.4rem;height:auto}.auth-google-card-copy{gap:.35rem;display:grid}.auth-google-card-copy h3{color:var(--color-text);margin:0;font-size:1.08rem;font-weight:700}.auth-google-card-copy p{color:var(--color-text-muted);margin:0;font-size:.92rem;line-height:1.65}@media (width>=1024px){.auth-screen-visual{display:flex}.auth-screen{grid-template-columns:minmax(0,60%) minmax(0,40%)}.auth-screen-panel{padding-inline:clamp(2rem,4vw,4rem)}.auth-panel{margin-inline:auto}}@media (width<=1023px){.auth-modal-shell{padding:max(.5rem, env(safe-area-inset-top)) .5rem max(.5rem, env(safe-area-inset-bottom));align-items:stretch}.auth-modal-frame{width:100%;height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:1.1rem}.auth-screen{grid-template-columns:1fr;height:100%;min-height:0;max-height:none;overflow:hidden}.auth-screen-panel{-webkit-overflow-scrolling:touch;background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 5%, var(--color-surface)) 0%, var(--color-surface) 24%);height:100%;min-height:0;max-height:100%;padding:4.5rem 1rem max(1.75rem, env(safe-area-inset-bottom));overflow-y:auto}.auth-screen-visual{min-height:14rem;padding:2rem 1.25rem 1.5rem}.auth-screen-visual-card{gap:.9rem}.auth-screen-visual-card h2{font-size:1.65rem}.auth-panel{width:min(100%,26rem);padding-bottom:.5rem}}a{color:inherit;text-decoration:none}button,input,select{font:inherit}h1,h2,h3,h4,.section-head h1,.section-head h2,.card h2,.card h3,.app-page-title,.topbar h1{font-family:var(--hoppla-font-title);letter-spacing:-.03em}.topbar-account{position:relative}.topbar-profile-pulse{animation:2s ease-in-out infinite topbar-account-pulse}.topbar-onboarding-bubble{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);width:min(22rem,92vw);box-shadow:0 18px 40px color-mix(in srgb, var(--color-brand) 16%, transparent);z-index:30;border-radius:1rem;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex;position:absolute;top:calc(100% + .75rem);right:0}.topbar-onboarding-mascot{background:linear-gradient(135deg, color-mix(in srgb, var(--color-brand) 14%, transparent), color-mix(in srgb, var(--color-brand) 18%, transparent));border-radius:999px;flex:none;place-items:center;width:2rem;height:2rem;display:grid}.topbar-onboarding-copy{gap:.28rem;min-width:0;display:grid}.topbar-onboarding-copy strong{color:var(--color-text);font-size:.92rem}.topbar-onboarding-copy span{color:var(--color-text-muted);font-size:.83rem;line-height:1.45}.topbar-onboarding-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;font-size:1.1rem;line-height:1}.topbar-profile-copy{text-align:left;gap:.08rem;display:grid}.topbar-account-menu{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);min-width:18rem;box-shadow:0 18px 40px color-mix(in srgb, var(--color-brand) 14%, transparent);z-index:20;border-radius:1rem;gap:.35rem;padding:.55rem;display:grid;position:absolute;top:calc(100% + .6rem);right:0}.topbar-account-option{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.9rem;gap:.16rem;padding:.8rem .9rem;display:grid}.topbar-account-option strong{color:var(--color-text)}.topbar-account-option span{color:var(--color-text-muted);font-size:.84rem}.topbar-account-option-active{border-color:color-mix(in srgb, var(--color-brand) 14%, transparent);background:color-mix(in srgb, var(--color-brand) 8%, transparent)}.topbar-account-option-active-personal{border-color:color-mix(in srgb, var(--color-warning) 28%, transparent);background:color-mix(in srgb, var(--color-warning) 12%, transparent)}.topbar-account-option-active-personal strong,.topbar-account-option-active-personal span{color:var(--color-warning)}.topbar-account-option-active-organization{border-color:color-mix(in srgb, var(--color-brand) 24%, transparent);background:color-mix(in srgb, var(--color-brand) 12%, transparent)}.topbar-account-option-active-organization strong,.topbar-account-option-active-organization span{color:var(--color-brand)}@keyframes topbar-account-pulse{0%,to{filter:drop-shadow(0 0 0 color-mix(in srgb, var(--color-brand) 0%, transparent));transform:translateY(0)}50%{filter:drop-shadow(0 0 10px color-mix(in srgb, var(--color-brand) 22%, transparent));transform:translateY(-1px)}}.admin-grid-table{gap:.8rem;display:grid}.admin-dashboard-shell{--admin-primary:var(--color-brand);--admin-ink:var(--color-brand);--admin-muted:var(--color-text-muted);--admin-surface:var(--color-surface);--admin-soft:var(--color-brand);--admin-border:color-mix(in srgb, var(--color-brand) 14%, transparent);--admin-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 8%, transparent)}.admin-page-header{border:1px solid var(--admin-border,color-mix(in srgb, var(--color-brand) 14%, transparent));background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 11%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-brand) 92%, transparent));box-shadow:var(--admin-shadow,0 18px 42px color-mix(in srgb, var(--color-brand) 8%, transparent));border-radius:1.6rem;padding:1.35rem}.admin-page-kicker{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:color-mix(in srgb, var(--color-brand) 8%, transparent);width:fit-content;color:var(--admin-primary,var(--color-brand));font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin-bottom:.35rem;padding:.32rem .7rem;font-size:.68rem;font-weight:900;display:inline-flex}.admin-dashboard-hero{border:1px solid var(--admin-border);background:radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--color-brand) 12%, transparent), transparent 34%), linear-gradient(135deg, var(--color-surface) 0%, color-mix(in srgb, var(--color-brand) 5%, var(--color-surface)) 100%);box-shadow:var(--admin-shadow);border-radius:1.75rem;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:stretch;gap:1rem;padding:1.25rem;display:grid}.admin-dashboard-hero-copy{align-content:center;gap:.75rem;display:grid}.admin-dashboard-hero-copy h2{color:var(--admin-ink);font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(1.65rem,3vw,2.65rem)}.admin-dashboard-hero-copy p,.admin-section-heading p{max-width:64rem;color:var(--admin-muted);margin:0;font-weight:700;line-height:1.65}.admin-dashboard-role-pill,.admin-dashboard-hero-guards span,.admin-status-pill,.admin-action-card-guard{width:fit-content;font-family:var(--hoppla-font-title);border-radius:999px;align-items:center;gap:.45rem;font-size:.74rem;font-weight:900;display:inline-flex}.admin-dashboard-role-pill{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:var(--admin-soft);color:var(--admin-primary);letter-spacing:.08em;text-transform:uppercase;padding:.38rem .72rem}.admin-dashboard-hero-guards{border:1px dashed color-mix(in srgb, var(--color-brand) 22%, transparent);background:color-mix(in srgb, var(--color-surface) 72%, transparent);border-radius:1.25rem;align-content:center;gap:.7rem;padding:1rem;display:grid}.admin-dashboard-hero-guards span{background:var(--color-surface);color:var(--admin-ink);box-shadow:0 10px 20px color-mix(in srgb, var(--color-brand) 6%, transparent);padding:.58rem .72rem}.admin-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-metric-card{border-color:var(--admin-border);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 36%), var(--color-surface);gap:.7rem;min-height:9rem;display:grid}.admin-metric-card-head{align-items:center;gap:.7rem;display:flex}.admin-metric-icon{background:var(--admin-soft);width:2.4rem;height:2.4rem;color:var(--admin-primary);border-radius:.95rem;flex:none;place-items:center;display:inline-grid}.admin-metric-card h3{color:var(--admin-ink);margin:0;font-size:.82rem;line-height:1.2}.admin-metric-card p{color:var(--admin-ink);font-family:var(--hoppla-font-title);letter-spacing:-.06em;margin:0;font-size:clamp(2rem,4vw,3.15rem);font-weight:950}.admin-stripe-console{border-color:color-mix(in srgb, var(--color-brand) 16%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 10%, transparent), transparent 36%), linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-brand) 5%, var(--color-surface)));gap:1rem}.admin-stripe-console-head,.admin-stripe-console-title,.admin-section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-stripe-console-title{justify-content:flex-start}.admin-stripe-console-title h3,.admin-section-heading h2{color:var(--admin-ink);font-family:var(--hoppla-font-title);letter-spacing:-.03em;margin:0}.admin-stripe-console-title p{color:var(--admin-muted);margin:.25rem 0 0;font-weight:700;line-height:1.5}.admin-stripe-icon,.admin-action-card-icon{border:1px solid color-mix(in srgb, var(--color-brand) 14%, transparent);background:var(--admin-soft);width:2.7rem;height:2.7rem;color:var(--admin-primary);border-radius:1rem;flex:none;place-items:center;display:inline-grid}.admin-status-pill{border:1px solid #0000;padding:.42rem .75rem}.admin-status-pill-success{border-color:color-mix(in srgb, var(--color-success) 18%, transparent);background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success)}.admin-status-pill-warning{border-color:color-mix(in srgb, var(--color-warning) 20%, transparent);background:color-mix(in srgb, var(--color-warning) 14%, transparent);color:var(--color-warning)}.admin-stripe-warning{border:1px solid color-mix(in srgb, var(--color-warning) 14%, transparent);background:color-mix(in srgb, var(--color-warning) 78%, transparent);color:var(--admin-ink);border-radius:1rem;align-items:center;gap:.6rem;padding:.8rem .95rem;font-size:.9rem;font-weight:800;display:flex}.admin-section-heading{align-items:end;padding:.4rem .15rem 0}.admin-section-heading span{color:var(--admin-primary);font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem;font-size:.72rem;font-weight:950;display:block}.admin-section-heading p{text-align:right;max-width:31rem}.admin-action-grid{align-items:stretch}.admin-filter-row{grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:.75rem;display:grid}.admin-grid-head,.admin-grid-row{align-items:start;gap:1rem;width:100%;display:grid}.admin-grid-head{padding:0 .9rem}.admin-grid-head strong{color:color-mix(in srgb, var(--color-brand) 52%, transparent);font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800}.admin-grid-row{border:1px solid color-mix(in srgb, var(--tone-brand-light) 12%, var(--hoppla-border));background:linear-gradient(180deg, var(--hoppla-surface-elevated), color-mix(in srgb, var(--tone-sky) 6%, var(--hoppla-surface-elevated))), radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 5%, transparent), transparent 42%);box-shadow:0 12px 28px color-mix(in srgb, var(--color-brand) 5%, transparent);border-radius:1.25rem;padding:1rem}.admin-grid-cell{overflow-wrap:anywhere;min-width:0}.admin-action-group{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.admin-emoji-button{border:1px solid color-mix(in srgb, var(--color-brand) 14%, transparent);background:var(--hoppla-surface-elevated);cursor:pointer;width:2.7rem;height:2.7rem;box-shadow:0 8px 18px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:999px;place-items:center;font-size:1.1rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-grid}.admin-emoji-button:hover:enabled{border-color:color-mix(in srgb, var(--color-brand) 22%, transparent);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 14%, transparent);transform:translateY(-1px)}.admin-emoji-button:disabled{cursor:not-allowed;opacity:.5}.admin-inline-select{min-width:11rem}.admin-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.admin-panel-card{min-height:100%}.admin-kv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.admin-kv-grid div{background:color-mix(in srgb, var(--hoppla-surface-elevated) 82%, transparent);border:1px solid color-mix(in srgb, var(--tone-brand-light) 10%, var(--hoppla-border));border-radius:1rem;gap:.2rem;padding:.85rem .95rem;display:grid}.admin-kv-grid span{color:color-mix(in srgb, var(--color-brand) 50%, transparent);font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:800}.admin-membership-card{border:1px solid color-mix(in srgb, var(--tone-brand-light) 12%, var(--hoppla-border));background:linear-gradient(180deg, var(--hoppla-surface-elevated), color-mix(in srgb, var(--tone-sky) 6%, var(--hoppla-surface-elevated))), radial-gradient(circle at top right, color-mix(in srgb, var(--color-success) 5%, transparent), transparent 40%);border-radius:1.2rem;gap:.8rem;padding:1rem;display:grid}.admin-membership-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-membership-head small{color:var(--hoppla-text-soft)}.admin-membership-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}@media (width<=1023px){.admin-dashboard-hero,.admin-metrics-grid{grid-template-columns:1fr}.admin-section-heading,.admin-stripe-console-head{flex-direction:column;align-items:stretch}.admin-section-heading p{text-align:left;max-width:none}.admin-kv-grid{grid-template-columns:1fr}.admin-grid-head{display:none}.admin-grid-row{gap:.65rem;grid-template-columns:1fr!important}.admin-grid-cell{border-bottom:1px dashed color-mix(in srgb, var(--color-brand) 14%, transparent);padding-bottom:.65rem}.admin-grid-cell:last-child{border-bottom:0;padding-bottom:0}}@media (width<=900px){.hoppla-local-request-layout{grid-template-columns:1fr;gap:1.5rem}.hoppla-local-request-hero h1{max-width:16ch}}@media (width<=767px){.admin-page-header,.admin-dashboard-hero,.admin-stripe-console,.admin-action-card{border-radius:1.25rem}.admin-page-header,.admin-dashboard-hero,.admin-stripe-console{padding:1rem}.admin-dashboard-hero-copy p,.admin-section-heading p,.admin-stripe-console-title p,.admin-action-card-copy p{font-size:.86rem;line-height:1.5}.admin-filter-row{grid-template-columns:1fr}.admin-dashboard-hero-guards,.admin-stripe-warning{padding:.8rem}.admin-dashboard-hero-guards span,.admin-stripe-warning{font-size:.78rem}.admin-action-group{grid-template-columns:1fr;display:grid}.admin-action-group .btn{width:100%}.admin-action-card{min-height:12.5rem}}.settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel{border-color:color-mix(in srgb, var(--color-brand) 34%, transparent)!important;background:var(--color-surface)!important;color:var(--color-brand)!important;box-shadow:0 12px 26px color-mix(in srgb, var(--color-brand) 12%, transparent)!important}.settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel:hover:enabled,.settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel:focus-visible{transform:translate(-2px,-2px);border-color:var(--color-brand)!important;background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface))!important;color:var(--color-brand)!important;box-shadow:5px 5px 0 color-mix(in srgb, var(--color-brand) 28%, transparent)!important}.settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm{border-color:var(--color-brand)!important;background:var(--color-brand)!important;color:var(--color-on-accent)!important;box-shadow:0 14px 30px color-mix(in srgb, var(--color-brand) 24%, transparent)!important}.settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:hover:enabled,.settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:focus-visible{transform:translate(-2px,-2px);border-color:var(--color-product-qr-accent)!important;background:var(--color-product-qr-accent)!important;color:var(--color-text)!important;box-shadow:5px 5px 0 color-mix(in srgb, var(--color-product-qr-accent) 30%, transparent)!important}:root[data-theme=dark] .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel,:root.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel,html.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel{border-color:color-mix(in srgb, var(--color-product-qr-accent) 36%, transparent)!important;background:color-mix(in srgb, var(--color-brand) 82%, transparent)!important;color:var(--color-product-qr-glow)!important;box-shadow:0 14px 30px color-mix(in srgb, var(--color-brand) 28%, transparent)!important}:root[data-theme=dark] .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel:hover:enabled,:root[data-theme=dark] .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel:focus-visible,:root.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel:hover:enabled,:root.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel:focus-visible,html.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel:hover:enabled,html.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel:focus-visible{border-color:color-mix(in srgb, var(--color-product-qr-accent) 58%, transparent)!important;background:color-mix(in srgb, var(--color-product-qr-accent) 18%, transparent)!important;color:var(--color-product-qr-accent)!important;box-shadow:5px 5px 0 color-mix(in srgb, var(--color-product-qr-accent) 24%, transparent)!important}:root[data-theme=dark] .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm,:root.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm,html.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm{border-color:var(--color-product-qr-accent)!important;background:var(--color-brand)!important;color:var(--color-on-accent)!important;box-shadow:0 14px 32px color-mix(in srgb, var(--color-product-qr-accent) 28%, transparent)!important}:root[data-theme=dark] .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:hover:enabled,:root[data-theme=dark] .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:focus-visible,:root.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:hover:enabled,:root.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:focus-visible,html.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:hover:enabled,html.dark .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:focus-visible{border-color:var(--color-product-qr-glow)!important;background:var(--color-product-qr-accent)!important;color:var(--color-text)!important;box-shadow:5px 5px 0 color-mix(in srgb, var(--color-product-qr-accent) 28%, transparent)!important}@media (width<=520px){.settings-security-mfa-confirm-actions .btn{width:100%}}.workspace-upload-progress{border:1px solid color-mix(in srgb, var(--brand) 24%, var(--hoppla-border));background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--brand) 14%, transparent), transparent 42%), var(--hoppla-surface-strong);width:100%;min-height:clamp(17rem,40vh,23rem);box-shadow:0 1.1rem 2.8rem color-mix(in srgb, var(--hoppla-text) 10%, transparent);border-radius:1.5rem;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon copy value""icon track value""icon action value";align-items:center;gap:.85rem 1.15rem;padding:clamp(1.4rem,4vw,2.5rem);display:grid;position:relative;overflow:hidden}.workspace-upload-progress:after{border:1.5rem solid color-mix(in srgb, var(--brand) 7%, transparent);content:"";pointer-events:none;border-radius:50%;width:10rem;height:10rem;position:absolute;bottom:-4rem;right:-3rem}.workspace-upload-progress-icon{background:color-mix(in srgb, var(--brand) 12%, var(--hoppla-surface));width:4.25rem;height:4.25rem;color:var(--brand);box-shadow:4px 4px 0 color-mix(in srgb, var(--brand) 24%, transparent);border-radius:1.25rem;grid-area:icon;place-items:center;display:grid}.workspace-upload-progress-icon svg{width:2.15rem;height:2.15rem}.workspace-upload-progress-icon .workspace-upload-progress-spinner{animation:.9s linear infinite workspace-upload-spin}.workspace-upload-progress-copy{grid-area:copy;min-width:0}.workspace-upload-progress-copy>span{color:var(--hoppla-text-soft);letter-spacing:.05em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.78rem;font-weight:800;display:block;overflow:hidden}.workspace-upload-progress-copy h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);margin:.35rem 0 0;font-size:clamp(1.3rem,2.4vw,1.85rem);line-height:1.15}.workspace-upload-progress-copy p{color:var(--hoppla-text-soft);margin:.45rem 0 0;line-height:1.55}.workspace-upload-progress-track{background:color-mix(in srgb, var(--hoppla-text) 10%, transparent);border-radius:999px;grid-area:track;height:.72rem;overflow:hidden}.workspace-upload-progress-track>span{border-radius:inherit;background:linear-gradient(90deg, var(--brand), color-mix(in srgb, var(--brand) 65%, var(--color-surface)));height:100%;box-shadow:0 0 1rem color-mix(in srgb, var(--brand) 35%, transparent);transition:width .22s;display:block}.workspace-upload-progress-value{z-index:1;color:var(--brand);font-family:var(--hoppla-font-title);font-variant-numeric:tabular-nums;grid-area:value;font-size:clamp(1.35rem,3vw,2.15rem)}.workspace-upload-progress-cancel{z-index:1;border:1px solid color-mix(in srgb, var(--hoppla-text) 16%, transparent);background:color-mix(in srgb, var(--hoppla-surface) 82%, transparent);color:var(--hoppla-text);font:inherit;cursor:pointer;border-radius:.8rem;grid-area:action;justify-self:start;align-items:center;gap:.45rem;padding:.65rem .85rem;font-weight:800;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.workspace-upload-progress-cancel:hover{border-color:color-mix(in srgb, var(--color-danger) 45%, var(--hoppla-border));background:color-mix(in srgb, var(--color-danger) 9%, var(--hoppla-surface));color:var(--color-danger);transform:translateY(-1px)}.workspace-upload-progress-cancel svg{width:1.05rem;height:1.05rem}.workspace-upload-progress.is-complete{border-color:color-mix(in srgb, var(--color-success) 35%, var(--hoppla-border));background:radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--color-success) 14%, transparent), transparent 42%), var(--hoppla-surface-strong)}.workspace-upload-progress.is-complete .workspace-upload-progress-icon{background:color-mix(in srgb, var(--color-success) 13%, var(--hoppla-surface));color:var(--color-success);box-shadow:4px 4px 0 color-mix(in srgb, var(--color-success) 22%, transparent)}.workspace-upload-progress.is-complete .workspace-upload-progress-icon svg{animation:.42s cubic-bezier(.22,1,.36,1) both workspace-upload-confirm}.workspace-upload-progress.is-complete .workspace-upload-progress-value{color:var(--color-success)}.workspace-upload-progress.is-complete .workspace-upload-progress-track>span{background:var(--color-success)}.workspace-upload-progress.is-compact{min-height:11rem;box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon copy value""track track track""action action action";align-content:center;padding:1rem}.workspace-upload-progress.is-compact:after{display:none}.workspace-upload-progress.is-compact .workspace-upload-progress-icon{border-radius:1rem;width:3.25rem;height:3.25rem}.workspace-upload-progress.is-compact .workspace-upload-progress-icon svg{width:1.65rem;height:1.65rem}.workspace-upload-progress.is-compact .workspace-upload-progress-copy h2{font-size:1rem}.workspace-upload-progress.is-compact .workspace-upload-progress-copy p{display:none}.workspace-upload-progress.is-compact .workspace-upload-progress-value{font-size:1.35rem}.workspace-upload-progress.is-compact .workspace-upload-progress-cancel{justify-self:center;min-height:2.45rem;padding-block:.5rem}@keyframes workspace-upload-spin{to{transform:rotate(360deg)}}@keyframes workspace-upload-confirm{0%{opacity:0;transform:scale(.65)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (width<=640px){.workspace-upload-progress{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"icon value""copy copy""track track""action action";align-content:center;min-height:23rem;padding:1.35rem}.workspace-upload-progress-icon{width:3.6rem;height:3.6rem}.workspace-upload-progress-cancel{justify-content:center;justify-self:stretch;min-height:2.9rem;margin-top:.35rem}}@media (prefers-reduced-motion:reduce){.workspace-upload-progress-icon svg{animation:none}.workspace-upload-progress-track>span,.workspace-upload-progress-cancel{transition:none}}.onboarding-coachmark{--onboarding-accent:var(--brand);border:1px solid color-mix(in srgb, var(--onboarding-accent) 28%, var(--hoppla-border));background:var(--hoppla-surface-strong);width:100%;color:var(--hoppla-text);box-shadow:0 1rem 2.4rem color-mix(in srgb, var(--hoppla-text) 10%, transparent);border-radius:1rem;grid-template-columns:auto minmax(0,1fr);gap:.85rem;padding:1rem;display:grid;position:relative;overflow:hidden}.onboarding-coachmark:before{background:var(--onboarding-accent);content:"";width:.24rem;position:absolute;inset:0 auto 0 0}.onboarding-coachmark-icon{background:color-mix(in srgb, var(--onboarding-accent) 12%, var(--hoppla-surface));width:2.65rem;height:2.65rem;color:var(--onboarding-accent);border-radius:.8rem;place-items:center;display:grid}.onboarding-coachmark-icon svg{width:1.35rem;height:1.35rem}.onboarding-coachmark-copy{gap:.45rem;min-width:0;display:grid}.onboarding-coachmark-copy>strong{font:850 .95rem/1.25 var(--hoppla-font-title)}.onboarding-coachmark-copy>p{color:var(--hoppla-text-soft);margin:0;font-size:.82rem;line-height:1.55}.onboarding-coachmark-check{width:fit-content;color:var(--onboarding-accent);cursor:pointer;align-items:center;gap:.45rem;margin-top:.2rem;font-size:.78rem;font-weight:800;display:inline-flex}.onboarding-coachmark-check input{width:1rem;height:1rem;accent-color:var(--onboarding-accent);cursor:pointer;margin:0}.onboarding-coachmark-check>svg{width:1rem;height:1rem;display:none}.onboarding-coachmark-check.is-disabled{color:var(--hoppla-text-soft);cursor:not-allowed;opacity:.72}.onboarding-coachmark-copy>small[role=alert]{color:var(--danger);font-size:.75rem;font-weight:700}.onboarding-coachmark.is-compact{box-shadow:0 .75rem 1.8rem color-mix(in srgb, var(--hoppla-text) 8%, transparent);padding:.85rem}.app-route-onboarding{z-index:65;width:min(25rem,100vw - 2rem);position:fixed;bottom:clamp(1rem,2.5vw,2rem);right:clamp(1rem,2.5vw,2rem)}.creation-onboarding-guide{width:min(100%,52rem);margin:0 auto 1rem}.sl-detail-card.is-onboarding-active{z-index:1;border-color:color-mix(in srgb, var(--brand) 55%, var(--hoppla-border));box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 10%, transparent), 0 1.2rem 2.8rem color-mix(in srgb, var(--brand) 13%, transparent);animation:.52s cubic-bezier(.22,1,.36,1) both onboarding-card-arrive;position:relative}.sl-detail-explanation{color:var(--hoppla-text-soft);margin:-.35rem 0 0;font-size:.8rem;line-height:1.55}@keyframes onboarding-card-arrive{0%{opacity:.76;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}@media (width<=680px){.app-route-onboarding{right:.75rem;bottom:calc(5.5rem + env(safe-area-inset-bottom,0px));width:calc(100vw - 1.5rem)}.onboarding-coachmark{grid-template-columns:1fr;gap:.65rem}.onboarding-coachmark-icon{width:2.35rem;height:2.35rem}.onboarding-coachmark-check{align-items:flex-start;width:100%}}@media (prefers-reduced-motion:reduce){.sl-detail-card.is-onboarding-active{animation:none}}.settings-security-modern{gap:1.35rem;display:grid}.settings-security-mfa-confirm-modal{gap:1.25rem;display:grid}.settings-security-mfa-confirm-field{gap:.55rem}.settings-security-mfa-confirm-actions{border-top:1px solid var(--color-brand);padding-top:1.1rem}:root[data-theme=dark] .settings-security-mfa-confirm-actions,:root.dark .settings-security-mfa-confirm-actions,html.dark .settings-security-mfa-confirm-actions{border-color:color-mix(in srgb, var(--color-brand) 16%, transparent)}.settings-security-control-grid{grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr);align-items:start;gap:1.15rem;display:grid}.settings-page-shell .settings-security-modern-card{-webkit-backdrop-filter:blur(18px);border-radius:1.45rem;gap:1.15rem;padding:clamp(1.1rem,2.4vw,1.55rem);transition:transform .16s,box-shadow .16s;display:grid;border:2px solid color-mix(in srgb, var(--color-brand) 92%, transparent)!important;background:linear-gradient(180deg, var(--settings-hoppla-white), var(--settings-hoppla-bg))!important;box-shadow:6px 6px 0 var(--color-brand)!important}.settings-page-shell .settings-security-modern-card:hover{transform:translate(-2px,-2px);box-shadow:0 22px 42px color-mix(in srgb, var(--color-brand) 20%, transparent)!important}.settings-security-card-heading{align-items:center;gap:.8rem;display:flex}.settings-security-card-heading h3,.settings-security-activity-heading h3{color:var(--color-brand);letter-spacing:-.02em;margin:0;font-size:1.12rem;font-weight:900}.settings-security-action-icon{border-radius:.95rem;flex:none;place-items:center;display:grid}.settings-security-action-icon .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 600}.settings-security-action-list{gap:.7rem;display:grid}.settings-security-status-panel,.settings-security-action-panel{background:#f8fafc;border:1px solid #e5ebf3;border-radius:1.05rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;min-width:0;padding:.9rem;transition:border-color .16s,background .16s,transform .16s;display:grid}.settings-security-action-panel:hover{background:#f5f9ff;border-color:#1967c33d;transform:translateY(-1px)}.settings-security-status-panel.is-active{border-color:color-mix(in srgb, var(--color-success) 16%, transparent);background:linear-gradient(110deg, color-mix(in srgb, var(--color-success) 92%, transparent), color-mix(in srgb, var(--color-canvas) 5%, var(--color-surface)))}.settings-security-action-panel.is-danger{border-color:color-mix(in srgb, var(--color-danger) 12%, transparent);background:color-mix(in srgb, var(--color-danger) 55%, transparent)}.settings-security-action-icon{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));width:2.6rem;height:2.6rem;color:var(--color-brand)}.settings-security-action-icon.is-cyan{background:color-mix(in srgb, var(--color-product-qr-accent) 5%, var(--color-surface));color:var(--color-product-qr-accent)}.settings-security-action-icon.is-danger{background:color-mix(in srgb, var(--color-danger) 5%, var(--color-surface));color:var(--color-danger)}.settings-security-status-panel strong,.settings-security-action-panel strong{color:#172033;font-size:.91rem;font-weight:850;display:block}.settings-security-status-panel small,.settings-security-action-panel small{color:var(--color-text-muted);margin-top:.2rem;font-size:.76rem;font-weight:650;line-height:1.4;display:block}.settings-security-state-chip{background:color-mix(in srgb, var(--color-success) 7%, var(--color-surface));color:var(--color-success);white-space:nowrap;border-radius:999px;align-items:center;gap:.4rem;padding:.42rem .62rem;font-size:.7rem;font-weight:900;display:inline-flex}.settings-security-state-chip>span{background:var(--color-success);border-radius:50%;width:.45rem;height:.45rem}.settings-security-setup-panel{border:1px solid var(--color-brand);background:linear-gradient(135deg, color-mix(in srgb, var(--color-brand) 5%, var(--color-surface)), color-mix(in srgb, var(--color-brand) 5%, var(--color-surface)));border-radius:1.1rem;grid-template-columns:minmax(11rem,.7fr) minmax(0,1.3fr);align-items:center;gap:1rem;padding:1rem;display:grid}.settings-security-setup-qr{justify-items:center;gap:.6rem;display:grid}.settings-security-setup-qr>span{color:var(--color-text-muted);font-size:.7rem;font-weight:800}.settings-security-setup-qr img{border:1px solid var(--color-brand);background:var(--color-surface);border-radius:1rem;width:min(11rem,100%);padding:.65rem}.settings-security-setup-code{gap:.75rem;display:grid}.settings-security-password-modern>p{font-size:.86rem;color:var(--color-text-muted)!important;margin:-.25rem 0 0!important}.settings-security-password-fields{gap:.8rem;margin-top:.8rem;display:grid}.settings-security-password-field{gap:.42rem;display:grid}.settings-security-password-field>span{color:var(--color-text-muted);align-items:center;gap:.42rem;font-size:.73rem;font-weight:850;display:flex}.settings-security-password-field>span .material-symbols-outlined{color:var(--color-brand);font-size:1rem}.settings-security-password-field .input{min-height:3.05rem;box-shadow:none;background:#f8fafc;border:1px solid #dbe3ed;border-radius:.9rem;transition:border-color .16s,box-shadow .16s,background .16s}.settings-security-password-field .input:focus{border-color:var(--color-brand);background:var(--color-surface);box-shadow:0 0 0 .25rem color-mix(in srgb, var(--color-brand) 10%, transparent)}.settings-security-password-readiness{background:#f8fafc;border-radius:.95rem;gap:.65rem;padding:.8rem;display:grid}.settings-security-password-meter{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem;display:grid}.settings-security-password-meter>span{background:color-mix(in srgb, var(--color-brand) 11%, var(--color-surface));border-radius:999px;height:.3rem;transition:background .18s,transform .18s}.settings-security-password-meter.readiness-1>span:nth-child(-n+1),.settings-security-password-meter.readiness-2>span:nth-child(-n+2),.settings-security-password-meter.readiness-3>span:nth-child(-n+3){background:linear-gradient(90deg, var(--color-product-qr-accent), var(--color-brand));transform:scaleY(1.15)}.settings-security-password-checks{flex-wrap:wrap;gap:.4rem .75rem;display:flex}.settings-security-password-checks>span{color:var(--color-border-strong);align-items:center;gap:.25rem;font-size:.66rem;font-weight:800;display:inline-flex}.settings-security-password-checks>span.is-ready{color:var(--color-success)}.settings-security-password-checks .material-symbols-outlined{font-size:.95rem}.settings-security-password-hint{color:var(--color-brand);font-size:.7rem;line-height:1.45}.settings-security-activity-modern{overflow:hidden}.settings-security-activity-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-security-event-count{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));min-width:2rem;height:2rem;color:var(--color-brand);border-radius:999px;place-items:center;padding:0 .5rem;font-size:.75rem;font-weight:900;display:grid}.settings-security-timeline{border:1px solid #e8edf3;border-radius:1rem;display:grid;overflow:hidden}.settings-security-timeline-row{background:#f8fafcad;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.85rem 1rem;display:grid;position:relative}.settings-security-timeline-row+.settings-security-timeline-row{border-top:1px solid #e8edf3}.settings-security-timeline-row:hover{background:#f5f9ff}.settings-security-timeline-icon{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));width:2rem;height:2rem;color:var(--color-brand);border-radius:.65rem;place-items:center;display:grid}.settings-security-timeline-icon .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:1.05rem}.settings-security-timeline-row strong,.settings-security-timeline-row small{display:block}.settings-security-timeline-row strong{color:#172033;font-size:.82rem;font-weight:850}.settings-security-timeline-row small{color:var(--color-text-muted);margin-top:.12rem;font-size:.7rem}.settings-security-timeline-row time{color:#7c8ba1;white-space:nowrap;font-size:.7rem;font-weight:750}.settings-security-empty-state{text-align:center;justify-items:center;gap:.4rem;padding:2rem;display:grid}.settings-security-empty-state .material-symbols-outlined{color:var(--color-success);font-variation-settings:"FILL" 1;font-size:2rem}.settings-security-empty-state p{color:var(--color-text-muted);margin:0}:root[data-theme=dark] .settings-security-card-heading h3,:root[data-theme=dark] .settings-security-activity-heading h3,:root[data-theme=dark] .settings-security-status-panel strong,:root[data-theme=dark] .settings-security-action-panel strong,:root[data-theme=dark] .settings-security-timeline-row strong,:root.dark .settings-security-card-heading h3,:root.dark .settings-security-activity-heading h3,:root.dark .settings-security-status-panel strong,:root.dark .settings-security-action-panel strong,:root.dark .settings-security-timeline-row strong,html.dark .settings-security-card-heading h3,html.dark .settings-security-activity-heading h3,html.dark .settings-security-status-panel strong,html.dark .settings-security-action-panel strong,html.dark .settings-security-timeline-row strong{color:var(--color-on-accent)}:root[data-theme=dark] .settings-security-status-panel small,:root[data-theme=dark] .settings-security-action-panel small,:root[data-theme=dark] .settings-security-password-modern>p,:root[data-theme=dark] .settings-security-timeline-row small,:root[data-theme=dark] .settings-security-timeline-row time,:root.dark .settings-security-status-panel small,:root.dark .settings-security-action-panel small,:root.dark .settings-security-password-modern>p,:root.dark .settings-security-timeline-row small,:root.dark .settings-security-timeline-row time,html.dark .settings-security-status-panel small,html.dark .settings-security-action-panel small,html.dark .settings-security-password-modern>p,html.dark .settings-security-timeline-row small,html.dark .settings-security-timeline-row time{color:#aebed2!important}:root[data-theme=dark] .settings-page-shell .settings-security-modern-card,:root.dark .settings-page-shell .settings-security-modern-card,html.dark .settings-page-shell .settings-security-modern-card{background:linear-gradient(#131f34f5,#0b1323f5)!important;border-color:#94a3b833!important;box-shadow:0 24px 54px #02061757!important}:root[data-theme=dark] .settings-security-status-panel,:root[data-theme=dark] .settings-security-action-panel,:root[data-theme=dark] .settings-security-password-readiness,:root[data-theme=dark] .settings-security-timeline,:root[data-theme=dark] .settings-security-timeline-row,:root.dark .settings-security-status-panel,:root.dark .settings-security-action-panel,:root.dark .settings-security-password-readiness,:root.dark .settings-security-timeline,:root.dark .settings-security-timeline-row,html.dark .settings-security-status-panel,html.dark .settings-security-action-panel,html.dark .settings-security-password-readiness,html.dark .settings-security-timeline,html.dark .settings-security-timeline-row{background:#142136c2;border-color:#94a3b824}:root[data-theme=dark] .settings-security-status-panel.is-active,:root.dark .settings-security-status-panel.is-active,html.dark .settings-security-status-panel.is-active{background:linear-gradient(110deg,#14532d40,#142136c2);border-color:#22c55e33}:root[data-theme=dark] .settings-security-action-panel.is-danger,:root.dark .settings-security-action-panel.is-danger,html.dark .settings-security-action-panel.is-danger{background:#4c05192e;border-color:#fb71852e}:root[data-theme=dark] .settings-security-password-field .input,:root.dark .settings-security-password-field .input,html.dark .settings-security-password-field .input{color:#f8fafc;background:#09111ebf;border-color:#94a3b82e}:root[data-theme=dark] .settings-security-timeline-row+.settings-security-timeline-row,:root.dark .settings-security-timeline-row+.settings-security-timeline-row,html.dark .settings-security-timeline-row+.settings-security-timeline-row{border-color:#94a3b81f}@media (width<=1023px){.settings-security-control-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.settings-security-modern{gap:.85rem}.settings-page-shell .settings-security-modern-card{border-radius:1.15rem;padding:.9rem}.settings-security-status-panel,.settings-security-action-panel{grid-template-columns:auto minmax(0,1fr)}.settings-security-status-panel>.btn,.settings-security-action-panel>.btn,.settings-security-state-chip{grid-column:1/-1;justify-content:center;width:100%}.settings-security-setup-panel{grid-template-columns:1fr}.settings-security-timeline-row{grid-template-columns:auto minmax(0,1fr);align-items:start}.settings-security-timeline-row time{grid-column:2}.settings-security-password-checks{display:grid}}.sl-workspace{--brand:var(--short-link-accent);--sl-panel-bg:var(--hoppla-surface);--sl-panel-muted-bg:color-mix(in srgb, var(--hoppla-surface) 92%, transparent);--sl-control-bg:var(--hoppla-surface);--sl-control-focus-bg:var(--hoppla-surface);--sl-card-shadow:0 18px 50px color-mix(in srgb, var(--color-brand) 12%, transparent);--sl-card-shadow-soft:0 16px 40px color-mix(in srgb, var(--color-brand) 8%, transparent);--sl-image-accent:var(--tone-amber);--sl-accent-text:var(--short-link-accent);--sl-danger-text:var(--danger);width:min(100%,1180px);color:var(--hoppla-text);background:0 0;margin-inline:auto;padding:0 clamp(.9rem,2vw,1.5rem) 4rem}:root[data-theme=dark] .sl-workspace,:root.dark .sl-workspace,html.dark .sl-workspace{--sl-panel-bg:var(--hoppla-surface-strong);--sl-panel-muted-bg:var(--hoppla-surface);--sl-control-bg:var(--hoppla-surface);--sl-control-focus-bg:var(--hoppla-surface-strong);--sl-card-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 22%, transparent);--sl-card-shadow-soft:0 16px 36px color-mix(in srgb, var(--color-brand) 20%, transparent);--sl-image-accent:var(--tone-amber-soft);--sl-accent-text:var(--short-link-accent);--sl-danger-text:var(--tone-rose-soft)}.sl-flow-header{gap:0;margin-bottom:1.75rem;display:grid}.sl-flow-heading{min-width:0}.sl-flow-heading h1{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.03em;margin:0 0 18px;font-size:32px;font-weight:800;line-height:1.12}.sl-link-progress.qr-mockup-stepper{margin:0 0 16px}.sl-stage-navigation{grid-template-columns:minmax(0,1fr);gap:1rem;width:100%;display:grid}.sl-stage-canvas{background:0 0;width:100%;min-width:0;min-height:26rem}.sl-alert{border:1px solid color-mix(in srgb, var(--danger) 32%, var(--hoppla-border));background:color-mix(in srgb, var(--danger) 9%, var(--sl-panel-bg));width:min(100%,50rem);color:var(--danger);border-radius:.9rem;align-items:flex-start;gap:.7rem;margin:0 auto 1rem;padding:.85rem 1rem;font-weight:750;display:flex}.sl-alert svg{flex:none;width:1.2rem;height:1.2rem}.sl-tool-step{background:0 0;width:100%}.sl-type-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.85rem,2vw,1.3rem);display:grid}.sl-type-card{border:1px solid var(--hoppla-border);background:var(--sl-panel-bg);min-width:0;min-height:18rem;color:var(--hoppla-text);text-align:left;box-shadow:var(--sl-card-shadow-soft);-webkit-backdrop-filter:blur(16px);cursor:pointer;isolation:isolate;border-radius:1.35rem;grid-template-rows:auto 1fr auto;gap:1.2rem;padding:clamp(1.25rem,2.5vw,1.75rem);transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden}.sl-type-card:before{content:"";z-index:-1;background:color-mix(in srgb, currentColor 13%, transparent);filter:blur(2px);border-radius:50%;width:10rem;height:10rem;transition:transform .26s;position:absolute;inset:auto -15% -35% auto}.sl-type-card:hover{transform:translateY(-5px)}.sl-type-card:hover:before{transform:scale(1.25)}.sl-type-card.is-selected{border-width:2px}.sl-type-link{color:var(--qr-product-accent)}.sl-type-image{color:var(--sl-image-accent)}.sl-type-pdf{color:var(--danger)}.sl-type-link:hover,.sl-type-link.is-selected{border-color:color-mix(in srgb, var(--qr-product-accent) 62%, var(--hoppla-border));box-shadow:0 20px 44px color-mix(in srgb, var(--qr-product-accent) 15%, transparent)}.sl-type-image:hover,.sl-type-image.is-selected{border-color:color-mix(in srgb, var(--tone-amber) 70%, var(--hoppla-border));box-shadow:0 20px 44px color-mix(in srgb, var(--tone-amber) 16%, transparent)}.sl-type-pdf:hover,.sl-type-pdf.is-selected{border-color:color-mix(in srgb, var(--danger) 58%, var(--hoppla-border));box-shadow:0 20px 44px color-mix(in srgb, var(--danger) 14%, transparent)}.sl-type-icon{background:color-mix(in srgb, currentColor 12%, var(--sl-panel-bg));color:currentColor;border-radius:1.15rem;place-items:center;width:4rem;height:4rem;display:grid}.sl-type-icon svg{stroke-width:1.65px;width:2rem;height:2rem}.sl-type-copy{color:var(--hoppla-text);align-content:start;gap:.6rem;display:grid}.sl-type-copy strong{font:900 clamp(1.3rem, 2vw, 1.65rem)/1.1 var(--hoppla-font-title);letter-spacing:-.03em}.sl-type-copy small{color:var(--hoppla-muted);font-size:.94rem;line-height:1.55}.sl-type-state{color:currentColor;width:fit-content;font:850 .76rem/1 var(--hoppla-font-sans);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:.45rem;display:inline-flex}.sl-type-state svg{stroke-width:2.3px;width:1rem;height:1rem}.sl-type-card.is-locked{opacity:.78}@keyframes slDeniedOdd{0%,to{transform:translate(0)}25%{transform:translate(-6px)rotate(-.35deg)}65%{transform:translate(5px)rotate(.35deg)}}@keyframes slDeniedEven{0%,to{transform:translate(0)}25%{transform:translate(6px)rotate(.35deg)}65%{transform:translate(-5px)rotate(-.35deg)}}.sl-type-card.is-denied-odd{animation:.36s slDeniedOdd}.sl-type-card.is-denied-even{animation:.36s slDeniedEven}.sl-type-image.is-denied{border-color:var(--tone-amber);box-shadow:0 0 0 5px color-mix(in srgb, var(--tone-amber) 14%, transparent), 0 20px 44px color-mix(in srgb, var(--tone-amber) 18%, transparent)}.sl-type-pdf.is-denied{border-color:var(--danger);box-shadow:0 0 0 5px color-mix(in srgb, var(--danger) 13%, transparent), 0 20px 44px color-mix(in srgb, var(--danger) 16%, transparent)}.sl-upgrade-note{border:1px solid var(--hoppla-border);background:var(--sl-panel-muted-bg);box-shadow:var(--sl-card-shadow-soft);-webkit-backdrop-filter:blur(16px);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;margin-top:1rem;padding:1rem 1.1rem;display:grid}.sl-upgrade-note>span{background:color-mix(in srgb, var(--brand) 10%, transparent);width:2.5rem;height:2.5rem;color:var(--sl-accent-text);border-radius:.75rem;place-items:center;display:grid}.sl-upgrade-note>span svg{width:1.2rem;height:1.2rem}.sl-upgrade-note div{gap:.2rem;display:grid}.sl-upgrade-note strong{color:var(--hoppla-text);font-family:var(--hoppla-font-title)}.sl-upgrade-note p{color:var(--hoppla-muted);margin:0;font-size:.86rem}.sl-upgrade-note button{background:var(--brand);color:var(--short-link-on-accent);cursor:pointer;border:0;border-radius:.7rem;align-items:center;gap:.4rem;padding:.7rem .85rem;font-weight:850;display:inline-flex}.sl-upgrade-note button svg{width:1rem;height:1rem}.sl-destination-card,.sl-detail-card,.sl-success{border:1px solid var(--hoppla-border);background:var(--sl-panel-bg);box-shadow:var(--sl-card-shadow);-webkit-backdrop-filter:blur(16px)}.sl-destination-card{border-radius:1.5rem;gap:clamp(1.4rem,3vw,2.2rem);width:min(100%,49rem);margin-inline:auto;padding:clamp(1.35rem,4vw,2.5rem);display:grid}.sl-content-stack{grid-template-columns:minmax(0,1.12fr) minmax(18rem,.88fr);align-items:stretch;gap:1rem;width:min(100%,68rem);margin-inline:auto;display:grid}.sl-content-stack>.sl-destination-card{width:100%;margin:0}.sl-short-url-card{align-content:start;gap:.75rem}.sl-short-url-readonly{border:1px solid var(--hoppla-border);background:var(--sl-control-bg);border-radius:.9rem;gap:.65rem;min-width:0;padding:1rem;display:grid}.sl-short-url-readonly strong{min-width:0;color:var(--hoppla-text);font:750 clamp(.92rem, 1.45vw, 1.08rem)/1.35 var(--hoppla-font-sans);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sl-short-url-line{align-items:center;gap:.5rem;min-width:0;display:flex}.sl-short-url-line strong{flex:1}.sl-short-url-edit{border:1px solid color-mix(in srgb, var(--brand) 28%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 8%, transparent);width:2rem;height:2rem;color:var(--sl-accent-text);cursor:pointer;border-radius:.62rem;flex:none;place-items:center;padding:0;transition:background .16s,border-color .16s,transform .16s;display:grid}.sl-short-url-edit:hover,.sl-short-url-edit:focus-visible{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 16%, transparent);outline:none;transform:translateY(-1px)}.sl-short-url-edit:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 22%, transparent)}.sl-short-url-edit svg{width:.9rem;height:.9rem}.sl-short-url-readonly span{width:fit-content;color:var(--hoppla-muted);align-items:center;font-size:.76rem;font-weight:700;display:inline-flex}.sl-short-url-readonly span.is-reserved{color:var(--tone-green)}.sl-short-url-readonly span.is-reserved:before{content:"";background:currentColor;border-radius:50%;width:.48rem;height:.48rem;margin-right:.45rem}.sl-short-url-expiry{color:var(--text-muted,var(--color-text-muted));font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:.78rem;display:block}.sl-short-url-editor{border:1px solid var(--hoppla-border);background:var(--sl-control-bg);border-radius:.9rem;grid-template-columns:auto minmax(5.5rem,1fr) auto;align-items:center;transition:border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.sl-short-url-editor:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 13%, transparent)}.sl-short-url-editor>span{color:var(--hoppla-muted);padding-left:.9rem;font-size:.88rem;font-weight:650}.sl-workspace .sl-short-url-editor .input{min-width:0;box-shadow:none;text-transform:uppercase;background:0 0;border:0;border-radius:0;padding-inline:.2rem .65rem}.sl-short-url-editor>button{background:var(--brand);color:var(--short-link-on-accent);font:800 .78rem/1 var(--hoppla-font-sans);cursor:pointer;border:0;align-self:stretch;padding:0 .9rem;transition:filter .16s,opacity .16s}.sl-short-url-editor>button:hover:not(:disabled){filter:brightness(1.08)}.sl-short-url-editor>button:disabled{opacity:.48;cursor:not-allowed}.sl-short-url-access-notice{border:1px solid color-mix(in srgb, var(--color-plan-pro) 42%, var(--hoppla-border));background:color-mix(in srgb, var(--color-plan-pro) 10%, var(--sl-control-bg));color:var(--hoppla-text);border-radius:.78rem;gap:.55rem;margin-top:0;padding:.72rem .82rem;font-size:.78rem;line-height:1.42;display:grid}.sl-short-url-access-notice strong{color:var(--color-warning);font-weight:850}.sl-short-url-access-notice>div{flex-wrap:wrap;gap:.45rem;display:flex}.sl-short-url-access-notice button{color:var(--brand);font:800 .76rem/1.25 var(--hoppla-font-sans);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--brand) 42%, transparent);text-decoration-color:color-mix(in srgb, var(--brand) 42%, transparent);text-underline-offset:.18em;background:0 0;border:0;padding:0;transition:color .16s,text-decoration-color .16s}.sl-short-url-access-notice button:hover,.sl-short-url-access-notice button:focus-visible{color:color-mix(in srgb, var(--brand) 76%, var(--color-on-accent));outline:none;text-decoration-color:currentColor}:root[data-theme=dark] .sl-short-url-access-notice strong,:root.dark .sl-short-url-access-notice strong,html.dark .sl-short-url-access-notice strong{color:var(--color-warning)}.sl-card-heading{align-items:center;gap:.85rem;min-width:0;display:flex}.sl-card-heading>span{background:color-mix(in srgb, var(--brand) 11%, var(--hoppla-surface-low));width:3rem;height:3rem;color:var(--sl-accent-text);border-radius:.9rem;flex:none;place-items:center;display:grid}.sl-card-heading>span svg{stroke-width:1.9px;width:1.4rem;height:1.4rem}.sl-card-heading>div{gap:.2rem;min-width:0;display:grid}.sl-card-heading small{color:var(--sl-accent-text);font-family:var(--hoppla-font-sans);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1}.sl-card-heading h2{color:var(--hoppla-text);font-family:var(--hoppla-font-sans);letter-spacing:0;margin:0;font-size:1.25rem;font-weight:600;line-height:1.3}.sl-field{color:var(--hoppla-text);gap:.55rem;display:grid}.sl-field>span{color:var(--hoppla-muted);font-family:var(--hoppla-font-sans);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:500;line-height:1}.sl-field>small{color:var(--hoppla-muted);font-family:var(--hoppla-font-sans);letter-spacing:0;text-transform:none;align-items:center;gap:.35rem;margin-top:.125rem;font-size:.6875rem;font-weight:400;line-height:1.45;display:flex}.sl-field>small svg{width:.95rem;height:.95rem}.sl-field>small.is-error{color:var(--danger)}.sl-field>small.is-valid{color:var(--tone-green)}.sl-workspace .sl-field .input,.sl-workspace .sl-field select,.sl-workspace .sl-field textarea{border:1px solid var(--hoppla-border);background:var(--sl-control-bg);width:100%;min-height:3.3rem;color:var(--hoppla-text);color-scheme:inherit;font:650 .96rem/1.4 var(--hoppla-font-sans);border-radius:.85rem;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}.sl-workspace .sl-field select{padding:.8rem 2.5rem .8rem .9rem}.sl-workspace .sl-field textarea{resize:vertical;min-height:8.5rem;padding:.9rem}.sl-workspace .sl-field .input::placeholder,.sl-workspace .sl-field textarea::placeholder{color:color-mix(in srgb, var(--hoppla-text-soft) 72%, transparent)}.sl-workspace .sl-field .input:focus,.sl-workspace .sl-field select:focus,.sl-workspace .sl-field textarea:focus{border-color:var(--brand);background:var(--sl-control-focus-bg);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 13%, transparent)}.sl-input-shell{position:relative}.sl-input-shell>svg{z-index:1;width:1.25rem;height:1.25rem;color:var(--sl-accent-text);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.sl-workspace .sl-input-shell .input{padding-left:3rem}.sl-asset-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:1rem;display:grid}.sl-upload-zone{border:1.5px dashed color-mix(in srgb, var(--brand) 40%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 5%, var(--sl-control-bg));border-radius:1rem;grid-row:span 2;min-width:0;min-height:11rem;position:relative;overflow:hidden}.sl-upload-zone.is-selected{border-style:solid;border-color:color-mix(in srgb, var(--tone-green) 40%, var(--hoppla-border));background:var(--sl-control-bg)}.sl-upload-zone.is-progress{border-style:solid;border-color:color-mix(in srgb, var(--brand) 34%, var(--hoppla-border))}.sl-upload-zone.is-drag-active{border-style:solid;border-color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, var(--sl-control-bg));box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 12%, transparent)}.sl-upload-zone.is-drag-active .sl-upload-drop{transform:translateY(-2px)}.sl-upload-drop{border-radius:inherit;width:100%;min-height:11rem;color:var(--hoppla-text);text-align:center;cursor:pointer;background:0 0;border:0;align-content:center;place-items:center;gap:.45rem;padding:1.2rem;transition:background .18s,transform .18s;display:grid}.sl-upload-drop:hover{background:color-mix(in srgb, var(--brand) 7%, transparent);transform:translateY(-2px)}.sl-upload-drop>svg{width:2rem;height:2rem;color:var(--brand)}.sl-upload-drop strong{font-family:var(--hoppla-font-title)}.sl-upload-drop small{color:var(--hoppla-muted)}.sl-upload-asset-preview{background:color-mix(in srgb, var(--brand) 5%, var(--sl-control-bg));width:100%;min-width:0;height:100%;min-height:11rem;color:var(--hoppla-text);cursor:zoom-in;border:0;place-items:center;padding:0;display:grid;position:absolute;inset:0;overflow:hidden}.sl-upload-asset-preview img{object-fit:cover;width:100%;height:100%}.sl-upload-asset-preview>span{background:color-mix(in srgb, var(--brand) 12%, var(--sl-control-bg));width:4rem;height:4rem;color:var(--brand);border-radius:1.15rem;place-items:center;display:grid}.sl-upload-asset-preview>span svg{width:2rem;height:2rem}.sl-upload-asset-preview>strong{z-index:1;border:1px solid color-mix(in srgb, var(--hoppla-border) 82%, transparent);background:color-mix(in srgb, var(--sl-control-bg) 94%, transparent);color:var(--hoppla-text);text-align:left;text-overflow:ellipsis;white-space:nowrap;box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--hoppla-text) 12%, transparent);border-radius:.7rem;padding:.55rem .75rem;font-size:.78rem;position:absolute;bottom:.7rem;left:.75rem;right:.75rem;overflow:hidden}.sl-upload-asset-delete{z-index:2;border:1px solid color-mix(in srgb, var(--tone-red) 42%, var(--hoppla-border));background:color-mix(in srgb, var(--sl-control-bg) 94%, transparent);width:2.55rem;height:2.55rem;color:var(--tone-red);cursor:pointer;box-shadow:0 .5rem 1.5rem color-mix(in srgb, var(--hoppla-text) 13%, transparent);border-radius:50%;place-items:center;padding:0;transition:color .16s,background .16s,border-color .16s,transform .16s;display:grid;position:absolute;top:.7rem;right:.7rem}.sl-upload-asset-delete:hover{border-color:var(--tone-red);background:var(--tone-red);color:var(--color-on-accent);transform:translateY(-1px)}.sl-upload-asset-delete svg{width:1.1rem;height:1.1rem}.sl-asset-preview-dialog{border:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--sl-control-bg) 94%, transparent);border-radius:1rem;place-items:center;min-height:min(58vh,34rem);display:grid;overflow:hidden}.sl-asset-preview-dialog img{object-fit:contain;max-width:100%;max-height:min(66vh,42rem);display:block}.sl-asset-preview-dialog iframe{background:var(--color-surface);border:0;width:min(78vw,52rem);max-width:100%;height:min(66vh,42rem);display:block}.sl-asset-preview-loading{color:var(--hoppla-muted);font-weight:700}.sl-asset-delete-dialog{gap:.9rem;display:grid}.sl-asset-delete-dialog p{color:var(--hoppla-muted);margin:0;line-height:1.6}.sl-asset-delete-dialog>strong{background:var(--sl-control-bg);color:var(--hoppla-text);text-overflow:ellipsis;white-space:nowrap;border-radius:.75rem;padding:.75rem .9rem;overflow:hidden}.sl-asset-delete-actions{justify-content:flex-end;gap:.7rem;margin-top:.35rem;display:flex}.sl-details-grid{grid-template-columns:1fr;gap:1rem;width:min(100%,62rem);margin-inline:auto;display:grid}.sl-detail-card{border-radius:1.2rem;align-content:start;gap:1.25rem;min-width:0;padding:clamp(1.15rem,2.5vw,1.6rem);display:grid}.sl-file-password-card{border-color:color-mix(in srgb, var(--brand) 34%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 4%, var(--sl-panel-bg))}.sl-file-password-toggle{cursor:pointer;align-items:flex-start;gap:.85rem;display:flex}.sl-file-password-toggle>input{width:1.15rem;height:1.15rem;accent-color:var(--brand);flex:none;margin-top:.15rem}.sl-file-password-toggle>span{gap:.3rem;min-width:0;display:grid}.sl-file-password-toggle strong{color:var(--hoppla-text);font:850 1rem/1.25 var(--hoppla-font-title)}.sl-file-password-toggle small,.sl-file-password-fields>p{color:var(--hoppla-muted);margin:0;font-size:.84rem;line-height:1.5}.sl-file-password-fields{border-top:1px solid var(--hoppla-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;padding-top:1rem;display:grid}.sl-file-password-fields>p{grid-column:1/-1}.sl-detail-recipients{grid-row:auto}.sl-recipient-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sl-recipient-head>strong{border:1px solid color-mix(in srgb, var(--sl-accent-text) 28%, var(--hoppla-border));background:color-mix(in srgb, var(--sl-accent-text) 9%, var(--sl-control-bg));min-height:2rem;color:var(--sl-accent-text);font-family:var(--hoppla-font-sans);border-radius:999px;flex:none;align-items:baseline;gap:.08rem;padding:.48rem .7rem;font-size:.875rem;font-weight:700;line-height:1;display:inline-flex}.sl-recipient-head>strong small{color:color-mix(in srgb, var(--hoppla-text-soft) 86%, transparent);font-family:inherit;font-size:.6875rem;font-weight:500}.sl-recipient-list{gap:.65rem;display:grid}.sl-recipient-row{grid-template-columns:minmax(0,1fr) 2.75rem;gap:.45rem;display:grid}.sl-recipient-input{position:relative}.sl-recipient-input>svg{z-index:1;width:1.1rem;height:1.1rem;color:var(--hoppla-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.sl-workspace .sl-recipient-input .input{padding-left:2.65rem}.sl-workspace .sl-recipient-input .input[aria-invalid=true]{border-color:color-mix(in srgb, var(--sl-danger-text) 64%, var(--hoppla-border));box-shadow:0 0 0 4px color-mix(in srgb, var(--sl-danger-text) 11%, transparent)}.sl-recipient-row>button{border:1px solid color-mix(in srgb, var(--danger) 30%, var(--hoppla-border));background:color-mix(in srgb, var(--danger) 7%, var(--sl-control-bg));width:2.75rem;height:2.75rem;color:var(--danger);cursor:pointer;border-radius:.75rem;place-items:center;padding:0;transition:background .18s,color .18s;display:grid}.sl-recipient-row>button:hover{background:var(--danger);color:var(--color-on-accent)}.sl-recipient-row>button svg{width:1rem;height:1rem}.sl-recipient-row>small{border:1px solid color-mix(in srgb, var(--sl-danger-text) 22%, transparent);background:color-mix(in srgb, var(--sl-danger-text) 8%, var(--sl-control-bg));width:fit-content;color:var(--sl-danger-text);border-radius:.6rem;grid-column:1/-1;margin-top:.1rem;padding:.38rem .55rem;font-size:.73rem;font-weight:650}.sl-recipient-empty{border:1.5px dashed var(--hoppla-border);background:var(--sl-control-bg);min-height:8.5rem;color:var(--hoppla-text);text-align:center;cursor:pointer;border-radius:1rem;place-items:center;gap:.4rem;padding:1rem;transition:border-color .18s,background .18s,transform .18s;display:grid}.sl-recipient-empty:hover{border-color:var(--brand);transform:translateY(-2px)}.sl-recipient-empty>span{background:var(--brand);width:2.5rem;height:2.5rem;color:var(--short-link-on-accent);border-radius:50%;place-items:center;display:grid}.sl-recipient-empty svg{width:1.1rem;height:1.1rem}.sl-recipient-empty strong{font-family:var(--hoppla-font-title)}.sl-recipient-empty small{color:var(--hoppla-muted);margin:0;font-size:.76rem}.sl-detail-recipients>p{border:1px solid color-mix(in srgb, var(--sl-accent-text) 18%, var(--hoppla-border));background:color-mix(in srgb, var(--sl-accent-text) 6%, var(--sl-control-bg));color:var(--hoppla-text-soft);border-radius:.75rem;margin:0;padding:.7rem .8rem;font-size:.76rem;line-height:1.5}.sl-recipient-add{border:1px solid color-mix(in srgb, var(--brand) 35%, var(--hoppla-border));width:fit-content;min-height:2.65rem;color:var(--sl-accent-text);cursor:pointer;background:0 0;border-radius:.75rem;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .85rem;font-weight:850;display:inline-flex}.sl-recipient-add:hover:not(:disabled){background:color-mix(in srgb, var(--brand) 9%, transparent)}.sl-recipient-add:disabled{opacity:.55;cursor:not-allowed}.sl-recipient-add svg{width:1rem;height:1rem}.sl-step-actions{grid-template-columns:1fr 1fr;align-items:center;gap:1rem;width:100%;margin-top:.25rem;display:grid}.sl-step-button{min-width:0;min-height:3rem;font:800 .875rem/1 var(--hoppla-font-sans);letter-spacing:.01em;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.sl-step-button-back{border:1px solid color-mix(in srgb, var(--danger) 24%, transparent);background:var(--sl-panel-bg);color:var(--danger);box-shadow:0 12px 26px color-mix(in srgb, var(--danger) 10%, transparent);justify-self:start}.sl-step-button-back:hover{border-color:color-mix(in srgb, var(--danger) 34%, transparent);background:color-mix(in srgb, var(--danger) 6%, var(--sl-panel-bg));box-shadow:0 18px 32px color-mix(in srgb, var(--danger) 14%, transparent);transform:translateY(-1px)}.sl-step-button-next,.sl-step-button-submit{border:1px solid color-mix(in srgb, var(--qr-product-accent) 28%, transparent);background:var(--qr-product-accent);color:var(--qr-product-on-accent);box-shadow:0 16px 32px color-mix(in srgb, var(--qr-product-accent) 22%, transparent);justify-self:end;padding-inline:2rem}.sl-step-button-next:hover,.sl-step-button-submit:hover:not(:disabled){box-shadow:0 22px 38px color-mix(in srgb, var(--qr-product-accent) 28%, transparent);transform:translateY(-1px)}.sl-step-button.is-ready:not(:disabled){animation:.82s cubic-bezier(.22,1,.36,1) sl-step-ready}.sl-step-button:disabled{border-color:color-mix(in srgb, var(--hoppla-text-soft) 16%, var(--hoppla-border));background:color-mix(in srgb, var(--hoppla-text-soft) 12%, var(--sl-panel-bg));color:color-mix(in srgb, var(--hoppla-text-soft) 68%, transparent);box-shadow:none;cursor:not-allowed;opacity:1}.sl-step-button.is-busy:disabled{cursor:wait}@keyframes sl-step-ready{0%,to{transform:translateY(0)scale(1)}42%{box-shadow:0 0 0 0 color-mix(in srgb, var(--qr-product-accent) 28%, transparent), 0 18px 34px color-mix(in srgb, var(--qr-product-accent) 25%, transparent);transform:translateY(-2px)scale(1.025)}70%{box-shadow:0 0 0 8px transparent, 0 16px 32px color-mix(in srgb, var(--qr-product-accent) 22%, transparent)}}.sl-success{text-align:center;border-radius:1.65rem;justify-items:center;gap:1.35rem;width:min(100%,54rem);margin:2rem auto;padding:clamp(1.5rem,5vw,3rem);display:grid}.sl-success-icon{background:color-mix(in srgb, var(--tone-green) 13%, var(--sl-control-bg));width:4.5rem;height:4.5rem;color:var(--tone-green);box-shadow:0 0 0 .55rem color-mix(in srgb, var(--tone-green) 6%, transparent);border-radius:50%;place-items:center;display:grid}.sl-success-icon svg{stroke-width:2px;width:2.2rem;height:2.2rem}.sl-success-heading{justify-items:center;gap:.45rem;min-width:0;display:grid}.sl-success-heading h1{font:900 clamp(1.65rem, 4vw, 2.35rem)/1.08 var(--hoppla-font-title);letter-spacing:-.035em;margin:0}.sl-success-heading p,.sl-success-editable{color:var(--hoppla-muted);margin:0;line-height:1.55}.sl-success-url{border:1px solid color-mix(in srgb, var(--brand) 38%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 7%, var(--sl-control-bg));width:min(100%,42rem);min-width:0;color:var(--sl-accent-text);box-shadow:0 16px 36px color-mix(in srgb, var(--brand) 13%, transparent);cursor:pointer;border-radius:1.15rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.3rem .8rem;padding:1.1rem 1.2rem;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid}.sl-success-url:hover{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 11%, var(--sl-control-bg));box-shadow:0 20px 42px color-mix(in srgb, var(--brand) 19%, transparent);transform:translateY(-2px)}.sl-success-url:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:3px}.sl-success-url>span{min-width:0;font:900 clamp(1.15rem, 3.4vw, 1.75rem)/1.2 var(--hoppla-font-title);letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sl-success-url>svg{stroke-width:1.8px;grid-area:1/2;width:1.6rem;height:1.6rem}.sl-success-destination{border:1px solid var(--hoppla-border);background:var(--sl-control-bg);text-align:left;border-radius:1rem;gap:.45rem;width:min(100%,42rem);padding:.95rem 1rem;display:grid}.sl-success-destination>span{color:var(--hoppla-muted);font-size:.78rem;font-weight:750}.sl-success-destination>strong{min-width:0;color:var(--hoppla-text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.55rem;display:flex;overflow:hidden}.sl-success-destination svg{width:1.15rem;height:1.15rem;color:var(--sl-accent-text);flex:none}.sl-success-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.sl-success-actions>*{min-height:3rem}.sl-success-open{border:1px solid var(--brand);background:var(--brand);color:var(--short-link-on-accent);box-shadow:0 14px 30px color-mix(in srgb, var(--brand) 22%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:850;text-decoration:none;transition:box-shadow .18s,transform .18s;display:inline-flex}.sl-success-open:hover{color:var(--short-link-on-accent);box-shadow:0 19px 36px color-mix(in srgb, var(--brand) 28%, transparent);transform:translateY(-1px)}.sl-success-open:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:3px}.sl-success-open svg{width:1.15rem;height:1.15rem}.public-home-tool-panel.is-creation-completed{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border-color:#0000;overflow:visible}@media (width<=960px){.sl-type-grid{grid-template-columns:1fr}.sl-type-card{grid-template-rows:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:8.5rem}.sl-type-card:before{width:8rem;height:8rem}.sl-details-grid{grid-template-columns:1fr}.sl-detail-recipients{grid-row:auto}.sl-content-stack{grid-template-columns:1fr;width:min(100%,49rem)}}@media (width<=680px){.sl-workspace{padding:0 .8rem 5rem}.sl-flow-header{margin-bottom:1.35rem}.sl-stage-canvas{min-height:24rem}.sl-type-card{border-radius:1.05rem;grid-template-columns:auto minmax(0,1fr);gap:.85rem;min-height:8rem;padding:1rem}.sl-type-icon{border-radius:.9rem;width:3.25rem;height:3.25rem}.sl-type-icon svg{width:1.55rem;height:1.55rem}.sl-type-copy strong{font-size:1.15rem}.sl-type-copy small{font-size:.82rem;line-height:1.4}.sl-type-state{grid-column:2;font-size:.68rem}.sl-upgrade-note{grid-template-columns:auto 1fr}.sl-upgrade-note button{grid-column:1/-1;justify-content:center;width:100%}.sl-destination-card{border-radius:1.1rem;padding:1.15rem}.sl-short-url-editor{grid-template-columns:auto minmax(4.25rem,1fr)}.sl-short-url-editor>button{grid-column:1/-1;min-height:2.75rem}.sl-asset-layout{grid-template-columns:1fr}.sl-upload-zone{grid-row:auto;min-height:10rem}.sl-upload-drop,.sl-upload-asset-preview{min-height:10rem}.sl-detail-card{border-radius:1rem;padding:1rem}.sl-recipient-head{align-items:flex-start}.sl-step-actions{gap:.65rem}.sl-step-button{width:100%;padding-inline:1rem}.sl-success{border-radius:1.2rem;gap:1.1rem;margin-block:1rem;padding:1.25rem 1rem}.sl-success-url{padding:.95rem 1rem}.sl-success-url>span{font-size:clamp(1rem,5vw,1.3rem)}.sl-success-actions{width:100%;display:grid}.sl-success-actions>*{width:100%}}@media (prefers-reduced-motion:reduce){.sl-type-card,.sl-step-button,.sl-upload-drop,.sl-success-url,.sl-success-open{transition:none}.sl-step-button.is-ready:not(:disabled),.sl-type-card.is-denied-odd,.sl-type-card.is-denied-even{animation:none}}.qr-analytics-page{width:100%;min-width:0;color:var(--hoppla-text);gap:1rem;display:grid}.qr-analytics-hero{border:1px solid var(--hoppla-border);background:radial-gradient(circle at 91% 7%, color-mix(in srgb, var(--brand) 17%, transparent), transparent 31%), linear-gradient(135deg, var(--hoppla-surface-strong), color-mix(in srgb, var(--brand) 4%, var(--hoppla-surface)));box-shadow:0 18px 52px color-mix(in srgb, var(--hoppla-text) 7%, transparent);border-radius:1.4rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.4rem;display:grid;position:relative;overflow:hidden}.qr-analytics-hero-icon{background:color-mix(in srgb, var(--brand) 11%, var(--hoppla-surface));width:4.4rem;height:4.4rem;color:var(--brand);border-radius:1.2rem;place-items:center;display:grid}.qr-analytics-hero-icon .material-symbols-outlined{font-size:2.15rem}.qr-analytics-hero-copy{gap:.2rem;min-width:0;display:grid}.qr-analytics-hero-copy>span,.qr-analytics-section-head>div>span{color:var(--brand);letter-spacing:.105em;text-transform:uppercase;font-size:.7rem;font-weight:850}.qr-analytics-hero-copy h1{letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(1.65rem,3vw,2.65rem);line-height:1.05;overflow:hidden}.qr-analytics-hero-copy p{color:var(--hoppla-text-soft);margin:.15rem 0 0;font-size:.94rem}.qr-analytics-badges{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.qr-analytics-badges i{background:color-mix(in srgb, var(--brand) 9%, transparent);color:var(--brand);letter-spacing:.045em;text-transform:uppercase;border-radius:999px;padding:.27rem .48rem;font-size:.65rem;font-style:normal;font-weight:850}.qr-analytics-badges i.is-active{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success)}.qr-analytics-badges i.is-paused{background:color-mix(in srgb, var(--color-plan-pro) 14%, transparent);color:var(--color-warning)}.qr-analytics-link{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);max-width:19rem;color:var(--brand);border-radius:.85rem;align-items:center;gap:.5rem;padding:.75rem .85rem;font-size:.82rem;font-weight:800;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s;display:inline-flex;overflow:hidden}.qr-analytics-link:hover{border-color:color-mix(in srgb, var(--brand) 40%, var(--hoppla-border));box-shadow:0 10px 22px color-mix(in srgb, var(--brand) 11%, transparent);transform:translateY(-2px)}.qr-analytics-link>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-analytics-link .material-symbols-outlined{flex:none;font-size:1rem}.qr-analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.qr-analytics-metric{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-width:0;box-shadow:0 10px 26px color-mix(in srgb, var(--hoppla-text) 4%, transparent);border-radius:1.05rem;align-items:center;gap:.75rem;padding:1rem;display:flex}.qr-analytics-metric>.material-symbols-outlined{background:color-mix(in srgb, var(--brand) 10%, var(--hoppla-surface));width:2.7rem;height:2.7rem;color:var(--brand);border-radius:.85rem;flex:0 0 2.7rem;place-items:center;font-size:1.3rem;display:grid}.qr-analytics-metric.is-sky>.material-symbols-outlined{background:color-mix(in srgb, var(--color-product-qr-accent) 11%, var(--hoppla-surface));color:var(--color-product-qr-accent)}.qr-analytics-metric.is-orange>.material-symbols-outlined{background:color-mix(in srgb, var(--color-plan-pro) 12%, var(--hoppla-surface));color:var(--color-warning)}.qr-analytics-metric.is-green>.material-symbols-outlined{background:color-mix(in srgb, var(--color-success) 11%, var(--hoppla-surface));color:var(--color-success)}.qr-analytics-metric>div{gap:.1rem;min-width:0;display:grid}.qr-analytics-metric small{color:var(--hoppla-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:730;overflow:hidden}.qr-analytics-metric strong{font-size:1.6rem;line-height:1}.qr-analytics-plan-access{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);border-radius:.9rem;align-items:center;gap:.65rem;padding:.75rem .9rem;display:flex}.qr-analytics-plan-access>.material-symbols-outlined{color:var(--brand);flex:none;font-size:1.2rem}.qr-analytics-plan-access.is-advanced>.material-symbols-outlined{color:var(--color-plan-pro)}.qr-analytics-plan-access p{color:var(--hoppla-text-soft);margin:0;font-size:.76rem;line-height:1.45}.qr-analytics-access-denied{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);max-width:44rem;box-shadow:0 16px 40px color-mix(in srgb, var(--hoppla-text) 6%, transparent);border-radius:1.3rem;align-items:flex-start;gap:1rem;margin:clamp(2rem,8vh,5rem) auto;padding:clamp(1.2rem,4vw,2rem);display:flex}.qr-analytics-access-denied>.material-symbols-outlined{background:color-mix(in srgb, var(--brand) 10%, var(--hoppla-surface));width:3.2rem;height:3.2rem;color:var(--brand);border-radius:.9rem;flex:0 0 3.2rem;place-items:center;display:grid}.qr-analytics-access-denied>div{gap:.75rem;display:grid}.qr-analytics-access-denied h1{margin:0;font-size:clamp(1.35rem,3vw,1.9rem);line-height:1.15}.qr-analytics-access-denied p{color:var(--hoppla-text-soft);margin:0;line-height:1.55}.qr-analytics-access-denied .button{justify-self:start}.qr-analytics-empty-banner{border:1px dashed color-mix(in srgb, var(--brand) 33%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 5%, var(--hoppla-surface));border-radius:1rem;align-items:center;gap:.85rem;padding:.85rem 1rem;display:flex}.qr-analytics-empty-banner>.material-symbols-outlined{color:var(--brand);font-size:1.55rem}.qr-analytics-empty-banner div{gap:.12rem;display:grid}.qr-analytics-empty-banner strong{font-size:.9rem}.qr-analytics-empty-banner p{color:var(--hoppla-text-soft);margin:0;font-size:.8rem}.qr-analytics-primary-grid{grid-template-columns:minmax(0,1.15fr) minmax(24rem,1fr);gap:1rem;display:grid}.qr-analytics-secondary-grid{grid-template-columns:minmax(17rem,.72fr) minmax(0,1.28fr);gap:1rem;display:grid}.qr-analytics-breakdown-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.qr-analytics-card{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-width:0;box-shadow:0 12px 34px color-mix(in srgb, var(--hoppla-text) 5%, transparent);border-radius:1.25rem;padding:1.2rem}.qr-analytics-section-head{justify-content:space-between;align-items:flex-start;gap:.8rem;min-width:0;display:flex}.qr-analytics-section-head>div{min-width:0}.qr-analytics-section-head h2{letter-spacing:-.025em;margin:.2rem 0 0;font-size:1.2rem}.qr-analytics-periods{background:var(--hoppla-surface-soft);border-radius:.7rem;gap:.2rem;padding:.2rem;display:inline-flex}.qr-analytics-periods button{min-width:2.5rem;color:var(--hoppla-text-soft);cursor:pointer;background:0 0;border:0;border-radius:.55rem;padding:.4rem .55rem;font-size:.74rem;font-weight:800}.qr-analytics-periods button.is-active{background:var(--hoppla-surface-strong);color:var(--brand);box-shadow:0 4px 12px color-mix(in srgb, var(--hoppla-text) 7%, transparent)}.qr-analytics-filter-card{justify-content:space-between;align-items:flex-end;gap:.8rem;display:flex}.qr-analytics-filter-card .qr-analytics-periods{flex-wrap:wrap;align-items:flex-end}.qr-analytics-filter-card label{color:var(--hoppla-text-soft);gap:.2rem;padding-inline:.25rem;font-size:.68rem;font-weight:750;display:grid}.qr-analytics-filter-card select,.qr-analytics-filter-card input{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);max-width:9rem;min-height:2.25rem;color:var(--hoppla-text);border-radius:.55rem;padding:.35rem .5rem}.qr-analytics-filter-card button:disabled{cursor:not-allowed;opacity:.45}.qr-analytics-exports{flex-wrap:wrap;gap:.45rem;display:flex}.qr-analytics-exports button{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-soft);min-height:2.75rem;color:var(--hoppla-text);cursor:pointer;border-radius:.7rem;justify-content:center;align-items:center;gap:.38rem;padding:.55rem .75rem;font-size:.72rem;font-weight:780;display:inline-flex}.qr-analytics-exports button>.material-symbols-outlined{font-size:1rem}.qr-analytics-exports button:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--hoppla-border));color:var(--brand)}html.dark :is(.qr-analytics-link,.qr-analytics-exports button,.qr-analytics-badges i,.qr-analytics-hero-copy>span,.qr-analytics-section-head>div>span){color:#7dd3fc}.qr-analytics-count{color:var(--hoppla-text-soft);font-size:.75rem;font-weight:750}.qr-analytics-pro-lock{background:var(--hoppla-surface-soft);border-radius:.9rem;min-height:10rem;margin-top:.8rem;display:grid;position:relative;overflow:hidden}.qr-analytics-pro-lock.is-large{min-height:15rem}.qr-analytics-pro-preview{filter:blur(4px);opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none;align-content:center;gap:.9rem;padding:1.2rem;display:grid}.qr-analytics-pro-preview i{background:color-mix(in srgb, var(--hoppla-text-soft) 14%, var(--hoppla-surface));border-radius:999px;height:.65rem;display:block;overflow:hidden}.qr-analytics-pro-preview i:nth-child(2){width:82%}.qr-analytics-pro-preview i:nth-child(3){width:64%}.qr-analytics-pro-preview i:nth-child(4){width:74%}.qr-analytics-pro-preview b{border-radius:inherit;background:color-mix(in srgb, var(--brand) 34%, var(--hoppla-surface));width:42%;height:100%;display:block}.qr-analytics-pro-overlay{background:color-mix(in srgb, var(--hoppla-surface-strong) 74%, transparent);text-align:center;place-content:center;justify-items:center;gap:.45rem;padding:1rem;display:grid;position:absolute;inset:0}.qr-analytics-pro-overlay>.material-symbols-outlined{background:color-mix(in srgb, var(--color-plan-pro) 14%, var(--hoppla-surface));width:2.5rem;height:2.5rem;color:var(--color-plan-pro);border-radius:50%;place-items:center;display:grid}.qr-analytics-pro-overlay strong{font-size:.82rem}.qr-analytics-pro-overlay a{background:var(--button-qr-rest-bg);min-height:2.75rem;color:var(--button-qr-rest-text);border-radius:.75rem;padding:.7rem .9rem;font-size:.76rem;font-weight:820;text-decoration:none}.qr-analytics-pro-overlay a:hover{background:var(--button-qr-hover-bg);color:var(--button-qr-hover-text)}.qr-analytics-pro-overlay a:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:2px}.qr-analytics-chart{min-height:15rem;margin-top:.8rem}.qr-analytics-chart svg{width:100%;height:13rem;display:block;overflow:visible}.qr-analytics-chart .grid-line{stroke:var(--hoppla-border);stroke-width:1px;stroke-dasharray:4 7}.qr-analytics-chart .area{fill:url(#qr-analytics-area)}.qr-analytics-chart .line{fill:none;stroke:var(--brand);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.qr-analytics-chart .last-dot{fill:var(--hoppla-surface-strong);stroke:var(--brand);stroke-width:4px;vector-effect:non-scaling-stroke}.qr-analytics-chart-axis{color:var(--hoppla-text-soft);justify-content:space-between;font-size:.7rem;font-weight:700;display:flex}.qr-analytics-score{justify-content:center;align-items:center;gap:1.2rem;min-height:15rem;display:flex}.qr-analytics-donut{flex:0 0 9rem;place-items:center;width:9rem;height:9rem;display:grid;position:relative}.qr-analytics-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.qr-analytics-donut circle{fill:none;stroke-width:3.2px}.qr-analytics-donut .track{stroke:var(--hoppla-surface-soft)}.qr-analytics-donut .value{stroke:var(--brand);stroke-linecap:round;transition:stroke-dasharray .65s}.qr-analytics-donut>div{place-items:center;display:grid;position:absolute}.qr-analytics-donut>div strong{font-size:1.75rem;line-height:1}.qr-analytics-donut>div span{color:var(--hoppla-text-soft);margin-top:.2rem;font-size:.64rem;font-weight:750}.qr-analytics-score-copy{gap:.18rem;display:grid}.qr-analytics-score-copy strong{color:var(--brand);font-size:1.35rem}.qr-analytics-score-copy span{font-size:.74rem;font-weight:780}.qr-analytics-score-copy small{color:var(--hoppla-text-soft);font-size:.68rem}.qr-analytics-audience{justify-content:center;align-items:center;gap:1.4rem;min-height:15rem;display:flex}.qr-analytics-audience-donut{flex-basis:8.5rem;width:8.5rem;height:8.5rem}.qr-analytics-donut .audience-segment{stroke-linecap:round}.qr-analytics-donut .tone-0{stroke:var(--brand)}.qr-analytics-donut .tone-1{stroke:var(--color-product-qr-accent)}.qr-analytics-donut .tone-2{stroke:var(--color-plan-pro)}.qr-analytics-donut .tone-3{stroke:var(--color-success)}.qr-analytics-legend{gap:.65rem;min-width:8rem;display:grid}.qr-analytics-legend>div{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.45rem;font-size:.75rem;display:grid}.qr-analytics-legend i{background:var(--brand);border-radius:50%;width:.55rem;height:.55rem}.qr-analytics-legend i.tone-1{background:var(--color-product-qr-accent)}.qr-analytics-legend i.tone-2{background:var(--color-plan-pro)}.qr-analytics-legend i.tone-3{background:var(--color-success)}.qr-analytics-legend span{color:var(--hoppla-text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-analytics-other-trigger{min-width:0;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:help;background:0 0;border:0;border-bottom:1px dotted;align-items:center;gap:.22rem;padding:0;display:inline-flex;position:relative}.qr-analytics-other-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-analytics-other-trigger>.material-symbols-outlined{flex:none;font-size:.82rem}.qr-analytics-other-trigger:hover{color:var(--brand)}.qr-analytics-other-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:2px;border-radius:.2rem}.qr-analytics-other-tooltip{z-index:1300;border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);width:min(19rem,100vw - 1.5rem);box-shadow:0 .75rem 1.8rem color-mix(in srgb, var(--hoppla-text) 14%, transparent);color:var(--hoppla-text);border-radius:.7rem;padding:.7rem .8rem;font-size:.75rem;font-weight:650;line-height:1.45;position:fixed}.qr-analytics-resource-empty{color:var(--hoppla-text-soft);text-align:center;margin:0;font-size:.78rem}.qr-analytics-world-map{gap:.65rem;min-width:0;margin-top:.7rem;display:grid}.qr-analytics-map-canvas,.qr-analytics-map-loading{border:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--brand) 3%, var(--hoppla-surface-soft));border-radius:1rem;width:100%;height:19rem;position:relative;overflow:hidden}.qr-analytics-map-loading{animation:1.2s linear infinite qr-analytics-loading}.qr-analytics-map-controls{z-index:2;gap:.3rem;display:flex;position:absolute;bottom:.65rem;right:.65rem}.qr-analytics-map-controls button{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);width:2.5rem;height:2.5rem;color:var(--hoppla-text);font:inherit;cursor:pointer;border-radius:.65rem;place-items:center;font-size:1.05rem;font-weight:800;display:grid}.qr-analytics-map-controls button:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--hoppla-border));color:var(--brand)}.qr-analytics-map-controls button:focus-visible,.qr-analytics-country-accessible button:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 35%, transparent);outline-offset:2px}.qr-analytics-map-controls .material-symbols-outlined{font-size:1.05rem}.qr-analytics-map-scale{grid-template-columns:repeat(5,minmax(1.5rem,1fr));gap:.35rem;display:grid}.qr-analytics-map-scale i{border:1px solid color-mix(in srgb, var(--hoppla-text) 10%, transparent);border-radius:.18rem;height:.48rem;display:block}.qr-analytics-country-accessible{min-width:0}.qr-analytics-country-accessible h3{color:var(--hoppla-text-soft);margin:0 0 .3rem;font-size:.7rem}.qr-analytics-country-accessible ul{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.qr-analytics-country-accessible li button,.qr-analytics-country-accessible li.is-unknown{background:var(--hoppla-surface-soft);width:100%;min-height:2.35rem;color:var(--hoppla-text);font:inherit;text-align:left;border:0;border-radius:.55rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .55rem;font-size:.72rem;display:flex}.qr-analytics-country-accessible li button{cursor:pointer}.qr-analytics-country-accessible li button:hover{color:var(--brand)}.qr-analytics-country-accessible li.is-unknown .qr-analytics-other-trigger{background:0 0;border:0;border-bottom:1px dotted;border-radius:0;justify-content:flex-start;width:auto;min-height:0;padding:0}.qr-analytics-country-accessible strong{flex:none;font-size:.7rem}.qr-analytics-map-empty{color:var(--hoppla-text-soft);text-align:center;margin:0;font-size:.76rem}.qr-analytics-bars{gap:.8rem;margin-top:1.2rem;display:grid}.qr-analytics-bars>div{gap:.35rem;display:grid}.qr-analytics-bars span{justify-content:space-between;gap:.6rem;font-size:.74rem;display:flex}.qr-analytics-bars span strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-analytics-bars span small{color:var(--hoppla-text-soft)}.qr-analytics-bars i{background:var(--hoppla-surface-soft);border-radius:99px;height:.42rem;display:block;overflow:hidden}.qr-analytics-bars i b{border-radius:inherit;background:linear-gradient(90deg, var(--brand), color-mix(in srgb, var(--brand) 62%, var(--color-product-qr-accent)));min-width:.3rem;height:100%;display:block}.qr-analytics-inline-empty{border:1px dashed var(--hoppla-border);min-height:8rem;color:var(--hoppla-text-soft);border-radius:.9rem;place-items:center;margin-top:.8rem;font-size:.8rem;display:grid}.qr-analytics-timing{background:var(--hoppla-surface-soft);border-radius:.9rem;align-items:center;gap:.8rem;margin-top:1.1rem;padding:.85rem;display:flex}.qr-analytics-timing>.material-symbols-outlined{background:color-mix(in srgb, var(--brand) 10%, var(--hoppla-surface));width:2.5rem;height:2.5rem;color:var(--brand);border-radius:.75rem;place-items:center;display:grid}.qr-analytics-timing div{display:grid}.qr-analytics-timing small{color:var(--hoppla-text-soft)}.qr-analytics-week-bars{justify-content:space-between;align-items:flex-end;gap:.35rem;height:5.2rem;margin-top:.8rem;display:flex}.qr-analytics-week-bars i{background:var(--hoppla-surface-soft);border-radius:.35rem;flex:1;align-items:flex-end;height:100%;display:flex;overflow:hidden}.qr-analytics-week-bars b{border-radius:inherit;background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 65%, var(--color-product-qr-accent)), var(--brand));width:100%;min-height:.3rem;display:block}.qr-analytics-events{margin-top:.9rem;display:grid}.qr-analytics-events article{border-top:1px solid var(--hoppla-border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.72rem 0;display:grid}.qr-analytics-events article:first-child{border-top:0}.qr-analytics-event-icon{background:color-mix(in srgb, var(--brand) 9%, var(--hoppla-surface));width:2.45rem;height:2.45rem;color:var(--brand);border-radius:.75rem;place-items:center;font-size:1.1rem;display:grid}.qr-analytics-events article>div{gap:.12rem;min-width:0;display:grid}.qr-analytics-events strong{font-size:.78rem}.qr-analytics-events small{color:var(--hoppla-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.qr-analytics-event-meta{grid-auto-flow:column;gap:.35rem!important}.qr-analytics-event-meta span{background:var(--hoppla-surface-soft);color:var(--hoppla-text-soft);border-radius:999px;padding:.3rem .45rem;font-size:.64rem;font-weight:750}.qr-analytics-sample-note{color:var(--hoppla-text-soft);text-align:right;margin:0;font-size:.7rem}.qr-analytics-skeleton>span,.qr-analytics-skeleton>div,.qr-analytics-skeleton section span,.qr-analytics-skeleton>article{background:linear-gradient(90deg, var(--hoppla-surface-soft), var(--hoppla-surface-strong), var(--hoppla-surface-soft));background-size:220% 100%;border-radius:1rem;animation:1.2s linear infinite qr-analytics-loading;display:block}.qr-analytics-skeleton>span{height:7rem}.qr-analytics-skeleton>div{height:1rem}.qr-analytics-skeleton section{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.qr-analytics-skeleton section span{height:4.8rem}.qr-analytics-skeleton>article{height:15rem}@keyframes qr-analytics-loading{to{background-position:-220% 0}}@media (width<=1080px){.qr-analytics-primary-grid,.qr-analytics-secondary-grid{grid-template-columns:1fr}.qr-analytics-breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.qr-analytics-page{gap:.75rem}.qr-analytics-hero{border-radius:1.1rem;grid-template-columns:auto minmax(0,1fr);gap:.75rem;padding:1rem}.qr-analytics-hero-icon{border-radius:.85rem;width:3.2rem;height:3.2rem}.qr-analytics-hero-icon .material-symbols-outlined{font-size:1.55rem}.qr-analytics-hero-copy h1{font-size:1.45rem}.qr-analytics-hero-copy p{font-size:.78rem}.qr-analytics-link{grid-column:1/-1;justify-content:space-between;max-width:none}.qr-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.qr-analytics-metric{gap:.55rem;padding:.75rem}.qr-analytics-metric>.material-symbols-outlined{flex-basis:2.2rem;width:2.2rem;height:2.2rem;font-size:1.05rem}.qr-analytics-metric strong{font-size:1.25rem}.qr-analytics-plan-access{align-items:flex-start}.qr-analytics-access-denied{flex-direction:column;align-items:stretch;margin-block:1.5rem}.qr-analytics-access-denied .button{justify-self:stretch;width:100%}.qr-analytics-card{border-radius:1.05rem;padding:1rem}.qr-analytics-breakdown-grid{grid-template-columns:1fr}.qr-analytics-filter-card{flex-direction:column;align-items:stretch}.qr-analytics-filter-card .qr-analytics-periods{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qr-analytics-filter-card label{min-width:0}.qr-analytics-filter-card select,.qr-analytics-filter-card input{width:100%;max-width:none}.qr-analytics-exports{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.qr-analytics-chart{min-height:12rem}.qr-analytics-chart svg{height:10rem}.qr-analytics-score{min-height:11rem}.qr-analytics-audience{min-height:12rem}.qr-analytics-map-canvas,.qr-analytics-map-loading{border-radius:.85rem;height:clamp(15rem,68vw,18.75rem)}.qr-analytics-map-controls button{width:2.75rem;height:2.75rem}.qr-analytics-events article{grid-template-columns:auto minmax(0,1fr)}.qr-analytics-event-meta{grid-column:2;justify-content:start;grid-auto-flow:column!important}.qr-analytics-sample-note{display:none}}@media (width<=430px){.qr-analytics-audience{flex-direction:column;align-items:flex-start}.qr-analytics-audience-donut{align-self:center}.qr-analytics-legend{width:100%}.qr-analytics-score{flex-direction:column;align-items:flex-start}.qr-analytics-score .qr-analytics-donut{align-self:center}.qr-analytics-country-accessible li button,.qr-analytics-country-accessible li.is-unknown{min-height:2.75rem}.qr-analytics-other-trigger:before{content:"";width:2.75rem;height:2.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (prefers-reduced-motion:reduce){.qr-analytics-donut .value,.qr-analytics-skeleton>span,.qr-analytics-skeleton>div,.qr-analytics-skeleton section span,.qr-analytics-skeleton>article,.qr-analytics-map-loading{transition:none;animation:none}}.modal-backdrop{z-index:1000;background:color-mix(in srgb, var(--color-shadow) 36%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.05);backdrop-filter:blur(10px)saturate(1.05);place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-panel{border:1px solid var(--color-border);background:var(--color-surface-raised);width:min(100%,32rem);max-height:min(90vh,48rem);box-shadow:0 24px 80px color-mix(in srgb, var(--color-shadow) 16%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-surface) 95%, transparent);border-radius:28px;padding:1.35rem;position:relative;overflow:auto}.modal-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.modal-head h3{color:var(--color-text);letter-spacing:-.03em;margin:0;font-size:1.1rem;font-weight:900}.modal-floating-close{z-index:2;border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-canvas) 94%, transparent));width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;box-shadow:0 12px 28px color-mix(in srgb, var(--color-shadow) 10%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background-color .18s,border-color .18s,box-shadow .24s;display:inline-flex;position:absolute;top:.9rem;right:.9rem}.modal-floating-close-lines{transform-origin:50%;width:1.05rem;height:1.05rem;transition:none;position:relative}.modal-floating-close-lines span{background:var(--color-brand);transform-origin:50%;border-radius:999px;width:100%;height:2px;transition:background-color .18s;position:absolute;top:50%;left:50%}.modal-floating-close-lines span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.modal-floating-close-lines span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}.modal-floating-close:hover,.modal-floating-close:focus-visible{background:var(--color-brand);border-color:var(--color-brand);box-shadow:0 16px 32px color-mix(in srgb, var(--color-brand) 22%, transparent)}.modal-floating-close:hover .modal-floating-close-lines,.modal-floating-close:focus-visible .modal-floating-close-lines{transform:none}.modal-floating-close:hover .modal-floating-close-lines span,.modal-floating-close:focus-visible .modal-floating-close-lines span{background:var(--color-surface)}:root[data-theme=dark] .modal-floating-close-lines span,:root.dark .modal-floating-close-lines span,html.dark .modal-floating-close-lines span{background:color-mix(in srgb, var(--color-brand) 13%, var(--color-surface))}:root[data-theme=dark] .modal-floating-close,:root.dark .modal-floating-close,html.dark .modal-floating-close{border-color:color-mix(in srgb, var(--color-brand) 18%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 96%, transparent), color-mix(in srgb, var(--color-brand) 94%, transparent));box-shadow:0 18px 34px color-mix(in srgb, var(--color-brand) 34%, transparent)}:root[data-theme=dark] .modal-floating-close:hover,:root[data-theme=dark] .modal-floating-close:focus-visible,:root.dark .modal-floating-close:hover,:root.dark .modal-floating-close:focus-visible,html.dark .modal-floating-close:hover,html.dark .modal-floating-close:focus-visible{background:var(--color-brand);border-color:var(--color-brand)}.shell,.app-shell{min-height:100vh}.dashboard-qr-content,.link-studio-page{--dashboard-primary:var(--hoppla-accent);--dashboard-on-primary:var(--color-surface);--dashboard-secondary:var(--tone-indigo);--dashboard-secondary-container:color-mix(in srgb, var(--tone-indigo) 13%, transparent);--dashboard-on-secondary-container:var(--tone-indigo);--dashboard-surface-card:var(--hoppla-surface-strong);--dashboard-surface:var(--hoppla-bg);--dashboard-surface-low:var(--hoppla-surface-low);--dashboard-surface-container:color-mix(in srgb, var(--hoppla-accent) 9%, transparent);--dashboard-surface-high:color-mix(in srgb, var(--tone-indigo) 10%, transparent);--dashboard-surface-variant:color-mix(in srgb, var(--hoppla-accent) 9%, transparent);--dashboard-on-surface:var(--hoppla-text);--dashboard-on-surface-variant:var(--hoppla-text-soft);--dashboard-outline:var(--hoppla-border);--dashboard-outline-variant:var(--hoppla-border);--dashboard-green:var(--tone-emerald);--dashboard-red-soft:color-mix(in srgb, var(--tone-rose-dark) 12%, transparent)}.link-studio-page{--dashboard-primary:var(--short-link-accent)}.public-site-shell{min-height:calc(100vh + var(--hoppla-footer-safe));min-height:calc(100svh + var(--hoppla-footer-safe));min-height:calc(100dvh + var(--hoppla-footer-safe));padding-bottom:var(--hoppla-footer-safe);background:0 0;position:relative}.content,.app-main{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));min-width:0;margin:0 auto;padding:28px 0 56px}.public-footer{border-top:1px solid var(--hoppla-border);color:var(--hoppla-text-soft);background:0 0;margin-top:2.5rem;padding-top:3rem;position:relative}.public-footer-glow{pointer-events:none;z-index:-1;background:linear-gradient(180deg, color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent), color-mix(in srgb, var(--color-brand) 0%, transparent));filter:blur(48px);height:14rem;position:absolute;inset:-5.5rem 0 auto}.public-footer-shell{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));min-width:0;margin:0 auto}.public-footer-main{padding-inline:var(--hoppla-header-pad-x,36px);grid-template-columns:1.3fr repeat(3,minmax(0,1fr));align-items:start;gap:2.5rem;padding-bottom:3rem;display:grid}.public-footer-brand{gap:1rem;display:grid}.public-header{z-index:80;width:100%;padding-top:var(--hoppla-focus-inset-y,22px);background:0 0;transition:background-color .18s,box-shadow .18s,border-color .18s,-webkit-backdrop-filter .18s,backdrop-filter .18s;position:fixed;inset:0 0 auto}.public-header-top{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.public-header-scrolled{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0}.public-header-home.public-header-top .public-header-bar{border-bottom:1px solid var(--hoppla-rail-line)}.public-header-home.public-header-scrolled{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.public-header-home.public-header-scrolled .public-header-bar{border-bottom:1px solid var(--hoppla-rail-line)}.public-header-bar{width:min(1480px, calc(100% - (var(--hoppla-shell-pad-x) * 2)));min-height:var(--public-header-height);border:1px solid var(--hoppla-border);background:var(--hoppla-surface);box-shadow:var(--hoppla-card-shadow);-webkit-backdrop-filter:blur(14px);border-radius:1.35rem;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:.75rem 1rem;display:flex}.content{padding-top:28px}.content-public{padding-top:calc(var(--public-header-height) + 1.4rem)}.content-public-home{padding-top:calc(var(--public-header-height) + 3.2rem)}.public-marketing-page{gap:1.5rem;display:grid}.public-hero{border:1px solid var(--hoppla-border);background:linear-gradient(180deg, var(--hoppla-surface), var(--hoppla-surface-strong)), linear-gradient(135deg, color-mix(in srgb, var(--color-brand) 8%, transparent), color-mix(in srgb, var(--color-brand) 8%, transparent));box-shadow:var(--hoppla-card-shadow-lg);border-radius:1.75rem;padding:clamp(1.4rem,3vw,2.4rem);position:relative;overflow:hidden}.public-hero-home{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 90%, transparent), color-mix(in srgb, var(--color-brand) 95%, transparent)), radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent), transparent 28%), radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--color-brand) 16%, transparent), transparent 30%)}.public-hero-solutions{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 90%, transparent), color-mix(in srgb, var(--color-success) 95%, transparent)), radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--color-success) 14%, transparent), transparent 28%), radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--color-brand) 15%, transparent), transparent 30%)}.public-hero-pricing{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 90%, transparent), color-mix(in srgb, var(--color-plan-pro) 95%, transparent)), radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--color-plan-pro) 16%, transparent), transparent 28%), radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--color-danger) 12%, transparent), transparent 30%)}.public-hero-grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:1.2rem;display:grid;position:relative}.public-hero-grid-single{grid-template-columns:minmax(0,1fr)}.public-hero-surface{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);box-shadow:var(--hoppla-card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.5rem}.public-hero-copy,.public-hero-aside{z-index:1;padding:clamp(1.4rem,3vw,2.2rem);position:relative}.public-hero-copy h1{max-width:12ch;color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.05em;margin:.7rem 0 1rem;font-size:clamp(2.35rem,6vw,4.8rem);font-weight:800;line-height:.96}.public-hero-copy p{max-width:62ch;color:var(--hoppla-text-soft);margin:0;font-size:1rem;line-height:1.75}.public-hero-actions{flex-wrap:wrap;gap:.85rem;margin-top:1.35rem;display:flex}.public-home-hero-mobile-summary{display:none}.public-secondary-cta{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);min-height:2.75rem;color:var(--hoppla-text);box-shadow:var(--hoppla-card-shadow);border-radius:1rem;justify-content:center;align-items:center;padding:10px 16px;font-weight:700;display:inline-flex}.public-chip-row{flex-wrap:wrap;gap:.7rem;margin-top:1.1rem;display:flex}.public-chip{letter-spacing:.05em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;min-height:2.2rem;padding:0 .9rem;font-size:.82rem;font-weight:800;display:inline-flex}.public-chip-brand{color:var(--tone-brand-light);background:color-mix(in srgb, var(--color-brand) 10%, transparent);border-color:color-mix(in srgb, var(--color-brand) 16%, transparent)}.public-chip-emerald{color:var(--tone-emerald);background:color-mix(in srgb, var(--color-plan-qr-plus) 12%, transparent);border-color:color-mix(in srgb, var(--color-plan-qr-plus) 18%, transparent)}.public-chip-indigo{color:var(--tone-indigo);background:color-mix(in srgb, var(--color-plan-free) 12%, transparent);border-color:color-mix(in srgb, var(--color-plan-free) 18%, transparent)}.public-chip-amber{color:var(--tone-amber);background:color-mix(in srgb, var(--color-warning) 13%, transparent);border-color:color-mix(in srgb, var(--color-warning) 18%, transparent)}.public-hero-orb{filter:blur(78px);opacity:.22;pointer-events:none;border-radius:999px;position:absolute}.public-hero-orb-brand{background:var(--tone-brand-light);width:15rem;height:15rem;top:-2rem;left:-3rem}.public-hero-orb-indigo{background:var(--tone-indigo);width:18rem;height:18rem;top:15%;right:-3rem}.public-hero-orb-amber{background:var(--tone-amber);width:14rem;height:14rem;bottom:-4rem;left:28%}.public-hero-orb-emerald{background:var(--tone-emerald);width:15rem;height:15rem;top:-2rem;right:-2rem}.public-hero-orb-rose{background:var(--tone-rose-dark);width:16rem;height:16rem;bottom:-3rem;left:-3rem}.public-metric-grid,.public-trust-grid{gap:.9rem;display:grid}.public-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.public-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-section-surface{border:1px solid color-mix(in srgb, var(--color-brand) 10%, transparent);background:color-mix(in srgb, var(--color-surface) 72%, transparent);box-shadow:0 18px 44px color-mix(in srgb, var(--color-brand) 6%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.5rem;padding:clamp(1.35rem,2.6vw,2rem)}.public-glass-card{background:color-mix(in srgb, var(--color-surface) 78%, transparent);border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);box-shadow:0 16px 34px color-mix(in srgb, var(--color-brand) 7%, transparent)}.contact-simple-page{justify-items:center;display:grid}.contact-general-page{padding-top:clamp(2rem,8vh,5rem)}.contact-simple-shell{gap:1.1rem;width:min(100%,46rem);display:grid}.contact-simple-head{gap:.45rem;display:grid}.contact-simple-head h1{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,6vw,3.6rem);font-weight:850;line-height:.98}.contact-simple-head p{max-width:38rem;color:var(--hoppla-text-soft);margin:0;font-size:1rem;line-height:1.65}.contact-simple-form{border:1px solid color-mix(in srgb, var(--color-brand) 10%, transparent);background:color-mix(in srgb, var(--color-surface) 72%, transparent);box-shadow:0 16px 34px color-mix(in srgb, var(--color-brand) 6%, transparent);border-radius:1.4rem;gap:.9rem;padding:clamp(1rem,2.5vw,1.35rem);display:grid}.contact-simple-field{gap:.42rem;display:grid}.contact-simple-field>span{color:var(--hoppla-text);font-size:.86rem;font-weight:800}.contact-simple-field .input,.contact-simple-textarea{border:1px solid color-mix(in srgb, var(--color-brand) 13%, transparent);background:color-mix(in srgb, var(--color-surface) 94%, transparent);width:100%;min-height:3.05rem;color:var(--hoppla-text);box-shadow:none;border-radius:.95rem}.contact-simple-field .input{padding-inline:1rem}.contact-simple-textarea{resize:vertical;min-height:11rem;font:inherit;padding:.9rem 1rem;line-height:1.55}.contact-simple-field .input:focus,.contact-simple-textarea:focus{border-color:color-mix(in srgb, var(--color-brand) 38%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand) 9%, transparent);outline:none}.contact-simple-turnstile{margin-top:.1rem}.contact-simple-submit{border-radius:999px;width:fit-content;min-width:11rem;min-height:3rem}.hoppla-local-request-grid{grid-template-columns:minmax(0,1fr) minmax(9.5rem,.52fr);gap:.9rem;display:grid}.hoppla-local-request-page{--hoppla-local-ink:var(--color-brand);--hoppla-local-muted:var(--color-brand);--hoppla-local-surface:color-mix(in srgb, var(--color-text-muted) 88%, transparent);--hoppla-local-soft:var(--color-brand);--hoppla-local-border:color-mix(in srgb, var(--color-brand) 14%, transparent);background:radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--color-brand) 14%, transparent), transparent 30%), radial-gradient(circle at 86% 22%, color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent), transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 5%, var(--color-surface)) 0%, color-mix(in srgb, var(--color-brand) 5%, var(--color-surface)) 100%);align-items:start;padding:clamp(1.25rem,4vw,3.25rem) 1rem}.hoppla-local-request-shell{width:min(100%,70rem)}.hoppla-local-request-layout{grid-template-columns:minmax(0,.9fr) minmax(25rem,1fr);align-items:center;gap:clamp(1.5rem,5vw,4.75rem);display:grid}.hoppla-local-request-hero{text-align:left;justify-items:start;gap:1.1rem;padding:clamp(.5rem,2vw,1.25rem) 0;display:grid}.hoppla-local-request-badge{border:1px solid color-mix(in srgb, var(--color-brand) 22%, transparent);background:color-mix(in srgb, var(--color-brand) 88%, transparent);min-height:2.2rem;color:var(--color-brand);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.48rem;padding:.38rem .8rem;font-size:.76rem;font-weight:850;display:inline-flex}.hoppla-local-request-badge svg{stroke-width:2.3px;width:1rem;height:1rem}.hoppla-local-request-hero h1{max-width:12ch;color:var(--hoppla-local-ink);font-family:var(--hoppla-font-title);letter-spacing:-.06em;margin:0;font-size:clamp(2.65rem,5vw,4.75rem);font-weight:850;line-height:.94}.hoppla-local-request-hero p{max-width:37rem;color:var(--hoppla-local-muted);margin:0;font-size:1.02rem;font-weight:560;line-height:1.7}.hoppla-local-request-steps{gap:.65rem;width:min(100%,33rem);margin-top:.55rem;display:grid}.hoppla-local-request-step{border:1px solid var(--hoppla-local-border);background:color-mix(in srgb, var(--color-surface) 56%, transparent);border-radius:1rem;grid-template-columns:2.15rem minmax(0,1fr);align-items:start;gap:.8rem;padding:.8rem .9rem;display:grid}.hoppla-local-request-step>span{background:linear-gradient(145deg, var(--color-brand), var(--color-brand));width:2.15rem;height:2.15rem;color:var(--color-on-accent);letter-spacing:.05em;border-radius:.72rem;place-items:center;font-size:.74rem;font-weight:850;display:grid}.hoppla-local-request-step div{gap:.14rem;display:grid}.hoppla-local-request-step strong{color:var(--hoppla-local-ink);font-size:.86rem;font-weight:800}.hoppla-local-request-step p{max-width:none;color:var(--hoppla-local-muted);font-size:.8rem;font-weight:560;line-height:1.45}.hoppla-local-request-form.contact-simple-form{border:1px solid var(--hoppla-local-border);background:var(--hoppla-local-surface);box-shadow:0 24px 60px color-mix(in srgb, var(--color-brand) 13%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:1.5rem;gap:1rem;padding:clamp(1.15rem,2.6vw,1.7rem);position:relative}.hoppla-local-request-form .contact-simple-field>span{color:var(--hoppla-local-ink);font-size:.82rem;font-weight:780}.hoppla-local-request-form-head{align-items:center;gap:.8rem;padding-bottom:.2rem;display:flex}.hoppla-local-request-form-icon{background:linear-gradient(145deg, color-mix(in srgb, var(--color-brand) 6%, var(--color-surface)), color-mix(in srgb, var(--color-brand) 5%, var(--color-surface)));width:2.65rem;height:2.65rem;color:var(--color-brand);border-radius:.9rem;flex:none;place-items:center;display:grid}.hoppla-local-request-form-icon svg{stroke-width:2px;width:1.35rem;height:1.35rem}.hoppla-local-request-form-head div:last-child{gap:.08rem;display:grid}.hoppla-local-request-form-head span{color:var(--color-brand);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:850}.hoppla-local-request-form-head h2{color:var(--hoppla-local-ink);font-family:var(--hoppla-font-title);letter-spacing:-.035em;margin:0;font-size:1.4rem;font-weight:780}.hoppla-local-request-form .input,.hoppla-local-request-form .select{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:color-mix(in srgb, var(--color-surface) 92%, transparent);min-height:3.15rem;color:var(--hoppla-local-ink);border-radius:.85rem;font-weight:650}.hoppla-local-request-form .input:focus,.hoppla-local-request-form .select:focus{border-color:color-mix(in srgb, var(--color-brand) 62%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand) 13%, transparent)}.hoppla-local-request-purpose{border:1px solid color-mix(in srgb, var(--color-brand) 14%, transparent);background:color-mix(in srgb, var(--color-brand) 58%, transparent);border-radius:.9rem;grid-template-columns:1.65rem minmax(0,1fr);align-items:start;gap:.7rem;padding:.8rem .9rem;display:grid}.hoppla-local-request-purpose svg{width:1.35rem;height:1.35rem;color:var(--color-brand);stroke-width:1.9px}.hoppla-local-request-purpose p{color:var(--hoppla-local-muted);margin:0;font-size:.83rem;font-weight:600;line-height:1.5}.hoppla-local-request-consent{border:1px solid color-mix(in srgb, var(--color-brand) 13%, transparent);background:color-mix(in srgb, var(--color-brand) 74%, transparent);color:var(--hoppla-local-muted);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;padding:.75rem .82rem;font-size:.81rem;font-weight:560;line-height:1.5;display:grid}.hoppla-local-request-consent>span{color:var(--hoppla-local-muted)}.hoppla-local-request-consent input{width:1.05rem;height:1.05rem;accent-color:var(--color-brand);margin-top:.15rem}.hoppla-local-request-consent a{color:var(--color-brand);font-weight:750;text-decoration:none}.hoppla-local-request-consent a:hover{text-decoration:underline}.hoppla-local-request-form .contact-simple-submit.btn{background:linear-gradient(105deg, var(--color-brand), var(--color-brand));width:100%;min-height:3.25rem;color:var(--color-on-accent);box-shadow:0 12px 24px color-mix(in srgb, var(--color-brand) 24%, transparent);border:0;border-radius:.9rem;padding-inline:1.25rem;font-weight:780}.hoppla-local-request-form .turnstile-widget,.hoppla-local-request-form .contact-simple-turnstile{justify-content:center;justify-self:center;justify-items:center;width:100%;margin-inline:auto;display:flex}.hoppla-local-request-form .turnstile-widget>*,.hoppla-local-request-form .contact-simple-turnstile>*{margin-inline:auto}.hoppla-local-request-form .contact-simple-submit.btn:hover:enabled{box-shadow:0 16px 28px color-mix(in srgb, var(--color-brand) 30%, transparent);transform:translateY(-1px)}.hoppla-local-request-form .contact-simple-submit.btn:active:enabled{box-shadow:0 8px 16px color-mix(in srgb, var(--color-brand) 22%, transparent);transform:translateY(0)}:root[data-theme=dark] .hoppla-local-request-page,:root.dark .hoppla-local-request-page,html.dark .hoppla-local-request-page{--hoppla-local-ink:var(--color-brand);--hoppla-local-muted:var(--color-brand);--hoppla-local-surface:color-mix(in srgb, var(--color-brand) 88%, transparent);--hoppla-local-soft:var(--color-brand);--hoppla-local-border:color-mix(in srgb, var(--color-brand) 18%, transparent);background:radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--color-brand) 20%, transparent), transparent 30%), radial-gradient(circle at 86% 22%, color-mix(in srgb, var(--color-product-qr-accent) 16%, transparent), transparent 28%), linear-gradient(180deg, var(--color-brand) 0%, var(--color-brand) 100%)}:root[data-theme=dark] .hoppla-local-request-step,:root.dark .hoppla-local-request-step,html.dark .hoppla-local-request-step{background:color-mix(in srgb, var(--color-brand) 56%, transparent)}:root[data-theme=dark] .hoppla-local-request-form .input,:root.dark .hoppla-local-request-form .input,html.dark .hoppla-local-request-form .input,:root[data-theme=dark] .hoppla-local-request-consent,:root.dark .hoppla-local-request-consent,html.dark .hoppla-local-request-consent{background:color-mix(in srgb, var(--color-brand) 92%, transparent);color:var(--hoppla-local-ink)}:root[data-theme=dark] .hoppla-local-request-purpose,:root.dark .hoppla-local-request-purpose,html.dark .hoppla-local-request-purpose{background:color-mix(in srgb, var(--color-brand) 20%, transparent)}.public-builder-offer{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 92%, transparent), color-mix(in srgb, var(--color-warning) 96%, transparent)), radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--color-success) 12%, transparent), transparent 28%), radial-gradient(circle at 88% 22%, color-mix(in srgb, var(--color-brand) 12%, transparent), transparent 30%);border-radius:1.5rem;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1rem;margin-bottom:1rem;padding:clamp(1rem,2vw,1.35rem);display:grid}.public-builder-offer-copy{flex-direction:column;justify-content:center;gap:.9rem;min-width:0;display:flex}.public-builder-offer-copy h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1}.public-builder-offer-copy p{color:var(--hoppla-text-soft);margin:0;line-height:1.7}.public-early-access-card{border-radius:1.25rem;flex-direction:column;justify-content:center;gap:1rem;padding:1.1rem;display:flex}.public-early-access-card h3{color:var(--hoppla-text);font-family:var(--hoppla-font-title);margin:0;font-size:1.35rem;line-height:1.1}.public-early-access-card p,.public-early-access-card small{color:var(--hoppla-text-soft)}.qr-early-access-banner{z-index:1;isolation:isolate;box-shadow:none;background:0 0;border:0;justify-items:center;gap:1.5rem;margin-bottom:3rem;padding:0;display:grid;position:relative;overflow:visible}.qr-public-home-hero{z-index:2;justify-items:center;margin:0 0 2rem;padding:0;display:grid;position:relative}.qr-public-home-hero-copy{text-align:center;justify-items:center;gap:.9rem;width:min(100%,60rem);display:grid}.qr-public-home-hero-copy h1{color:var(--hoppla-hero-title);font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,1.7rem + 1.6vw,3.6rem);line-height:1.04}.qr-public-home-hero-copy p{max-width:54rem;color:var(--hoppla-text-soft);margin:0;font-size:1.03rem;line-height:1.75}.qr-early-access-dismiss{z-index:3;border:2px solid color-mix(in srgb, var(--color-danger) 38%, transparent);width:2.3rem;height:2.3rem;color:var(--tone-rose-dark);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:color .16s,border-color .16s;animation:2.8s cubic-bezier(.4,0,.2,1) infinite qrEarlyAccessDismissPulse;display:inline-flex;position:absolute;top:.1rem;right:.1rem}.qr-early-access-dismiss:hover{color:var(--color-danger);border-color:color-mix(in srgb, var(--color-danger) 72%, transparent)}.qr-early-access-dismiss span{justify-content:center;align-items:center;width:100%;height:100%;font-size:1.1rem;font-weight:700;line-height:1;display:inline-flex;transform:translateY(-.12rem)}@keyframes qrEarlyAccessDismissPulse{0%,to{border-color:color-mix(in srgb, var(--color-danger) 30%, transparent);opacity:.82}50%{border-color:color-mix(in srgb, var(--color-danger) 86%, transparent);opacity:1}}.qr-early-access-banner-success{margin-bottom:3.35rem}.qr-early-access-banner:before{content:"";background:radial-gradient(circle at 18% 26%, color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent), transparent 28%), radial-gradient(circle at 50% 8%, color-mix(in srgb, var(--color-brand) 14%, transparent), transparent 34%), radial-gradient(circle at 82% 34%, color-mix(in srgb, var(--color-success) 12%, transparent), transparent 28%);filter:blur(36px);pointer-events:none;z-index:0;height:clamp(12rem,24vw,18rem);position:absolute;inset:-1.5rem 0 auto}.qr-early-access-copy{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-width:0;max-width:960px;padding:.75rem .5rem 0;display:flex;position:relative}.qr-early-access-copy:before{content:"";background:radial-gradient(circle at 14% 24%, color-mix(in srgb, var(--color-product-qr-accent) 10%, transparent), transparent 30%), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--color-brand) 10%, transparent), transparent 34%), radial-gradient(circle at 52% 88%, color-mix(in srgb, var(--color-success) 8%, transparent), transparent 32%);filter:blur(20px);opacity:1;pointer-events:none;z-index:0;border-radius:1.75rem;position:absolute;inset:-.85rem -1rem -.5rem}.qr-early-access-copy>*{z-index:1;position:relative}.qr-early-access-copy .eyebrow{background:color-mix(in srgb, var(--color-danger) 10%, transparent);min-height:2.35rem;color:var(--tone-rose-dark);letter-spacing:.16em;text-transform:uppercase;box-shadow:0 10px 24px color-mix(in srgb, var(--color-danger) 10%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-danger) 12%, transparent) inset;border-radius:999px;justify-content:center;padding-inline:1rem;font-size:.72rem}.qr-early-access-copy h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(2.25rem,4.8vw,4.2rem);line-height:1.03}.qr-early-access-copy p,.qr-early-access-note{color:var(--hoppla-text-soft);margin:0;line-height:1.72}.qr-early-access-countdown{z-index:1;gap:.8rem;width:min(100%,700px);margin-top:.35rem;display:grid;position:relative}.qr-early-access-countdown-label{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--brand);font-size:.82rem;font-weight:800}.qr-early-access-countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;display:grid}.qr-early-access-countdown-item{border:1px solid color-mix(in srgb, var(--color-brand) 16%, transparent);background:color-mix(in srgb, var(--color-surface) 56%, transparent);min-height:5.4rem;box-shadow:0 12px 24px color-mix(in srgb, var(--color-brand) 4%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.2rem;place-items:center;gap:.18rem;padding:.85rem .6rem;display:grid}.qr-early-access-countdown-item strong{font-family:var(--hoppla-font-title);letter-spacing:-.04em;color:var(--hoppla-text);font-size:clamp(1.5rem,1rem + 1vw,2.2rem);font-weight:900;line-height:1}.qr-early-access-countdown-item span{letter-spacing:.08em;text-transform:uppercase;color:var(--hoppla-text-soft);font-size:.76rem;font-weight:700}.qr-early-access-countdown-expired{text-align:center;color:var(--tone-rose-dark);font-weight:700}.qr-early-access-inline-link{color:var(--tone-emerald);text-underline-offset:.18em;font-weight:800;text-decoration:underline}.qr-early-access-inline-link:hover{opacity:.88}.qr-early-access-emphasis{color:var(--hoppla-text);font-weight:800}.qr-early-access-form{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-danger) 98%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 6%, transparent), transparent 42%);border:1px solid color-mix(in srgb, var(--color-brand) 14%, transparent);width:min(100%,620px);box-shadow:0 30px 60px color-mix(in srgb, var(--color-brand) 6%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-shadow) 70%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1;border-radius:2rem;flex-direction:column;justify-content:center;gap:.9rem;padding:1.75rem;display:flex;position:relative}.qr-early-access-form .btn.btn-primary{letter-spacing:.08em;text-transform:uppercase;background:var(--pricing-primary,var(--brand));width:100%;min-height:3.55rem;box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 18%, transparent);border-radius:1rem;font-size:.95rem;font-weight:800}.qr-early-access-form .input{text-align:center;background:color-mix(in srgb, var(--color-danger) 6%, var(--color-surface));min-height:3.5rem;color:var(--hoppla-text);border-color:#0000;border-radius:1rem;padding-inline:1.15rem}.qr-early-access-form .input:focus{border-color:color-mix(in srgb, var(--color-brand) 28%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent)}.qr-early-access-note{z-index:1;text-align:center;color:color-mix(in srgb, var(--color-brand) 92%, transparent);margin-top:.65rem;padding-inline:1rem;font-size:.72rem;font-weight:500;line-height:1.45;position:relative}.qr-early-access-note-link{color:inherit;text-underline-offset:.16em;font-weight:700;text-decoration:underline}.qr-early-access-note-link:hover{color:var(--hoppla-text-soft)}.qr-early-access-success-card{background:linear-gradient(180deg, color-mix(in srgb, var(--color-success) 98%, transparent), color-mix(in srgb, var(--color-success) 98%, transparent)), radial-gradient(circle at 14% 22%, color-mix(in srgb, var(--color-success) 8%, transparent), transparent 28%), radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--color-success) 8%, transparent), transparent 30%);border:1px solid color-mix(in srgb, var(--color-success) 14%, transparent);width:min(100%,760px);box-shadow:0 34px 68px color-mix(in srgb, var(--color-success) 8%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-shadow) 78%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:2.15rem;justify-items:center;gap:1.2rem;padding:2.25rem 1.6rem 2rem;display:grid;position:relative;overflow:hidden}.qr-early-access-success-badge{background:color-mix(in srgb, var(--color-success) 10%, transparent);min-height:2rem;color:var(--tone-emerald);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-success) 12%, transparent) inset;z-index:1;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;font-size:.76rem;font-weight:800;display:inline-flex}.qr-early-access-success-stage{place-items:center;width:11rem;height:11rem;display:grid;position:relative}.qr-early-access-success-core{background:linear-gradient(135deg, var(--pricing-primary,var(--brand)), var(--color-brand));color:#fff;width:5.25rem;height:5.25rem;box-shadow:0 18px 34px color-mix(in srgb, var(--color-success) 22%, transparent), 0 0 0 10px color-mix(in srgb, var(--color-success) 6%, transparent);z-index:2;border-radius:1.8rem;justify-content:center;align-items:center;animation:3.8s ease-in-out infinite qrEarlyAccessLift;display:inline-flex;position:relative;transform:rotate(-8deg)}.qr-early-access-success-ring{border:1px solid color-mix(in srgb, var(--color-success) 12%, transparent);border-radius:999px;position:absolute;inset:50%;transform:translate(-50%,-50%)}.qr-early-access-success-ring-a{width:7.6rem;height:7.6rem;animation:2.8s ease-out infinite qrEarlyAccessPulse}.qr-early-access-success-ring-b{width:10rem;height:10rem;animation:2.8s ease-out .45s infinite qrEarlyAccessPulse}.qr-early-access-success-orbit{pointer-events:none;opacity:.8;border-radius:999px;position:absolute}.qr-early-access-success-orbit-a{background:color-mix(in srgb, var(--color-success) 28%, transparent);width:.8rem;height:.8rem;animation:4.2s ease-in-out infinite qrEarlyAccessFloat;top:1.6rem;left:12%}.qr-early-access-success-orbit-b{background:color-mix(in srgb, var(--color-success) 30%, transparent);width:.95rem;height:.95rem;animation:4.8s ease-in-out .5s infinite qrEarlyAccessFloat;top:2.8rem;right:14%}.qr-early-access-success-orbit-c{background:color-mix(in srgb, var(--color-success) 22%, transparent);width:.7rem;height:.7rem;animation:4.6s ease-in-out .9s infinite qrEarlyAccessFloat;bottom:2.35rem;left:20%}.qr-early-access-success-copy{z-index:1;text-align:center;gap:.8rem;max-width:38rem;display:grid;position:relative}.qr-early-access-success-copy h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.35rem);line-height:1.03}.qr-early-access-success-copy p{color:var(--hoppla-text-soft);margin:0;line-height:1.72}.qr-early-access-success-email{background:color-mix(in srgb, var(--color-success) 82%, transparent);border:1px solid color-mix(in srgb, var(--color-success) 18%, transparent);min-height:2.75rem;color:var(--hoppla-text);box-shadow:0 12px 24px color-mix(in srgb, var(--color-success) 5%, transparent);border-radius:999px;place-self:center;align-items:center;padding:.55rem 1rem;font-weight:700;display:inline-flex}.qr-early-access-success-copy small{color:color-mix(in srgb, var(--color-success) 92%, transparent);line-height:1.55}@keyframes qrEarlyAccessLift{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-8px)rotate(-4deg)}}@keyframes qrEarlyAccessPulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.82)}30%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(1.12)}}@keyframes qrEarlyAccessFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}:root[data-theme=dark] .qr-early-access-emphasis,:root.dark .qr-early-access-emphasis,html.dark .qr-early-access-emphasis{color:color-mix(in srgb, var(--color-text) 96%, transparent)}:root[data-theme=dark] .qr-early-access-banner:before,:root.dark .qr-early-access-banner:before,html.dark .qr-early-access-banner:before{background:radial-gradient(circle at 18% 26%, color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent), transparent 28%), radial-gradient(circle at 50% 8%, color-mix(in srgb, var(--color-brand) 18%, transparent), transparent 34%), radial-gradient(circle at 82% 34%, color-mix(in srgb, var(--color-success) 12%, transparent), transparent 28%)}:root[data-theme=dark] .qr-early-access-copy .eyebrow,:root.dark .qr-early-access-copy .eyebrow,html.dark .qr-early-access-copy .eyebrow{background:color-mix(in srgb, var(--color-danger) 18%, transparent);color:var(--color-danger);box-shadow:0 12px 28px color-mix(in srgb, var(--color-brand) 22%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-danger) 18%, transparent) inset}:root[data-theme=dark] .qr-early-access-inline-link,:root.dark .qr-early-access-inline-link,html.dark .qr-early-access-inline-link{color:var(--tone-emerald-soft)}:root[data-theme=dark] .qr-early-access-dismiss,:root.dark .qr-early-access-dismiss,html.dark .qr-early-access-dismiss,:root[data-theme=dark] .qr-early-access-dismiss:hover,:root.dark .qr-early-access-dismiss:hover,html.dark .qr-early-access-dismiss:hover{color:var(--color-danger)}:root[data-theme=dark] .qr-early-access-countdown-label,:root.dark .qr-early-access-countdown-label,html.dark .qr-early-access-countdown-label{color:var(--color-brand)}:root[data-theme=dark] .qr-early-access-countdown-item,:root.dark .qr-early-access-countdown-item,html.dark .qr-early-access-countdown-item{background:color-mix(in srgb, var(--color-surface) 4%, transparent);border-color:color-mix(in srgb, var(--color-brand) 16%, transparent);box-shadow:0 12px 24px color-mix(in srgb, var(--color-brand) 16%, transparent)}:root[data-theme=dark] .qr-early-access-countdown-item strong,:root.dark .qr-early-access-countdown-item strong,html.dark .qr-early-access-countdown-item strong{color:color-mix(in srgb, var(--color-text) 96%, transparent)}:root[data-theme=dark] .qr-early-access-countdown-item span,:root.dark .qr-early-access-countdown-item span,html.dark .qr-early-access-countdown-item span{color:color-mix(in srgb, var(--color-brand) 72%, transparent)}:root[data-theme=dark] .qr-early-access-form,:root.dark .qr-early-access-form,html.dark .qr-early-access-form{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 86%, transparent), color-mix(in srgb, var(--color-brand) 90%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-qr-accent) 8%, transparent), transparent 42%);border-color:color-mix(in srgb, var(--color-brand) 14%, transparent);box-shadow:0 30px 60px color-mix(in srgb, var(--color-brand) 32%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-shadow) 3%, transparent)}:root[data-theme=dark] .qr-early-access-form .input,:root.dark .qr-early-access-form .input,html.dark .qr-early-access-form .input{background:color-mix(in srgb, var(--color-surface) 5%, transparent);color:color-mix(in srgb, var(--color-text) 96%, transparent)}:root[data-theme=dark] .qr-early-access-form .input::placeholder,:root.dark .qr-early-access-form .input::placeholder,html.dark .qr-early-access-form .input::placeholder{color:color-mix(in srgb, var(--color-brand) 48%, transparent)}:root[data-theme=dark] .qr-early-access-note,:root.dark .qr-early-access-note,html.dark .qr-early-access-note{color:color-mix(in srgb, var(--color-brand) 90%, transparent)}:root[data-theme=dark] .qr-early-access-success-card,:root.dark .qr-early-access-success-card,html.dark .qr-early-access-success-card{background:linear-gradient(180deg, color-mix(in srgb, var(--color-success) 86%, transparent), color-mix(in srgb, var(--color-success) 92%, transparent)), radial-gradient(circle at 14% 22%, color-mix(in srgb, var(--color-success) 10%, transparent), transparent 28%), radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--color-success) 12%, transparent), transparent 30%);border-color:color-mix(in srgb, var(--color-success) 14%, transparent);box-shadow:0 34px 68px color-mix(in srgb, var(--color-success) 34%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-shadow) 3%, transparent)}:root[data-theme=dark] .qr-early-access-success-badge,:root.dark .qr-early-access-success-badge,html.dark .qr-early-access-success-badge{background:color-mix(in srgb, var(--color-success) 16%, transparent);color:var(--color-success);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-success) 16%, transparent) inset}:root[data-theme=dark] .qr-early-access-success-email,:root.dark .qr-early-access-success-email,html.dark .qr-early-access-success-email{background:color-mix(in srgb, var(--color-success) 5%, transparent);border-color:color-mix(in srgb, var(--color-success) 14%, transparent);color:color-mix(in srgb, var(--color-success) 96%, transparent);box-shadow:0 12px 24px color-mix(in srgb, var(--color-success) 16%, transparent)}:root[data-theme=dark] .qr-early-access-success-copy small,:root.dark .qr-early-access-success-copy small,html.dark .qr-early-access-success-copy small{color:color-mix(in srgb, var(--color-success) 92%, transparent)}.qr-frame-style-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;display:grid}.qr-frame-style-card{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:var(--color-surface);min-height:5.5rem;color:var(--color-brand);text-align:left;cursor:pointer;border-radius:1rem;gap:.35rem;padding:.9rem .95rem;display:grid}.qr-frame-style-card strong{color:var(--color-text);font-size:.88rem}.qr-frame-style-card small{color:var(--color-text-muted);line-height:1.4}.qr-frame-style-card-active{border-color:color-mix(in srgb, var(--color-brand) 45%, transparent);background:color-mix(in srgb, var(--color-brand) 6%, transparent)}.qr-hoppla-field{gap:.45rem;display:grid}.qr-hoppla-field>span{color:var(--color-text);font-size:.82rem;font-weight:700}.qr-hoppla-marker-toggles{flex-wrap:wrap;gap:.85rem;margin-bottom:1rem;display:flex}.qr-hoppla-marker-columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width>=1024px){.qr-early-access-banner{margin-bottom:4.25rem}}@media (width<=680px){.qr-early-access-countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-early-access-success-card{border-radius:1.75rem;padding:1.75rem 1.1rem 1.6rem}.qr-early-access-success-stage{width:8.8rem;height:8.8rem}.qr-early-access-success-core{border-radius:1.45rem;width:4.35rem;height:4.35rem}}.public-nav{flex:1;justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.public-nav-links,.public-header-actions{align-items:center;gap:1rem;display:flex}.public-header-actions{justify-content:flex-end}.public-nav-links a,.public-login-link{color:var(--hoppla-nav-text);font-family:var(--hoppla-font-title);letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:800}.public-nav-links a:hover,.public-login-link:hover{color:var(--brand)}.language-picker{position:relative}.language-picker-button,.language-picker-option{border:1px solid color-mix(in srgb, var(--color-brand) 24%, transparent);background:color-mix(in srgb, var(--color-surface) 14%, transparent);min-height:2.6rem;color:var(--hoppla-nav-text);cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand) 6%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:1rem;align-items:center;gap:.55rem;padding:0 .9rem;display:inline-flex}.language-picker-code{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);min-width:2rem;height:1.5rem;color:var(--brand);letter-spacing:.08em;border-radius:.45rem;justify-content:center;align-items:center;font-size:.72rem;font-weight:800;display:inline-flex}.language-picker-menu{z-index:100;border:1px solid color-mix(in srgb, var(--color-brand) 9%, transparent);background:color-mix(in srgb, var(--color-surface) 96%, transparent);min-width:15rem;box-shadow:var(--shadow);border-radius:1rem;gap:.4rem;padding:.6rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0}.language-picker-option{justify-content:flex-start;width:100%}.language-picker-option-active{border-color:color-mix(in srgb, var(--color-brand) 35%, transparent);color:var(--brand)}.language-picker-hint{color:var(--muted);padding:.25rem .35rem 0;font-size:.78rem;line-height:1.4}.theme-toggle-button{border:1px solid color-mix(in srgb, var(--color-brand) 24%, transparent);background:color-mix(in srgb, var(--color-surface) 14%, transparent);width:2.8rem;height:2.8rem;color:var(--brand);box-shadow:var(--hoppla-card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,filter .18s,background-color .18s;display:inline-flex}.theme-toggle-button:hover{filter:brightness(1.04);box-shadow:var(--hoppla-card-shadow-lg);transform:translateY(-1px)}.brand{align-items:center;display:inline-flex}.brand-logo{width:auto;height:52px;display:block}.public-nav-toggle{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);width:2.75rem;height:2.75rem;color:var(--hoppla-text);box-shadow:var(--hoppla-card-shadow);border-radius:1rem;justify-content:center;align-items:center;display:none}.footer-wordmark{width:auto;height:54px;display:block}.public-footer-column{align-content:start;gap:.95rem;display:grid}.public-footer-column-copy{max-width:38rem}.public-footer-text{color:var(--hoppla-text-soft);margin:0;font-size:.92rem;line-height:1.75}.public-footer-kicker{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:.14em;text-transform:uppercase;font-size:.82rem;font-weight:900}.public-footer-links,.public-footer-contact-list{margin:0;padding:0;list-style:none;display:grid}.public-footer-links{gap:.55rem}.public-footer-links a{color:var(--hoppla-text-soft);font-size:.92rem;line-height:1.55;text-decoration:none;transition:color .18s}.public-footer-links a:hover{color:var(--hoppla-text)}.public-footer-contact-card{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-elevated);box-shadow:var(--hoppla-panel-shadow);border-radius:1.25rem;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.public-footer-contact-card span{color:var(--hoppla-text-soft);font-size:.9rem}.public-footer-contact-card a,.public-footer-contact-link{appearance:none;color:var(--tone-indigo);font-family:var(--hoppla-font-title);letter-spacing:.02em;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem;font-weight:800;text-decoration:none;transition:color .18s}.public-footer-contact-card a:hover,.public-footer-contact-link:hover,.public-footer-contact-link:focus-visible{color:var(--tone-brand-light);text-decoration:underline}.public-footer-copy-toast{background:color-mix(in srgb, var(--color-brand) 10%, transparent);width:fit-content;color:var(--tone-brand-light,var(--color-brand));border-radius:999px;justify-self:start;margin:-.25rem 0 .85rem;padding:.55rem .8rem;font-size:.78rem;font-weight:800}.public-footer-bottom{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));padding-inline:var(--hoppla-header-pad-x,36px);border-top:1px solid var(--hoppla-border);text-align:center;color:color-mix(in srgb, var(--color-brand) 55%, transparent);margin:0 auto;padding-top:1.5rem;padding-bottom:1.5rem;font-size:.75rem}.public-footer-bottom-link{color:inherit;text-decoration:none;transition:color .18s}.public-footer-bottom-link:hover{color:var(--tone-brand-light)}.nav-cta,.btn,.input,.select,.card,.sidebar{border-radius:20px}.nav-cta,.btn{transition:transform .16s,box-shadow .16s,background-color .16s}.nav-cta{border:1px solid color-mix(in srgb, var(--hoppla-border) 88%, transparent);background:color-mix(in srgb, var(--hoppla-surface-elevated) 18%, transparent);min-height:3rem;color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand) 6%, transparent);text-align:center;white-space:nowrap;-webkit-backdrop-filter:blur(14px);border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.25rem;font-size:.84rem;font-weight:800;line-height:1;display:inline-flex}.nav-cta:hover,.btn:hover{box-shadow:0 16px 28px color-mix(in srgb, var(--color-brand) 18%, transparent);transform:translateY(-1px)}.card,.sidebar,.hero-copy,.hero-info-card{background:var(--hoppla-surface-elevated);border:1px solid var(--line);box-shadow:var(--hoppla-panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero{gap:20px;display:grid;position:relative;overflow:hidden}.hero-simple{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr)}.hero-copy,.hero-info-card,.studio-card,.cta-banner{padding:28px}.hero-bg{pointer-events:none;opacity:.5;position:absolute}.hero-bg-left{width:260px;top:-60px;left:-80px}.hero-bg-right{width:320px;bottom:-80px;right:-70px}.hero-copy h1{letter-spacing:-.05em;max-width:11ch;margin:14px 0;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.95}.hero-copy p,.section-head p,.card p,.topbar-copy p,.field-help,.mini-stat span,.hero-note,.studio-hint,.public-footer{color:var(--muted)}.hero-note{margin-top:18px}.eyebrow{background:var(--accent-soft);color:var(--brand);font-family:var(--hoppla-font-title);font-size:var(--hoppla-type-kicker);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:900;display:inline-flex}.section,.stack-lg{margin-top:28px}.stack-md,.stack-lg,.stack-xl,.field-grid{gap:18px;display:grid}.stack-xl{gap:32px}.stack-md{gap:18px}.section-head{margin-bottom:14px}.section-head h1,.section-head h2,.card h2,.card h3,.topbar h1{margin:0}.section-head h1,.section-head h2{font-size:var(--hoppla-type-subtitle);font-weight:800}.feature-grid,.trust-grid,.pricing-grid,.stats-grid,.mini-stat-grid{gap:16px;display:grid}.feature-grid,.trust-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.illustration-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:18px;display:grid}.pricing-grid-single{grid-template-columns:minmax(0,420px)}.pricing-grid-dual{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mini-stat-grid{grid-template-columns:repeat(3,1fr);margin-top:18px}.mini-stat{background:var(--bg-soft);border:1px solid var(--line);box-shadow:var(--hoppla-card-shadow);border-radius:18px;padding:16px;position:relative;overflow:hidden}.mini-stat:before{content:"";background:var(--tone-brand-light);border-radius:999px;width:4px;position:absolute;inset:0 auto 0 0}.mini-stat strong{margin-bottom:6px;font-size:1.25rem;display:block}.mini-stat-brand:before{background:var(--tone-brand-light)}.mini-stat-sky:before{background:var(--tone-sky)}.mini-stat-emerald:before{background:var(--tone-emerald)}.mini-stat-indigo:before{background:var(--tone-indigo)}.mini-stat-amber:before{background:var(--tone-amber)}.mini-stat-rose:before{background:var(--tone-rose-dark)}.studio-card{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 92%, transparent), color-mix(in srgb, var(--color-warning) 96%, transparent))}.studio-grid{grid-template-columns:minmax(0,1fr) minmax(320px,380px);align-items:start;gap:24px;display:grid}.studio-preview{gap:16px;display:grid}.hero-mockup-card,.feature-art-card,.illustration-card{overflow:hidden}.hero-mockup-image,.feature-pack-image,.feature-illustration-image,.studio-frame-art,.dashboard-preview-image{width:100%;height:auto;display:block}.studio-points,.type-strip{flex-wrap:wrap;gap:8px;display:flex}.studio-points span,.type-strip span{border:1px solid var(--line);background:color-mix(in srgb, var(--hoppla-surface-elevated) 78%, transparent);color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.85rem}.studio-mini-panel{gap:12px;display:grid}.studio-mini-panel>div{background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.studio-mini-panel strong{margin-bottom:4px;display:block}.studio-actions,.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.field-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field-span{grid-column:1/-1}label{gap:8px;display:grid}label span{color:color-mix(in srgb, var(--hoppla-text) 66%, transparent);font-family:var(--hoppla-font-title);font-size:var(--hoppla-type-kicker);letter-spacing:.12em;text-transform:uppercase;font-weight:900}.btn,.input,.select{border:1px solid var(--line);padding:13px 16px}.btn{cursor:pointer;min-height:36px;font-family:var(--hoppla-font-title);font-size:var(--hoppla-type-btn);letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--hoppla-card-shadow);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s,background-color .16s;display:inline-flex}.btn-primary{border-color:color-mix(in srgb, var(--color-brand) 16%, transparent);background:var(--hoppla-surface-elevated);color:var(--tone-brand-light);box-shadow:none}.btn-primary:hover{background:var(--tone-brand-light);border-color:var(--tone-brand-light);color:var(--color-on-accent);filter:none}.btn-secondary{border-color:color-mix(in srgb, var(--color-brand) 10%, transparent);background:var(--hoppla-surface);color:color-mix(in srgb, var(--tone-brand-light) 78%, var(--hoppla-text))}.btn-ghost{border-color:color-mix(in srgb, var(--color-brand) 8%, transparent);color:color-mix(in srgb, var(--tone-brand-light) 78%, var(--hoppla-text));background:0 0}.btn-danger{border-color:color-mix(in srgb, var(--color-danger) 18%, transparent);background:var(--hoppla-surface-strong);color:var(--tone-rose-dark)}.btn:hover{box-shadow:var(--hoppla-card-shadow-lg);transform:translateY(-1px)}.btn:focus-visible,.input:focus-visible,.select:focus-visible,button:focus-visible,a:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent);outline:none}.card,.sidebar,.modal-panel,.plan-card,.feature-card,.trust-item,.showcase-card,.illustration-card,.feature-art-card{border-radius:var(--hoppla-card-radius);border:1px solid var(--hoppla-border);background:var(--hoppla-surface-elevated);box-shadow:var(--hoppla-panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card{padding:24px}.input,.select{background:var(--hoppla-surface-elevated);width:100%;min-height:52px;color:var(--ink);font-family:var(--hoppla-font-sans);font-size:var(--hoppla-type-body-sm);border-radius:18px}.input::placeholder,.select::placeholder{color:color-mix(in srgb, var(--color-brand) 46%, transparent)}.badge{min-height:2rem;font-family:var(--hoppla-font-title);font-size:var(--hoppla-type-kicker);letter-spacing:.1em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .75rem;font-weight:900;display:inline-flex}.badge-neutral{background:color-mix(in srgb, var(--color-brand) 10%, transparent);color:var(--tone-brand-light);border-color:color-mix(in srgb, var(--color-brand) 16%, transparent)}.badge-success{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success);border-color:color-mix(in srgb, var(--color-success) 18%, transparent)}.badge-warning{background:color-mix(in srgb, var(--color-warning) 13%, transparent);color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 18%, transparent)}.badge-danger{background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--tone-rose-dark);border-color:color-mix(in srgb, var(--color-danger) 18%, transparent)}.badge-info{background:color-mix(in srgb, var(--color-brand) 12%, transparent);color:var(--color-brand);border-color:color-mix(in srgb, var(--color-brand) 18%, transparent)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.input[type=color]{min-height:52px;padding:6px}.field-help{font-size:.85rem}:root[data-theme=dark] .card,:root[data-theme=dark] .sidebar,:root[data-theme=dark] .modal-panel,:root[data-theme=dark] .plan-card,:root[data-theme=dark] .feature-card,:root[data-theme=dark] .trust-item,:root[data-theme=dark] .showcase-card,:root[data-theme=dark] .illustration-card,:root[data-theme=dark] .feature-art-card,:root[data-theme=dark] .public-header-bar,:root[data-theme=dark] .public-footer,:root[data-theme=dark] .topbar-shell,:root[data-theme=dark] .dashboard-qr-card,:root[data-theme=dark] .dashboard-qr-list-item,:root[data-theme=dark] .admin-grid-row,:root[data-theme=dark] .admin-membership-card,:root[data-theme=dark] .admin-kv-grid div,:root[data-theme=dark] .auth-screen-panel,:root[data-theme=dark] .auth-google-card,:root[data-theme=dark] .qr-style-section,:root[data-theme=dark] .public-section-surface,:root[data-theme=dark] .public-glass-card{background:var(--hoppla-surface);border-color:var(--hoppla-border);color:var(--hoppla-text)}:root[data-theme=dark] .input,:root[data-theme=dark] .select,:root[data-theme=dark] .topbar-search-input,:root[data-theme=dark] .auth-input.input,:root[data-theme=dark] .dashboard-qr-filter-group select,:root[data-theme=dark] .dashboard-qr-actions button,:root[data-theme=dark] .dashboard-qr-edit-button,:root[data-theme=dark] .theme-toggle-button,:root[data-theme=dark] .language-picker-button,:root[data-theme=dark] .public-nav-toggle,:root[data-theme=dark] .topbar-profile,:root[data-theme=dark] .topbar-account-menu,:root[data-theme=dark] .topbar-account-option,:root[data-theme=dark] .qr-style-card,:root[data-theme=dark] .public-type-item,:root[data-theme=dark] .public-preview-link-pill,:root[data-theme=dark] .dashboard-qr-tag-cloud span,:root[data-theme=dark] .dashboard-qr-limit-pill,:root[data-theme=dark] .dashboard-qr-badge-neutral{background:var(--hoppla-surface-low);border-color:var(--hoppla-border);color:var(--hoppla-text)}:root[data-theme=dark] .auth-page-root,:root.dark .auth-page-root,html.dark .auth-page-root{background:var(--color-canvas)}:root[data-theme=dark] .auth-screen,:root.dark .auth-screen,html.dark .auth-screen{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-canvas) 98%, transparent))}:root[data-theme=dark] .auth-screen-visual,:root.dark .auth-screen-visual,html.dark .auth-screen-visual{background:radial-gradient(circle at 0 0,#38bdf833,#0000 42%),radial-gradient(circle at 100% 100%,#6366f133,#0000 42%),linear-gradient(135deg,#081224e0 0%,#0f172aeb 100%)}:root[data-theme=dark] .auth-screen-visual-badge,:root.dark .auth-screen-visual-badge,html.dark .auth-screen-visual-badge{background:color-mix(in srgb, var(--color-surface) 6%, transparent);border-color:color-mix(in srgb, var(--color-product-qr-accent) 16%, transparent)}:root[data-theme=dark] .auth-modal-close,:root.dark .auth-modal-close,html.dark .auth-modal-close{background:color-mix(in srgb, var(--color-surface-secondary) 88%, transparent);color:color-mix(in srgb, var(--color-text) 94%, transparent)}:root[data-theme=dark] .nav-cta,:root.dark .nav-cta,html.dark .nav-cta{border-color:color-mix(in srgb, var(--color-brand) 18%, transparent);background:color-mix(in srgb, var(--color-surface) 6%, transparent);color:color-mix(in srgb, var(--color-text) 96%, transparent)}:root[data-theme=dark] .btn-primary,:root.dark .btn-primary,html.dark .btn-primary{background:color-mix(in srgb, var(--color-brand) 88%, transparent);color:var(--tone-brand-light);border-color:color-mix(in srgb, var(--color-brand) 32%, transparent)}:root[data-theme=dark] .btn-secondary,:root[data-theme=dark] .btn-ghost,:root.dark .btn-secondary,:root.dark .btn-ghost,html.dark .btn-secondary,html.dark .btn-ghost{border-color:color-mix(in srgb, var(--color-border) 10%, transparent);background:color-mix(in srgb, var(--color-surface) 4%, transparent);color:color-mix(in srgb, var(--color-brand) 94%, transparent)}:root[data-theme=dark] .dashboard-qr-shell{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent), transparent 28%), radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 14%, transparent), transparent 26%), var(--hoppla-bg)}:root[data-theme=dark] .public-login-link,:root[data-theme=dark] .public-nav-links a,:root[data-theme=dark] .app-page-description,:root[data-theme=dark] .dashboard-qr-card-label,:root[data-theme=dark] .dashboard-qr-card-cta p,:root[data-theme=dark] .dashboard-qr-section-head p,:root[data-theme=dark] .public-hero-copy p,:root[data-theme=dark] .public-footer-text,:root[data-theme=dark] .public-footer-copy,:root[data-theme=dark] .public-footer-links a,:root[data-theme=dark] .topbar-profile-label,:root[data-theme=dark] .topbar-account-option span,:root[data-theme=dark] .admin-membership-head small,:root[data-theme=dark] .qr-style-card small,:root[data-theme=dark] .qr-style-section-head p,:root[data-theme=dark] .public-footer-links a,:root[data-theme=dark] .public-footer-contact-card span,:root[data-theme=dark] .field-help{color:var(--hoppla-text-soft)}:root[data-theme=dark] .public-hero-copy h1,:root[data-theme=dark] .public-step-head h2,:root[data-theme=dark] .qr-style-section-head h3,:root[data-theme=dark] .dashboard-qr-page-head h2,:root[data-theme=dark] .dashboard-qr-list-copy h4,:root[data-theme=dark] .app-page-title,:root[data-theme=dark] .auth-panel-head h1,:root[data-theme=dark] .auth-screen-visual-card h2,:root[data-theme=dark] .dashboard-qr-brand h1,:root[data-theme=dark] .dashboard-qr-topbar-title,:root[data-theme=dark] .topbar-account-option strong,:root[data-theme=dark] .admin-grid-head strong,:root[data-theme=dark] .public-footer-kicker,:root[data-theme=dark] .admin-kv-grid span{color:var(--hoppla-text)}:root[data-theme=dark] .metric-card,:root[data-theme=dark] .dashboard-info-card{border-color:color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 94%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-qr-accent) 10%, transparent), transparent 40%);color:var(--color-on-accent)}:root[data-theme=dark] .admin-page-header,:root[data-theme=dark] .admin-dashboard-hero,:root[data-theme=dark] .admin-stripe-console,:root.dark .admin-page-header,:root.dark .admin-dashboard-hero,:root.dark .admin-stripe-console,html.dark .admin-page-header,html.dark .admin-dashboard-hero,html.dark .admin-stripe-console{border-color:color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-qr-accent) 10%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 94%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent));color:var(--hoppla-text)}:root[data-theme=dark] .admin-dashboard-hero-copy h2,:root[data-theme=dark] .admin-section-heading h2,:root[data-theme=dark] .admin-stripe-console-title h3,:root[data-theme=dark] .admin-action-card-copy h3,:root[data-theme=dark] .admin-metric-card h3,:root[data-theme=dark] .admin-metric-card p,:root.dark .admin-dashboard-hero-copy h2,:root.dark .admin-section-heading h2,:root.dark .admin-stripe-console-title h3,:root.dark .admin-action-card-copy h3,:root.dark .admin-metric-card h3,:root.dark .admin-metric-card p,html.dark .admin-dashboard-hero-copy h2,html.dark .admin-section-heading h2,html.dark .admin-stripe-console-title h3,html.dark .admin-action-card-copy h3,html.dark .admin-metric-card h3,html.dark .admin-metric-card p{color:var(--hoppla-text)}:root[data-theme=dark] .admin-dashboard-hero-copy p,:root[data-theme=dark] .admin-section-heading p,:root[data-theme=dark] .admin-stripe-console-title p,:root[data-theme=dark] .admin-action-card-copy p,:root.dark .admin-dashboard-hero-copy p,:root.dark .admin-section-heading p,:root.dark .admin-stripe-console-title p,:root.dark .admin-action-card-copy p,html.dark .admin-dashboard-hero-copy p,html.dark .admin-section-heading p,html.dark .admin-stripe-console-title p,html.dark .admin-action-card-copy p{color:var(--hoppla-text-soft)}:root[data-theme=dark] .admin-dashboard-hero-guards,:root[data-theme=dark] .admin-dashboard-hero-guards span,:root[data-theme=dark] .admin-stripe-warning,:root[data-theme=dark] .admin-action-card-guard,:root[data-theme=dark] .admin-action-card-arrow,:root.dark .admin-dashboard-hero-guards,:root.dark .admin-dashboard-hero-guards span,:root.dark .admin-stripe-warning,:root.dark .admin-action-card-guard,:root.dark .admin-action-card-arrow,html.dark .admin-dashboard-hero-guards,html.dark .admin-dashboard-hero-guards span,html.dark .admin-stripe-warning,html.dark .admin-action-card-guard,html.dark .admin-action-card-arrow{background:color-mix(in srgb, var(--color-warning) 6%, transparent);border-color:color-mix(in srgb, var(--color-warning) 14%, transparent);color:var(--hoppla-text)}:root[data-theme=dark] .metric-card-brand,:root[data-theme=dark] .metric-card-secondary{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 94%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 16%, transparent), transparent 42%)}:root[data-theme=dark] .metric-card-tertiary{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 94%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-success) 16%, transparent), transparent 42%)}:root[data-theme=dark] .metric-card-neutral{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 94%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-warning) 14%, transparent), transparent 42%)}:root[data-theme=dark] .metric-card-head h3,:root[data-theme=dark] .dashboard-info-card h3,:root[data-theme=dark] .metric-card-body strong{color:var(--color-text)}:root[data-theme=dark] .metric-card-icon{background:color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent);color:var(--tone-sky-soft)}:root[data-theme=dark] .metric-pill{background:color-mix(in srgb, var(--color-brand) 14%, transparent);color:var(--tone-indigo-soft);border:1px solid color-mix(in srgb, var(--color-brand) 20%, transparent)}:root[data-theme=dark] .dashboard-info-card p,:root[data-theme=dark] .dashboard-info-card small{color:color-mix(in srgb, var(--color-text) 88%, transparent)}:root[data-theme=dark] .dashboard-info-card small{color:var(--tone-amber-soft);margin-top:.5rem;display:block}:root[data-theme=dark] .dashboard-info-card a{color:var(--tone-sky-soft)}:root[data-theme=dark] .dashboard-info-card a:hover{color:var(--color-text)}:root[data-theme=dark] .app-page-actions .btn-secondary{background:color-mix(in srgb, var(--color-surface) 4%, transparent);border-color:color-mix(in srgb, var(--color-product-qr-accent) 16%, transparent);color:var(--color-text)}:root[data-theme=dark] .app-page-actions .btn-secondary:hover:enabled{background:color-mix(in srgb, var(--color-product-qr-accent) 8%, transparent);border-color:color-mix(in srgb, var(--color-product-qr-accent) 28%, transparent)}:root[data-theme=dark] .app-page-actions .btn-primary{background:linear-gradient(135deg, color-mix(in srgb, var(--color-brand) 22%, transparent), color-mix(in srgb, var(--color-product-qr-accent) 18%, transparent));border-color:color-mix(in srgb, var(--color-product-qr-accent) 24%, transparent);color:var(--color-on-accent)}:root[data-theme=dark] .qr-detail-action,:root.dark .qr-detail-action,html.dark .qr-detail-action{box-shadow:none!important}:root[data-theme=dark] .qr-detail-action-brand,:root.dark .qr-detail-action-brand,html.dark .qr-detail-action-brand{background:color-mix(in srgb, var(--color-brand) 88%, transparent)!important;border-color:var(--tone-brand-light)!important;color:var(--color-product-qr-glow)!important;box-shadow:none!important}:root[data-theme=dark] .qr-detail-action-brand:hover:enabled,:root.dark .qr-detail-action-brand:hover:enabled,html.dark .qr-detail-action-brand:hover:enabled{background:var(--tone-brand-light)!important;color:var(--color-text)!important}:root[data-theme=dark] .qr-detail-action-indigo,:root.dark .qr-detail-action-indigo,html.dark .qr-detail-action-indigo{background:color-mix(in srgb, var(--color-plan-free) 88%, transparent)!important;border-color:var(--tone-indigo)!important;color:var(--color-plan-free)!important;box-shadow:none!important}:root[data-theme=dark] .qr-detail-action-indigo:hover:enabled,:root.dark .qr-detail-action-indigo:hover:enabled,html.dark .qr-detail-action-indigo:hover:enabled{background:var(--tone-indigo)!important;color:var(--color-text)!important}:root[data-theme=dark] .qr-detail-action-emerald,:root.dark .qr-detail-action-emerald,html.dark .qr-detail-action-emerald{background:color-mix(in srgb, var(--color-plan-qr-plus) 88%, transparent)!important;border-color:var(--tone-emerald)!important;color:var(--color-success)!important;box-shadow:none!important}:root[data-theme=dark] .qr-detail-action-emerald:hover:enabled,:root.dark .qr-detail-action-emerald:hover:enabled,html.dark .qr-detail-action-emerald:hover:enabled{background:var(--tone-emerald)!important;color:var(--color-text)!important}:root[data-theme=dark] .qr-detail-action-amber,:root.dark .qr-detail-action-amber,html.dark .qr-detail-action-amber{background:color-mix(in srgb, var(--color-warning) 88%, transparent)!important;border-color:var(--tone-amber)!important;color:var(--color-warning)!important;box-shadow:none!important}:root[data-theme=dark] .qr-detail-action-amber:hover:enabled,:root.dark .qr-detail-action-amber:hover:enabled,html.dark .qr-detail-action-amber:hover:enabled{background:var(--tone-amber)!important;color:var(--color-text)!important}:root[data-theme=dark] .qr-detail-action-rose,:root.dark .qr-detail-action-rose,html.dark .qr-detail-action-rose{background:color-mix(in srgb, var(--color-brand) 88%, transparent)!important;border-color:var(--tone-rose-dark)!important;color:var(--color-product-short-link)!important;box-shadow:none!important}:root[data-theme=dark] .qr-detail-action-rose:hover:enabled,:root.dark .qr-detail-action-rose:hover:enabled,html.dark .qr-detail-action-rose:hover:enabled{background:var(--tone-rose-dark)!important;color:var(--color-text)!important}:root[data-theme=dark] .auth-field label,:root.dark .auth-field label,html.dark .auth-field label,:root[data-theme=dark] .auth-checkbox,:root.dark .auth-checkbox,html.dark .auth-checkbox,:root[data-theme=dark] .auth-google-head span,:root.dark .auth-google-head span,html.dark .auth-google-head span,:root[data-theme=dark] .auth-divider span,:root.dark .auth-divider span,html.dark .auth-divider span{color:var(--hoppla-text)}:root[data-theme=dark] .auth-field small,:root.dark .auth-field small,html.dark .auth-field small,:root[data-theme=dark] .auth-inline-link,:root.dark .auth-inline-link,html.dark .auth-inline-link,:root[data-theme=dark] .auth-switch-link,:root.dark .auth-switch-link,html.dark .auth-switch-link,:root[data-theme=dark] .auth-password-toggle,:root.dark .auth-password-toggle,html.dark .auth-password-toggle{color:var(--hoppla-text-soft)}:root[data-theme=dark] .auth-input.input::placeholder,:root.dark .auth-input.input::placeholder,html.dark .auth-input.input::placeholder{color:color-mix(in srgb, var(--color-brand) 48%, transparent)}:root[data-theme=dark] .auth-divider:before,:root.dark .auth-divider:before,html.dark .auth-divider:before{border-top-color:color-mix(in srgb, var(--color-brand) 26%, transparent)}:root[data-theme=dark] .public-footer-contact-card{border-color:color-mix(in srgb, var(--color-border) 10%, transparent);background:color-mix(in srgb, var(--color-surface) 5%, transparent);box-shadow:0 14px 34px color-mix(in srgb, var(--color-shadow) 20%, transparent)}:root[data-theme=dark] .public-footer-contact-card a{color:var(--tone-indigo-soft)}:root[data-theme=dark] .public-footer-contact-card a:hover{color:var(--tone-sky-soft)}:root[data-theme=dark] .public-footer-bottom-link{color:inherit}:root[data-theme=dark] .public-footer-bottom,:root.dark .public-footer-bottom,html.dark .public-footer-bottom{color:color-mix(in srgb, var(--color-brand) 62%, transparent)}:root[data-theme=light] .pricing-showcase-title,:root.light .pricing-showcase-title,html.light .pricing-showcase-title{color:color-mix(in srgb, var(--color-brand) 92%, transparent)}:root[data-theme=light] .pricing-showcase-lead,:root.light .pricing-showcase-lead,html.light .pricing-showcase-lead,:root[data-theme=light] .pricing-showcase-kicker,:root.light .pricing-showcase-kicker,html.light .pricing-showcase-kicker{color:color-mix(in srgb, var(--color-brand) 78%, transparent)}:root[data-theme=light] .pricing-showcase-block,:root.light .pricing-showcase-block,html.light .pricing-showcase-block{border-top-color:color-mix(in srgb, var(--color-brand) 7%, transparent)}:root[data-theme=light] .pricing-showcase-card,:root.light .pricing-showcase-card,html.light .pricing-showcase-card{border-color:color-mix(in srgb, var(--color-brand) 8%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent)), var(--color-surface);box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 8%, transparent)}:root[data-theme=light] .pricing-showcase-card-tag,:root.light .pricing-showcase-card-tag,html.light .pricing-showcase-card-tag{color:color-mix(in srgb, var(--color-brand) 90%, transparent);background:color-mix(in srgb, var(--color-brand) 4%, transparent)}:root[data-theme=light] .pricing-showcase-card-badge,:root.light .pricing-showcase-card-badge,html.light .pricing-showcase-card-badge{color:color-mix(in srgb, var(--color-brand) 78%, transparent);border-color:color-mix(in srgb, var(--color-brand) 8%, transparent);background:color-mix(in srgb, var(--color-surface) 82%, transparent)}:root[data-theme=light] .pricing-showcase-card-head h3,:root.light .pricing-showcase-card-head h3,html.light .pricing-showcase-card-head h3{color:color-mix(in srgb, var(--color-brand) 92%, transparent)}:root[data-theme=light] .pricing-showcase-price,:root.light .pricing-showcase-price,html.light .pricing-showcase-price{color:color-mix(in srgb, var(--color-brand) 96%, transparent)}:root[data-theme=light] .pricing-showcase-card-sky .pricing-showcase-price,:root.light .pricing-showcase-card-sky .pricing-showcase-price,html.light .pricing-showcase-card-sky .pricing-showcase-price{color:var(--tone-sky)}:root[data-theme=light] .pricing-showcase-card-emerald .pricing-showcase-price,:root.light .pricing-showcase-card-emerald .pricing-showcase-price,html.light .pricing-showcase-card-emerald .pricing-showcase-price{color:var(--tone-emerald)}:root[data-theme=light] .pricing-showcase-card-amber .pricing-showcase-price,:root.light .pricing-showcase-card-amber .pricing-showcase-price,html.light .pricing-showcase-card-amber .pricing-showcase-price{color:var(--tone-amber)}:root[data-theme=light] .pricing-showcase-price-secondary,:root.light .pricing-showcase-price-secondary,html.light .pricing-showcase-price-secondary,:root[data-theme=light] .pricing-showcase-period,:root.light .pricing-showcase-period,html.light .pricing-showcase-period,:root[data-theme=light] .pricing-showcase-description,:root.light .pricing-showcase-description,html.light .pricing-showcase-description,:root[data-theme=light] .pricing-showcase-note,:root.light .pricing-showcase-note,html.light .pricing-showcase-note,:root[data-theme=light] .pricing-showcase-features,:root.light .pricing-showcase-features,html.light .pricing-showcase-features{color:color-mix(in srgb, var(--color-brand) 76%, transparent)}:root[data-theme=light] .pricing-showcase-reassurance,:root.light .pricing-showcase-reassurance,html.light .pricing-showcase-reassurance{border-color:color-mix(in srgb, var(--color-brand) 14%, transparent);background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent), transparent 48%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent)), var(--color-surface);box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 8%, transparent)}:root[data-theme=light] .pricing-showcase-reassurance-copy h3,:root.light .pricing-showcase-reassurance-copy h3,html.light .pricing-showcase-reassurance-copy h3{color:color-mix(in srgb, var(--color-brand) 92%, transparent)}:root[data-theme=light] .pricing-showcase-reassurance-copy p,:root.light .pricing-showcase-reassurance-copy p,html.light .pricing-showcase-reassurance-copy p{color:color-mix(in srgb, var(--color-brand) 76%, transparent)}:root[data-theme=dark] .btn-primary,:root[data-theme=dark] .nav-cta,:root[data-theme=dark] .sidebar-primary-button,:root[data-theme=dark] .auth-submit-button,:root[data-theme=dark] .dashboard-qr-primary-cta,:root[data-theme=dark] .dashboard-qr-gradient-cta{background:var(--tone-brand-light);color:var(--color-on-accent)}:root[data-theme=dark] .dashboard-qr-primary-cta,:root.dark .dashboard-qr-primary-cta,html.dark .dashboard-qr-primary-cta,:root[data-theme=dark] .dashboard-qr-gradient-cta,:root.dark .dashboard-qr-gradient-cta,html.dark .dashboard-qr-gradient-cta{background:color-mix(in srgb, var(--color-brand) 88%, transparent);border-color:var(--tone-brand-light);color:var(--color-product-qr-glow);box-shadow:none}:root[data-theme=dark] .dashboard-qr-primary-cta:hover:enabled,:root.dark .dashboard-qr-primary-cta:hover:enabled,html.dark .dashboard-qr-primary-cta:hover:enabled,:root[data-theme=dark] .dashboard-qr-gradient-cta:hover:enabled,:root.dark .dashboard-qr-gradient-cta:hover:enabled,html.dark .dashboard-qr-gradient-cta:hover:enabled{background:var(--tone-brand-light);color:var(--color-on-accent)}:root[data-theme=dark] .dashboard-qr-edit-button,:root.dark .dashboard-qr-edit-button,html.dark .dashboard-qr-edit-button,:root[data-theme=dark] .dashboard-qr-actions button,:root.dark .dashboard-qr-actions button,html.dark .dashboard-qr-actions button{background:color-mix(in srgb, var(--color-brand) 88%, transparent);box-shadow:none}:root[data-theme=dark] .dashboard-qr-edit-button,:root.dark .dashboard-qr-edit-button,html.dark .dashboard-qr-edit-button,:root[data-theme=dark] .dashboard-qr-action-indigo,:root.dark .dashboard-qr-action-indigo,html.dark .dashboard-qr-action-indigo{border-color:var(--tone-indigo);color:var(--color-plan-free)}:root[data-theme=dark] .dashboard-qr-edit-button:hover:enabled,:root.dark .dashboard-qr-edit-button:hover:enabled,html.dark .dashboard-qr-edit-button:hover:enabled,:root[data-theme=dark] .dashboard-qr-action-indigo:hover:enabled,:root.dark .dashboard-qr-action-indigo:hover:enabled,html.dark .dashboard-qr-action-indigo:hover:enabled{background:var(--tone-indigo)!important;color:var(--color-on-accent)!important}:root[data-theme=dark] .dashboard-qr-action-brand,:root.dark .dashboard-qr-action-brand,html.dark .dashboard-qr-action-brand{border-color:var(--tone-brand-light)!important;color:var(--color-product-qr-glow)!important}:root[data-theme=dark] .dashboard-qr-action-brand:hover:enabled,:root.dark .dashboard-qr-action-brand:hover:enabled,html.dark .dashboard-qr-action-brand:hover:enabled{background:var(--tone-brand-light)!important;color:var(--color-text)!important}:root[data-theme=dark] .dashboard-qr-pause-action,:root.dark .dashboard-qr-pause-action,html.dark .dashboard-qr-pause-action{border-color:var(--tone-amber)!important;color:var(--color-warning)!important}:root[data-theme=dark] .dashboard-qr-pause-action:hover:enabled,:root.dark .dashboard-qr-pause-action:hover:enabled,html.dark .dashboard-qr-pause-action:hover:enabled{background:var(--tone-amber)!important;color:var(--color-text)!important}:root[data-theme=dark] .dashboard-qr-delete-action,:root.dark .dashboard-qr-delete-action,html.dark .dashboard-qr-delete-action{border-color:var(--tone-rose-dark)!important;color:var(--color-danger)!important}:root[data-theme=dark] .dashboard-qr-delete-action:hover:enabled,:root.dark .dashboard-qr-delete-action:hover:enabled,html.dark .dashboard-qr-delete-action:hover:enabled{background:var(--tone-rose-dark)!important;color:var(--color-text)!important}:root[data-theme=dark] .public-hero-home,:root.dark .public-hero-home,html.dark .public-hero-home{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 50%, transparent), color-mix(in srgb, var(--color-brand) 36%, transparent)), radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--color-product-qr-accent) 18%, transparent), transparent 28%), radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--color-brand) 18%, transparent), transparent 30%)}:root[data-theme=dark] .public-hero-solutions,:root.dark .public-hero-solutions,html.dark .public-hero-solutions{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 50%, transparent), color-mix(in srgb, var(--color-brand) 36%, transparent)), radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--color-success) 16%, transparent), transparent 28%), radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--color-brand) 16%, transparent), transparent 30%)}:root[data-theme=dark] .public-hero-pricing,:root.dark .public-hero-pricing,html.dark .public-hero-pricing{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 50%, transparent), color-mix(in srgb, var(--color-brand) 36%, transparent)), radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--color-plan-pro) 18%, transparent), transparent 28%), radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--color-danger) 16%, transparent), transparent 30%)}:root[data-theme=dark] .solutions-hero:before,:root.dark .solutions-hero:before,html.dark .solutions-hero:before{content:none}:root[data-theme=dark] .solutions-section,:root.dark .solutions-section,html.dark .solutions-section{background:color-mix(in srgb, var(--color-brand) 44%, transparent)}:root[data-theme=dark] .solutions-section-muted,:root.dark .solutions-section-muted,html.dark .solutions-section-muted{background:color-mix(in srgb, var(--color-brand) 62%, transparent)}:root[data-theme=dark] .solutions-kicker,:root.dark .solutions-kicker,html.dark .solutions-kicker{background:color-mix(in srgb, var(--color-brand) 82%, transparent);border-color:color-mix(in srgb, var(--color-brand) 26%, transparent);color:var(--color-brand)}:root[data-theme=dark] .solutions-hero-copy h1,:root.dark .solutions-hero-copy h1,html.dark .solutions-hero-copy h1,:root[data-theme=dark] .solutions-copy h2,:root.dark .solutions-copy h2,html.dark .solutions-copy h2{color:var(--color-brand)}:root[data-theme=dark] .solutions-hero-copy p,:root.dark .solutions-hero-copy p,html.dark .solutions-hero-copy p,:root[data-theme=dark] .solutions-copy p,:root.dark .solutions-copy p,html.dark .solutions-copy p,:root[data-theme=dark] .solutions-feature-list li,:root.dark .solutions-feature-list li,html.dark .solutions-feature-list li{color:color-mix(in srgb, var(--color-brand) 82%, transparent)}:root[data-theme=dark] .solutions-hero-button-secondary,:root.dark .solutions-hero-button-secondary,html.dark .solutions-hero-button-secondary{background:color-mix(in srgb, var(--color-brand) 76%, transparent);color:var(--color-brand);border-color:color-mix(in srgb, var(--color-brand) 22%, transparent)}:root[data-theme=dark] .solutions-hero-button-secondary:hover,:root.dark .solutions-hero-button-secondary:hover,html.dark .solutions-hero-button-secondary:hover{background:color-mix(in srgb, var(--color-brand) 92%, transparent);color:var(--color-brand)}:root[data-theme=dark] .solutions-glass-card,:root.dark .solutions-glass-card,html.dark .solutions-glass-card{background:color-mix(in srgb, var(--color-brand) 76%, transparent);border-color:color-mix(in srgb, var(--color-brand) 16%, transparent);box-shadow:0 20px 44px color-mix(in srgb, var(--color-brand) 28%, transparent)}:root[data-theme=dark] .solutions-inline-link,:root.dark .solutions-inline-link,html.dark .solutions-inline-link{color:var(--color-brand)}:root[data-theme=dark] .public-accent-card-brand,:root.dark .public-accent-card-brand,html.dark .public-accent-card-brand,:root[data-theme=dark] .admin-action-card-brand,:root.dark .admin-action-card-brand,html.dark .admin-action-card-brand{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-qr-accent) 16%, transparent), transparent 36%), color-mix(in srgb, var(--color-brand) 32%, transparent)}:root[data-theme=dark] .public-accent-card-sky,:root.dark .public-accent-card-sky,html.dark .public-accent-card-sky,:root[data-theme=dark] .admin-action-card-sky,:root.dark .admin-action-card-sky,html.dark .admin-action-card-sky{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-qr-accent) 18%, transparent), transparent 36%), color-mix(in srgb, var(--color-brand) 32%, transparent)}:root[data-theme=dark] .public-accent-card-emerald,:root.dark .public-accent-card-emerald,html.dark .public-accent-card-emerald,:root[data-theme=dark] .admin-action-card-emerald,:root.dark .admin-action-card-emerald,html.dark .admin-action-card-emerald{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-qr-plus) 16%, transparent), transparent 36%), color-mix(in srgb, var(--color-plan-qr-plus) 32%, transparent)}:root[data-theme=dark] .public-accent-card-indigo,:root.dark .public-accent-card-indigo,html.dark .public-accent-card-indigo,:root[data-theme=dark] .admin-action-card-indigo,:root.dark .admin-action-card-indigo,html.dark .admin-action-card-indigo{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-free) 18%, transparent), transparent 36%), color-mix(in srgb, var(--color-plan-free) 32%, transparent)}:root[data-theme=dark] .public-accent-card-amber,:root.dark .public-accent-card-amber,html.dark .public-accent-card-amber,:root[data-theme=dark] .admin-action-card-amber,:root.dark .admin-action-card-amber,html.dark .admin-action-card-amber{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-warning) 18%, transparent), transparent 36%), color-mix(in srgb, var(--color-warning) 32%, transparent)}:root[data-theme=dark] .public-accent-card-rose,:root.dark .public-accent-card-rose,html.dark .public-accent-card-rose,:root[data-theme=dark] .admin-action-card-rose,:root.dark .admin-action-card-rose,html.dark .admin-action-card-rose{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-short-link) 18%, transparent), transparent 36%), color-mix(in srgb, var(--color-brand) 32%, transparent)}:root[data-theme=dark] .plan-card-free,:root.dark .plan-card-free,html.dark .plan-card-free{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-free) 18%, transparent), transparent 36%), color-mix(in srgb, var(--color-plan-free) 32%, transparent)}:root[data-theme=dark] .plan-card-hoppla,:root.dark .plan-card-hoppla,html.dark .plan-card-hoppla{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-qr-plus) 18%, transparent), transparent 36%), color-mix(in srgb, var(--color-brand) 32%, transparent)}:root[data-theme=dark] .plan-card-pro,:root.dark .plan-card-pro,html.dark .plan-card-pro{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-pro) 20%, transparent), transparent 36%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--color-plan-pro) 14%, transparent), transparent 28%), color-mix(in srgb, var(--color-plan-pro) 32%, transparent)}.qr-preview{place-items:center;min-height:240px;display:grid}.qr-preview svg,.qr-preview canvas{max-width:100%;height:auto}.feature-card,.trust-item{gap:12px;display:grid}.feature-card h3,.trust-item strong{font-size:1.05rem}.feature-icon,.trust-icon{background:var(--accent-soft);width:44px;height:44px;color:var(--brand);border-radius:14px;place-items:center;display:grid}.plan-card{gap:18px;display:grid}.plan-card-free:before{background:var(--tone-sky)}.plan-card-hoppla:before{background:var(--tone-emerald)}.plan-card-pro:before{background:var(--tone-amber)}.plan-card-free{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-free) 12%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-plan-free) 96%, transparent), color-mix(in srgb, var(--color-plan-free) 92%, transparent))}.plan-card-hoppla{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-qr-plus) 12%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-plan-qr-plus) 92%, transparent))}.plan-card-pro{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-pro) 14%, transparent), transparent 36%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--color-plan-pro) 8%, transparent), transparent 28%), linear-gradient(180deg, color-mix(in srgb, var(--color-plan-pro) 96%, transparent), color-mix(in srgb, var(--color-plan-pro) 92%, transparent))}.plan-card-highlighted{border-color:color-mix(in srgb, var(--color-plan-pro) 30%, transparent);box-shadow:var(--hoppla-card-shadow-lg)}.plan-head strong{margin-top:8px;font-size:2rem;display:block}.plan-price-secondary{color:var(--muted);margin-top:.35rem;font-size:.95rem;font-weight:600;display:block}.plan-badge-graphic{width:auto;max-width:180px;height:42px;margin-top:10px;display:block}.plan-period{color:var(--muted);margin-top:6px;font-size:.95rem;display:inline-block}.plan-list{color:var(--muted);margin:0;padding-left:18px}.pricing-showcase{gap:1.15rem;display:grid}.pricing-showcase-header{text-align:center;width:100%;max-width:980px;margin:0 auto}.pricing-showcase-title{letter-spacing:-.04em;color:color-mix(in srgb, var(--color-text) 96%, transparent);text-wrap:balance;margin:0;font-size:clamp(2.15rem,8.2vw,3.35rem);font-weight:950;line-height:.94}.pricing-showcase-lead{max-width:76ch;color:color-mix(in srgb, var(--color-brand) 82%, transparent);text-wrap:pretty;margin:12px auto 0;font-size:clamp(.98rem,.92rem + .24vw,1.06rem);line-height:1.62}.pricing-showcase-block{border-top:1px solid color-mix(in srgb, var(--color-border) 7%, transparent);gap:14px;padding-top:18px;display:grid}.pricing-showcase-block-head{gap:10px;display:grid}.pricing-showcase-kicker{font-size:var(--hoppla-type-kicker);line-height:var(--hoppla-lh-kicker);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--color-brand) 84%, transparent);font-weight:950}.pricing-showcase-grid{grid-template-columns:1fr;gap:14px;display:grid}.pricing-showcase-card{border:1px solid color-mix(in srgb, var(--color-border) 8%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 7%, transparent), color-mix(in srgb, var(--color-surface) 3%, transparent)), color-mix(in srgb, var(--color-brand) 24%, transparent);box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 16%, transparent);border-radius:22px;gap:14px;padding:16px;display:grid}.pricing-showcase-card-sky{border-color:color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent)}.pricing-showcase-card-emerald{border-color:color-mix(in srgb, var(--color-plan-qr-plus) 22%, transparent)}.pricing-showcase-card-amber{border-color:color-mix(in srgb, var(--color-warning) 22%, transparent)}.pricing-showcase-card-highlighted{box-shadow:0 22px 46px color-mix(in srgb, var(--color-plan-pro) 18%, transparent)}.pricing-showcase-card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pricing-showcase-card-tag,.pricing-showcase-card-badge{min-height:2rem;font-family:var(--hoppla-font-title);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 .85rem;font-size:.74rem;font-weight:900;display:inline-flex}.pricing-showcase-card-tag{color:color-mix(in srgb, var(--color-text) 96%, transparent);background:color-mix(in srgb, var(--color-surface) 8%, transparent)}.pricing-showcase-card-badge{color:color-mix(in srgb, var(--color-on-accent) 92%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 4%, transparent)}.pricing-showcase-card-head{gap:.55rem;display:grid}.pricing-showcase-card-head h3{letter-spacing:-.03em;color:color-mix(in srgb, var(--color-text) 97%, transparent);margin:0;font-size:clamp(1.2rem,1rem + .7vw,1.5rem);font-weight:950;line-height:1.05}.pricing-showcase-price-wrap{gap:.1rem;display:grid}.pricing-showcase-price{letter-spacing:-.04em;color:color-mix(in srgb, var(--color-text) 98%, transparent);font-size:clamp(1.9rem,1.45rem + 1vw,2.5rem);font-weight:950;line-height:1}.pricing-showcase-card-sky .pricing-showcase-price{color:var(--tone-sky-soft)}.pricing-showcase-card-emerald .pricing-showcase-price{color:var(--tone-emerald-soft)}.pricing-showcase-card-amber .pricing-showcase-price{color:var(--tone-amber-soft)}.pricing-showcase-price-secondary,.pricing-showcase-period,.pricing-showcase-description,.pricing-showcase-note,.pricing-showcase-features{color:color-mix(in srgb, var(--color-brand) 82%, transparent)}.pricing-showcase-price-secondary,.pricing-showcase-period{font-size:.96rem;font-weight:700}.pricing-showcase-description,.pricing-showcase-note{margin:0;font-size:.98rem;line-height:1.6}.pricing-showcase-features{gap:.55rem;margin:0;padding-left:1.2rem;font-size:.97rem;line-height:1.55;display:grid}.pricing-showcase-action,.pricing-showcase-reassurance-action{appearance:none;letter-spacing:.02em;cursor:pointer;width:fit-content;max-width:100%;min-height:48px;color:var(--color-text);border:0;border-radius:999px;padding:0 18px;font-size:.94rem;font-weight:950;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s}.pricing-showcase-action{background:linear-gradient(90deg, var(--color-brand), var(--color-product-qr-accent));box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 22%, transparent)}.pricing-showcase-action:hover,.pricing-showcase-reassurance-action:hover{filter:brightness(1.03);transform:translateY(-1px)}.pricing-showcase-reassurance{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent), transparent 48%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 6%, transparent), color-mix(in srgb, var(--color-surface) 3%, transparent)), color-mix(in srgb, var(--color-brand) 24%, transparent);box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 14%, transparent);border-radius:22px;align-items:center;gap:14px;padding:18px;display:grid}.pricing-showcase-reassurance-copy{gap:.5rem;display:grid}.pricing-showcase-reassurance-copy h3{letter-spacing:-.03em;color:color-mix(in srgb, var(--color-text) 96%, transparent);margin:0;font-size:clamp(1.2rem,1.08rem + .6vw,1.55rem);font-weight:950;line-height:1.05}.pricing-showcase-reassurance-copy p{color:color-mix(in srgb, var(--color-brand) 82%, transparent);margin:0;font-size:.98rem;line-height:1.6}.pricing-showcase-reassurance-action{background:linear-gradient(90deg, var(--color-brand), var(--color-product-qr-accent));box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 20%, transparent)}.pricing-audience-toggle{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:inline-flex}.cta-banner{background:var(--brand);color:var(--color-on-accent);justify-content:space-between;align-items:center;gap:18px;display:flex}.cta-banner p{color:color-mix(in srgb, var(--color-text) 76%, transparent)}.cta-banner .btn-secondary,.cta-banner .btn-primary{background:var(--color-surface);color:var(--brand)}.app-shell{width:calc(100% - (var(--page-gutter) * 2));grid-template-columns:300px minmax(0,1fr);gap:24px;margin:0 auto;display:grid}.sidebar{border-radius:var(--hoppla-card-radius-lg);align-self:start;margin:20px 0;padding:20px;position:sticky;top:18px}.sidebar-header{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.app-mark-link{font-family:var(--hoppla-font-title);color:var(--ink);align-items:center;gap:12px;font-weight:800;display:inline-flex}.app-mark{width:42px;height:42px;display:block}.sidebar-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.sidebar-logout{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}.nav-link{color:var(--muted);font-family:var(--hoppla-font-title);font-size:var(--hoppla-type-btn);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:12px 14px;font-weight:800;display:block}.nav-link-active,.nav-link:hover{background:color-mix(in srgb, var(--color-brand) 8%, transparent);color:var(--brand)}.topbar{justify-content:space-between;align-items:end;gap:16px;display:flex}.topbar-copy{gap:8px;display:grid}.topbar h1,.app-page-title{color:var(--color-brand);font-size:var(--hoppla-type-title);font-weight:800;line-height:.98}.app-page-description,.topbar-copy p{color:color-mix(in srgb, var(--color-brand) 72%, transparent);font-family:var(--hoppla-font-sans);font-size:var(--hoppla-type-body);line-height:1.65}.hero-panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.stat-card{gap:6px;display:grid}.stat-label{color:var(--muted);font-size:.9rem}.stat-value{font-size:2rem}.qr-item,.empty-state,.auth-card{gap:16px;display:grid}.empty-state-actionable{min-height:8rem;color:var(--folder-ink,var(--dashboard-on-surface));text-align:center;justify-items:center;gap:1.15rem;padding:clamp(1.25rem,4vw,2.25rem) 1rem}.card.empty-state-actionable,:root[data-theme=dark] .card.empty-state-actionable,:root.dark .card.empty-state-actionable,html.dark .card.empty-state-actionable{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;outline:0}.empty-state-actionable>span:first-child{max-width:32rem;color:var(--folder-ink,var(--dashboard-on-surface));font:900 clamp(1.15rem, 2vw, 1.55rem)/1.2 var(--hoppla-font-title)}.empty-state-action{justify-content:center;display:flex}.empty-state-folder-button{border:3px solid var(--folder-ink,var(--color-text));background:var(--folder-surface,var(--color-surface));min-height:3rem;color:var(--folder-ink,var(--color-text));box-shadow:4px 4px 0 0 var(--folder-ink,var(--color-text));font:900 .9rem/1.1 var(--hoppla-font-title);cursor:pointer;border-radius:.85rem;justify-content:center;align-items:center;gap:.55rem;padding:.7rem 1.05rem;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.empty-state-folder-button:hover,.empty-state-folder-button:focus-visible{box-shadow:6px 6px 0 0 var(--folder-ink,var(--color-text));transform:translate(-2px,-2px)}.empty-state-folder-button:active{box-shadow:2px 2px 0 0 var(--folder-ink,var(--color-text));transform:translate(2px,2px)}.empty-state-folder-button .material-symbols-outlined{font-size:1.15rem}.empty-state-folder-button-primary{background:var(--folder-blue,var(--color-brand));color:var(--color-on-accent)}.empty-state-folder-button-yellow{background:var(--folder-yellow,var(--color-plan-pro))}.empty-state-create-button{border:1px solid var(--brand);min-height:3.25rem;color:var(--brand);box-shadow:none;font-family:var(--hoppla-font-body);cursor:pointer;background:0 0;border-radius:.65rem;justify-content:center;align-items:center;gap:.55rem;padding:.75rem 1.1rem;font-size:.88rem;font-weight:800;line-height:1.1;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.empty-state-create-button:hover,.empty-state-create-button:focus-visible{border-color:color-mix(in srgb, var(--brand) 86%, var(--color-border-strong));background:color-mix(in srgb, var(--brand) 86%, var(--color-canvas));color:var(--color-on-accent);box-shadow:0 .9rem 1.8rem color-mix(in srgb, var(--brand) 28%, transparent);transform:translateY(-1px)}.empty-state-create-button:active{box-shadow:none;transform:translateY(0)}.empty-state-create-button .material-symbols-outlined{font-size:1.15rem}.qr-item-main,.qr-item-meta,.qr-item-badges{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.qr-item-meta{color:var(--muted);font-size:.92rem}.auth-card{width:min(560px,100%);margin:0 auto}.auth-links-stack{gap:.55rem;display:grid}.showcase-card{gap:12px;display:grid}.public-accent-card,.admin-action-card,.plan-card,.dashboard-info-card,.metric-card,.qr-style-section{position:relative;overflow:hidden}.public-accent-card:before,.admin-action-card:before,.plan-card:before,.dashboard-info-card:before,.metric-card:before,.qr-style-section:before{content:"";background:var(--tone-brand-light);border-radius:999px;width:4px;position:absolute;inset:0 auto 0 0}.public-accent-card-brand:before,.admin-action-card-brand:before{background:var(--tone-brand-light)}.public-accent-card-sky:before,.admin-action-card-sky:before{background:var(--tone-sky)}.public-accent-card-emerald:before,.admin-action-card-emerald:before{background:var(--tone-emerald)}.public-accent-card-indigo:before,.admin-action-card-indigo:before{background:var(--tone-indigo)}.public-accent-card-amber:before,.admin-action-card-amber:before{background:var(--tone-amber)}.public-accent-card-rose:before,.admin-action-card-rose:before{background:var(--tone-rose-dark)}.public-accent-card-brand,.admin-action-card-brand{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 10%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-brand) 92%, transparent))}.public-accent-card-sky,.admin-action-card-sky{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-product-qr-accent) 92%, transparent))}.public-accent-card-emerald,.admin-action-card-emerald{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-qr-plus) 12%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-plan-qr-plus) 96%, transparent), color-mix(in srgb, var(--color-plan-qr-plus) 92%, transparent))}.public-accent-card-indigo,.admin-action-card-indigo{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-free) 12%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-plan-free) 92%, transparent))}.public-accent-card-amber,.admin-action-card-amber{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-warning) 14%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-warning) 96%, transparent), color-mix(in srgb, var(--color-warning) 92%, transparent))}.public-accent-card-rose,.admin-action-card-rose{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-short-link) 12%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-product-short-link) 92%, transparent))}.admin-action-card-link{height:100%;display:block}.admin-action-card{border-color:color-mix(in srgb, var(--color-brand) 12%, transparent);grid-template-rows:auto 1fr auto;gap:1rem;min-height:100%;padding:1.1rem;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s;display:grid}.admin-action-card-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-action-card-copy{gap:.45rem;display:grid}.admin-action-card-copy h3{color:var(--color-brand);font-family:var(--hoppla-font-title);letter-spacing:-.02em;margin:0;font-size:1.1rem}.admin-action-card-copy p{color:var(--color-text-muted);margin:0;font-size:.92rem;font-weight:700;line-height:1.55}.admin-action-card-arrow{background:color-mix(in srgb, var(--color-surface) 74%, transparent);width:2.2rem;height:2.2rem;color:var(--color-brand);border-radius:999px;flex:none;place-items:center;font-family:Material Symbols Outlined;font-size:1.15rem;font-weight:400;line-height:1;transition:transform .16s;display:inline-grid}.admin-action-card-guard{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 72%, transparent);max-width:100%;color:var(--color-brand);white-space:normal;align-self:end;padding:.42rem .62rem;font-size:.69rem;line-height:1.35}.admin-action-card-link:hover .admin-action-card,.admin-action-card-link:focus-visible .admin-action-card{border-color:color-mix(in srgb, var(--color-brand) 24%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 34%), var(--color-surface);box-shadow:0 14px 30px color-mix(in srgb, var(--color-brand) 8%, transparent);transform:translateY(-2px)}.admin-action-card-link:hover .admin-action-card-arrow,.admin-action-card-link:focus-visible .admin-action-card-arrow{transform:translate(2px)}.admin-action-card-emoji{background:color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:.7rem;place-items:center;width:2rem;height:2rem;font-size:1rem;display:inline-grid}.admin-action-card-brand .admin-action-card-emoji{background:color-mix(in srgb, var(--color-brand) 10%, transparent)}.admin-action-card-sky .admin-action-card-emoji{background:color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent)}.admin-action-card-emerald .admin-action-card-emoji{background:color-mix(in srgb, var(--color-plan-qr-plus) 12%, transparent)}.admin-action-card-indigo .admin-action-card-emoji{background:color-mix(in srgb, var(--color-plan-free) 12%, transparent)}.admin-action-card-amber .admin-action-card-emoji{background:color-mix(in srgb, var(--color-warning) 14%, transparent)}.admin-action-card-rose .admin-action-card-emoji{background:color-mix(in srgb, var(--color-product-short-link) 12%, transparent)}.feature-art-card{padding:14px}.legal-card{gap:18px;display:grid}.information-page{width:min(100%,960px);color:var(--color-text);font-family:var(--hoppla-font-sans);gap:0;margin:0 auto;padding:32px 20px 64px;font-size:1rem;display:grid}.information-header-nav{z-index:35;margin:-32px -20px 24px;padding:16px 20px 14px;position:sticky;top:0}.information-header-nav-list{flex-wrap:wrap;gap:10px 18px;margin:0;padding:0;list-style:none;display:flex}.information-header-nav-link{color:var(--color-brand);padding-bottom:4px;text-decoration:none;display:inline-flex;position:relative}.information-header-nav-link:after{content:"";opacity:0;transform-origin:50%;background:currentColor;border-radius:999px;height:2px;transition:opacity .16s,transform .16s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.information-header-nav-link:hover,.information-header-nav-link:focus-visible{text-decoration:none}.information-header-nav-link:hover:after,.information-header-nav-link:focus-visible:after{opacity:1;transform:scaleX(1)}:is(:root[data-theme=dark],:root.dark,html.dark) .information-header-nav-link{color:#fff}@media (prefers-reduced-motion:reduce){.information-header-nav-link:after{transition:none}}.information-page-head{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;padding:0;display:grid}.information-page-kicker{color:var(--color-text-muted);letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:800}.information-page-head h1{color:var(--color-brand);font-family:var(--hoppla-font-sans);letter-spacing:0;margin:0;font-size:2rem;font-weight:700;line-height:1.2}.information-page-head p{max-width:none;color:var(--color-text);margin:16px 0 0;font-size:1rem;line-height:1.7}.information-page-meta{color:var(--color-text)!important;margin-top:10px!important;font-size:.95rem!important;line-height:1.5!important}.information-layout{grid-template-columns:1fr;gap:0;margin-top:28px;display:grid}.information-sidebar{position:static}.information-sidebar-card{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;margin-top:0;padding:0;display:grid}.information-sidebar-card strong{color:var(--color-brand);font-family:var(--hoppla-font-sans);letter-spacing:0;text-transform:none;margin:0 0 12px;font-size:1.2rem;font-weight:700}.information-sidebar-card nav{display:block}.information-toc-list{margin:0;padding-left:0;list-style:none}.information-toc-item{margin:9px 0}.information-sidebar-card a{color:var(--color-text);text-decoration:none}.information-sidebar-card a:hover,.information-sidebar-card a:focus-visible{color:var(--color-brand);text-decoration:underline}.information-article{gap:0;margin-top:32px;display:grid}.information-section{box-shadow:none;background:0 0;border:0;border-radius:0;gap:0;margin-top:32px;padding:0;scroll-margin-top:84px;display:grid}.information-section:first-child{margin-top:0}.information-section h2{color:var(--color-brand);font-family:var(--hoppla-font-sans);margin:0 0 14px;font-size:1.45rem;font-weight:700;line-height:1.3}.information-section h3{color:var(--color-brand);font-family:var(--hoppla-font-sans);margin:20px 0 10px;font-size:1.1rem;font-weight:700;line-height:1.4}.information-section p,.information-section li{color:var(--color-text);font-size:1rem;line-height:1.7}.information-section p{margin:12px 0}.information-section li{margin:6px 0;padding-left:18px;position:relative}.information-section li:before{content:"-";color:var(--color-brand);position:absolute;left:0}.information-section ul{gap:0;margin:12px 0;padding-left:0;list-style:none;display:grid}.information-section table{border-collapse:collapse;width:100%;font-size:.98rem}.information-section th,.information-section td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-border);color:var(--color-text);padding:10px 8px}.information-section th{color:var(--color-brand);font-weight:700}.information-section .form-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.information-section .btn{border:1px solid var(--color-brand);background:var(--color-surface);min-height:auto;color:var(--color-brand);box-shadow:none;font:inherit;border-radius:0;padding:10px 16px;font-weight:700}.information-section .btn-primary{background:var(--color-brand);color:var(--color-on-accent)}.information-section .btn-secondary{background:var(--color-surface);color:var(--color-brand)}.inline-notice,.form-success,.form-error{border-radius:16px;padding:12px 14px}.toast-shell{z-index:2400;pointer-events:none;position:fixed;top:1.25rem;right:1.25rem}.toast{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);max-width:min(28rem,100vw - 2rem);color:var(--color-text);box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 16%, transparent);-webkit-backdrop-filter:blur(16px);border-radius:1rem;padding:.9rem 1rem;font-size:.92rem;font-weight:700;line-height:1.4;animation:2s forwards hoppla-toast-slide}.toast-title{color:inherit;margin-bottom:.2rem;font-size:.96rem;font-weight:800;display:block}.toast-detailed{animation-duration:5.2s}.toast>span{font-weight:600;display:block}.toast-warning{border-color:color-mix(in srgb, var(--color-warning) 34%, transparent);background:color-mix(in srgb, var(--color-warning) 98%, transparent);color:var(--color-warning)}.toast-error{border-color:color-mix(in srgb, var(--color-danger) 30%, transparent);background:color-mix(in srgb, var(--color-danger) 98%, transparent);color:var(--color-danger)}:root[data-theme=dark] .toast{border-color:color-mix(in srgb, var(--color-brand) 28%, transparent);background:color-mix(in srgb, var(--color-brand) 96%, transparent);color:var(--color-brand);box-shadow:0 20px 46px color-mix(in srgb, var(--color-brand) 44%, transparent)}:root[data-theme=dark] .toast-warning{border-color:color-mix(in srgb, var(--color-warning) 34%, transparent);background:color-mix(in srgb, var(--color-warning) 97%, transparent);color:var(--color-warning)}:root[data-theme=dark] .toast-error{border-color:color-mix(in srgb, var(--color-danger) 34%, transparent);background:color-mix(in srgb, var(--color-danger) 97%, transparent);color:var(--color-danger)}.short-links-page{--brand:var(--short-link-accent);--brand-primary:var(--short-link-accent);--dashboard-primary:var(--short-link-accent);gap:1.4rem;display:grid}.public-home-tool{gap:clamp(2rem,4vw,3.75rem);width:min(100%,70rem);margin:0 auto;padding-block:clamp(.6rem,2vw,1.8rem) clamp(1.5rem,4vw,3.5rem);display:grid}.public-home-tool-copy{text-align:center;justify-items:center;gap:1rem;display:grid}.public-home-tool-copy h1{max-width:62rem;color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.055em;margin:0;font-size:clamp(2.35rem,5vw,4.45rem);font-weight:760;line-height:.99}.public-home-tool-copy p{max-width:42rem;color:var(--hoppla-text-soft);margin:0;font-size:clamp(1rem,1.7vw,1.14rem);line-height:1.6}.public-home-tool-panel{border:1px solid color-mix(in srgb, var(--hoppla-border) 86%, transparent);background:color-mix(in srgb, var(--hoppla-surface) 94%, transparent);box-shadow:0 1.4rem 3.5rem color-mix(in srgb, var(--color-brand) 9%, transparent), 0 .2rem .7rem color-mix(in srgb, var(--color-brand) 4%, transparent);border-radius:1.35rem;overflow:hidden}.public-home-tool-tabs{border-bottom:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--hoppla-surface-low) 70%, var(--hoppla-surface));grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.public-home-tool-tabs-single{grid-template-columns:minmax(0,1fr)}.public-home-tool-tabs-single button{cursor:default}.public-home-tool-tabs-single.is-link button{--home-tab-accent:var(--short-link-accent)}.public-home-tool-tabs-single.is-qr button{--home-tab-accent:var(--qr-product-accent)}.public-home-tool-tabs button{--home-tab-accent:var(--qr-product-accent);min-height:3.7rem;color:var(--hoppla-text-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:.55rem;font-size:.9rem;font-weight:780;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.public-home-tool-tabs button:first-child{--home-tab-accent:var(--short-link-accent)}.public-home-tool-tabs button:nth-child(2){--home-tab-accent:var(--qr-product-accent)}.public-home-tool-tabs button:hover{color:var(--home-tab-accent);background:color-mix(in srgb, var(--home-tab-accent) 5%, transparent)}.public-home-tool-tabs button.is-active{border-bottom-color:var(--home-tab-accent);background:var(--hoppla-surface);color:var(--home-tab-accent)}.public-home-tool-tabs button:focus-visible,.public-home-tool-primary:focus-visible,.public-home-tool-free-card button:focus-visible,.public-home-tool-input-wrap:focus-within{outline:3px solid color-mix(in srgb, var(--brand) 38%, transparent);outline-offset:-3px}.public-home-tool-body{background:var(--hoppla-surface);gap:.75rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.public-home-tool-form{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;display:grid}.public-home-tool-input-wrap{border:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--hoppla-bg) 60%, var(--hoppla-surface));min-width:0;min-height:3.45rem;color:var(--hoppla-text-soft);border-radius:.85rem;align-items:center;gap:.7rem;padding:0 1rem;transition:border-color .18s,box-shadow .18s;display:flex}.public-home-tool-input-wrap:focus-within{border-color:color-mix(in srgb, var(--brand) 65%, var(--hoppla-border));box-shadow:0 0 0 .24rem color-mix(in srgb, var(--brand) 12%, transparent)}.public-home-tool-input-wrap input{width:100%;min-width:0;color:var(--hoppla-text);font:inherit;background:0 0;border:0;outline:0;font-size:1rem}.public-home-tool-input-wrap input::placeholder{color:color-mix(in srgb, var(--hoppla-text-soft) 70%, transparent)}.public-home-tool-primary,.public-home-tool-free-card button{background:var(--brand);min-height:3.45rem;color:var(--color-on-accent);font:inherit;cursor:pointer;border:1px solid #0000;border-radius:.85rem;justify-content:center;align-items:center;gap:.55rem;font-size:.88rem;font-weight:800;transition:background .18s,box-shadow .18s,transform .18s;display:inline-flex}.public-home-tool-primary{white-space:nowrap;padding:.85rem 1.2rem}.public-home-tool-primary:hover,.public-home-tool-free-card button:hover{background:color-mix(in srgb, var(--brand) 88%, var(--color-canvas));box-shadow:0 .65rem 1.35rem color-mix(in srgb, var(--brand) 24%, transparent);transform:translateY(-1px)}.public-home-tool-note,.public-home-tool-error{color:var(--hoppla-text-soft);align-items:center;gap:.35rem;margin:0;font-size:.78rem;font-weight:650;display:inline-flex}.public-home-tool-note{color:color-mix(in srgb, var(--tone-emerald,var(--color-success)) 78%, var(--hoppla-text-soft))}.public-home-tool-error{color:var(--tone-rose-dark,var(--color-danger))}.public-home-tool-qr-body{grid-template-columns:minmax(0,1fr) auto;align-items:center}.public-home-tool-qr-copy{align-items:center;gap:1rem;min-width:0;display:flex}.public-home-tool-qr-icon{background:color-mix(in srgb, var(--brand) 12%, var(--hoppla-surface-low));width:3.1rem;height:3.1rem;color:var(--brand);border-radius:.9rem;flex:none;place-items:center;display:grid}.public-home-tool-qr-copy strong,.public-home-tool-free h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.025em;font-size:1.2rem}.public-home-tool-qr-copy p,.public-home-tool-free p{color:var(--hoppla-text-soft);margin:.25rem 0 0;font-size:.92rem;line-height:1.5}.public-home-tool-qr-body .public-home-tool-note{grid-column:1/-1}.public-home-tool-free{border-top:1px solid var(--hoppla-border);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,5vw,4.5rem);padding-top:clamp(2rem,4vw,3.4rem);display:grid}.public-home-tool-free-card{border:1px solid color-mix(in srgb, var(--hoppla-border) 85%, transparent);background:color-mix(in srgb, var(--hoppla-surface) 92%, transparent);box-shadow:0 .8rem 2rem color-mix(in srgb, var(--color-plan-free) 5%, transparent);border-radius:1.15rem;gap:.8rem;padding:clamp(1.25rem,3vw,1.8rem);display:grid}.public-home-tool-free-card h2,.public-home-tool-benefits h2{margin:0}.public-home-tool-free-card button{background:var(--hoppla-text);width:fit-content;min-height:2.9rem;margin-top:.4rem;padding:.65rem 1rem}.public-home-tool-benefits{gap:.95rem;display:grid}.public-home-tool-benefits ul{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.public-home-tool-benefits li{color:var(--hoppla-text-soft);align-items:flex-start;gap:.65rem;font-size:.92rem;line-height:1.45;display:flex}.public-home-tool-benefits li .icon-sm{color:var(--brand);flex:none;margin-top:.08rem}@media (width<=680px){.public-home-tool{gap:1.8rem;padding-bottom:1rem}.public-home-tool-copy h1{font-size:clamp(2.15rem,11vw,3.25rem)}.public-home-tool-panel{border-radius:1.05rem}.public-home-tool-form,.public-home-tool-qr-body,.public-home-tool-free{grid-template-columns:1fr}.public-home-tool-primary,.public-home-tool-free-card button{width:100%}.public-home-tool-qr-body .public-home-tool-note{grid-column:auto}.public-home-tool-free{gap:1.5rem;padding-top:1.8rem}}.qh-home-header-frame.public-header-home{padding:max(8px, env(safe-area-inset-top)) 0 0;-webkit-backdrop-filter:none;background:0 0;border-bottom:0;position:fixed;top:0}.qh-home-header-frame.public-header-home:before{opacity:0;background:color-mix(in srgb, var(--hoppla-surface) 88%, transparent);box-shadow:none;-webkit-backdrop-filter:blur(14px)saturate(120%);display:block}.qh-home-header-frame.public-header-home:after{opacity:0;background:var(--hoppla-border);display:block}.qh-home-header-frame.public-header-home .qh-home-header-inner{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));max-width:var(--content-max)}.qh-home-header-frame.public-header-home .qh-home-header-nav{display:none}.qh-home-header-frame.public-header-home .qh-home-header-top-row{min-height:4rem;padding:.5rem 0}.qh-home-header-frame.public-header-home .qh-home-header-logo-btn{min-height:3rem}.qh-home-header-frame.public-header-home .qh-home-header-brand-nav{gap:1.5rem}.qh-home-header-frame.public-header-home .qh-home-header-links a,.qh-home-header-frame.public-header-home .qh-home-header-secondary{letter-spacing:.08em;border-radius:.35rem;min-height:2.5rem;padding-inline:.75rem;font-size:.72rem;font-weight:750;color:var(--hoppla-text-soft)!important}.qh-home-header-frame.public-header-home .qh-home-header-links a:hover,.qh-home-header-frame.public-header-home .qh-home-header-secondary:hover{transform:none;background:color-mix(in srgb, var(--brand) 8%, transparent)!important;color:var(--brand)!important}.qh-home-header-frame.public-header-home .qh-home-header-actions{--hoppla-pill-h:2.5rem;--hoppla-pill-w:auto;gap:.25rem}.qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-icon-only .language-picker-button{width:2.5rem!important;min-width:2.5rem!important;height:2.5rem!important;color:var(--hoppla-text-soft)!important;border-radius:.35rem!important}.qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-icon-only .language-picker-button:hover{background:color-mix(in srgb, var(--brand) 8%, transparent)!important;color:var(--brand)!important}.qh-home-header-frame.public-header-home .qh-home-header-early,.qh-home-header-frame.public-header-home .qh-home-header-primary{text-transform:none;box-shadow:none;letter-spacing:.04em!important;border-radius:.5rem!important;min-width:0!important;height:2.5rem!important;padding-inline:1rem!important;font-size:.68rem!important;font-weight:780!important}.qh-home-header-frame.public-header-home .qh-home-header-early{gap:.45rem;animation:none;border-radius:999px!important}.qh-home-header-frame.public-header-home .qh-home-header-primary{background:var(--brand)!important;border-color:var(--brand)!important}.qh-home-header-frame.public-header-home .qh-home-header-primary:hover{box-shadow:0 .6rem 1.4rem color-mix(in srgb, var(--brand) 22%, transparent);background:color-mix(in srgb, var(--brand) 86%, var(--color-canvas))!important;border-color:color-mix(in srgb, var(--brand) 86%, var(--color-border-strong))!important}.content.content-public.content-public-home{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));max-width:var(--content-max);margin:0 auto;padding:calc(var(--public-header-height) + 2.5rem) 0 3.5rem!important}.content.content-public:has(.plans-root){padding-top:calc(var(--public-header-height) + 2.5rem)!important}.public-home-tool{isolation:isolate;gap:2.25rem;width:100%;margin:0 auto;padding:0 0 4rem;position:relative}.public-creation-time-notice{top:calc(max(1rem, env(safe-area-inset-top)) + 4.75rem);right:max(1rem, env(safe-area-inset-right));z-index:2450;border:1px solid color-mix(in srgb, var(--brand) 24%, var(--hoppla-border));background:color-mix(in srgb, var(--hoppla-surface) 96%, transparent);width:min(25rem,100vw - 2rem);color:var(--hoppla-text);box-shadow:0 1rem 2.8rem color-mix(in srgb, var(--hoppla-text) 16%, transparent);-webkit-backdrop-filter:blur(18px)saturate(125%);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.8rem;padding:1rem 1rem 1.05rem;animation:6.5s cubic-bezier(.16,1,.3,1) both public-creation-notice-lifecycle;display:grid;position:fixed;overflow:hidden}.public-creation-time-notice-icon{background:color-mix(in srgb, var(--brand) 12%, var(--hoppla-surface-low));width:2.45rem;height:2.45rem;color:var(--brand);border-radius:999px;place-items:center;display:grid}.public-creation-time-notice-icon svg{width:1.25rem;height:1.25rem}.public-creation-time-notice strong,.public-creation-time-notice p,.public-creation-time-notice small{display:block}.public-creation-time-notice strong{font-family:var(--hoppla-font-title);margin-top:.05rem;font-size:.94rem;line-height:1.3}.public-creation-time-notice p{color:var(--hoppla-text-soft);margin:.25rem 0 0;font-size:.82rem;line-height:1.45}.public-creation-time-notice small{color:color-mix(in srgb, var(--brand) 78%, var(--hoppla-text-soft));margin-top:.35rem;font-size:.72rem;line-height:1.4}.public-creation-time-notice>button{width:2rem;height:2rem;color:var(--hoppla-text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;margin:-.3rem -.35rem 0 0;display:grid}.public-creation-time-notice>button:hover,.public-creation-time-notice>button:focus-visible{background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand)}.public-creation-time-notice>button svg{width:1rem;height:1rem}.public-creation-time-notice-progress{background:var(--brand);transform-origin:0;height:3px;animation:6.5s linear both public-creation-notice-progress;position:absolute;bottom:0;left:0;right:0}.public-creation-time-notice.is-warning .public-creation-time-notice-icon,.public-creation-time-notice.is-warning .public-creation-time-notice-progress{background:color-mix(in srgb, var(--color-plan-pro) 16%, var(--hoppla-surface-low));color:var(--color-warning)}.public-creation-time-notice.is-danger .public-creation-time-notice-icon,.public-creation-time-notice.is-danger .public-creation-time-notice-progress{background:color-mix(in srgb, var(--color-danger) 14%, var(--hoppla-surface-low));color:var(--color-danger)}.public-creation-time-notice.is-warning .public-creation-time-notice-progress{background:var(--color-warning)}.public-creation-time-notice.is-danger .public-creation-time-notice-progress{background:var(--color-danger)}@keyframes public-creation-notice-lifecycle{0%{opacity:0;transform:translate(1.5rem)scale(.98)}5%,91%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translate(1rem)scale(.98)}}@keyframes public-creation-notice-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=680px){.public-creation-time-notice{top:max(.75rem, env(safe-area-inset-top));border-radius:.85rem;width:calc(100vw - 1.5rem);padding:.85rem;right:.75rem}.public-home-workspace-end{gap:.3rem;padding-inline:.35rem}.public-home-lease-indicator{min-width:0;padding:.38rem .48rem}}@media (prefers-reduced-motion:reduce){.public-creation-time-notice,.public-creation-time-notice-progress{animation:none}}.public-home-tool-copy{gap:1rem}.public-home-tool-copy h1{letter-spacing:-.04em;max-width:62rem;font-size:clamp(2.15rem,8.2vw,3.35rem);font-weight:950;line-height:.94}.public-home-tool-copy p{max-width:76ch;font-size:clamp(.98rem,.92rem + .24vw,1.06rem);line-height:1.62}.public-home-tool-panel{border-color:color-mix(in srgb, var(--hoppla-border) 82%, transparent);background:color-mix(in srgb, var(--hoppla-surface) 72%, transparent);width:min(100%,54rem);box-shadow:0 .625rem 1.6rem color-mix(in srgb, var(--color-brand) 8%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:.75rem;justify-self:center;overflow:hidden}.public-home-tool-tabs{background:var(--hoppla-surface)}.public-home-tool-tabs button{border-bottom-width:2px;min-height:4rem;font-size:.94rem;font-weight:760}.public-home-tool-body{background:var(--hoppla-surface);padding:2.5rem}.public-home-tool-form{gap:1rem}.public-home-tool-input-wrap{background:var(--hoppla-bg);border-radius:.5rem;gap:.8rem;min-height:4rem;padding-inline:1rem}.public-home-tool-input-wrap input{font-size:1.125rem}.public-home-tool-primary,.public-home-tool-free-card button{letter-spacing:.025em;border-radius:.5rem;min-height:4.25rem;font-size:.96rem;font-weight:800}.public-home-tool-primary{padding-inline:1.5rem}.public-home-tool-error{font-size:.8rem}.public-home-tool-qr-body{gap:1.5rem;min-height:10.5rem}.public-home-tool-qr-icon{border-radius:999px;width:4.75rem;height:4.75rem}.public-home-tool-qr-copy strong,.public-home-tool-free h2{font-size:1.7rem}.public-home-tool-qr-copy p{font-size:1.04rem;line-height:1.55}.public-home-tool-free{text-align:center;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:center;justify-items:stretch;gap:1.5rem;width:min(100%,56rem);padding-top:4rem}.public-home-tool-free-card{background:color-mix(in srgb, var(--hoppla-surface) 72%, transparent);width:100%;box-shadow:0 .625rem 1.6rem color-mix(in srgb, var(--color-plan-free) 6%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:.75rem;gap:1rem;padding:2rem}.public-home-tool-free-card button{background:var(--brand);border-radius:.5rem;justify-self:center;width:fit-content;min-height:3rem;padding-inline:1.5rem}.public-home-tool-free-card button:hover{background:color-mix(in srgb, var(--brand) 86%, var(--color-canvas))}.public-home-tool-benefits{align-content:center;justify-items:center;gap:1rem}.public-home-tool-benefits ul{justify-items:center}.public-home-tool-benefits li{justify-content:center;gap:.75rem;font-size:1rem}.public-home-reference-footer{border-top:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--hoppla-surface) 78%, transparent);margin-top:0}.public-home-reference-footer-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 2rem,80rem);min-height:6rem;margin:0 auto;display:flex}.public-home-reference-footer-brand,.public-home-reference-footer nav{align-items:center;display:flex}.public-home-reference-footer-brand{color:var(--hoppla-text-soft);gap:.8rem;font-size:.82rem}.public-home-reference-footer-brand img{width:auto;height:1.55rem}.public-home-reference-footer nav{flex-wrap:wrap;justify-content:flex-end;gap:1rem}.public-home-reference-footer a{color:var(--hoppla-text-soft);font-size:.75rem;font-weight:700;text-decoration:none}.public-home-reference-footer a:hover,.public-footer-links a:hover,.public-footer-contact-card a:hover,.public-footer-contact-link:hover,.public-footer-contact-link:focus-visible{color:var(--brand)}.public-footer-contact-list{gap:.55rem}.public-footer-contact-card{box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:start;gap:.2rem;padding:0;display:grid}.public-footer-contact-card span,.public-footer-contact-card a,.public-footer-contact-link{font-family:inherit;font-size:.92rem;line-height:1.55}.public-footer-contact-card a,.public-footer-contact-link{color:var(--hoppla-text-soft);letter-spacing:0;font-weight:400}:root[data-theme=dark] .qh-home-header-frame.public-header-home,:root.dark .qh-home-header-frame.public-header-home,html.dark .qh-home-header-frame.public-header-home{background:0 0;border-bottom-color:#0000}:root[data-theme=dark] .qh-home-header-frame.public-header-home:before,:root.dark .qh-home-header-frame.public-header-home:before,html.dark .qh-home-header-frame.public-header-home:before{background:color-mix(in srgb, var(--color-surface) 90%, transparent)}:root[data-theme=dark] .qh-home-header-frame.public-header-home .qh-home-header-links a,:root[data-theme=dark] .qh-home-header-frame.public-header-home .qh-home-header-secondary,:root[data-theme=dark] .qh-home-header-frame.public-header-home .language-picker-button,:root.dark .qh-home-header-frame.public-header-home .qh-home-header-links a,:root.dark .qh-home-header-frame.public-header-home .qh-home-header-secondary,:root.dark .qh-home-header-frame.public-header-home .language-picker-button,html.dark .qh-home-header-frame.public-header-home .qh-home-header-links a,html.dark .qh-home-header-frame.public-header-home .qh-home-header-secondary,html.dark .qh-home-header-frame.public-header-home .language-picker-button{color:var(--color-on-accent)!important}:root[data-theme=dark] .qh-home-header-frame.public-header-home .qh-home-header-links a:hover,:root[data-theme=dark] .qh-home-header-frame.public-header-home .qh-home-header-secondary:hover,:root[data-theme=dark] .qh-home-header-frame.public-header-home .language-picker-button:hover,:root.dark .qh-home-header-frame.public-header-home .qh-home-header-links a:hover,:root.dark .qh-home-header-frame.public-header-home .qh-home-header-secondary:hover,:root.dark .qh-home-header-frame.public-header-home .language-picker-button:hover,html.dark .qh-home-header-frame.public-header-home .qh-home-header-links a:hover,html.dark .qh-home-header-frame.public-header-home .qh-home-header-secondary:hover,html.dark .qh-home-header-frame.public-header-home .language-picker-button:hover{color:var(--color-brand)!important}:root[data-theme=dark] .home-simple-hero-subtitle .home-simple-free-link,:root.dark .home-simple-hero-subtitle .home-simple-free-link,html.dark .home-simple-hero-subtitle .home-simple-free-link{color:var(--color-plan-free-display)}:root[data-theme=dark] .home-simple-free-tooltip,:root.dark .home-simple-free-tooltip,html.dark .home-simple-free-tooltip{border-color:color-mix(in srgb, var(--color-plan-free-display) 58%, var(--color-border));background:var(--color-surface-raised);box-shadow:0 1rem 2.4rem color-mix(in srgb, var(--color-shadow) 36%, transparent)}:root[data-theme=dark] .home-simple-free-tooltip:after,:root.dark .home-simple-free-tooltip:after,html.dark .home-simple-free-tooltip:after{border-color:transparent var(--color-plan-free-display) var(--color-plan-free-display) transparent;background:var(--color-surface-raised)}:root[data-theme=dark] .home-simple-free-tooltip :is(strong,small,.material-symbols-outlined),:root.dark .home-simple-free-tooltip :is(strong,small,.material-symbols-outlined),html.dark .home-simple-free-tooltip :is(strong,small,.material-symbols-outlined){color:var(--color-plan-free-display)}:root[data-theme=dark] .home-simple-free-tooltip small,:root.dark .home-simple-free-tooltip small,html.dark .home-simple-free-tooltip small{border-top-color:color-mix(in srgb, var(--color-plan-free-display) 34%, var(--color-border))}:root[data-theme=dark] .public-home-tool-panel,:root.dark .public-home-tool-panel,html.dark .public-home-tool-panel,:root[data-theme=dark] .public-home-tool-free-card,:root.dark .public-home-tool-free-card,html.dark .public-home-tool-free-card{background:color-mix(in srgb, var(--hoppla-surface) 88%, transparent);border-color:color-mix(in srgb, var(--hoppla-border) 75%, transparent);box-shadow:0 .75rem 2rem color-mix(in srgb, var(--color-shadow) 24%, transparent)}:root[data-theme=dark] .public-home-tool-tabs,:root.dark .public-home-tool-tabs,html.dark .public-home-tool-tabs,:root[data-theme=dark] .public-home-tool-body,:root.dark .public-home-tool-body,html.dark .public-home-tool-body{background:var(--hoppla-surface)}:root[data-theme=dark] .public-home-tool-tabs button,:root[data-theme=dark] .public-home-tool-tabs button:hover,:root[data-theme=dark] .public-home-tool-tabs button:focus-visible,:root[data-theme=dark] .public-home-tool-tabs button.is-active,:root.dark .public-home-tool-tabs button,:root.dark .public-home-tool-tabs button:hover,:root.dark .public-home-tool-tabs button:focus-visible,:root.dark .public-home-tool-tabs button.is-active,html.dark .public-home-tool-tabs button,html.dark .public-home-tool-tabs button:hover,html.dark .public-home-tool-tabs button:focus-visible,html.dark .public-home-tool-tabs button.is-active{color:var(--home-tab-accent)}@media (width<=980px){.qh-home-header-frame.public-header-home{padding:max(8px, env(safe-area-inset-top)) 0 0;position:fixed}.qh-home-header-frame.public-header-home .qh-home-header-inner{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max))}.qh-home-header-frame.public-header-home .qh-home-header-top-row{min-height:4rem;padding:.5rem 0}.qh-home-header-frame.public-header-home .qh-home-header-nav{display:flex}}@media (width<=680px){.content.content-public.content-public-home{padding-top:calc(var(--public-header-height) + 2.25rem)!important}.content.content-public:has(.plans-root){padding-top:calc(var(--public-header-height) + 2.25rem)!important}.public-home-tool{gap:1.75rem;width:100%;padding:0 0 2.5rem}.public-home-tool-copy h1{font-size:clamp(2.25rem,10.5vw,3rem)}.public-home-tool-copy p{font-size:1rem}.public-home-tool-body{padding:1.25rem}.public-home-tool-tabs button{min-height:3.65rem;font-size:.88rem}.public-home-tool-qr-body{gap:1.1rem;min-height:0}.public-home-tool-qr-icon{width:4.15rem;height:4.15rem}.public-home-tool-qr-copy strong{font-size:1.45rem}.public-home-tool-qr-copy p{font-size:.94rem}.public-home-tool-primary{min-height:3.85rem;font-size:.9rem}.public-home-tool-form,.public-home-tool-qr-body,.public-home-tool-free{grid-template-columns:1fr}.public-home-tool-primary,.public-home-tool-free-card button{width:100%}.public-home-tool-free{gap:1.5rem;width:100%;padding-top:2.5rem}.public-home-tool-free-card{padding:1.5rem}.public-home-reference-footer-inner{flex-direction:column;align-items:flex-start;min-height:0;padding-block:1.5rem}.public-home-reference-footer nav{justify-content:flex-start;gap:.75rem 1rem}}.app-main:has(.billing-page-shell){padding-top:2rem}.billing-page-shell.stack-lg{margin-top:0}@media (width<=980px){.app-main:has(.billing-page-shell){padding-top:calc(4.75rem + env(safe-area-inset-top))}}.create-choice-page{grid-template-rows:minmax(0,1fr);min-height:calc(100dvh - 10.75rem);display:grid;overflow:hidden}.create-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid;overflow:hidden}.create-choice-card{background:var(--hoppla-surface-container);min-height:22rem;color:var(--hoppla-text);text-align:left;cursor:pointer;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.5rem;padding:clamp(2rem,6vw,4rem);transition:background .22s,color .22s,filter .22s,transform .26s cubic-bezier(.2,.8,.2,1),opacity .22s;display:flex}.create-choice-card:hover{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface-container))}.create-choice-card:focus-visible{z-index:1;outline:3px solid color-mix(in srgb, var(--brand) 62%, transparent);outline-offset:-3px;position:relative}.create-choice-card:disabled{cursor:wait}.create-choice-heading{align-items:center;gap:1.5rem;display:flex}.create-choice-icon{background:color-mix(in srgb, var(--brand) 14%, var(--hoppla-surface));width:5rem;height:5rem;color:var(--brand);font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 48;border-radius:999px;flex:none;place-items:center;font-size:3rem;transition:background .22s,color .22s,transform .32s;display:grid}.create-choice-card:hover .create-choice-icon{background:var(--brand);color:var(--color-on-accent);transform:scale(1.08)}.create-choice-card-qr:hover .create-choice-icon{animation:1.5s ease-out infinite create-choice-icon-pulse}.create-choice-card-link{background:var(--hoppla-surface-low)}.create-choice-card-link:hover{background:var(--hoppla-surface-container)}.create-choice-card-link .create-choice-icon{background:color-mix(in srgb, var(--tone-sky) 16%, var(--hoppla-surface));color:var(--tone-sky-deep,var(--color-product-qr-accent))}.create-choice-card-link:hover .create-choice-icon{background:var(--tone-sky-deep,var(--color-product-qr-accent));color:var(--color-text)}@media (width>=981px){.app-stage:has(.create-choice-card:hover){background:color-mix(in srgb, var(--color-brand) 28%, var(--hoppla-bg))}.create-choice-card-qr:hover{background:radial-gradient(circle at 16% 28%, color-mix(in srgb, var(--brand) 16%, transparent), transparent 30%), color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface-container))}.create-choice-card-link:hover{background:radial-gradient(circle at 16% 28%, color-mix(in srgb, var(--color-product-qr-accent) 24%, transparent), transparent 30%), var(--hoppla-surface-container)}.create-choice-grid:has(.create-choice-card:hover) .create-choice-card:not(:hover){filter:brightness(.68)saturate(.72);opacity:.62}.create-choice-grid:has(.create-choice-card:hover) .create-choice-card:hover{filter:none;opacity:1}}.create-choice-copy{gap:.75rem;max-width:34rem;display:grid}.create-choice-copy strong{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.035em;font-size:clamp(2rem,3.2vw,2.7rem);font-weight:700;line-height:1.05}.create-choice-copy span{color:var(--hoppla-text-soft);font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.55}.create-choice-cta{color:var(--brand);font-family:var(--hoppla-font-body);align-items:center;gap:.45rem;margin-top:.25rem;font-size:.86rem;font-weight:800;display:inline-flex}.create-choice-card-link .create-choice-cta{color:var(--tone-sky-deep,var(--color-product-qr-accent))}.create-choice-card:hover .create-choice-cta .icon-sm{transform:translate(.35rem)}.create-choice-cta .icon-sm{transition:transform .18s}.create-choice-page-leaving .create-choice-grid{animation:.26s cubic-bezier(.4,0,1,1) forwards create-choice-leave}.create-builder-enter{animation:.36s cubic-bezier(.16,1,.3,1) both create-builder-enter}.qr-studio-step-transition,.link-studio-step-transition{will-change:opacity, transform}.qr-studio-step-forward-leave,.link-studio-step-forward-leave{pointer-events:none;animation:.18s cubic-bezier(.4,0,1,1) both studio-step-leave-left}.qr-studio-step-forward-enter,.link-studio-step-forward-enter{animation:.3s cubic-bezier(.16,1,.3,1) both studio-step-enter-right}.qr-studio-step-backward-leave,.link-studio-step-backward-leave{pointer-events:none;animation:.18s cubic-bezier(.4,0,1,1) both studio-step-leave-right}.qr-studio-step-backward-enter,.link-studio-step-backward-enter{animation:.3s cubic-bezier(.16,1,.3,1) both studio-step-enter-left}@keyframes create-choice-leave{to{opacity:0;transform:translate(-9vw)}}@keyframes create-builder-enter{0%{opacity:0;transform:translate(9vw)}to{opacity:1;transform:translate(0)}}@keyframes studio-step-leave-left{to{opacity:0;transform:translate(-8%)}}@keyframes studio-step-enter-right{0%{opacity:0;transform:translate(8%)}to{opacity:1;transform:translate(0)}}@keyframes studio-step-leave-right{to{opacity:0;transform:translate(8%)}}@keyframes studio-step-enter-left{0%{opacity:0;transform:translate(-8%)}to{opacity:1;transform:translate(0)}}@keyframes create-choice-icon-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--brand) 20%, transparent)}70%{box-shadow:0 0 0 .95rem #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){.create-choice-page-leaving .create-choice-grid,.create-builder-enter,.qr-studio-step-forward-leave,.link-studio-step-forward-leave,.qr-studio-step-forward-enter,.link-studio-step-forward-enter,.qr-studio-step-backward-leave,.link-studio-step-backward-leave,.qr-studio-step-backward-enter,.link-studio-step-backward-enter{animation:none}}.short-links-create-card,.short-links-list-card{border:1px solid color-mix(in srgb, var(--border-color) 80%, transparent);background:radial-gradient(circle at top left, color-mix(in srgb, var(--brand-primary) 12%, transparent), transparent 34%), var(--surface-elevated);box-shadow:var(--shadow-sm);border-radius:1.6rem;padding:clamp(1rem,2vw,1.5rem)}.short-links-create-heading,.short-links-list-heading,.short-link-row-main{align-items:flex-start;gap:1rem;display:flex}.short-links-create-heading .material-symbols-outlined{width:3rem;height:3rem;color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 12%, transparent);border-radius:1rem;place-items:center;display:grid}.short-links-create-heading h2,.short-links-list-heading h2,.short-link-row h3{color:var(--text-primary);margin:0}.short-links-create-heading p,.short-link-row p,.short-links-plan-lock span{color:var(--text-secondary);margin:.2rem 0 0}.short-links-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.2rem;display:grid}.short-links-form label{color:var(--text-primary);gap:.4rem;font-weight:800;display:grid}.short-links-form select,.short-links-form textarea{border:1px solid var(--border-color);background:var(--input-bg,var(--surface));width:100%;color:var(--text-primary);font:inherit;border-radius:1rem;padding:.85rem 1rem}.short-links-form textarea{resize:vertical;min-height:7rem}.short-links-form-wide,.short-links-submit{grid-column:1/-1}.short-links-submit{justify-content:center;display:flex}.short-links-plan-lock{background:color-mix(in srgb, var(--warning-color,var(--color-product-short-link)) 12%, transparent);color:var(--text-primary);border-radius:1.2rem;gap:.5rem;margin-top:1rem;padding:1rem;display:grid}.short-links-list-heading{justify-content:space-between;align-items:center;margin-bottom:1rem}.short-links-list-heading span{min-width:2.3rem;height:2.3rem;color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 12%, transparent);border-radius:999px;place-items:center;font-weight:900;display:grid}.short-links-list{gap:.9rem;display:grid}.short-link-row{border:1px solid color-mix(in srgb, var(--border-color) 80%, transparent);background:var(--surface);border-radius:1.25rem;grid-template-columns:minmax(0,1.5fr) auto auto;align-items:center;gap:1rem;padding:1rem;display:grid}.short-link-kind{background:color-mix(in srgb, var(--brand-primary) 12%, transparent);color:var(--brand-primary);border-radius:999px;flex:none;padding:.35rem .7rem;font-size:.78rem;font-weight:900}.short-link-kind-image{background:color-mix(in srgb, var(--color-plan-pro) 14%, transparent);color:var(--color-warning)}.short-link-kind-pdf{background:color-mix(in srgb, var(--color-product-short-link) 12%, transparent);color:var(--color-danger)}.short-link-row-main button{color:var(--brand-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}.short-link-row-meta,.short-link-row-actions{flex-wrap:wrap;justify-content:flex-end;gap:.45rem;display:flex}.short-link-row-meta span{background:color-mix(in srgb, var(--surface-elevated) 70%, var(--border-color));color:var(--text-secondary);border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:800}.short-links-section{gap:1rem}.short-link-card{align-items:center}.short-link-card-icon{border-radius:1rem;flex:none;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.short-link-card-icon-link{background:color-mix(in srgb, var(--short-link-accent) 13%, transparent);color:var(--short-link-accent)}.short-link-card-icon-image{background:color-mix(in srgb, var(--tone-amber) 16%, transparent);color:var(--color-product-short-link)}.short-link-card-icon-pdf{background:color-mix(in srgb, var(--tone-rose-dark) 13%, transparent);color:var(--tone-rose-dark)}.short-link-card-destination{max-width:34rem;color:var(--dashboard-on-surface-variant);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;line-height:1.35;display:block;overflow:hidden}.link-studio-back{width:fit-content;color:var(--dashboard-on-surface-variant);font:800 .78rem/1 var(--hoppla-font-title);cursor:pointer;background:0 0;border:0;align-items:center;gap:.45rem;padding:0;display:inline-flex}.link-studio-back:hover{color:var(--dashboard-primary)}.link-studio-page{box-sizing:border-box;width:100%;max-width:none}.link-studio-center{box-sizing:border-box;justify-items:center;width:100%;min-width:0;display:grid}.link-studio-mockup-shell{box-sizing:border-box;grid-template-columns:minmax(0,1fr);width:min(100%,68rem);margin-inline:auto}.link-studio-mockup-left{width:100%;min-width:0}.link-studio-mockup-card{overflow:hidden}.link-studio-mockup-card .link-studio-back{margin:clamp(1rem,2vw,1.3rem) clamp(1rem,2.4vw,1.7rem) 0}.link-studio-hero{margin-top:0}.link-studio-content-well{margin-top:clamp(1rem,2vw,1.4rem)}.link-studio-content-card{padding:clamp(1.1rem,2.5vw,1.6rem)}.link-studio-eyebrow,.link-studio-success>div>span{color:var(--dashboard-primary);font:800 .72rem/1 var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase}.link-studio-stage{padding:clamp(.75rem,1.6vw,1.25rem) clamp(1.1rem,2.5vw,2rem) clamp(1rem,2vw,1.5rem)}.link-studio-stage h2{color:var(--dashboard-on-surface);font:800 clamp(1.5rem, 2.5vw, 2.15rem)/1.12 var(--hoppla-font-title);margin:.7rem 0}.link-studio-stage>p{max-width:44rem;color:var(--dashboard-on-surface-variant);margin:0;line-height:1.6}.link-studio-kind-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;width:100%;margin-top:.35rem;display:grid}.link-studio-kind{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-card);min-height:12rem;color:var(--dashboard-on-surface);text-align:center;cursor:pointer;border-radius:1.2rem;align-content:center;justify-items:center;gap:.65rem;padding:1.1rem;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:grid;position:relative;overflow:hidden}.link-studio-kind:first-child{border-color:color-mix(in srgb, var(--tone-brand-light) 34%, var(--dashboard-outline-variant));background:linear-gradient(150deg, color-mix(in srgb, var(--tone-brand-light) 14%, var(--dashboard-surface-card)), var(--dashboard-surface-card))}.link-studio-kind:nth-child(2){border-color:color-mix(in srgb, var(--tone-amber) 36%, var(--dashboard-outline-variant));background:linear-gradient(150deg, color-mix(in srgb, var(--tone-amber) 15%, var(--dashboard-surface-card)), var(--dashboard-surface-card))}.link-studio-kind:nth-child(3){border-color:color-mix(in srgb, var(--tone-rose-dark) 34%, var(--dashboard-outline-variant));background:linear-gradient(150deg, color-mix(in srgb, var(--tone-rose-dark) 13%, var(--dashboard-surface-card)), var(--dashboard-surface-card))}.link-studio-kind:hover,.link-studio-kind.is-selected{border-color:var(--tone-brand-light);box-shadow:0 16px 30px color-mix(in srgb, var(--tone-brand-light) 16%, transparent);transform:translateY(-2px)}.link-studio-kind.is-selected{box-shadow:0 0 0 4px color-mix(in srgb, var(--tone-brand-light) 10%, transparent), 0 18px 34px color-mix(in srgb, var(--tone-brand-light) 17%, transparent);border-width:2px}.link-studio-kind-icon{background:color-mix(in srgb, var(--tone-brand-light) 12%, var(--dashboard-surface-card));width:3.35rem;height:3.35rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, currentColor 12%, transparent);border-radius:1.05rem;place-items:center;transition:transform .2s,background .2s,color .2s;display:grid;color:var(--tone-brand-light)!important}.link-studio-kind:hover .link-studio-kind-icon,.link-studio-kind.is-selected .link-studio-kind-icon{transform:translateY(-2px)scale(1.04)}.link-studio-kind:nth-child(2) .link-studio-kind-icon{background:color-mix(in srgb, var(--tone-amber) 14%, var(--dashboard-surface-card));color:var(--color-warning)!important}.link-studio-kind:nth-child(3) .link-studio-kind-icon{background:color-mix(in srgb, var(--tone-rose-dark) 11%, var(--dashboard-surface-card));color:var(--tone-rose-dark)!important}.link-studio-kind-icon svg{width:1.65rem;height:1.65rem;color:currentColor!important}.link-studio-kind strong{font:800 1.05rem/1.1 var(--hoppla-font-title)}.link-studio-kind .link-studio-kind-description{color:var(--dashboard-on-surface-variant);font-size:.85rem;line-height:1.45}.link-studio-kind-selected{background:color-mix(in srgb, var(--tone-brand-light) 13%, var(--dashboard-surface-card));border-radius:999px;align-items:center;gap:.25rem;padding:.28rem .48rem;font-size:.65rem;font-weight:850;line-height:1;display:inline-flex;position:absolute;top:.7rem;right:.7rem;color:var(--tone-brand-light)!important}.link-studio-kind-selected svg{width:.78rem;height:.78rem}.link-studio-kind.is-locked{cursor:pointer;filter:saturate(.5);opacity:.62}.link-studio-kind.is-locked:hover{border-color:var(--dashboard-outline-variant);box-shadow:none;transform:none}.link-studio-kind.is-locked:focus-visible{outline:3px solid color-mix(in srgb, var(--brand) 30%, transparent);outline-offset:3px}.link-studio-kind.is-plan-denied{filter:none;opacity:1}.link-studio-kind.is-plan-denied-image{border-color:color-mix(in srgb, var(--tone-amber) 78%, var(--dashboard-outline-variant));background:linear-gradient(150deg, color-mix(in srgb, var(--tone-amber) 20%, var(--dashboard-surface-card)), var(--dashboard-surface-card));box-shadow:0 0 0 .3rem color-mix(in srgb, var(--tone-amber) 13%, transparent), 0 1rem 2.2rem color-mix(in srgb, var(--tone-amber) 18%, transparent)}.link-studio-kind.is-plan-denied-pdf{border-color:color-mix(in srgb, var(--tone-rose-dark) 72%, var(--dashboard-outline-variant));background:linear-gradient(150deg, color-mix(in srgb, var(--tone-rose-dark) 18%, var(--dashboard-surface-card)), var(--dashboard-surface-card));box-shadow:0 0 0 .3rem color-mix(in srgb, var(--tone-rose-dark) 12%, transparent), 0 1rem 2.2rem color-mix(in srgb, var(--tone-rose-dark) 18%, transparent)}.link-studio-kind.is-plan-denied-odd{animation:.42s cubic-bezier(.22,1,.36,1) link-studio-plan-denied-odd}.link-studio-kind.is-plan-denied-even{animation:.42s cubic-bezier(.22,1,.36,1) link-studio-plan-denied-even}@keyframes link-studio-plan-denied-odd{0%,to{transform:translate(0)}22%{transform:translate(-.28rem)}45%{transform:translate(.24rem)}67%{transform:translate(-.14rem)}84%{transform:translate(.08rem)}}@keyframes link-studio-plan-denied-even{0%,to{transform:translate(0)}22%{transform:translate(-.28rem)}45%{transform:translate(.24rem)}67%{transform:translate(-.14rem)}84%{transform:translate(.08rem)}}.link-studio-kind-lock{background:color-mix(in srgb, var(--dashboard-on-surface) 9%, transparent);letter-spacing:.04em;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .45rem;font-weight:800;display:inline-flex;color:var(--dashboard-on-surface)!important;font-size:.65rem!important;line-height:1!important}.link-studio-kind-lock .icon-xs{width:.72rem;height:.72rem;color:currentColor!important}.link-studio-plan-unlock{border:1px solid color-mix(in srgb, var(--tone-brand-light) 20%, var(--dashboard-outline-variant));background:color-mix(in srgb, var(--tone-brand-light) 6%, var(--dashboard-surface-card));width:min(100%,48rem);color:var(--dashboard-on-surface);border-radius:.85rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;margin:.9rem auto 0;padding:.7rem .8rem;transition:border-color .22s,background .22s,box-shadow .22s,transform .22s;display:grid}.link-studio-plan-unlock.is-image-feedback{border-color:color-mix(in srgb, var(--tone-amber) 60%, var(--dashboard-outline-variant));background:color-mix(in srgb, var(--tone-amber) 11%, var(--dashboard-surface-card));box-shadow:0 .75rem 1.8rem color-mix(in srgb, var(--tone-amber) 14%, transparent);transform:translateY(-1px)}.link-studio-plan-unlock.is-image-feedback>.icon-sm{color:var(--color-plan-pro)}.link-studio-plan-unlock.is-pdf-feedback{border-color:color-mix(in srgb, var(--tone-rose-dark) 54%, var(--dashboard-outline-variant));background:color-mix(in srgb, var(--tone-rose-dark) 9%, var(--dashboard-surface-card));box-shadow:0 .75rem 1.8rem color-mix(in srgb, var(--tone-rose-dark) 13%, transparent);transform:translateY(-1px)}.link-studio-plan-unlock.is-pdf-feedback>.icon-sm{color:var(--tone-rose-dark)}.link-studio-plan-unlock>.icon-sm{color:var(--tone-brand-light)}.link-studio-plan-unlock div{gap:.1rem;min-width:0;display:grid}.link-studio-plan-unlock strong{font:800 .78rem/1.2 var(--hoppla-font-title)}.link-studio-plan-unlock span{color:var(--dashboard-on-surface-variant);font-size:.72rem;line-height:1.35}.link-studio-plan-unlock button{background:var(--brand);min-height:2rem;color:var(--color-on-accent);font:800 .7rem/1 var(--hoppla-font-body);cursor:pointer;border:0;border-radius:.5rem;padding:.35rem .6rem}.link-studio-plan-unlock button:hover{background:var(--brand-strong)}@media (prefers-reduced-motion:reduce){.link-studio-kind.is-plan-denied-odd,.link-studio-kind.is-plan-denied-even{animation:none}.link-studio-plan-unlock{transition-duration:.01ms}}.link-studio-field{width:100%;color:var(--dashboard-on-surface);font:800 .78rem/1.2 var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;gap:.5rem;display:grid}.link-studio-field em{color:var(--dashboard-on-surface-variant);font-style:normal;font-weight:700}.link-studio-field input,.link-studio-field select,.link-studio-field textarea,.link-studio-asset-picker select{box-sizing:border-box;border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-low);width:100%;color:var(--dashboard-on-surface);font:600 .95rem/1.35 var(--hoppla-font-body);letter-spacing:normal;text-transform:none;border-radius:.9rem;padding:.85rem .95rem}.link-studio-field textarea{resize:vertical;min-height:7rem}.link-studio-field small{color:var(--dashboard-on-surface-variant);font:500 .8rem/1.45 var(--hoppla-font-body);letter-spacing:normal;text-transform:none}.link-studio-field input[aria-invalid=true]{border-color:color-mix(in srgb, var(--error,var(--color-danger)) 70%, var(--dashboard-outline-variant));box-shadow:0 0 0 3px color-mix(in srgb, var(--error,var(--color-danger)) 11%, transparent)}.link-studio-field small.link-studio-field-error{color:var(--error,var(--color-danger));font-weight:700}.link-studio-asset-picker{gap:1rem;margin-top:1.3rem;display:grid}.link-studio-upload{border:1px dashed var(--tone-brand-light);background:color-mix(in srgb, var(--tone-brand-light) 7%, var(--dashboard-surface-card));width:fit-content;min-height:3rem;color:var(--dashboard-on-surface);cursor:pointer;border-radius:.95rem;justify-content:center;align-items:center;gap:.55rem;padding:.78rem 1.05rem;display:inline-flex}.link-studio-upload:hover:enabled{background:color-mix(in srgb, var(--tone-brand-light) 12%, var(--dashboard-surface-card))}.link-studio-upload svg{width:1.15rem;height:1.15rem;color:var(--tone-brand-light)}.link-studio-upload strong{font:800 .9rem/1.2 var(--hoppla-font-title)}.link-studio-upload span{color:var(--dashboard-on-surface-variant);font-size:.85rem;line-height:1.45}.link-studio-selected-asset{color:var(--color-success);align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;display:inline-flex}.link-studio-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.4rem;display:grid}.link-studio-field-wide{grid-column:1/-1}.link-studio-recipient-field{border:1px solid color-mix(in srgb, var(--tone-brand-light) 18%, var(--dashboard-outline-variant));background:color-mix(in srgb, var(--tone-brand-light) 4%, var(--dashboard-surface-card));border-radius:1rem;gap:.7rem;padding:1rem;display:grid}.link-studio-recipient-head{color:var(--dashboard-on-surface);font:800 .78rem/1.2 var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:1rem;display:flex}.link-studio-recipient-head em{color:var(--dashboard-on-surface-variant);font-style:normal;font-weight:700}.link-studio-recipient-head small{color:var(--tone-brand-light);font-size:.72rem;font-weight:850}.link-studio-recipient-list{gap:.65rem;display:grid}.link-studio-recipient-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.35rem .5rem;display:grid}.link-studio-recipient-input{min-width:0;position:relative}.link-studio-recipient-input>svg{width:1.05rem;height:1.05rem;color:var(--dashboard-on-surface-variant);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.link-studio-recipient-input .input{border-color:var(--dashboard-outline-variant);background:var(--dashboard-surface-low);width:100%;padding-left:2.5rem}.link-studio-recipient-row>small{color:var(--error,var(--color-danger));grid-column:1/-1;padding-left:.15rem;font-size:.76rem;font-weight:700}.link-studio-recipient-remove,.link-studio-recipient-add,.link-studio-recipient-empty{font:800 .8rem/1.2 var(--hoppla-font-body);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.link-studio-recipient-remove{background:color-mix(in srgb, var(--error,var(--color-danger)) 8%, transparent);width:2.65rem;height:2.65rem;color:var(--error,var(--color-danger));border-radius:.8rem}.link-studio-recipient-remove:hover{background:var(--error,var(--color-danger));color:var(--color-on-accent)}.link-studio-recipient-remove svg{width:1.05rem;height:1.05rem}.link-studio-recipient-add{color:var(--tone-brand-light);background:0 0;justify-self:start;padding:.45rem 0}.link-studio-recipient-add:hover:not(:disabled){color:var(--brand-strong)}.link-studio-recipient-add:disabled{color:var(--dashboard-on-surface-variant);cursor:default}.link-studio-recipient-add svg{width:1rem;height:1rem}.link-studio-recipient-empty{border:1px dashed color-mix(in srgb, var(--tone-brand-light) 42%, var(--dashboard-outline-variant));background:color-mix(in srgb, var(--tone-brand-light) 5%, transparent);width:100%;min-height:3.5rem;color:var(--tone-brand-light);border-radius:.9rem;padding:.8rem}.link-studio-recipient-empty:hover{border-color:var(--tone-brand-light);background:color-mix(in srgb, var(--tone-brand-light) 10%, transparent)}.link-studio-recipient-empty span{background:var(--tone-brand-light);width:1.7rem;height:1.7rem;color:var(--color-text);border-radius:999px;place-items:center;display:grid}.link-studio-recipient-empty svg{width:.9rem;height:.9rem}.link-studio-recipient-field>p{color:var(--dashboard-on-surface-variant);margin:0;font-size:.76rem;line-height:1.45}.link-studio-details-panel{gap:1rem;display:grid}.link-studio-success{align-items:center;gap:1.25rem;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.link-studio-success>svg{width:3rem;color:var(--tone-emerald);flex:none}.link-studio-success>div{flex:1;min-width:0}.link-studio-success h2{color:var(--dashboard-on-surface);font:800 1.5rem/1.2 var(--hoppla-font-title);margin:.35rem 0}.link-studio-success button{max-width:100%;color:var(--dashboard-primary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:800;overflow:hidden}.link-studio-success p{color:var(--dashboard-on-surface-variant);margin:.45rem 0 0}.dashboard-links-section{gap:1rem}.dashboard-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.dashboard-link-summary{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-card);min-width:0;box-shadow:0 12px 28px color-mix(in srgb, var(--color-brand) 5%, transparent);border-radius:1.2rem;align-items:center;gap:.85rem;padding:1rem;display:flex}.dashboard-link-summary-icon{border-radius:.85rem;flex:none;place-items:center;width:2.65rem;height:2.65rem;display:grid}.dashboard-link-summary-link{background:color-mix(in srgb, var(--tone-brand-light) 12%, transparent);color:var(--tone-brand-light)}.dashboard-link-summary-image{background:color-mix(in srgb, var(--tone-amber) 17%, transparent);color:var(--color-warning)}.dashboard-link-summary-pdf{background:color-mix(in srgb, var(--tone-rose-dark) 13%, transparent);color:var(--tone-rose-dark)}.dashboard-link-summary-copy{gap:.18rem;min-width:0;display:grid}.dashboard-link-summary-copy button{width:fit-content;max-width:100%;color:var(--dashboard-on-surface);font:800 .94rem/1.25 var(--hoppla-font-title);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;overflow:hidden}.dashboard-link-summary-copy button+button{color:var(--dashboard-primary);font:700 .78rem/1.25 var(--hoppla-font-body)}.dashboard-link-summary-copy span{color:var(--dashboard-on-surface-variant);font-size:.75rem}.dashboard-links-empty{border:1px dashed var(--dashboard-outline-variant);background:var(--dashboard-surface-card);min-height:7rem;color:var(--dashboard-primary);font:800 .86rem/1.3 var(--hoppla-font-title);cursor:pointer;border-radius:1.25rem;justify-content:center;align-items:center;gap:.55rem;display:flex}@media (width<=700px){.dashboard-links-grid,.link-studio-kind-grid,.link-studio-form-grid{grid-template-columns:1fr}.link-studio-stage{padding:1rem}.link-studio-kind{min-height:9rem}.link-studio-success{flex-wrap:wrap;align-items:flex-start}.link-studio-success .btn{width:100%}}:root[data-theme=dark] .dashboard-qr-list-item,:root.dark .dashboard-qr-list-item,html.dark .dashboard-qr-list-item{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 94%, transparent), color-mix(in srgb, var(--color-brand) 86%, transparent));border-color:color-mix(in srgb, var(--color-brand) 20%, transparent);box-shadow:0 16px 32px color-mix(in srgb, var(--color-shadow) 20%, transparent)}:root[data-theme=dark] .dashboard-qr-actions button,:root.dark .dashboard-qr-actions button,html.dark .dashboard-qr-actions button{background:color-mix(in srgb, var(--color-brand) 90%, transparent)}:root[data-theme=dark] .dashboard-qr-badge-active,:root.dark .dashboard-qr-badge-active,html.dark .dashboard-qr-badge-active{background:color-mix(in srgb, var(--tone-emerald) 18%, transparent);color:var(--tone-emerald)}:root[data-theme=dark] .dashboard-qr-badge-paused,:root[data-theme=dark] .dashboard-qr-badge-review,:root.dark .dashboard-qr-badge-paused,:root.dark .dashboard-qr-badge-review,html.dark .dashboard-qr-badge-paused,html.dark .dashboard-qr-badge-review{background:color-mix(in srgb, var(--tone-amber) 20%, transparent);color:var(--tone-amber)}@media (width<=980px){.create-choice-page{min-height:calc(100dvh - 11.65rem);margin-inline:calc(var(--page-gutter) * -1);background:0 0}.create-choice-grid{grid-template-rows:repeat(2,minmax(15.5rem,1fr));grid-template-columns:1fr}.create-choice-card{min-height:15.5rem;padding:clamp(1.75rem, 7vw, 3rem) max(1.3rem, var(--page-gutter));text-align:center;align-items:center}.create-choice-heading{flex-direction:column;gap:1.15rem}.create-choice-copy{justify-items:center}.create-choice-copy strong{font-size:clamp(1.85rem,8vw,2.4rem)}.create-choice-copy span{max-width:30rem}}@media (width<=760px){.create-choice-grid,.short-links-form,.short-link-row{grid-template-columns:1fr}.short-link-row-actions,.short-link-row-meta{justify-content:flex-start}}@keyframes hoppla-toast-slide{0%{opacity:0;transform:translate(24px)}10%,80%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translate(24px)}}@keyframes hoppla-spin{to{transform:rotate(360deg)}}.inline-notice{background:color-mix(in srgb, var(--color-brand) 6%, transparent)}.form-success{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--success)}.form-error{background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-danger)}.field-error-text{color:var(--color-danger);margin-top:.4rem;display:block}.input-invalid.input,.input-invalid.public-textarea,.public-textarea.input-invalid{border-color:color-mix(in srgb, var(--color-danger) 55%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-danger) 16%, transparent)}.icon-sm{width:16px;height:16px}.icon-md{width:22px;height:22px}@media (width<=980px){.hero-simple,.studio-grid,.app-shell,.field-row,.cta-banner{grid-template-columns:1fr;display:grid}.app-shell{width:calc(100% - (var(--page-gutter) * 2))}.sidebar{margin:16px 0 0;position:static}.topbar{flex-direction:column;align-items:flex-start}.public-footer-main{grid-template-columns:1fr;gap:1.5rem;padding-inline:0}.public-footer-bottom{padding-inline:0}.information-layout{grid-template-columns:1fr}.information-sidebar{position:static}.public-header-bar{min-height:4.9rem}.public-nav-toggle{display:inline-flex}.public-nav{top:calc(100% + .5rem);left:var(--page-gutter);right:var(--page-gutter);border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);box-shadow:0 18px 40px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:1.2rem;flex-direction:column;align-items:stretch;gap:.9rem;padding:1rem;display:none;position:absolute}.public-nav-open{display:flex}.public-nav-links,.public-header-actions{flex-direction:column;align-items:stretch}.public-header-actions .nav-cta,.public-header-actions .language-picker-button,.public-login-link{justify-content:center;width:100%}.hero-bg-right{width:220px}}@media (width<=640px){:root{--page-gutter:16px}.content-public-home{padding-top:calc(var(--public-header-height) + 1.4rem)}.public-footer-contact-column{text-align:center}.public-footer-contact-column .public-footer-kicker{text-align:center;display:block}.public-footer-contact-column .public-footer-contact-list{flex-direction:row;justify-content:center;align-items:stretch;gap:.65rem;display:flex}.public-footer-contact-column .public-footer-contact-card{min-width:0;box-shadow:none;background:0 0;border:0;flex:1 1 0;padding:0}.public-footer-contact-column .public-footer-contact-card span{display:none}.public-footer-contact-column .public-footer-contact-card a{appearance:none;width:100%;min-height:2.75rem;color:var(--tone-brand-light,var(--color-brand));text-align:center;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:.2rem 0;font-size:clamp(.72rem,2.8vw,.86rem);font-weight:800;line-height:1.1;display:inline-flex}.public-footer-contact-column .public-footer-contact-link{appearance:none;width:100%;min-height:2.75rem;color:var(--tone-brand-light,var(--color-brand));font-family:var(--hoppla-font-title);text-align:center;overflow-wrap:anywhere;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:.2rem 0;font-size:clamp(.72rem,2.8vw,.86rem);font-weight:800;line-height:1.1;display:inline-flex}.public-footer-contact-column .public-footer-copy-toast{background:color-mix(in srgb, var(--color-brand) 12%, transparent);justify-self:center;margin:.55rem auto .75rem}.public-marketing-page{gap:1rem}.public-header-actions .public-login-link{border:1px solid color-mix(in srgb, var(--color-brand) 20%, transparent);background:color-mix(in srgb, var(--color-brand) 8%, transparent);width:100%;min-height:3rem;color:var(--tone-brand-light,var(--color-brand));letter-spacing:.06em;text-align:center;box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.1rem;font-size:.88rem;font-weight:800;display:inline-flex}.public-header-actions .public-login-link:hover{color:var(--tone-brand-light,var(--color-brand));border-color:color-mix(in srgb, var(--color-brand) 30%, transparent);background:color-mix(in srgb, var(--color-brand) 12%, transparent)}.public-header-bar{border-radius:1rem;min-height:4rem;padding:.6rem .75rem}.public-nav{border-radius:1rem;gap:.75rem;padding:.85rem}.public-nav-links a,.public-login-link{font-size:.76rem}.public-header-actions .nav-cta,.public-header-actions .language-picker-button,.public-header-actions .public-login-link,.public-header-actions .public-early-access-header-button{min-height:2.8rem}.public-header-actions .public-early-access-header-button{grid-template-columns:1rem auto 1rem;padding-inline:.85rem;font-size:.72rem}.public-home-hero{border-radius:1.2rem;padding:1rem}.public-home-hero .public-hero-surface,.public-home-feature-section{border-radius:1.1rem}.public-home-hero-copy,.public-home-hero-aside,.public-home-feature-section{padding:1rem}.public-home-hero-title{max-width:none;margin-top:.5rem;margin-bottom:.65rem;font-size:clamp(1.95rem,10vw,2.55rem);line-height:.98}.public-home-hero-text{display:none}.public-home-hero-mobile-summary{color:var(--hoppla-text-soft);margin:0;font-size:.92rem;line-height:1.55;display:block}.public-home-chip-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.9rem;display:grid}.public-home-chip-row .public-chip{letter-spacing:.04em;justify-content:center;min-height:2rem;padding-inline:.55rem;font-size:.68rem}.public-home-hero-actions{grid-template-columns:minmax(0,1fr);gap:.65rem;margin-top:1rem;display:grid}.public-home-hero-actions .nav-cta,.public-home-hero-actions .public-secondary-cta{justify-content:center;width:100%}.public-home-hero-aside .connected-early-access{gap:.75rem;padding:.95rem}.public-home-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:.8rem}.public-home-trust-grid{grid-template-columns:1fr;gap:.6rem}.public-home-section-head{margin-bottom:.85rem}.public-home-section-head p{display:none}.public-home-feature-grid{grid-template-columns:1fr;gap:.8rem}.public-home-feature-grid .feature-card{gap:.55rem;padding:.95rem}.public-home-feature-grid .feature-card h3{font-size:.98rem}.public-home-feature-grid .feature-card p{margin:0;font-size:.88rem;line-height:1.45}.content,.app-main,.public-header,.public-footer{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max))}.hero-copy,.hero-info-card,.studio-card,.card,.cta-banner{padding:20px}.hero-copy h1{max-width:none}.mini-stat-grid{grid-template-columns:1fr}.public-footer{padding:1.1rem 1rem .9rem}.public-footer-actions{width:100%}.public-footer-actions .nav-cta,.public-footer-actions .public-footer-login{justify-content:center;width:100%}}.app-shell{--app-sidebar-width:20rem;--app-sidebar-width-collapsed:5.4rem;background:0 0;width:100%;margin:0;display:block}.app-stage{min-height:100vh;margin-left:var(--app-sidebar-width);min-width:0;transition:margin-left .18s,background .24s}.app-shell.app-shell-sidebar-collapsed .app-stage{margin-left:var(--app-sidebar-width-collapsed)}.connected-creation-workspace{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;gap:1.5rem;display:grid}.connected-creation-workspace-bar{border:1px solid color-mix(in srgb, var(--hoppla-border) 82%, transparent);background:color-mix(in srgb, var(--hoppla-surface) 72%, transparent);width:min(100%,54rem);box-shadow:0 .625rem 1.6rem color-mix(in srgb, var(--color-brand) 8%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:.75rem;grid-template-columns:auto minmax(0,1fr) auto;justify-self:center;overflow:hidden}.connected-creation-workspace-bar>.public-home-lease-indicator{align-self:center;margin-inline:.65rem}@media (width<=980px){.public-home-workspace-bar.is-connected-workspace:has(.public-home-tool-tabs-single){grid-template-columns:auto minmax(0,1fr) auto}.public-home-workspace-bar.is-connected-workspace:has(.public-home-tool-tabs-single) .public-home-connected-desktop-timer{align-self:center;min-width:0;margin-inline:.45rem;display:inline-flex}.public-home-workspace-bar.is-connected-workspace:has(.public-home-tool-tabs-single) .public-home-workspace-end{padding-inline:.45rem;display:flex}.public-home-workspace-bar.is-connected-workspace:has(.public-home-tool-tabs-single) .public-home-workspace-end-timer{display:none}.public-home-workspace-bar.is-connected-workspace:has(.public-home-tool-tabs-single):after{display:none}}.app-main:has(.connected-creation-workspace){width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max))}.create-choice-control-page{place-items:center;min-height:calc(100vh - 2rem);padding:1rem 0;display:grid}.connected-create-choice{gap:clamp(1.6rem,4vw,2.5rem);width:min(100%,54rem);padding:clamp(1rem,3vw,2.25rem) 0;display:grid}.connected-create-choice-copy{text-align:center;justify-items:center;gap:.7rem;display:grid}.connected-create-choice-copy h1{max-width:42rem;color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.25rem);font-weight:850;line-height:1}.connected-create-choice-actions{justify-content:center;align-items:center;gap:1rem;display:flex}.connected-create-choice-actions .home-simple-action{width:min(100%,17rem)}@media (width<=640px){.create-choice-control-page{min-height:calc(100svh - 6rem)}.connected-create-choice{padding-inline:0}.connected-create-choice-actions{flex-direction:column}.connected-create-choice-actions .home-simple-action{width:100%}}.sidebar{width:var(--app-sidebar-width);border:1px solid color-mix(in srgb, var(--color-brand) 10%, transparent);background:var(--color-surface);box-shadow:22px 0 48px color-mix(in srgb, var(--color-shadow) 8%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:40;border-left:0;border-radius:0 32px 32px 0;flex-direction:column;gap:.85rem;margin:0;padding:1rem;transition:width .18s,transform .18s,box-shadow .18s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-mobile-trigger{z-index:95;border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 90%, transparent);width:3rem;height:3rem;color:var(--brand);box-shadow:0 16px 32px color-mix(in srgb, var(--color-shadow) 12%, transparent);border-radius:999px;display:none;position:fixed;top:1rem;left:1rem}.sidebar-mobile-backdrop{z-index:89;background:color-mix(in srgb, var(--color-shadow) 36%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;position:fixed;inset:0}.sidebar-header-row{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.sidebar-header-main{flex:auto;min-width:0}.sidebar-collapse-button{border:1px solid color-mix(in srgb, var(--color-brand) 16%, transparent);background:var(--color-surface);width:2.4rem;min-width:2.4rem;height:2.4rem;color:var(--brand);box-shadow:0 10px 22px color-mix(in srgb, var(--color-shadow) 8%, transparent);border-radius:999px;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.sidebar-top-slot,.sidebar-bottom-slot{gap:.85rem;display:grid}.app-brand-link{justify-items:start;display:grid}.sidebar:not(.sidebar-collapsed) .app-brand-link{padding-left:1rem}.app-brand-logo{object-fit:contain;display:block}.app-brand-logo-expanded{width:10.25rem;height:auto}.app-brand-logo-collapsed{width:4.5rem;height:4.5rem;display:none}.app-plan-badge{background:color-mix(in srgb, var(--color-brand) 10%, transparent);width:fit-content;color:var(--tone-indigo);font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:.38rem .72rem;font-size:.72rem;font-weight:800}.sidebar-section{gap:.35rem;display:grid}.nav-link{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:var(--color-surface);box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 6%, transparent);color:color-mix(in srgb, var(--color-brand) 68%, transparent);font-family:var(--hoppla-font-title);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.8rem;padding:.95rem 1rem;font-size:.84rem;font-weight:700;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:flex}.nav-link-icon{color:inherit;flex:none;display:inline-flex}.nav-link-label{min-width:0}.nav-link-active{background:var(--color-surface);color:var(--tone-emerald);border-color:var(--tone-emerald);box-shadow:0 14px 28px color-mix(in srgb, var(--color-success) 18%, transparent)}.nav-link:hover{background:var(--color-surface);color:var(--brand);border-color:var(--brand);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 18%, transparent);transform:translateY(-1px)}.sidebar-cta{margin-top:auto;padding:1rem .5rem 0}.sidebar-cta-stack{flex-direction:column;gap:.75rem;display:flex}.connected-early-access{border:1px solid color-mix(in srgb, var(--color-brand) 14%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 12%, transparent), transparent 34%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent), transparent 32%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 99%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent));box-shadow:0 22px 50px color-mix(in srgb, var(--color-brand) 10%, transparent);border-radius:1.7rem;gap:1rem;padding:1.25rem;display:grid;position:relative;overflow:hidden}.connected-early-access-compact{border-radius:1.35rem;gap:.85rem;padding:1rem}.connected-early-access-copy{z-index:1;gap:.45rem;display:grid;position:relative}.connected-early-access-copy:before{content:"Hoppla plan";background:color-mix(in srgb, var(--color-brand) 9%, transparent);width:fit-content;min-height:1.6rem;color:var(--color-brand);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 .7rem;font-size:.67rem;font-weight:800;display:inline-flex}.connected-early-access-copy h3{color:var(--color-brand);letter-spacing:-.02em;margin:0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.15}.connected-early-access-copy p,.settings-early-access-copy p{max-width:40rem;color:var(--color-brand);margin:0;font-size:.93rem;line-height:1.62}.connected-early-access-countdown-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-brand);margin-bottom:.55rem;font-size:.7rem;font-weight:800;display:inline-flex}.connected-early-access-countdown-grid,.settings-early-access-countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.connected-early-access-countdown-grid div,.settings-early-access-countdown div{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-brand) 92%, transparent));border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);box-shadow:0 12px 24px color-mix(in srgb, var(--color-brand) 6%, transparent);text-align:center;border-radius:1.15rem;gap:.22rem;padding:.85rem .6rem;display:grid}.connected-early-access-countdown-grid strong,.settings-early-access-countdown strong{color:var(--color-brand);letter-spacing:-.03em;font-size:1.2rem;line-height:1}.connected-early-access-countdown-grid span,.settings-early-access-countdown span{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.64rem;font-weight:700}.connected-early-access-email,.settings-early-access-email{background:color-mix(in srgb, var(--color-brand) 8%, transparent);border:1px solid color-mix(in srgb, var(--color-brand) 14%, transparent);width:fit-content;max-width:100%;min-height:2.75rem;color:var(--color-brand);overflow-wrap:anywhere;border-radius:999px;align-items:center;padding:.8rem 1rem;font-size:.86rem;font-weight:800;display:inline-flex}.connected-early-access .btn{border:1px solid color-mix(in srgb, var(--color-brand) 28%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);min-height:3rem;color:var(--color-brand);box-shadow:0 16px 32px color-mix(in srgb, var(--color-brand) 12%, transparent);border-radius:999px;padding-inline:1.7rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s}.connected-early-access-action{border:1px solid color-mix(in srgb, var(--color-brand) 28%, transparent)!important;color:var(--color-brand)!important;background:color-mix(in srgb, var(--color-surface) 98%, transparent)!important;box-shadow:0 16px 32px color-mix(in srgb, var(--color-brand) 12%, transparent)!important}.connected-early-access-action:hover:enabled{filter:none;transform:translateY(-1px);background:var(--color-brand)!important;border-color:color-mix(in srgb, var(--color-brand) 40%, transparent)!important;color:var(--color-on-accent)!important;box-shadow:0 22px 38px color-mix(in srgb, var(--color-brand) 28%, transparent)!important}:root[data-theme=dark] .connected-early-access .btn,:root[data-theme=dark] .connected-early-access-action,:root.dark .connected-early-access .btn,:root.dark .connected-early-access-action,html.dark .connected-early-access .btn,html.dark .connected-early-access-action{border-color:color-mix(in srgb, var(--color-product-qr-accent) 34%, transparent)!important;background:color-mix(in srgb, var(--color-surface) 98%, transparent)!important;color:var(--color-brand)!important;box-shadow:0 18px 34px color-mix(in srgb, var(--color-product-qr-accent) 10%, transparent), 0 0 18px color-mix(in srgb, var(--color-product-qr-accent) 4%, transparent)!important}:root[data-theme=dark] .connected-early-access .btn:hover:enabled,:root[data-theme=dark] .connected-early-access-action:hover:enabled,:root.dark .connected-early-access .btn:hover:enabled,:root.dark .connected-early-access-action:hover:enabled,html.dark .connected-early-access .btn:hover:enabled,html.dark .connected-early-access-action:hover:enabled{border-color:color-mix(in srgb, var(--color-product-qr-accent) 44%, transparent)!important;background:var(--color-brand)!important;color:var(--color-brand)!important;box-shadow:0 24px 40px color-mix(in srgb, var(--color-product-qr-accent) 24%, transparent), 0 0 22px color-mix(in srgb, var(--color-product-qr-accent) 10%, transparent)!important}.connected-early-access-note{color:var(--color-text-muted);font-size:.76rem;line-height:1.55}.sidebar-primary-button{border:1px solid var(--brand);background:var(--color-surface);width:100%;color:var(--brand);font-family:var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 14%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1rem;font-size:.84rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.sidebar-primary-button .icon-sm,.sidebar-secondary-button .icon-sm,.sidebar-logout-icon{flex:none}.sidebar-secondary-button{border:1px solid color-mix(in srgb, var(--color-brand) 16%, transparent);background:color-mix(in srgb, var(--color-surface) 82%, transparent);width:100%;color:var(--brand);font-family:var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 6%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1rem;font-size:.84rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.sidebar-footer{border-top:1px solid color-mix(in srgb, var(--color-brand) 10%, transparent);margin-top:1rem;padding:1rem .75rem 0}.sidebar-footer-stack{gap:.85rem;display:grid}.sidebar-logout{border:1px solid var(--tone-rose-dark);background:var(--color-surface);width:100%;min-height:3.15rem;color:var(--tone-rose-dark);font-family:var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 6%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.95rem 1rem;font-size:.84rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.sidebar-support-link{border:1px solid var(--brand);background:var(--color-surface);width:100%;min-height:3.15rem;color:var(--brand);font-family:var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 6%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:.95rem 1rem;font-size:.84rem;font-weight:800;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:inline-flex}.sidebar-support-link:hover{background:var(--brand);border-color:var(--brand);color:var(--color-on-accent)}.app-sidebar-top-stack,.app-sidebar-bottom-stack{gap:.85rem;display:grid}.app-sidebar-account-card{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 92%, transparent), color-mix(in srgb, var(--color-canvas) 92%, transparent)), color-mix(in srgb, var(--color-surface) 90%, transparent);box-shadow:0 12px 30px color-mix(in srgb, var(--color-shadow) 6%, transparent);border-radius:1.35rem;padding:.8rem}.app-sidebar-account-card-personal{border-color:color-mix(in srgb, var(--color-warning) 18%, transparent)}.app-sidebar-account-card-organization{border-color:color-mix(in srgb, var(--color-plan-free) 20%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-free) 10%, transparent), transparent 36%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 92%, transparent), color-mix(in srgb, var(--color-canvas) 92%, transparent))}.app-sidebar-account-button{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:var(--color-surface);text-align:left;width:100%;min-height:3.15rem;color:inherit;box-shadow:0 10px 22px color-mix(in srgb, var(--color-shadow) 6%, transparent);border-radius:999px;align-items:center;gap:.8rem;padding:.2rem .25rem .2rem .2rem;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;display:flex}.app-sidebar-account-avatar{width:2.75rem;height:2.75rem;color:var(--color-on-accent);font-family:var(--hoppla-font-title);box-shadow:0 12px 24px color-mix(in srgb, var(--color-shadow) 12%, transparent);border-radius:999px;place-items:center;font-weight:800;display:grid}.app-sidebar-account-avatar-personal{background:linear-gradient(135deg, var(--tone-amber), var(--tone-amber-soft))}.app-sidebar-account-avatar-organization{background:linear-gradient(135deg, var(--tone-indigo), var(--tone-indigo-soft))}.app-sidebar-account-copy{flex:auto;gap:.16rem;min-width:0;display:grid}.app-sidebar-account-copy strong{color:color-mix(in srgb, var(--color-text) 94%, transparent);font-size:.92rem;line-height:1.1}.app-sidebar-account-copy span{color:color-mix(in srgb, var(--color-text-muted) 72%, transparent);text-wrap:pretty;font-size:.78rem;line-height:1.35}.app-sidebar-account-chevron{color:color-mix(in srgb, var(--color-text-muted) 70%, transparent);transition:transform .16s}.app-sidebar-account-chevron-open{transform:rotate(180deg)}.app-sidebar-account-button:hover,.sidebar-collapse-button:hover,.sidebar-primary-button:hover,.sidebar-secondary-button:hover,.sidebar-logout:hover{transform:translateY(-1px)}.app-sidebar-account-button:hover,.sidebar-collapse-button:hover{border-color:var(--brand);color:var(--brand);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 18%, transparent)}.sidebar-primary-button:hover{background:var(--brand);border-color:var(--brand);color:var(--color-on-accent);box-shadow:0 16px 30px color-mix(in srgb, var(--color-brand) 22%, transparent)}.sidebar-secondary-button:hover{border-color:var(--brand);color:var(--brand);background:var(--color-surface);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 12%, transparent)}.sidebar-logout:hover{color:var(--color-text);background:var(--tone-rose-dark);border-color:var(--tone-rose-dark);box-shadow:0 14px 28px color-mix(in srgb, var(--color-danger) 22%, transparent)}.app-sidebar-account-menu,.app-sidebar-workspace-list{gap:.5rem;display:grid}.app-sidebar-account-menu{margin-top:.75rem}.app-sidebar-account-option,.app-sidebar-workspace-button{text-align:left;border:1px solid color-mix(in srgb, var(--color-brand) 8%, transparent);background:color-mix(in srgb, var(--color-surface) 78%, transparent);border-radius:1rem;gap:.18rem;width:100%;padding:.75rem .85rem;display:grid}.app-sidebar-account-option strong,.app-sidebar-workspace-button strong{color:color-mix(in srgb, var(--color-brand) 90%, transparent);font-size:.82rem;line-height:1.15}.app-sidebar-account-option span,.app-sidebar-workspace-button span{color:color-mix(in srgb, var(--color-brand) 76%, transparent);font-size:.74rem;line-height:1.35}.app-sidebar-account-option-active-personal,.app-sidebar-workspace-button-active-personal{border-color:color-mix(in srgb, var(--color-warning) 22%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-warning) 98%, transparent), color-mix(in srgb, var(--color-warning) 92%, transparent))}.app-sidebar-account-option-active-organization,.app-sidebar-workspace-button-active-organization{border-color:color-mix(in srgb, var(--color-brand) 22%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 98%, transparent), color-mix(in srgb, var(--color-brand) 92%, transparent))}.app-sidebar-onboarding{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 12%, transparent), color-mix(in srgb, var(--color-brand) 5%, transparent));border-radius:1.25rem;grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;padding:.9rem 1rem;display:grid}.app-sidebar-onboarding-mascot{background:color-mix(in srgb, var(--color-brand) 18%, transparent);border-radius:999px;place-items:center;width:2rem;height:2rem;display:grid}.app-sidebar-onboarding-copy{gap:.2rem;display:grid}.app-sidebar-onboarding-copy strong{color:color-mix(in srgb, var(--color-brand) 96%, transparent);font-size:.82rem}.app-sidebar-onboarding-copy span{color:color-mix(in srgb, var(--color-brand) 84%, transparent);font-size:.76rem;line-height:1.45}.app-sidebar-onboarding-close{color:color-mix(in srgb, var(--color-brand) 72%, transparent);background:0 0;border:0}.app-sidebar-utility-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.app-sidebar-utility-link{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 82%, transparent);min-height:2.5rem;color:color-mix(in srgb, var(--color-brand) 82%, transparent);font-family:var(--hoppla-font-title);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:0 .95rem;font-size:.76rem;font-weight:800;display:inline-flex}.app-sidebar-section-kicker{color:color-mix(in srgb, var(--color-brand) 68%, transparent);font-family:var(--hoppla-font-title);letter-spacing:.12em;text-transform:uppercase;padding:0 .2rem;font-size:.68rem;font-weight:800}.sidebar-collapsed{width:var(--app-sidebar-width-collapsed)}.sidebar-collapsed .app-brand-logo{display:none}.sidebar-collapsed .app-brand-logo-collapsed{width:2.9rem;height:2.9rem;display:block}.sidebar-collapsed .app-brand-logo-expanded{display:none}.sidebar-collapsed .app-sidebar-onboarding,.sidebar-collapsed .app-sidebar-bottom-stack,.sidebar-collapsed .nav-link-label{opacity:0;pointer-events:none}.sidebar-collapsed .sidebar-section{justify-items:center}.sidebar-collapsed .sidebar-header-row{flex-direction:column;align-items:center}.sidebar-collapsed .sidebar-header-main{flex:none}.sidebar-collapsed .app-brand-link,.sidebar-collapsed .sidebar-top-slot,.sidebar-collapsed .app-sidebar-top-stack{justify-items:center}.sidebar-collapsed .app-sidebar-account-card{box-shadow:none;background:0 0;border-radius:999px;padding:.3rem}.sidebar-collapsed .app-sidebar-account-button{width:auto}.sidebar-collapsed .app-sidebar-account-copy,.sidebar-collapsed .app-sidebar-account-chevron,.sidebar-collapsed .app-sidebar-account-menu{display:none}.sidebar-collapsed .sidebar-cta{padding-inline:0}.sidebar-collapsed .sidebar-cta-stack{justify-items:center}.sidebar-collapsed .nav-link{justify-content:center;padding-inline:.75rem}.sidebar-collapsed .sidebar-primary-button{letter-spacing:0;width:3rem;min-width:3rem;height:3rem;min-height:3rem;box-shadow:0 16px 30px color-mix(in srgb, var(--color-brand) 24%, transparent);border-radius:999px;padding:0;font-size:0}.sidebar-collapsed .sidebar-primary-button .icon-sm{width:1.2rem;height:1.2rem}.sidebar-collapsed .sidebar-secondary-button{display:none}.sidebar-collapsed .sidebar-footer{padding-inline:0}.sidebar-collapsed .sidebar-logout{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 82%, transparent);letter-spacing:0;border-radius:999px;width:3rem;min-width:3rem;height:3rem;min-height:3rem;padding:0;font-size:0}.sidebar-collapsed .sidebar-support-link{display:none}.sidebar-collapsed .sidebar-logout-icon{width:1.2rem;height:1.2rem}:root[data-theme=dark] .sidebar-mobile-trigger,:root.dark .sidebar-mobile-trigger,html.dark .sidebar-mobile-trigger,:root[data-theme=dark] .sidebar-collapse-button,:root.dark .sidebar-collapse-button,html.dark .sidebar-collapse-button,:root[data-theme=dark] .app-sidebar-account-button,:root.dark .app-sidebar-account-button,html.dark .app-sidebar-account-button,:root[data-theme=dark] .app-sidebar-utility-link,:root.dark .app-sidebar-utility-link,html.dark .app-sidebar-utility-link,:root[data-theme=dark] .app-sidebar-account-option,:root.dark .app-sidebar-account-option,html.dark .app-sidebar-account-option,:root[data-theme=dark] .app-sidebar-workspace-button,:root.dark .app-sidebar-workspace-button,html.dark .app-sidebar-workspace-button{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-muted)}:root[data-theme=dark] .nav-link,:root.dark .nav-link,html.dark .nav-link,:root[data-theme=dark] .sidebar-primary-button,:root.dark .sidebar-primary-button,html.dark .sidebar-primary-button,:root[data-theme=dark] .sidebar-secondary-button,:root.dark .sidebar-secondary-button,html.dark .sidebar-secondary-button,:root[data-theme=dark] .sidebar-logout,:root.dark .sidebar-logout,html.dark .sidebar-logout,:root[data-theme=dark] .app-sidebar-account-copy strong,:root.dark .app-sidebar-account-copy strong,html.dark .app-sidebar-account-copy strong{color:var(--color-text)}:root[data-theme=dark] .nav-link,:root.dark .nav-link,html.dark .nav-link{background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text-muted)}:root[data-theme=dark] .nav-link:hover,:root.dark .nav-link:hover,html.dark .nav-link:hover{background:var(--color-surface);color:var(--brand);border-color:var(--brand)}:root[data-theme=dark] .sidebar-primary-button,:root.dark .sidebar-primary-button,html.dark .sidebar-primary-button{background:var(--color-surface);border-color:var(--brand);color:var(--brand)}:root[data-theme=dark] .sidebar-primary-button:hover,:root.dark .sidebar-primary-button:hover,html.dark .sidebar-primary-button:hover{background:var(--brand);border-color:var(--brand);color:var(--color-on-accent)}:root[data-theme=dark] .nav-link-active,:root.dark .nav-link-active,html.dark .nav-link-active,:root[data-theme=dark] .sidebar.sidebar-collapsed .nav-link-active,:root.dark .sidebar.sidebar-collapsed .nav-link-active,html.dark .sidebar.sidebar-collapsed .nav-link-active{color:var(--tone-emerald-soft);border-color:var(--tone-emerald-soft);box-shadow:0 14px 28px color-mix(in srgb, var(--color-success) 22%, transparent)}:root[data-theme=dark] .sidebar-logout,:root.dark .sidebar-logout,html.dark .sidebar-logout{background:var(--color-surface);border-color:var(--tone-rose);color:var(--tone-rose)}:root[data-theme=dark] .sidebar-logout:hover,:root.dark .sidebar-logout:hover,html.dark .sidebar-logout:hover{background:var(--tone-rose);border-color:var(--tone-rose);color:var(--color-text)}:root[data-theme=dark] .sidebar-support-link,:root.dark .sidebar-support-link,html.dark .sidebar-support-link{background:var(--color-surface);border-color:var(--brand);color:var(--brand)}:root[data-theme=dark] .sidebar-support-link:hover,:root.dark .sidebar-support-link:hover,html.dark .sidebar-support-link:hover{background:var(--brand);border-color:var(--brand);color:var(--color-on-accent)}:root[data-theme=dark] .app-sidebar-account-copy span,:root.dark .app-sidebar-account-copy span,html.dark .app-sidebar-account-copy span,:root[data-theme=dark] .app-sidebar-account-option span,:root.dark .app-sidebar-account-option span,html.dark .app-sidebar-account-option span,:root[data-theme=dark] .app-sidebar-workspace-button span,:root.dark .app-sidebar-workspace-button span,html.dark .app-sidebar-workspace-button span,:root[data-theme=dark] .app-sidebar-section-kicker,:root.dark .app-sidebar-section-kicker,html.dark .app-sidebar-section-kicker{color:var(--color-text-muted)}:root[data-theme=dark] .app-sidebar-account-card,:root.dark .app-sidebar-account-card,html.dark .app-sidebar-account-card{background:var(--color-surface-secondary);border-color:var(--color-border)}:root[data-theme=dark] .app-sidebar-account-card-organization,:root.dark .app-sidebar-account-card-organization,html.dark .app-sidebar-account-card-organization{background:var(--color-surface-secondary)}.app-main{--app-primary-heading-offset:28px;--app-primary-content-gap:2rem;width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));min-width:0;margin:0 auto;padding:2rem 0 2.5rem}.app-main .dashboard-qr-content,.app-main .folders-quest-page,.app-main .billing-page-shell.stack-lg,.app-main .settings-page-shell{margin-top:var(--app-primary-heading-offset)}.app-main .dashboard-qr-content,.app-main .qr-list-page,.app-main .short-links-page,.app-main .billing-page-shell,.app-main .settings-page-shell{row-gap:var(--app-primary-content-gap)}.app-main .dashboard-next-overview{margin-top:0}.app-page-header{border-bottom:4px solid var(--hoppla-text);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1rem;min-width:0;padding:0 0 1rem;display:grid}.app-page-title{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,5vw,3.35rem);font-weight:950;line-height:1}.app-page-description{color:color-mix(in srgb, var(--color-brand) 72%, transparent);font-family:var(--hoppla-font-sans);font-size:var(--hoppla-type-body);margin:.45rem 0 0;line-height:1.65}.app-page-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;min-width:0;display:flex}.qr-list-page .app-page-header>.app-page-actions,.short-links-page .app-page-header>.app-page-actions,.qr-list-page .app-page-header>.app-page-actions>.app-page-actions,.short-links-page .app-page-header>.app-page-actions>.app-page-actions{justify-content:flex-end;width:100%}.qr-list-page .app-page-header>.app-page-actions,.short-links-page .app-page-header>.app-page-actions{grid-area:1/2;align-self:start}.qr-hopplaqr-import-button{border:1px solid color-mix(in srgb, var(--color-brand) 16%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-brand) 94%, transparent)), radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--color-warning) 24%, transparent), transparent 32%), radial-gradient(circle at 88% 78%, color-mix(in srgb, var(--color-brand) 14%, transparent), transparent 34%);min-height:3rem;color:var(--color-brand);box-shadow:0 14px 34px color-mix(in srgb, var(--color-brand) 8%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:.72rem;padding:.48rem .9rem .48rem .55rem;transition:transform .16s,border-color .16s,box-shadow .16s,background-color .16s;display:inline-flex}.qr-hopplaqr-import-button:hover,.qr-hopplaqr-import-button:focus-within{border-color:color-mix(in srgb, var(--color-brand) 34%, transparent);box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 14%, transparent);transform:translateY(-1px)}.qr-hopplaqr-import-icon{background:var(--hoppla-blue,var(--color-brand));width:2.15rem;height:2.15rem;color:var(--color-on-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 24%, transparent);border-radius:999px;justify-content:center;align-items:center;font-size:1.2rem;display:inline-flex}.qr-hopplaqr-import-copy{flex-direction:column;gap:.05rem;line-height:1.05;display:inline-flex}.qr-hopplaqr-import-copy strong{letter-spacing:-.01em;font-size:.9rem;font-weight:850}.qr-hopplaqr-import-copy small{color:color-mix(in srgb, var(--color-brand) 58%, transparent);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.qr-detail-action{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;box-shadow:none!important;border-radius:999px!important;font-weight:800!important}.qr-detail-action:hover:enabled{transform:translateY(-1px)}.qr-detail-action-brand{background:var(--color-surface)!important;border-color:var(--tone-brand-light)!important;color:var(--tone-brand-light)!important}.qr-detail-action-brand:hover:enabled{background:var(--tone-brand-light)!important;border-color:var(--tone-brand-light)!important;color:var(--color-text)!important}.qr-detail-action-indigo{background:var(--color-surface)!important;border-color:var(--tone-indigo)!important;color:var(--tone-indigo)!important}.qr-detail-action-indigo:hover:enabled{background:var(--tone-indigo)!important;border-color:var(--tone-indigo)!important;color:var(--color-text)!important}.qr-detail-action-emerald{background:var(--color-surface)!important;border-color:var(--tone-emerald)!important;color:var(--tone-emerald)!important}.qr-detail-action-emerald:hover:enabled{background:var(--tone-emerald)!important;border-color:var(--tone-emerald)!important;color:var(--color-text)!important}.qr-detail-action-amber{background:var(--color-surface)!important;border-color:var(--tone-amber)!important;color:var(--tone-amber)!important}.qr-detail-action-amber:hover:enabled{background:var(--tone-amber)!important;border-color:var(--tone-amber)!important;color:var(--color-text)!important}.qr-detail-action-rose{background:var(--color-surface)!important;border-color:var(--tone-rose-dark)!important;color:var(--tone-rose-dark)!important}.qr-detail-action-rose:hover:enabled{background:var(--tone-rose-dark)!important;border-color:var(--tone-rose-dark)!important;color:var(--color-text)!important}.dashboard-search-inline{min-width:18rem}.qr-list-toolbar{align-items:center;gap:.55rem;display:flex}.qr-list-search-control,.qr-list-sort-control{align-items:center;display:flex;position:relative}.qr-list-search-control>.material-symbols-outlined,.qr-list-sort-control>.material-symbols-outlined{z-index:1;color:var(--hoppla-text-soft);pointer-events:none;font-size:1.15rem;position:absolute;left:.8rem}.qr-list-search-control .dashboard-search-inline{min-width:19rem;box-shadow:0 6px 18px color-mix(in srgb, var(--ink) 5%, transparent);border-radius:.85rem;padding-left:2.5rem}.qr-list-sort-control select{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);max-width:12.5rem;min-height:2.8rem;color:var(--hoppla-text);font:750 .78rem/1.2 var(--hoppla-font-body);cursor:pointer;border-radius:.85rem;padding:0 .8rem 0 2.35rem}.qr-list-sort-control select:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 14%, transparent);outline:0}.modal-panel:has(.qr-gallery-dialog){border-color:color-mix(in srgb, var(--hoppla-border) 78%, transparent);background:var(--hoppla-surface-strong);width:min(100%,42rem);box-shadow:0 28px 70px color-mix(in srgb, var(--ink) 24%, transparent);border-radius:1.25rem;padding:1rem}.qr-gallery-dialog{color:var(--hoppla-text);gap:.9rem}.qr-gallery-dialog .qr-download-settings-shell{padding:.35rem .35rem .1rem}.qr-gallery-dialog .qr-download-settings-head{gap:.9rem}.qr-gallery-dialog .settings-section-icon{border-radius:.9rem;width:2.9rem;height:2.9rem}.qr-gallery-dialog .settings-section-head-copy{padding-left:0}.qr-gallery-dialog .qr-download-settings-head h2,.qr-gallery-dialog .qr-download-settings-note-head h2{color:var(--hoppla-text);font:850 1.28rem/1.15 var(--hoppla-font-title)}.qr-gallery-dialog .qr-download-settings-head p,.qr-gallery-dialog .qr-download-settings-note-head p{color:var(--hoppla-text-soft)}.qr-gallery-dialog-identity{border:1px solid color-mix(in srgb, var(--hoppla-border) 72%, transparent);background:color-mix(in srgb, var(--brand) 5%, var(--hoppla-surface-low));border-radius:1rem;grid-template-columns:4.4rem minmax(0,1fr);align-items:center;gap:.9rem;padding:.8rem;display:grid}.qr-gallery-dialog-preview{background:var(--hoppla-surface-lowest);border-radius:.75rem;place-items:center;width:4.4rem;height:4.4rem;display:grid;overflow:hidden}.qr-gallery-dialog-preview .qr-row-icon-preview{background:0 0;border:0;padding:.18rem;width:100%!important;height:100%!important}.qr-gallery-dialog .qr-download-settings-meta,.qr-gallery-dialog .qr-delete-settings-meta{padding-left:0}.qr-gallery-dialog .qr-download-settings-summary h3{color:var(--hoppla-text);font-size:1.02rem}.qr-gallery-dialog .qr-download-settings-summary p{color:var(--tone-sky-deep,var(--color-product-qr-accent));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qr-gallery-dialog .qr-download-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.qr-gallery-dialog .qr-download-choice-button{border-color:color-mix(in srgb, var(--brand) 22%, var(--hoppla-border));background:var(--hoppla-surface-lowest);min-height:3.4rem;color:var(--brand);box-shadow:none;border-radius:.85rem}.qr-gallery-dialog .qr-download-choice-button-wide{grid-column:span 2}.qr-gallery-dialog .qr-download-choice-button:hover:enabled,.qr-gallery-dialog .qr-download-choice-button:focus-visible{box-shadow:0 12px 24px color-mix(in srgb, var(--brand) 18%, transparent)}.qr-gallery-dialog .qr-delete-warning-card{border:1px solid color-mix(in srgb, var(--danger) 20%, var(--hoppla-border));background:color-mix(in srgb, var(--danger) 6%, var(--hoppla-surface-low))}.qr-gallery-dialog .qr-delete-actions{justify-content:flex-end;gap:.55rem;padding:.15rem .15rem .05rem;display:flex}@media (width<=767px){.sl-file-password-fields{grid-template-columns:minmax(0,1fr)}.qr-list-toolbar{width:100%}.qr-list-search-control{flex:1;min-width:0}.qr-list-search-control .dashboard-search-inline{width:100%;min-width:0}.qr-list-sort-control select{color:#0000;width:2.8rem;max-width:2.8rem;padding:0}.qr-list-sort-control>.material-symbols-outlined{left:.82rem}.modal-panel:has(.qr-gallery-dialog){border-radius:1.1rem;width:min(100%,34rem);max-height:min(92dvh,48rem);padding:.8rem}.qr-gallery-dialog .qr-download-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-gallery-dialog .qr-download-choice-button-wide{grid-column:1/-1}.qr-gallery-dialog .qr-delete-actions{grid-template-columns:1fr 1fr;display:grid}.qr-gallery-dialog .qr-delete-actions .btn:first-child:last-child,.qr-gallery-dialog .qr-delete-actions .btn:nth-child(3){grid-column:1/-1}.app-page-actions{flex-direction:column;align-items:stretch;width:100%}.qr-hopplaqr-import-button{justify-content:center;width:100%;min-height:3.2rem}.dashboard-search-inline{width:100%;min-width:0}}.dashboard-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-card{border:1px solid color-mix(in srgb, var(--color-brand) 10%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-brand) 92%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 38%);box-shadow:var(--hoppla-card-shadow);border-radius:1.4rem;padding:1.2rem 1.25rem;position:relative;overflow:hidden}.metric-card:after{content:"";opacity:.5;border-radius:999px;width:6rem;height:6rem;position:absolute;top:-1rem;right:-1rem}.metric-card-brand:after,.metric-card-secondary:after{background:linear-gradient(135deg, color-mix(in srgb, var(--color-brand) 15%, transparent), transparent)}.metric-card-tertiary:after{background:linear-gradient(135deg, color-mix(in srgb, var(--color-product-qr-accent) 15%, transparent), transparent)}.metric-card-neutral:after{background:linear-gradient(135deg, color-mix(in srgb, var(--color-brand) 12%, transparent), transparent)}.metric-card-brand:before{background:var(--tone-brand-light)}.metric-card-secondary:before{background:var(--tone-indigo)}.metric-card-tertiary:before{background:var(--tone-emerald)}.metric-card-neutral:before{background:var(--tone-amber)}.metric-card-head,.metric-card-body{justify-content:space-between;align-items:center;gap:1rem;display:flex}.metric-card-head h3{color:var(--color-text-muted);margin:0;font-size:.88rem}.metric-card-icon{background:color-mix(in srgb, var(--color-brand) 10%, transparent);width:2rem;height:2rem;color:var(--color-brand);border-radius:999px;place-items:center;display:grid}.metric-card-body{align-items:baseline;margin-top:.7rem}.metric-card-body strong{color:var(--color-brand);font-size:1.7rem}.metric-pill{background:color-mix(in srgb, var(--color-success) 5%, var(--color-surface));color:var(--color-success);border-radius:999px;align-items:center;padding:.3rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.qr-detail-summary-grid{grid-template-columns:minmax(10rem,.75fr) repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.qr-detail-summary-stack{gap:1rem;display:grid}.qr-detail-preview-card{place-items:center;min-height:100%;padding:1.2rem;display:grid}.qr-detail-preview-card .qr-row-icon-preview{aspect-ratio:1;border-radius:1.1rem;width:min(12rem,100%)!important;height:auto!important}.qr-detail-actions{flex-wrap:wrap;align-items:stretch}.qr-detail-info-card{min-width:0}.qr-detail-info-card p{overflow-wrap:anywhere;word-break:break-word}.qr-deleted-section{border-top:1px solid color-mix(in srgb, var(--color-danger) 12%, transparent);padding-top:1.25rem}.qr-deleted-section-head{margin-bottom:.9rem}.qr-deleted-section-head h3{color:var(--color-danger);margin:0;font-size:1rem;font-weight:850}.dashboard-qr-list-item-deleted{background:linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 94%, transparent), color-mix(in srgb, var(--color-danger) 90%, transparent)), radial-gradient(circle at top left, color-mix(in srgb, var(--color-danger) 14%, transparent), transparent 34%);border-color:color-mix(in srgb, var(--color-danger) 18%, transparent)}.dashboard-qr-deleted-meta{color:color-mix(in srgb, var(--color-danger) 68%, transparent);overflow-wrap:anywhere;font-size:.86rem;font-weight:700}.dashboard-surface-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.dashboard-hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:1rem;display:grid}.dashboard-surface-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-surface-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-title-button{color:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.dashboard-title-button strong,.dashboard-title-button small{text-align:left}.dashboard-info-card,.data-table-card,.dashboard-form-card,.dashboard-preview-card{border-radius:var(--hoppla-card-radius);border:1px solid color-mix(in srgb, var(--color-brand) 10%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-brand) 92%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 6%, transparent), transparent 38%);box-shadow:var(--hoppla-card-shadow)}.dashboard-info-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.82rem;font-weight:700}.dashboard-info-card h3{color:var(--color-brand);margin-top:.35rem;font-size:1.4rem}.dashboard-info-card p{color:var(--color-text-muted);margin:.35rem 0 0;line-height:1.55}.admin-metric-card:before{content:"";background:var(--tone-brand-light);border-radius:999px;width:4px;position:absolute;inset:0 auto 0 0}.admin-metric-card-brand:before{background:var(--tone-brand-light)}.admin-metric-card-indigo:before{background:var(--tone-indigo)}.admin-metric-card-emerald:before{background:var(--tone-emerald)}.admin-metric-card-amber:before{background:var(--tone-amber)}.dashboard-metrics-grid>.dashboard-info-card:first-child:before{background:var(--tone-brand-light)}.dashboard-metrics-grid>.dashboard-info-card:nth-child(2):before{background:var(--tone-indigo)}.dashboard-metrics-grid>.dashboard-info-card:nth-child(3):before{background:var(--tone-emerald)}.dashboard-metrics-grid>.dashboard-info-card:nth-child(4):before{background:var(--tone-amber)}.dashboard-studio-card{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 34%), linear-gradient(180deg, var(--color-surface) 0%, color-mix(in srgb, var(--color-brand) 5%, var(--color-surface)) 100%)}.dashboard-limits-card{align-content:start;gap:.7rem;display:grid}.dashboard-limit-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:.6rem;display:grid}.dashboard-limit-pair-item{border:1px solid color-mix(in srgb, var(--color-brand) 22%, transparent);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));border-radius:.95rem;gap:.15rem;min-width:0;padding:.8rem .9rem;display:grid}.dashboard-limit-pair-item span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:700}.dashboard-limit-pair-item strong{color:var(--color-brand);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.dashboard-surface-grid-analytics{align-items:stretch}.dashboard-analytics-hero,.dashboard-analytics-card{gap:.8rem;display:grid}.dashboard-analytics-hero{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 12%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-brand) 98%, transparent))}.dashboard-analytics-kicker{color:var(--color-brand);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:800}.dashboard-analytics-hero p{color:var(--color-text-muted);margin:0;line-height:1.5}.dashboard-analytics-chip-row{flex-wrap:wrap;gap:.55rem;display:flex}.dashboard-analytics-chip{background:color-mix(in srgb, var(--color-brand) 8%, transparent);min-height:1.9rem;color:var(--color-brand);border-radius:999px;align-items:center;padding:0 .72rem;font-size:.76rem;font-weight:700;display:inline-flex}.dashboard-analytics-card-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dashboard-analytics-card-head h3{margin:0}.dashboard-analytics-card-head span{color:var(--color-text-muted);font-size:.8rem;font-weight:700}.dashboard-analytics-pair-list{gap:.65rem;display:grid}.dashboard-analytics-pair-list div{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);border-radius:.9rem;justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .8rem;display:flex}.dashboard-analytics-pair-list strong{color:var(--color-brand);font-size:.84rem}.dashboard-analytics-pair-list span{color:var(--color-text-muted);text-align:right;font-size:.8rem}.dashboard-analytics-row{align-items:center}.dashboard-analytics-row-copy{flex:1;gap:.38rem;min-width:0;display:grid}.dashboard-analytics-bar{background:color-mix(in srgb, var(--color-brand) 24%, transparent);border-radius:999px;width:100%;height:.4rem;overflow:hidden}.dashboard-analytics-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--color-brand) 0%, var(--color-brand) 100%);height:100%;display:block}.dashboard-analytics-row .dashboard-studio-row-meta{justify-content:flex-end;min-width:4.25rem}.dashboard-analytics-row .dashboard-studio-row-meta small{color:var(--color-text-muted);font-size:.74rem;font-weight:700}.dashboard-plan-card{background:linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-brand) 5%, var(--color-surface)))}.dashboard-detail-shortlink,.dashboard-bullet-list{gap:.75rem;display:grid}.dashboard-detail-shortlink{color:var(--color-brand);grid-auto-flow:column;justify-content:start;align-items:center;font-weight:600}.dashboard-bullet-list{color:var(--color-text-muted);margin:0;padding-left:1.1rem}.data-table-card{padding:0;overflow:hidden}.data-table-head{border-bottom:1px solid color-mix(in srgb, var(--color-brand) 25%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.data-table-head h3{color:var(--color-brand);margin:0}.data-table-link{color:var(--color-brand);cursor:pointer;background:0 0;border:0;font-weight:700}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead tr{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface))}.data-table th,.data-table td{border-bottom:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);text-align:left;vertical-align:middle;padding:1rem 1.5rem}.data-table th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem}.data-table tbody tr:hover{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface))}.data-table-row-clickable{cursor:pointer}.qr-row-name{align-items:center;gap:.9rem;display:flex}.qr-list-identity{align-items:center;gap:.95rem;min-width:0;display:flex}.qr-row-copy{align-content:center;gap:.14rem;min-width:0;display:grid}.qr-list-copy{align-content:center;gap:.2rem;min-width:0;display:grid}.solutions-page{flex-direction:column;gap:0;margin-top:.5rem;display:flex}.solutions-hero{padding:clamp(2.5rem, 7vw, 5.25rem) var(--page-gutter) clamp(3.5rem, 8vw, 6rem);background:0 0;position:relative;overflow:hidden}.solutions-hero:before{content:none}.solutions-hero-glow{display:none}.solutions-hero-inner{z-index:1;width:min(100%,1280px);margin:0 auto;position:relative}.solutions-hero-copy{text-align:center;flex-direction:column;gap:1.25rem;width:min(100%,760px);margin:0 auto;display:flex}.solutions-kicker{background:color-mix(in srgb, var(--color-surface) 72%, transparent);border:1px solid color-mix(in srgb, var(--color-brand) 48%, transparent);min-height:2rem;color:var(--color-brand);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 4%, transparent);border-radius:999px;justify-content:center;align-self:center;align-items:center;padding:.35rem .95rem;font-size:.76rem;font-weight:700;display:inline-flex}.solutions-hero-copy h1{color:var(--color-brand);font-family:var(--hoppla-font-title);letter-spacing:-.04em;margin:0;font-size:clamp(2.45rem,5.3vw,4.65rem);font-weight:800;line-height:1.08}.solutions-hero-copy p{color:var(--color-text-muted);margin:0;font-size:clamp(1rem,1.2vw,1.2rem);line-height:1.75}.solutions-hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;padding-top:.5rem;display:flex}.solutions-hero-button{border-radius:999px;justify-content:center;align-items:center;min-height:3.25rem;padding:0 1.85rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.solutions-hero-button:hover{transform:translateY(-1px)}.solutions-hero-button-primary{background:var(--color-brand);color:var(--color-on-accent);box-shadow:0 12px 24px color-mix(in srgb, var(--color-brand) 18%, transparent)}.solutions-hero-button-primary:hover{background:var(--color-brand);color:var(--color-on-accent);box-shadow:0 18px 28px color-mix(in srgb, var(--color-brand) 24%, transparent)}.solutions-hero-button-secondary{background:color-mix(in srgb, var(--color-surface) 72%, transparent);color:var(--color-brand);border:1px solid color-mix(in srgb, var(--color-brand) 52%, transparent);box-shadow:0 10px 20px color-mix(in srgb, var(--color-brand) 4%, transparent)}.solutions-hero-button-secondary:hover{background:color-mix(in srgb, var(--color-brand) 68%, transparent);color:var(--color-brand)}.solutions-sections{flex-direction:column;display:flex}.solutions-section{padding:clamp(3.25rem, 7vw, 5.5rem) var(--page-gutter);background:color-mix(in srgb, var(--color-surface) 36%, transparent);position:relative;overflow:hidden}.solutions-section-muted{background:color-mix(in srgb, var(--color-brand) 42%, transparent)}.solutions-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,6vw,6rem);width:min(100%,1280px);margin:0 auto;display:grid}.solutions-split-reverse .solutions-media{order:2}.solutions-split-reverse .solutions-copy{order:1}.solutions-media{position:relative}.solutions-media-shadow{border-radius:1.5rem;transition:transform .26s;position:absolute;inset:0;transform:rotate(2deg)}.solutions-split-reverse .solutions-media-shadow{transform:rotate(-2deg)}.solutions-media:hover .solutions-media-shadow{transform:rotate(1deg)}.solutions-split-reverse .solutions-media:hover .solutions-media-shadow{transform:rotate(-1deg)}.solutions-media-shadow-brand{background:color-mix(in srgb, var(--color-brand) 8%, transparent)}.solutions-media-shadow-indigo{background:color-mix(in srgb, var(--color-plan-free) 9%, transparent)}.solutions-media-shadow-emerald{background:color-mix(in srgb, var(--color-plan-qr-plus) 8%, transparent)}.solutions-media-shadow-amber{background:color-mix(in srgb, var(--color-warning) 10%, transparent)}.solutions-glass-card{z-index:1;background:color-mix(in srgb, var(--color-surface) 82%, transparent);border:1px solid color-mix(in srgb, var(--color-brand) 80%, transparent);-webkit-backdrop-filter:blur(20px);box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:1.5rem;padding:1rem;position:relative;overflow:hidden}.solutions-media-image{object-fit:cover;width:100%;height:auto;box-shadow:0 8px 22px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:1rem;display:block}.solutions-copy{flex-direction:column;gap:1.4rem;display:flex}.solutions-icon-badge{border-radius:.85rem;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.solutions-icon-badge .material-symbols-outlined{font-size:1.65rem}.solutions-icon-badge-brand{background:color-mix(in srgb, var(--color-brand) 9%, var(--color-surface));color:var(--color-brand)}.solutions-icon-badge-indigo{background:color-mix(in srgb, var(--color-plan-free) 8%, var(--color-surface));color:var(--color-plan-free)}.solutions-icon-badge-emerald{background:color-mix(in srgb, var(--color-plan-qr-plus) 12%, transparent);color:var(--color-plan-qr-plus)}.solutions-icon-badge-amber{background:color-mix(in srgb, var(--color-warning) 14%, transparent);color:var(--color-warning)}.solutions-copy h2{color:var(--color-brand);font-family:var(--hoppla-font-title);letter-spacing:-.02em;margin:0;font-size:clamp(1.7rem,3vw,2.45rem);font-weight:800;line-height:1.18}.solutions-copy p{color:var(--color-text-muted);margin:0;font-size:clamp(1rem,1.1vw,1.12rem);line-height:1.72}.solutions-feature-list{flex-direction:column;gap:.9rem;margin:0;padding:.15rem 0 0;list-style:none;display:flex}.solutions-feature-list li{color:var(--color-text-muted);align-items:flex-start;gap:.8rem;line-height:1.6;display:flex}.solutions-check{margin-top:.1rem;font-size:1.3rem}.solutions-check-brand{color:var(--color-brand)}.solutions-check-indigo{color:var(--color-plan-free)}.solutions-check-emerald{color:var(--color-plan-qr-plus)}.solutions-check-amber{color:var(--color-warning)}.solutions-inline-cta{padding-top:.35rem}.solutions-inline-link{color:var(--color-brand);align-items:center;gap:.45rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.solutions-inline-link .material-symbols-outlined{font-size:1rem;transition:transform .18s}.solutions-inline-link:hover .material-symbols-outlined{transform:translate(3px)}@media (width<=960px){.solutions-hero{padding-top:2rem;padding-bottom:3rem}.solutions-split,.solutions-split-reverse{grid-template-columns:minmax(0,1fr);gap:2rem}.solutions-split-reverse .solutions-media,.solutions-split-reverse .solutions-copy{order:initial}.solutions-hero-copy{width:100%}.solutions-copy{gap:1.1rem}}.qr-row-icon{border:1px solid color-mix(in srgb, var(--color-brand) 35%, transparent);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));width:2.5rem;height:2.5rem;color:var(--color-text-muted);border-radius:.7rem;place-items:center;display:grid}.qr-row-icon-preview{background:var(--color-surface);place-items:center;width:3.6rem;height:3.6rem;padding:.18rem;display:grid}.qr-list-thumb{flex:none}.qr-row-icon-image{object-fit:contain;object-position:center center;width:100%;height:100%;image-rendering:pixelated;display:block}.qr-row-title,.qr-row-subtitle{margin:0}.qr-row-title{color:var(--color-brand);font-weight:700}.qr-list-title{min-width:0;color:var(--hoppla-text);margin:0;font-weight:800;line-height:1.1;display:block}.qr-row-subtitle{text-overflow:ellipsis;white-space:nowrap;max-width:15rem;color:var(--color-text-muted);font-size:.88rem;overflow:hidden}.qr-row-subtitle-slug{box-shadow:none;color:var(--color-brand);letter-spacing:0;background:0 0;border:0;border-radius:0;padding:0;font-size:.79rem;font-weight:500;display:block}.qr-list-shortlink{width:fit-content;max-width:100%;color:var(--hoppla-text-soft);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0;font-size:.78rem;font-weight:600;line-height:1.25;display:block;overflow:hidden;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.kind-badge,.status-badge{border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.kind-dynamic{color:var(--color-brand)}.kind-static{color:var(--color-text-muted)}.status-active{background:color-mix(in srgb, var(--color-success) 5%, var(--color-surface));color:var(--color-success)}.status-paused{background:color-mix(in srgb, var(--color-warning) 5%, var(--color-surface));color:var(--color-warning)}.status-archived,.status-deleted{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-text-muted)}.align-right{text-align:right!important}.align-center{text-align:center!important}.strong-cell{color:var(--color-brand);font-weight:700}.row-actions{justify-content:center;align-items:center;gap:.35rem;display:inline-flex}.table-icon-button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;width:2rem;height:2rem;display:grid}.table-icon-button:hover{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));color:var(--color-brand)}.table-icon-button-danger{color:var(--color-danger)}.table-icon-button-danger:hover{background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger)}.qr-action-modal{gap:1rem;display:grid}.qr-action-modal-card{border:1px solid color-mix(in srgb, var(--color-brand) 28%, transparent);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));border-radius:.9rem;gap:.2rem;padding:.85rem .95rem;display:grid}.qr-action-modal-card strong{color:var(--color-brand)}.support-page-card{padding:1.25rem}.support-page-card.hoppla-local-request-form{width:min(100%,48rem)}.support-page-form{gap:1rem;display:grid}.support-page-field{gap:.4rem;display:grid}.support-page-field>span{color:var(--color-brand);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.support-page-textarea{border:1px solid color-mix(in srgb, var(--color-brand) 66%, transparent);background:var(--color-surface);width:100%;min-height:11rem;color:var(--color-brand);font:inherit;resize:vertical;border-radius:1rem;padding:.9rem 1rem;line-height:1.55}.support-page-textarea:focus{border-color:color-mix(in srgb, var(--color-brand) 42%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand) 8%, transparent);outline:0}.billing-secret-code-button{justify-content:center;align-items:center;min-width:12.5rem;display:inline-flex;background:var(--color-surface)!important;box-shadow:none!important;border-color:var(--tone-brand-light)!important;color:var(--tone-brand-light)!important;background-image:none!important}.billing-secret-code-button:hover:enabled,.billing-secret-code-button:focus-visible{background:var(--tone-brand-light)!important;color:var(--color-on-accent)!important;border-color:var(--tone-brand-light)!important;background-image:none!important}.dashboard-stats-locked-card{text-align:center;justify-items:center;gap:.85rem;padding:2rem;display:grid}.dashboard-stats-locked-card h3{color:var(--dashboard-on-surface,var(--color-text));margin:0;font-size:1.35rem;font-weight:800}.dashboard-stats-locked-card p{max-width:36rem;color:var(--dashboard-on-surface-variant,var(--color-text-muted));margin:0}.dashboard-stats-locked-icon{border:1px solid color-mix(in srgb, var(--color-brand) 22%, transparent);background:color-mix(in srgb, var(--color-brand) 8%, transparent);width:3.5rem;height:3.5rem;color:var(--tone-indigo,var(--color-plan-free));border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.qr-action-modal-card span{color:var(--color-text-muted);word-break:break-word;font-size:.92rem}.qr-confirm-check{color:var(--color-brand);align-items:center;gap:.65rem;font-weight:600;display:inline-flex}.qr-download-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.qr-download-modal{gap:1.1rem;display:grid}.qr-download-settings-shell,.qr-download-settings-note{gap:1rem}.qr-download-settings-shell{padding-bottom:.15rem}.qr-download-settings-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1.35rem;display:grid}.qr-download-settings-note-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;display:grid}.qr-download-settings-head h2,.qr-download-settings-note-head h2{letter-spacing:-.03em;margin:0;font-size:1.15rem;font-weight:900}.qr-download-settings-head p,.qr-download-settings-note-head p{margin:0;font-size:.92rem;line-height:1.55}.qr-download-settings-head .settings-section-head-copy,.qr-download-settings-note-head .settings-section-head-copy{gap:.24rem;padding-top:.18rem;padding-left:.6rem;display:grid}.qr-download-settings-meta{gap:.95rem;padding-left:3.7rem;display:grid}.qr-download-settings-summary{gap:.32rem;display:grid}.qr-download-settings-summary h3{color:var(--color-text);letter-spacing:-.02em;margin:0;font-size:1.04rem;font-weight:900;line-height:1.18}.qr-download-settings-summary p{color:var(--color-text-muted);word-break:break-word;margin:0;font-size:.86rem;font-weight:700;line-height:1.5}.qr-download-settings-pill{width:fit-content}.qr-download-section-divider{background:linear-gradient(90deg, color-mix(in srgb, var(--color-brand) 0%, transparent), color-mix(in srgb, var(--color-brand) 16%, transparent) 18%, color-mix(in srgb, var(--color-brand) 24%, transparent) 50%, color-mix(in srgb, var(--color-brand) 16%, transparent) 82%, color-mix(in srgb, var(--color-brand) 0%, transparent));border-radius:999px;height:1px}.qr-download-choice-button{border:1px solid var(--tone-brand-light);background:var(--color-surface);min-height:3rem;color:var(--tone-brand-light);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand) 4%, transparent);border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.72rem .95rem;font-size:.74rem;font-weight:900;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s,opacity .18s;display:inline-flex}.qr-download-choice-button:hover:enabled,.qr-download-choice-button:focus-visible{background:var(--tone-brand-light);border-color:var(--tone-brand-light);color:var(--color-on-accent);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 16%, transparent);transform:translateY(-1px)}.qr-download-choice-button:disabled{border-color:color-mix(in srgb, var(--color-brand) 24%, transparent);background:color-mix(in srgb, var(--color-brand) 6%, transparent);color:var(--tone-brand-light);cursor:not-allowed;opacity:.45;transform:none}.qr-download-choice-button-wide{grid-column:1/-1}.billing-country-modal-actions{grid-template-columns:minmax(7.5rem,.45fr) minmax(13.5rem,1fr);align-items:stretch;gap:.75rem;display:grid}.billing-country-modal-button{white-space:nowrap;text-align:center;letter-spacing:.02em;width:100%;min-width:0;min-height:3rem;padding-inline:1rem;line-height:1.2}.billing-country-modal-tax-note{color:var(--dashboard-on-surface-variant);font:600 .82rem/1.5 var(--hoppla-font-body);margin:0}.billing-extension-withdrawal-confirmation{border:1px solid color-mix(in srgb, var(--dashboard-primary) 22%, var(--border-color));background:color-mix(in srgb, var(--dashboard-primary) 6%, var(--surface-color));color:var(--text-primary);cursor:pointer;border-radius:.75rem;grid-template-columns:1.1rem minmax(0,1fr);align-items:start;gap:.65rem;padding:.75rem .85rem;display:grid}.billing-extension-withdrawal-confirmation input{width:1.1rem;height:1.1rem;accent-color:var(--dashboard-primary);margin:.1rem 0 0}.billing-extension-withdrawal-confirmation>span{gap:.25rem;display:grid}.billing-extension-withdrawal-confirmation strong{font:750 .82rem/1.4 var(--hoppla-font-body)}.billing-extension-withdrawal-confirmation small{color:var(--text-secondary);font:550 .72rem/1.45 var(--hoppla-font-body)}.billing-country-summary{border-color:color-mix(in srgb, var(--tone-brand-light) 26%, var(--dashboard-outline-variant));background:radial-gradient(circle at top left, color-mix(in srgb, var(--tone-brand-light) 14%, transparent), transparent 42%), var(--dashboard-surface-card);grid-template-columns:auto minmax(0,1fr) minmax(12rem,.72fr) auto;align-items:center;gap:1rem;padding:1.1rem 1.25rem;display:grid}.billing-country-summary-icon{background:color-mix(in srgb, var(--tone-brand-light) 14%, transparent);width:2.85rem;height:2.85rem;color:var(--tone-brand-light);border-radius:1rem;place-items:center;display:grid}.billing-country-summary-copy{gap:.18rem;min-width:0;display:grid}.billing-country-summary-copy>span,.billing-country-summary-select>span,.billing-country-summary-vat>span{color:var(--dashboard-on-surface-variant);font:800 .7rem/1.1 var(--hoppla-font-title);letter-spacing:.08em;text-transform:uppercase}.billing-country-summary-copy strong{color:var(--dashboard-on-surface);font:800 1.05rem/1.2 var(--hoppla-font-title)}.billing-country-summary-copy p{color:var(--dashboard-on-surface-variant);font:500 .78rem/1.4 var(--hoppla-font-body);margin:.15rem 0 0}.billing-country-summary-select,.billing-country-summary-vat{gap:.35rem;display:grid}.billing-country-summary-select select{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-low);width:100%;min-height:2.55rem;color:var(--dashboard-on-surface);font:700 .86rem/1.2 var(--hoppla-font-body);border-radius:.75rem;padding:0 .7rem}.billing-country-summary-vat{text-align:right;justify-items:end}.billing-country-summary-vat strong{color:var(--dashboard-primary);font:900 1.3rem/1 var(--hoppla-font-title)}.billing-country-summary-vat small{color:var(--dashboard-on-surface-variant);font:600 .7rem/1.2 var(--hoppla-font-body)}@media (width<=520px){.billing-country-modal-actions{grid-template-columns:1fr}.billing-country-modal-button{white-space:normal}.billing-country-summary{grid-template-columns:auto minmax(0,1fr)}.billing-country-summary-select,.billing-country-summary-vat{grid-column:1/-1}.billing-country-summary-vat{text-align:left;justify-items:start}}.qr-download-settings-note{padding-top:.1rem}.qr-delete-modal{gap:1.1rem;display:grid}.qr-delete-settings-meta{padding-left:3.7rem}.qr-delete-summary-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.qr-delete-copy-button{border:1px solid color-mix(in srgb, var(--color-product-qr) 42%, transparent);background:color-mix(in srgb, var(--color-product-qr) 7%, var(--color-surface));min-height:2rem;color:var(--color-product-qr);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.38rem .78rem;font-size:.74rem;font-weight:900;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.qr-delete-copy-button:hover,.qr-delete-copy-button:focus-visible{background:var(--color-product-qr);border-color:var(--color-product-qr);color:var(--color-on-accent);box-shadow:0 12px 24px color-mix(in srgb, var(--color-product-qr) 18%, transparent);transform:translateY(-1px)}.qr-delete-warning-card{border-radius:1rem;gap:.75rem;padding:1rem 1.05rem;display:grid}.qr-delete-confirm-check{width:100%}.qr-delete-actions{padding-top:.15rem}.folder-delete-modal{gap:1rem}.folder-delete-settings-meta{padding-left:3.7rem}:root[data-theme=dark] .qr-download-choice-button,:root.dark .qr-download-choice-button,html.dark .qr-download-choice-button{border-color:color-mix(in srgb, var(--color-brand) 32%, transparent);background:color-mix(in srgb, var(--color-brand) 96%, transparent);color:var(--tone-brand-light)}:root[data-theme=dark] .qr-download-choice-button:hover:enabled,:root[data-theme=dark] .qr-download-choice-button:focus-visible,:root.dark .qr-download-choice-button:hover:enabled,:root.dark .qr-download-choice-button:focus-visible,html.dark .qr-download-choice-button:hover:enabled,html.dark .qr-download-choice-button:focus-visible{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-accent)}:root[data-theme=dark] .qr-download-choice-button:disabled,:root.dark .qr-download-choice-button:disabled,html.dark .qr-download-choice-button:disabled{border-color:color-mix(in srgb, var(--color-brand) 24%, transparent);background:color-mix(in srgb, var(--color-brand) 12%, transparent);color:var(--tone-brand-light)}:root[data-theme=dark] .qr-download-settings-summary h3,:root.dark .qr-download-settings-summary h3,html.dark .qr-download-settings-summary h3{color:var(--color-brand)}:root[data-theme=dark] .qr-download-settings-summary p,:root.dark .qr-download-settings-summary p,html.dark .qr-download-settings-summary p{color:var(--color-border)}:root[data-theme=dark] .qr-delete-copy-button,:root.dark .qr-delete-copy-button,html.dark .qr-delete-copy-button{border-color:color-mix(in srgb, var(--color-product-qr-accent) 58%, transparent);background:color-mix(in srgb, var(--color-product-qr) 16%, var(--color-surface));color:var(--color-product-qr-glow)}:root[data-theme=dark] .qr-delete-copy-button:hover,:root[data-theme=dark] .qr-delete-copy-button:focus-visible,:root.dark .qr-delete-copy-button:hover,:root.dark .qr-delete-copy-button:focus-visible,html.dark .qr-delete-copy-button:hover,html.dark .qr-delete-copy-button:focus-visible{background:var(--color-product-qr);border-color:var(--color-product-qr-glow);color:var(--color-on-accent)}:root[data-theme=dark] .qr-download-section-divider,:root.dark .qr-download-section-divider,html.dark .qr-download-section-divider{background:linear-gradient(90deg, color-mix(in srgb, var(--color-product-qr-accent) 0%, transparent), color-mix(in srgb, var(--color-product-qr-accent) 18%, transparent) 18%, color-mix(in srgb, var(--color-brand) 24%, transparent) 50%, color-mix(in srgb, var(--color-product-qr-accent) 18%, transparent) 82%, color-mix(in srgb, var(--color-product-qr-accent) 0%, transparent))}@media (width<=640px){.qr-download-settings-head{grid-template-columns:auto minmax(0,1fr);gap:1.1rem}.qr-download-settings-note-head{grid-template-columns:auto minmax(0,1fr);gap:1rem}.qr-download-settings-meta{padding-left:0}.qr-download-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-delete-settings-meta{padding-left:0}.qr-delete-summary-row{align-items:stretch}.qr-delete-copy-button{width:fit-content}}.dashboard-editor-grid{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:1.5rem;display:grid}.dashboard-preview-card{align-content:start;gap:1rem;display:grid}.dashboard-preview-kicker{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:700}.dashboard-preview-actions{flex-wrap:wrap;gap:.65rem;display:flex}@media (width<=1100px){.dashboard-metrics-grid,.dashboard-hero-grid,.dashboard-surface-grid,.dashboard-surface-grid-two,.dashboard-surface-grid-three,.dashboard-editor-grid,.qr-detail-summary-grid{grid-template-columns:1fr 1fr}}@media (width<=980px){.sidebar{z-index:90;border-radius:0 28px 28px 0;width:min(20rem,100vw - 1rem);transform:translate(-110%)}.sidebar-mobile-open{transform:translate(0)}.sidebar-mobile-trigger{justify-content:center;align-items:center;display:inline-flex}.app-stage{margin-left:0}.sidebar-collapsed{width:min(20rem,100vw - 1rem)}.app-main{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));margin:0 auto;padding:5rem 0 2rem}.dashboard-metrics-grid,.dashboard-hero-grid,.dashboard-surface-grid,.dashboard-surface-grid-two,.dashboard-surface-grid-three,.dashboard-editor-grid,.qr-detail-summary-grid{grid-template-columns:1fr}.app-page-header{grid-template-columns:minmax(0,1fr);align-items:start}.qr-list-page .app-page-header>.app-page-actions,.short-links-page .app-page-header>.app-page-actions{grid-area:auto/1}}@media (width<=767px){.qr-overview-title-row{justify-content:space-between;align-items:flex-start;gap:.6rem;width:100%}.qr-overview-title-row>span{overflow-wrap:anywhere;min-width:0}.qr-overview-title-input{width:100%;min-width:0;font-size:1.35rem}.qr-overview-title-icon{flex:none;width:2.25rem;height:2.25rem}.qr-detail-summary-grid{gap:.85rem}.qr-detail-preview-card{border-radius:1.35rem;order:-1;padding:1rem}.qr-detail-preview-card .qr-row-icon-preview{width:min(11.5rem,72vw)!important}.qr-detail-summary-stack{gap:.85rem}.qr-detail-summary-grid .metric-card{border-radius:1.2rem;padding:.95rem 1rem}.qr-detail-summary-grid .metric-card-head,.qr-detail-summary-grid .metric-card-body{gap:.75rem}.qr-detail-summary-grid .metric-card-body strong{overflow-wrap:anywhere;font-size:clamp(1.15rem,7vw,1.45rem);line-height:1.1}.qr-detail-summary-grid .metric-pill{white-space:normal;text-align:right;max-width:100%}.qr-detail-actions{grid-template-columns:1fr 1fr;gap:.65rem;width:100%;display:grid}.qr-detail-action{justify-content:center;width:100%;min-height:2.75rem;padding-inline:.75rem!important;font-size:.9rem!important}.qr-detail-info-grid{gap:.85rem}.qr-detail-info-card{border-radius:1.2rem;padding:1rem}.qr-detail-info-card h3{letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.qr-detail-info-card p{font-size:.95rem;line-height:1.45}}@media (width<=430px){.qr-detail-actions{grid-template-columns:1fr}}.sidebar.sidebar-collapsed{align-items:center;padding-inline:.95rem}.sidebar.sidebar-collapsed .sidebar-header-row,.sidebar.sidebar-collapsed .sidebar-top-slot,.sidebar.sidebar-collapsed .app-sidebar-top-stack,.sidebar.sidebar-collapsed .sidebar-section,.sidebar.sidebar-collapsed .sidebar-cta,.sidebar.sidebar-collapsed .sidebar-cta-stack,.sidebar.sidebar-collapsed .sidebar-footer{justify-items:center;width:100%;display:grid}.sidebar.sidebar-collapsed .sidebar-section{gap:.55rem}.sidebar.sidebar-collapsed .sidebar-collapse-button,.sidebar.sidebar-collapsed .app-sidebar-account-card,.sidebar.sidebar-collapsed .app-sidebar-account-button,.sidebar.sidebar-collapsed .nav-link,.sidebar.sidebar-collapsed .sidebar-primary-button,.sidebar.sidebar-collapsed .sidebar-logout{box-sizing:border-box;flex:none;place-items:center;width:3rem;min-width:3rem;max-width:3rem;height:3rem;min-height:3rem;max-height:3rem;margin:0 auto;padding:0;display:grid}.sidebar.sidebar-collapsed .nav-link{border-radius:1rem;gap:0}.sidebar.sidebar-collapsed .nav-link-icon,.sidebar.sidebar-collapsed .sidebar-primary-button .icon-sm,.sidebar.sidebar-collapsed .sidebar-logout-icon,.sidebar.sidebar-collapsed .sidebar-collapse-button .icon-sm{flex:none;width:1.25rem;height:1.25rem;display:block}.sidebar.sidebar-collapsed .nav-link-icon{place-items:center;display:grid}.sidebar.sidebar-collapsed .nav-link-icon svg,.sidebar.sidebar-collapsed .sidebar-primary-button svg,.sidebar.sidebar-collapsed .sidebar-logout svg,.sidebar.sidebar-collapsed .sidebar-collapse-button svg{margin:0;display:block}.sidebar.sidebar-collapsed .nav-link-label,.sidebar.sidebar-collapsed .app-sidebar-account-copy,.sidebar.sidebar-collapsed .app-sidebar-account-chevron,.sidebar.sidebar-collapsed .app-sidebar-account-menu,.sidebar.sidebar-collapsed .app-sidebar-onboarding{display:none!important}.sidebar.sidebar-collapsed .app-sidebar-account-card{box-shadow:none;background:0 0;border-color:#0000;border-radius:999px;padding:0}.sidebar.sidebar-collapsed .app-sidebar-account-avatar{place-items:center;width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;margin:0;display:grid}.sidebar.sidebar-collapsed .sidebar-cta{padding-inline:0}.sidebar.sidebar-collapsed .sidebar-primary-button{letter-spacing:0;border-radius:999px;font-size:0;line-height:0}.sidebar.sidebar-collapsed .sidebar-secondary-button{display:none!important}.sidebar.sidebar-collapsed .sidebar-footer{padding-inline:0}.sidebar.sidebar-collapsed .sidebar-logout{letter-spacing:0;text-indent:0;border-radius:999px;font-size:0;line-height:0}.public-editor-header{border:1px solid var(--hoppla-border);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 28%), linear-gradient(180deg, var(--hoppla-surface), var(--hoppla-surface-strong));box-shadow:var(--hoppla-card-shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.5rem;justify-content:space-between;align-items:end;gap:1rem;padding:1.5rem;display:flex}.public-editor-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.public-proof-pill{border:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--color-brand) 8%, transparent);min-height:2.25rem;color:var(--tone-brand-light);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 .9rem;font-size:.78rem;font-weight:800;display:inline-flex}.public-builder-shell{gap:1.5rem;display:grid}.public-builder-canvas{align-items:start;gap:1.5rem;display:grid}.public-builder-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:start;gap:1.25rem;display:grid}.public-type-sidebar,.public-builder-form,.public-builder-preview{gap:1rem;display:grid}.public-step-card,.public-type-sidebar{border-radius:var(--hoppla-card-radius);border:1px solid var(--hoppla-border);background:linear-gradient(180deg, var(--hoppla-surface), var(--hoppla-surface-strong)), linear-gradient(135deg, color-mix(in srgb, var(--color-brand) 4%, transparent), color-mix(in srgb, var(--color-brand) 4%, transparent));box-shadow:var(--hoppla-card-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1.35rem}.public-step-head{align-items:start;gap:.9rem;margin-bottom:1rem;display:flex}.public-step-head h2,.public-step-head p{margin:0}.public-step-head h2{font-family:var(--hoppla-font-title);color:var(--hoppla-text);font-size:1.15rem;font-weight:800}.public-step-head p{color:var(--hoppla-text-soft);margin-top:.3rem;font-size:.92rem}.public-step-index{background:var(--tone-brand-light);width:2rem;height:2rem;color:var(--color-text);box-shadow:0 12px 24px color-mix(in srgb, var(--color-brand) 16%, transparent);border-radius:.8rem;flex:0 0 2rem;place-items:center;font-size:.85rem;font-weight:800;display:grid}.public-type-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.7rem;display:grid}.public-type-item{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);width:100%;color:var(--hoppla-text);text-align:left;cursor:pointer;border-radius:1rem;align-items:center;gap:.85rem;padding:.9rem .95rem;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s;display:flex}.public-type-item:hover{border-color:color-mix(in srgb, var(--color-brand) 22%, transparent);background:var(--hoppla-surface-strong);box-shadow:var(--hoppla-card-shadow);transform:translate(3px)}.public-type-item-active{border-color:color-mix(in srgb, var(--color-brand) 22%, transparent);background:color-mix(in srgb, var(--color-brand) 8%, transparent);color:var(--tone-brand-light);box-shadow:var(--hoppla-card-shadow)}.public-type-item-icon{background:var(--hoppla-surface-strong);border:1px solid var(--hoppla-border);border-radius:.8rem;place-items:center;width:2.35rem;height:2.35rem;display:grid}.public-type-item-copy{gap:.12rem;display:grid}.public-type-item-copy strong{font-size:.92rem}.public-type-item-copy small{color:var(--hoppla-text-soft);font-size:.75rem}.public-content-grid,.public-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.public-content-grid label span,.public-design-grid label span{color:var(--hoppla-text);font-size:.88rem;font-weight:700}.public-content-grid .input,.public-design-grid .input,.public-content-grid .select,.public-design-grid .select,.public-textarea{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-height:3rem;color:var(--hoppla-text);box-shadow:none;border-radius:.5rem;padding:.9rem 1rem}.public-content-grid .input:focus,.public-design-grid .input:focus,.public-content-grid .select:focus,.public-design-grid .select:focus,.public-textarea:focus{border-color:var(--tone-brand-light);box-shadow:0 0 0 1px var(--tone-brand-light)}.public-design-stack{gap:1rem;display:grid}.public-design-grid-controls{padding-top:.2rem}.public-field-span{grid-column:1/-1}.public-inline-note{background:color-mix(in srgb, var(--color-brand) 8%, transparent);color:var(--tone-indigo);border:1px solid color-mix(in srgb, var(--color-brand) 16%, transparent);border-radius:.85rem;margin-top:1rem;padding:.85rem 1rem;font-size:.88rem}.public-selected-type{background:color-mix(in srgb, var(--color-brand) 6%, transparent);border:1px solid var(--hoppla-border);border-radius:1rem;align-items:center;gap:.75rem;min-height:52px;padding:.8rem .95rem;display:inline-flex}.public-builder-preview{position:sticky;top:1rem}.public-preview-panel{overflow:hidden}.public-preview-main{background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-brand) 6%, transparent), transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 72%, transparent) 0%, var(--hoppla-surface-strong) 100%);border:1px solid var(--hoppla-border);border-radius:1.15rem;place-items:center;min-height:24rem;padding:1rem;display:grid}.qr-preview-card{width:100%;box-shadow:none;background:0 0;border:0;padding:0}.qr-preview-frame{gap:.8rem;width:100%;display:grid}.qr-preview-frame-active{background:color-mix(in srgb, var(--color-brand) 4%, transparent);border:1px solid var(--hoppla-border);border-radius:1.25rem;padding:1rem}.qr-preview-frame-text{color:var(--brand);letter-spacing:.22em;text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:clip;font-size:.72rem;font-weight:900;overflow:hidden}.qr-preview-styled{background:var(--hoppla-surface-strong);border:1px solid var(--hoppla-border);width:100%;box-shadow:var(--hoppla-card-shadow);border-radius:1.3rem;place-items:center;margin:0 auto;padding:1rem;display:grid}.qr-preview{place-items:center;display:grid}.qr-preview svg,.qr-preview canvas{max-width:100%;height:auto;display:block}.public-preview-label{color:var(--hoppla-text-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700}.public-preview-destination{gap:.7rem;margin-top:1rem;display:grid}.public-preview-link-pill{background:var(--hoppla-surface);border:1px solid var(--hoppla-border);width:100%;box-shadow:var(--hoppla-card-shadow);border-radius:1rem;align-items:center;gap:.65rem;padding:.9rem 1.15rem;display:inline-flex}.public-preview-link-pill span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.public-preview-link-pill button{border:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--color-brand) 8%, transparent);width:2.2rem;height:2.2rem;color:var(--tone-brand-light);cursor:pointer;border-radius:.8rem;place-items:center;display:grid}.qr-style-section{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);box-shadow:var(--hoppla-card-shadow);border-radius:1.1rem;gap:.95rem;padding:1rem;display:grid}.public-design-stack .qr-style-section:first-of-type:before{background:var(--tone-brand-light)}.public-design-stack .qr-style-section:nth-of-type(2):before{background:var(--tone-indigo)}.public-design-stack .qr-style-section:nth-of-type(3):before{background:var(--tone-rose-dark)}.public-design-stack .qr-style-section:nth-of-type(4):before{background:var(--tone-emerald)}.public-design-stack .qr-style-section:first-of-type{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 34%), var(--hoppla-surface)}.public-design-stack .qr-style-section:nth-of-type(2){background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 10%, transparent), transparent 34%), var(--hoppla-surface)}.public-design-stack .qr-style-section:nth-of-type(3){background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-danger) 8%, transparent), transparent 34%), var(--hoppla-surface)}.public-design-stack .qr-style-section:nth-of-type(4){background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-success) 10%, transparent), transparent 34%), var(--hoppla-surface)}.qr-style-section-head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.qr-style-section-head h3,.qr-style-section-head p{margin:0}.qr-style-section-head h3{color:var(--hoppla-text);font-size:1rem;font-family:var(--hoppla-font-title);font-weight:800}.qr-style-section-head p{max-width:22rem;color:var(--hoppla-text-soft);text-align:right;font-size:.82rem;line-height:1.45}.qr-style-eyebrow{color:var(--tone-brand-light);letter-spacing:.18em;text-transform:uppercase;margin-bottom:.28rem;font-size:.72rem;font-weight:800;display:inline-block}.qr-style-gallery{gap:.8rem;display:grid}.qr-style-gallery-frames,.qr-style-gallery-shapes,.qr-style-gallery-corners,.qr-style-gallery-palettes{grid-template-columns:repeat(6,minmax(0,1fr))}.qr-style-card{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-height:8.25rem;color:var(--hoppla-text);text-align:left;cursor:pointer;border-radius:.95rem;align-content:start;gap:.45rem;padding:.8rem;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative;overflow:hidden}.qr-style-card:before{content:"";background:0 0;width:4px;transition:background-color .16s;position:absolute;inset:0 auto 0 0}.qr-style-card:hover{border-color:color-mix(in srgb, var(--color-brand) 28%, transparent);box-shadow:0 18px 32px color-mix(in srgb, var(--color-brand) 8%, transparent);transform:translateY(-2px)}.qr-style-card:hover:before{background:color-mix(in srgb, var(--color-brand) 45%, transparent)}.qr-style-card strong{font-size:.82rem;line-height:1.2}.qr-style-card small{color:var(--hoppla-text-soft);font-size:.68rem;line-height:1.3}.qr-style-card-active{border-color:color-mix(in srgb, var(--color-brand) 44%, transparent);box-shadow:0 20px 36px color-mix(in srgb, var(--color-brand) 10%, transparent);background:var(--hoppla-surface-strong)}.qr-style-card-active:before{background:var(--tone-brand-light)}.qr-style-frame-chip{border:1px dashed color-mix(in srgb, var(--color-brand) 28%, transparent);background:var(--hoppla-surface);border-radius:.85rem;place-items:center;min-height:3rem;display:grid}.qr-style-frame-chip span{color:var(--hoppla-text-soft);letter-spacing:.16em;text-transform:uppercase;font-size:.64rem;font-weight:900}.qr-style-frame-chip-active{border-style:solid;border-color:color-mix(in srgb, var(--color-brand) 16%, transparent);background:color-mix(in srgb, var(--color-brand) 6%, transparent)}.qr-style-frame-chip-active span{color:var(--tone-brand-light)}.qr-style-shape-preview{background:var(--hoppla-surface);border:1px solid var(--hoppla-border);border-radius:.85rem;grid-template-columns:repeat(4,1fr);gap:.24rem;min-height:3.25rem;padding:.6rem;display:grid}.qr-style-shape-preview span{background:var(--tone-brand-light);box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--color-product-qr-accent) 18%, transparent)}.qr-style-shape-square span{border-radius:.2rem}.qr-style-shape-dots span{border-radius:999px}.qr-style-shape-rounded span{border-radius:.45rem}.qr-style-shape-extra-rounded span{border-radius:999px;min-height:.55rem}.qr-style-shape-classy span:nth-child(odd){border-radius:999px}.qr-style-shape-classy span:nth-child(2n){border-radius:.18rem}.qr-style-corner-preview{background:var(--hoppla-surface);border:1px solid var(--hoppla-border);border-radius:.85rem;min-height:3.35rem;position:relative}.qr-style-corner-square,.qr-style-corner-dot{background:var(--tone-brand-light);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.qr-style-corner-square{width:1.95rem;height:1.95rem}.qr-style-corner-dot{background:var(--hoppla-surface-strong);width:.72rem;height:.72rem;box-shadow:0 0 0 .34rem var(--tone-brand-light)}.qr-style-corner-square-square{border-radius:.35rem}.qr-style-corner-square-extra-rounded{border-radius:.95rem}.qr-style-corner-square-dot{border-radius:999px}.qr-style-corner-dot-square{border-radius:.16rem}.qr-style-corner-dot-dot{border-radius:999px}.qr-style-card-corner{position:relative;overflow:hidden}.qr-style-card-corner:after{content:"";background:color-mix(in srgb, var(--color-brand) 18%, transparent);border-radius:999px;width:.45rem;height:.45rem;position:absolute;inset:auto 1rem 1rem auto}.qr-style-palette-preview{border:1px solid var(--hoppla-border);border-radius:.85rem;grid-template-columns:repeat(2,minmax(0,1fr));min-height:3rem;display:grid;overflow:hidden}.qr-style-palette-preview span{display:block}.qr-style-card-palette{gap:.55rem;min-height:auto}.qr-style-card-palette strong{font-size:.84rem}.qr-style-card-palette small{font-size:.72rem}.public-textarea{resize:vertical;min-height:8rem;font:inherit}.public-export-bar{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--hoppla-card-shadow);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.public-export-bar-inline{box-shadow:none;background:0 0;border:0;margin-top:1rem;padding:0;position:static}.public-export-select-wrap{align-items:center;gap:.8rem;display:inline-flex}.public-export-actions{align-items:center;gap:.75rem;display:flex}@media (width<=1320px){.public-builder-offer,.qr-early-access-banner,.public-hero-grid,.public-trust-grid,.public-metric-grid,.public-hero-copy h1{max-width:none}.public-builder-preview{grid-column:1/-1;position:static}}@media (width<=767px){.public-hero,.public-section-surface{border-radius:1.2rem}.public-hero-actions,.public-chip-row{flex-direction:column;align-items:stretch}.contact-simple-form{padding:1rem}.hoppla-local-request-grid{grid-template-columns:1fr}.hoppla-local-request-form.contact-simple-form{box-shadow:0 18px 40px color-mix(in srgb, var(--color-brand) 13%, transparent);border-radius:1.15rem;padding:1.05rem}.hoppla-local-request-hero{padding-inline:0}.hoppla-local-request-hero h1{font-size:clamp(2.45rem,12vw,3.4rem)}.contact-simple-submit{width:100%}.hoppla-local-request-form .contact-simple-submit.btn{justify-self:stretch}}@media (width<=980px){.public-editor-header,.public-export-bar{flex-direction:column;align-items:stretch}.public-builder-grid,.public-content-grid,.public-design-grid{grid-template-columns:1fr}.public-type-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.qr-style-section-head{flex-direction:column;align-items:start}.qr-style-section-head p{text-align:left;max-width:none}.qr-style-gallery-frames,.qr-style-gallery-shapes,.qr-style-gallery-corners,.qr-style-gallery-palettes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.public-color-row,.public-export-select-wrap,.public-export-actions{flex-direction:column;align-items:stretch}.public-type-item{padding:.85rem}.qr-style-gallery-frames,.qr-style-gallery-shapes,.qr-style-gallery-corners,.qr-style-gallery-palettes{grid-template-columns:1fr}}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;direction:ltr;justify-content:center;align-items:center;font-family:Material Symbols Outlined,sans-serif;font-style:normal;font-weight:400;line-height:1;display:inline-flex}.fill-icon{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.dashboard-qr-shell{--dashboard-primary:var(--qr-product-accent);--dashboard-on-primary:var(--qr-product-on-accent);--dashboard-secondary:var(--tone-indigo);--dashboard-secondary-container:color-mix(in srgb, var(--tone-indigo) 12%, transparent);--dashboard-on-secondary-container:var(--tone-indigo);--dashboard-surface:var(--hoppla-bg);--dashboard-surface-low:var(--hoppla-surface);--dashboard-surface-card:var(--hoppla-surface-strong);--dashboard-surface-container:color-mix(in srgb, var(--qr-product-accent) 8%, var(--hoppla-surface));--dashboard-surface-high:color-mix(in srgb, var(--tone-indigo) 10%, var(--hoppla-surface));--dashboard-surface-variant:color-mix(in srgb, var(--qr-product-accent) 8%, var(--hoppla-surface));--dashboard-on-surface:var(--hoppla-text);--dashboard-on-surface-variant:var(--hoppla-text-soft);--dashboard-outline:var(--hoppla-border);--dashboard-outline-variant:var(--hoppla-border);--dashboard-green:var(--tone-emerald);--dashboard-red-soft:color-mix(in srgb, var(--danger) 10%, transparent);--dashboard-red-soft-strong:color-mix(in srgb, var(--danger) 18%, transparent);background:radial-gradient(1100px circle at 0% 22%, color-mix(in srgb, var(--tone-sky) 8%, transparent), transparent 58%), radial-gradient(900px circle at 92% 8%, color-mix(in srgb, var(--tone-indigo) 16%, transparent), transparent 58%), var(--dashboard-surface);min-height:100vh;color:var(--dashboard-on-surface);font-family:var(--hoppla-font-sans);display:flex}.dashboard-qr-sidebar{border-right:1px solid var(--hoppla-border);background:linear-gradient(180deg, var(--hoppla-surface-strong), var(--hoppla-surface)), radial-gradient(circle at top left, color-mix(in srgb, var(--qr-product-accent) 8%, transparent), transparent 44%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);width:16rem;box-shadow:18px 0 42px color-mix(in srgb, var(--hoppla-text) 8%, transparent);flex-direction:column;gap:1.5rem;padding:1.4rem .85rem 1.2rem;display:flex;position:fixed;inset:0 auto 0 0}:root[data-theme=dark] .dashboard-qr-shell,:root.dark .dashboard-qr-shell,html.dark .dashboard-qr-shell{--dashboard-primary:var(--qr-product-accent);--dashboard-on-primary:var(--qr-product-on-accent);--dashboard-secondary:var(--tone-indigo);--dashboard-secondary-container:color-mix(in srgb, var(--tone-indigo) 12%, transparent);--dashboard-on-secondary-container:var(--tone-indigo);--dashboard-surface:var(--hoppla-bg);--dashboard-surface-low:var(--hoppla-surface);--dashboard-surface-card:var(--hoppla-surface-strong);--dashboard-surface-container:color-mix(in srgb, var(--qr-product-accent) 8%, var(--hoppla-surface));--dashboard-surface-high:color-mix(in srgb, var(--tone-indigo) 10%, var(--hoppla-surface));--dashboard-surface-variant:color-mix(in srgb, var(--qr-product-accent) 8%, var(--hoppla-surface));--dashboard-on-surface:var(--hoppla-text);--dashboard-on-surface-variant:var(--hoppla-text-soft);--dashboard-outline:var(--hoppla-border);--dashboard-outline-variant:var(--hoppla-border);--dashboard-green:var(--tone-emerald);--dashboard-red-soft:color-mix(in srgb, var(--danger) 10%, transparent);--dashboard-red-soft-strong:color-mix(in srgb, var(--danger) 18%, transparent)}.dashboard-qr-brand{align-items:center;gap:.5rem;padding:0 .75rem;display:flex}.dashboard-qr-brand h1{color:var(--dashboard-primary);font-size:1.25rem;line-height:1.4;font-family:var(--hoppla-font-title);margin:0;font-weight:800}.dashboard-qr-brand p{color:var(--dashboard-on-surface-variant);margin:0;font-size:.875rem}.dashboard-qr-brand-icon{color:var(--dashboard-primary);font-size:1.75rem}.dashboard-qr-primary-cta,.dashboard-qr-nav-link,.dashboard-qr-secondary-cta,.dashboard-qr-edit-button,.dashboard-qr-gradient-cta,.dashboard-qr-actions button,.dashboard-qr-icon-button{font-family:var(--hoppla-font-title)}.dashboard-qr-primary-cta{border:1px solid var(--tone-brand-light);background:var(--color-surface);width:100%;color:var(--tone-brand-light);letter-spacing:.05em;text-transform:uppercase;box-shadow:none;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.84rem;font-weight:800;transition:transform .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.dashboard-qr-primary-cta:hover{background:var(--tone-brand-light);color:var(--color-on-accent);transform:translateY(-2px)}.dashboard-qr-sidebar-nav,.dashboard-qr-sidebar-footer{flex-direction:column;gap:.5rem;display:flex}.dashboard-qr-sidebar-footer{border-top:1px solid color-mix(in srgb, var(--color-brand) 30%, transparent);margin-top:auto;padding-top:1.5rem}.dashboard-qr-nav-link{width:100%;color:var(--dashboard-on-surface-variant);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.82rem;font-weight:800;text-decoration:none;transition:background-color .18s,color .18s,transform .18s;display:flex}.dashboard-qr-nav-link:hover{background:color-mix(in srgb, var(--color-surface) 92%, transparent);color:var(--dashboard-on-surface);border-color:color-mix(in srgb, var(--color-brand) 12%, transparent)}.dashboard-qr-nav-link-active{background:var(--dashboard-secondary-container);color:var(--dashboard-on-secondary-container);border-color:color-mix(in srgb, var(--color-brand) 18%, transparent);box-shadow:0 12px 28px color-mix(in srgb, var(--color-brand) 12%, transparent);font-weight:700}.dashboard-qr-main{flex-direction:column;flex:1;min-width:0;margin-left:16rem;display:flex}.dashboard-qr-topbar{z-index:20;background:color-mix(in srgb, var(--color-surface) 78%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);height:4.25rem;box-shadow:0 16px 30px color-mix(in srgb, var(--color-brand) 6%, transparent);justify-content:space-between;align-items:center;gap:1.5rem;padding:0 2rem;display:flex;position:sticky;top:0}.dashboard-qr-topbar-title{color:var(--dashboard-primary);font-size:1.5rem;font-family:var(--hoppla-font-title);font-weight:800}.dashboard-qr-topnav{align-items:center;gap:1.5rem;display:flex}.dashboard-qr-topnav-link{color:var(--dashboard-on-surface-variant);letter-spacing:.08em;text-transform:uppercase;padding-bottom:.25rem;font-size:.8rem;font-weight:800;text-decoration:none;transition:color .18s,transform .18s}.dashboard-qr-topnav-link:hover{color:var(--dashboard-primary)}.dashboard-qr-topnav-link-active{color:var(--dashboard-primary);border-bottom:2px solid var(--dashboard-primary);transform:scale(.95)}.dashboard-qr-topbar-actions{align-items:center;gap:1rem;display:flex}.dashboard-qr-secondary-cta{background:var(--dashboard-secondary);color:var(--dashboard-on-primary);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.76rem;font-weight:800;display:inline-flex}.dashboard-qr-icon-button{width:2.5rem;height:2.5rem;color:var(--dashboard-on-surface-variant);cursor:pointer;background:0 0;border:0;border-radius:999px}.dashboard-qr-icon-button:hover{color:var(--dashboard-primary);background:color-mix(in srgb, var(--color-brand) 60%, transparent)}.dashboard-qr-avatar{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-variant);width:2rem;height:2rem;color:var(--dashboard-primary);border-radius:999px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.dashboard-qr-content{flex-direction:column;gap:3rem;width:100%;margin:0;padding:0 0 2.5rem;display:flex}.dashboard-qr-page-head{justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.dashboard-qr-page-kicker{color:var(--dashboard-primary);font-family:var(--hoppla-font-title);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem;font-size:.72rem;font-weight:700;line-height:1;display:block}.dashboard-qr-page-head h2{letter-spacing:-.02em;font-size:3rem;line-height:1.2;font-family:var(--hoppla-font-title);color:var(--dashboard-on-surface);margin:0;font-weight:800}.dashboard-qr-edit-button{border:1px solid var(--tone-indigo);background:var(--color-surface);color:var(--tone-indigo);letter-spacing:.06em;text-transform:uppercase;box-shadow:none;cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.78rem;font-weight:800;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.dashboard-qr-edit-button:hover:enabled{background:var(--tone-indigo);border-color:var(--tone-indigo);color:var(--color-on-accent);transform:translateY(-1px)}.dashboard-qr-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}.dashboard-qr-card{background:var(--dashboard-surface-card);border:1px solid color-mix(in srgb, var(--color-brand) 10%, transparent);min-height:9rem;box-shadow:var(--hoppla-card-shadow);border-radius:1.4rem;flex-direction:column;justify-content:space-between;gap:.75rem;padding:1.5rem;display:flex}.dashboard-qr-card:before{content:"";background:var(--dashboard-primary);border-radius:999px;width:4px;position:absolute;inset:0 auto 0 0}.dashboard-qr-card-brand:before{background:var(--tone-brand-light)}.dashboard-qr-card-sky:before{background:var(--tone-sky)}.dashboard-qr-card-emerald:before{background:var(--tone-emerald)}.dashboard-qr-card-indigo:before{background:var(--tone-indigo)}.dashboard-qr-card-amber:before{background:var(--tone-amber)}.dashboard-qr-card-rose:before{background:var(--tone-rose-dark)}.dashboard-qr-card-brand{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 10%, transparent), transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-sky{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent), transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-emerald{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-qr-plus) 12%, transparent), transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-indigo{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-plan-free) 12%, transparent), transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-amber{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-warning) 14%, transparent), transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-rose{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-short-link) 10%, transparent), transparent 38%), var(--dashboard-surface-card)}.dashboard-qr-card-wide{grid-column:span 2}.dashboard-qr-card-priority{order:0}.dashboard-qr-card-secondary{order:1}.dashboard-qr-card-cta{background:linear-gradient(90deg, color-mix(in srgb, var(--color-brand) 8%, transparent) 0%, color-mix(in srgb, var(--color-brand) 10%, transparent) 100%), var(--color-surface);flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center}.dashboard-qr-card-cta h3,.dashboard-qr-section-head h3{font-size:1.25rem;line-height:1.4;font-family:var(--hoppla-font-title);margin:0 0 .5rem;font-weight:800}.dashboard-qr-card-cta p,.dashboard-qr-section-head p{color:var(--dashboard-on-surface-variant);margin:0;font-size:1rem;line-height:1.5}.dashboard-qr-card-label{color:var(--dashboard-on-surface-variant);font-size:1rem;line-height:1.5}.dashboard-qr-card-label-spaced{margin-bottom:1rem}.dashboard-qr-card-row,.dashboard-qr-offer-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dashboard-qr-metric-value{font-size:2rem;line-height:1.25;font-family:var(--hoppla-font-title);color:var(--dashboard-on-surface);font-weight:800}.dashboard-qr-muted-value{color:var(--dashboard-on-surface-variant)}.dashboard-qr-unavailable{align-items:center;gap:.55rem;display:inline-flex}.dashboard-qr-unavailable .material-symbols-outlined{color:color-mix(in srgb, var(--dashboard-on-surface-variant) 72%, transparent);font-size:1.05rem}.dashboard-qr-unavailable .dashboard-qr-metric-value{font-size:1rem;line-height:1.5;font-family:var(--hoppla-font-body);font-weight:600}.dashboard-qr-card-mini-value{font-size:1.5rem;line-height:1.3;font-family:var(--hoppla-font-title);color:var(--dashboard-on-surface-variant);font-weight:800}.dashboard-qr-primary-value{color:var(--dashboard-primary)}.dashboard-qr-positive-icon{color:var(--dashboard-primary);font-size:1.9rem}.dashboard-qr-status-dot{background:var(--dashboard-green);border-radius:999px;flex:none;width:.75rem;height:.75rem}.dashboard-qr-offer-row strong{color:var(--dashboard-primary);font-size:1.5rem;font-weight:700;line-height:1.3}.dashboard-qr-limit-grid{flex-wrap:wrap;gap:.75rem;display:flex}.dashboard-qr-limit-pill{background:var(--dashboard-surface-container);border:1px solid color-mix(in srgb, var(--color-brand) 30%, transparent);border-radius:.5rem;flex:15rem;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.dashboard-qr-limit-pill span{color:var(--dashboard-on-surface-variant);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1}.dashboard-qr-limit-pill strong{color:var(--dashboard-on-surface);font-size:1rem;font-weight:700}.dashboard-qr-gradient-cta{border:1px solid var(--tone-brand-light);background:var(--color-surface);color:var(--tone-brand-light);letter-spacing:.06em;text-transform:uppercase;box-shadow:none;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 2rem;font-size:.88rem;font-weight:800;line-height:1.2;transition:background-color .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.dashboard-qr-gradient-cta:hover:enabled{background:var(--tone-brand-light);border-color:var(--tone-brand-light);color:var(--color-text);transform:translateY(-1px)}.dashboard-qr-section{flex-direction:column;gap:1.5rem;display:flex}.dashboard-qr-filter-row{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.dashboard-qr-filter-group{gap:.75rem;display:flex}.dashboard-qr-filter-group select{appearance:none;border:1px solid var(--dashboard-outline-variant);background:color-mix(in srgb, var(--color-surface) 90%, transparent);color:var(--dashboard-on-surface);font-family:var(--hoppla-font-title);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.7rem 1rem;font-size:.76rem;font-weight:800}.dashboard-qr-tag-cloud{flex-wrap:wrap;gap:.5rem;display:flex}.dashboard-qr-tag-cloud span{background:color-mix(in srgb, var(--color-surface) 88%, transparent);border:1px solid color-mix(in srgb, var(--color-brand) 10%, transparent);color:var(--dashboard-on-surface-variant);font-family:var(--hoppla-font-title);letter-spacing:.04em;cursor:default;border-radius:999px;padding:.55rem .85rem;font-size:.72rem;font-weight:700}.dashboard-qr-list{flex-direction:column;gap:.75rem;display:flex}.dashboard-qr-list-item{background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-brand) 92%, transparent));border:1px solid color-mix(in srgb, var(--color-brand) 10%, transparent);box-shadow:0 16px 32px color-mix(in srgb, var(--color-brand) 6%, transparent);border-radius:1.35rem;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.dashboard-qr-list-main{align-items:center;gap:1rem;min-width:0;display:flex}.dashboard-qr-list-icon{background:color-mix(in srgb, var(--color-brand) 8%, transparent);width:3rem;height:3rem;color:var(--dashboard-primary);border-radius:1rem;flex:none;justify-content:center;align-items:center;padding:.2rem;display:inline-flex;overflow:hidden}.dashboard-qr-list-icon .qr-row-icon-preview{border-color:color-mix(in srgb, var(--color-brand) 25%, transparent);border-radius:.8rem;width:100%;height:100%;padding:.1rem}.dashboard-qr-list-copy{align-content:center;gap:.2rem;min-width:0;display:grid}.dashboard-qr-list-copy h4{color:var(--dashboard-on-surface);font-size:1.25rem;line-height:1.4;font-family:var(--hoppla-font-title);margin:0 0 .25rem;font-weight:800}.dashboard-qr-title-button{text-align:left;cursor:pointer;background:0 0;border:0;width:fit-content;margin:0;padding:0;display:block}.dashboard-qr-title-button:hover h4,.dashboard-qr-title-button:focus-visible h4{color:var(--dashboard-primary)}.dashboard-qr-shortlink-button{width:fit-content;max-width:100%;box-shadow:none;color:var(--dashboard-on-surface-variant);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;text-underline-offset:.18em;background:0 0;border:0;margin:0;padding:0;font-size:.82rem;font-weight:600;line-height:1.25;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .18s,text-decoration-color .18s;display:block;overflow:hidden}.dashboard-qr-shortlink-button:hover,.dashboard-qr-shortlink-button:focus-visible{color:var(--dashboard-primary);text-decoration-color:currentColor}.dashboard-qr-expiration{font-size:.78rem;font-weight:600;line-height:1.3;display:block}.dashboard-qr-expiration-row{flex-wrap:wrap;align-items:center;gap:.38rem;display:inline-flex}.dashboard-qr-expiration-neutral{color:var(--dashboard-on-surface-variant)}.dashboard-qr-expiration-paused{color:var(--color-warning)}.dashboard-qr-expiration-review{color:var(--color-danger)}.dashboard-qr-expiration-info{align-items:center;display:inline-flex;position:relative}.dashboard-qr-expiration-infoButton{width:1.05rem;height:1.05rem;color:color-mix(in srgb, var(--color-brand) 52%, transparent);cursor:help;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .18s,transform .18s;display:inline-flex}.dashboard-qr-expiration-infoButton:hover,.dashboard-qr-expiration-infoButton:focus-visible{color:var(--dashboard-primary);outline:none;transform:translateY(-1px)}.dashboard-qr-expiration-tooltip{z-index:8;border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);width:min(18rem,62vw);box-shadow:0 18px 40px color-mix(in srgb, var(--color-brand) 14%, transparent);color:var(--dashboard-on-surface);opacity:0;visibility:hidden;pointer-events:none;border-radius:.9rem;padding:.72rem .82rem;font-size:.76rem;font-weight:500;line-height:1.45;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;bottom:calc(100% + .55rem);left:50%;transform:translate(-50%,.2rem)}.dashboard-qr-expiration-tooltip:after{content:"";border-right:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);border-bottom:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);width:.7rem;height:.7rem;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.dashboard-qr-expiration-info:hover .dashboard-qr-expiration-tooltip,.dashboard-qr-expiration-info:focus-within .dashboard-qr-expiration-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.qr-overview-title-row{align-items:center;gap:.75rem;min-width:0;display:inline-flex}.qr-overview-title-input{min-width:min(26rem,60vw);padding:.72rem 1rem;font-size:clamp(1.5rem,2vw,2rem);font-weight:800;line-height:1.15}.qr-overview-title-icon{border:1px solid var(--dashboard-outline-variant);background:color-mix(in srgb, var(--color-surface) 92%, transparent);width:2.4rem;height:2.4rem;color:var(--dashboard-primary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex}.qr-overview-title-icon:hover{background:var(--dashboard-surface-container);border-color:color-mix(in srgb, var(--color-brand) 24%, transparent);transform:translateY(-1px)}.dashboard-qr-list-copy a{color:var(--dashboard-primary);overflow-wrap:anywhere;font-size:.875rem;text-decoration:none}.dashboard-qr-list-copy a:hover{text-decoration:underline}.dashboard-qr-name-button{font:inherit;color:inherit}.dashboard-qr-folder-link{width:fit-content;max-width:100%;color:var(--dashboard-on-surface-variant);cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;margin-top:.18rem;padding:0;font-size:.78rem;font-weight:700;display:inline-flex}.dashboard-qr-folder-link span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-qr-folder-link:hover,.dashboard-qr-folder-link:focus-visible{color:var(--dashboard-primary)}.dashboard-qr-list-badges{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.dashboard-qr-badge{min-height:1.5rem;font-family:var(--hoppla-font-title);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.125rem .5rem;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.dashboard-qr-badge-violet{background:var(--dashboard-secondary-container);color:var(--dashboard-on-secondary-container)}.dashboard-qr-badge-active{background:color-mix(in srgb, var(--tone-emerald) 13%, transparent);color:var(--tone-emerald)}.dashboard-qr-badge-paused,.dashboard-qr-badge-review{background:color-mix(in srgb, var(--tone-amber) 14%, transparent);color:var(--tone-amber)}.dashboard-qr-badge-blocked{background:var(--dashboard-red-soft);color:var(--color-danger)}.dashboard-qr-badge-neutral{background:var(--dashboard-surface-container);color:var(--dashboard-on-surface-variant)}.dashboard-qr-folder-badge{cursor:pointer;border:0;gap:.28rem;max-width:min(16rem,100%);transition:background-color .16s,color .16s,box-shadow .16s,transform .16s}.dashboard-qr-folder-badge .material-symbols-outlined{font-size:.95rem}.dashboard-qr-folder-badge span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-qr-folder-badge:hover,.dashboard-qr-folder-badge:focus-visible{background:color-mix(in srgb, var(--dashboard-primary) 13%, var(--dashboard-surface-container));color:var(--dashboard-primary);box-shadow:0 0 0 1px color-mix(in srgb, var(--dashboard-primary) 20%, transparent);transform:translateY(-1px)}.dashboard-qr-folder-badge:hover .material-symbols-outlined,.dashboard-qr-folder-badge:focus-visible .material-symbols-outlined{color:var(--dashboard-primary)}.dashboard-qr-badge-text{color:var(--dashboard-on-surface-variant);font-size:.875rem}.dashboard-qr-actions{align-items:center;gap:.5rem;width:auto;display:flex}.dashboard-qr-actions button{border:1px solid var(--tone-brand-light);background:var(--color-surface);color:var(--tone-brand-light);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.62rem .85rem;font-size:.72rem;font-weight:800;transition:background-color .18s,border-color .18s,color .18s,transform .18s,opacity .18s;display:inline-flex}.dashboard-qr-actions button:hover:enabled{background:var(--tone-brand-light);border-color:var(--tone-brand-light);color:var(--color-on-accent);transform:translateY(-1px)}.dashboard-qr-actions button:disabled{opacity:.45;cursor:not-allowed}.dashboard-qr-action-brand{border-color:var(--tone-brand-light)!important;color:var(--tone-brand-light)!important}.dashboard-qr-action-brand:hover:enabled{background:var(--tone-brand-light)!important;border-color:var(--tone-brand-light)!important;color:var(--color-text)!important}.dashboard-qr-action-indigo{border-color:var(--tone-indigo)!important;color:var(--tone-indigo)!important}.dashboard-qr-action-indigo:hover:enabled{background:var(--tone-indigo)!important;border-color:var(--tone-indigo)!important;color:var(--color-text)!important}.dashboard-qr-pause-action{background:var(--color-surface)!important;color:var(--tone-amber)!important;border-color:var(--tone-amber)!important;padding:.5rem!important}.dashboard-qr-pause-action:hover:enabled{background:var(--tone-amber)!important;border-color:var(--tone-amber)!important;color:var(--color-text)!important}.dashboard-qr-icon-action{min-width:2.6rem;padding:.5rem!important}.dashboard-qr-delete-action{background:var(--color-surface)!important;color:var(--tone-rose-dark)!important;border-color:var(--tone-rose-dark)!important}.dashboard-qr-delete-action:hover:enabled{background:var(--tone-rose-dark)!important;border-color:var(--tone-rose-dark)!important;color:var(--color-text)!important}.dashboard-qr-mobile-actions{display:none}.dashboard-qr-state-card{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 94%, transparent);color:var(--dashboard-on-surface);border-radius:1.25rem;gap:.35rem;padding:1.25rem;display:grid}.dashboard-qr-state-card p{color:var(--dashboard-on-surface-variant);margin:0}.dashboard-qr-loading-list{gap:.75rem;display:grid}.dashboard-qr-list-item-skeleton{grid-template-columns:3rem minmax(0,1fr) 10rem;align-items:center;display:grid}.dashboard-qr-skeleton-thumb,.dashboard-qr-skeleton-copy,.dashboard-qr-skeleton-actions{background:linear-gradient(90deg, color-mix(in srgb, var(--color-brand) 72%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent), color-mix(in srgb, var(--color-brand) 72%, transparent));background-size:200% 100%;border-radius:999px;animation:1.2s ease-in-out infinite qr-list-skeleton;display:block}.dashboard-qr-skeleton-thumb{border-radius:1rem;width:3rem;height:3rem}.dashboard-qr-skeleton-copy{width:min(100%,22rem);height:1.5rem}.dashboard-qr-skeleton-actions{width:100%;height:2.5rem}@keyframes qr-list-skeleton{0%{background-position:180% 0}to{background-position:-180% 0}}@media (width<=1279px){.dashboard-qr-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-qr-card-cta{flex-direction:column;align-items:flex-start}.dashboard-qr-list-item{flex-direction:column;align-items:stretch}.dashboard-qr-actions{flex-wrap:wrap}}@media (width<=1023px){.dashboard-qr-list{gap:.85rem}.dashboard-qr-list-item{border-radius:1.15rem;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.85rem;padding:1rem;display:grid}.dashboard-qr-list-main{grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.85rem;display:grid}.dashboard-qr-list-icon{border-radius:1rem;width:4rem;height:4rem}.dashboard-qr-list-copy{min-width:0}.dashboard-qr-list-copy h4{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-bottom:.15rem;font-size:clamp(1.02rem,2.6vw,1.18rem);line-height:1.15;overflow:hidden}.dashboard-qr-title-button,.dashboard-qr-shortlink-button{max-width:100%}.dashboard-qr-shortlink-button{font-size:.78rem}.dashboard-qr-expiration-row{max-width:100%}.dashboard-qr-expiration{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 8rem);overflow:hidden}.dashboard-qr-list-badges{gap:.38rem}.dashboard-qr-badge{letter-spacing:.06em;min-height:1.45rem;padding-inline:.48rem;font-size:.62rem}.dashboard-qr-actions{display:none}.dashboard-qr-mobile-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:.5rem;display:grid;position:relative}.dashboard-qr-mobile-actions-deleted{grid-template-columns:minmax(0,1fr)}.dashboard-qr-mobile-actions button{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:var(--color-surface);min-height:2.75rem;font-family:var(--hoppla-font-title);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.42rem;padding:.65rem .78rem;font-size:.72rem;font-weight:850;line-height:1;display:inline-flex}.dashboard-qr-mobile-actions button:disabled{opacity:.45;cursor:not-allowed}.dashboard-qr-mobile-primary{min-width:0}.dashboard-qr-mobile-primary .material-symbols-outlined{font-size:1.05rem}.dashboard-qr-mobile-more{justify-content:flex-end;display:inline-flex;position:relative}.dashboard-qr-mobile-more-button{width:2.75rem;color:var(--dashboard-on-surface-variant);padding-inline:0!important}.dashboard-qr-mobile-menu{z-index:20;border:1px solid color-mix(in srgb, var(--color-brand) 14%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);width:min(15rem,100vw - 2rem);box-shadow:0 20px 44px color-mix(in srgb, var(--color-brand) 16%, transparent);border-radius:1rem;gap:.25rem;padding:.45rem;display:grid;position:absolute;top:calc(100% + .45rem);right:0}.dashboard-qr-mobile-menu button{width:100%;min-height:2.45rem;color:var(--dashboard-on-surface);box-shadow:none;text-align:left;background:0 0;border:0;border-radius:.75rem;justify-content:flex-start}.dashboard-qr-mobile-menu button:hover:enabled,.dashboard-qr-mobile-menu button:focus-visible{background:color-mix(in srgb, var(--color-brand) 8%, transparent)}.dashboard-qr-mobile-menu-danger{color:var(--tone-rose-dark)!important}.dashboard-qr-list-item-skeleton{grid-template-columns:4rem minmax(0,1fr)}.dashboard-qr-skeleton-actions{grid-column:1/-1}.dashboard-qr-sidebar{display:none}.dashboard-qr-main{margin-left:0}.dashboard-qr-topnav{display:none}.dashboard-qr-topbar{padding-inline:1rem}.dashboard-qr-content{width:100%;padding:0 0 2rem}.dashboard-qr-page-head{flex-direction:column;align-items:flex-start}.dashboard-qr-page-head h2{font-size:2.25rem}.dashboard-qr-page-head .dashboard-qr-edit-button{justify-content:center;width:100%}.dashboard-qr-section-head{flex-direction:column;align-items:flex-start}}@media (width<=767px){.dashboard-qr-metrics-grid{grid-template-columns:1fr}.dashboard-qr-card-priority{order:0}.dashboard-qr-card-secondary{order:2}.dashboard-qr-card-wide{grid-column:span 1}.dashboard-qr-filter-row{flex-direction:column}.dashboard-qr-filter-group{flex-direction:column;width:100%}.dashboard-qr-list-item{gap:.75rem;padding:.78rem}.dashboard-qr-card{padding:1rem}.dashboard-qr-limit-grid{grid-template-columns:1fr}.dashboard-qr-list-main{grid-template-columns:3.55rem minmax(0,1fr);gap:.72rem}.dashboard-qr-list-icon{width:3.55rem;height:3.55rem}.dashboard-qr-list-copy h4{font-size:1rem}.dashboard-qr-shortlink-button{max-width:100%;font-size:.74rem}.dashboard-qr-mobile-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 2.75rem}.dashboard-qr-mobile-actions button{min-width:0;padding-inline:.55rem}.dashboard-qr-mobile-primary{overflow:hidden}.dashboard-qr-mobile-primary span:not(.material-symbols-outlined){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-qr-secondary-cta{display:none}}.plans-root{isolation:isolate;padding:10px 0 18px;position:relative;overflow:clip visible}.plans-stack{z-index:1;gap:18px;min-width:0;display:grid;position:relative;overflow:visible}.plans-header{z-index:1;text-align:center;width:100%;min-width:0;max-width:980px;margin:0 auto;position:relative}.plans-title{letter-spacing:-.04em;color:color-mix(in srgb, var(--color-on-accent) 96%, transparent);text-wrap:balance;margin:0;font-size:clamp(2.15rem,8.2vw,3.35rem);font-weight:950;line-height:.94}:root[data-theme=light] .plans-title,:root.light .plans-title,html.light .plans-title{color:color-mix(in srgb, var(--color-brand) 92%, transparent)}.plans-lead{color:#e2e8f0d1;text-wrap:pretty;text-align:center;max-width:76ch;margin:12px auto 0;font-size:clamp(.98rem,.92rem + .24vw,1.06rem);line-height:1.62}.plans-leadWord{font-weight:950}.plans-leadStrong{color:inherit;font-weight:950}.plans-leadHintBtn{appearance:none;font:inherit;color:inherit;cursor:help;text-underline-offset:.18em;background:0 0;border:0;outline:none;margin:0;padding:0;font-weight:950;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;display:inline}.plans-leadHintBtn:focus-visible{outline:2px solid color-mix(in srgb, var(--color-product-qr-accent) 55%, transparent);outline-offset:4px;border-radius:6px}.plans-leadTooltip{z-index:90;border:1px solid color-mix(in srgb, var(--color-brand) 22%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);color:color-mix(in srgb, var(--color-brand) 94%, transparent);text-align:left;text-transform:none;letter-spacing:normal;box-shadow:0 22px 38px color-mix(in srgb, var(--color-brand) 16%, transparent);pointer-events:none;border-radius:14px;padding:12px 14px;font-size:.92rem;font-weight:700;line-height:1.5;position:fixed}.plans-leadToneAmber{color:var(--tone-amber-soft)}.plans-leadToneSky{color:var(--tone-sky-soft)}.plans-leadToneEmerald{color:var(--tone-emerald-soft)}.plans-leadToneIndigo{color:var(--color-plan-free-display)}:root[data-theme=light] .plans-lead,:root.light .plans-lead,html.light .plans-lead{color:#1e293bc7}:root[data-theme=light] .plans-leadToneAmber,:root.light .plans-leadToneAmber,html.light .plans-leadToneAmber{color:var(--tone-amber)}:root[data-theme=light] .plans-leadToneSky,:root.light .plans-leadToneSky,html.light .plans-leadToneSky{color:var(--tone-sky)}:root[data-theme=light] .plans-leadToneEmerald,:root.light .plans-leadToneEmerald,html.light .plans-leadToneEmerald{color:var(--tone-emerald)}:root[data-theme=light] .plans-leadToneIndigo,:root.light .plans-leadToneIndigo,html.light .plans-leadToneIndigo{color:var(--color-plan-free-display)}:root[data-theme=dark] .plans-leadTooltip,:root.dark .plans-leadTooltip,html.dark .plans-leadTooltip{border-color:color-mix(in srgb, var(--color-border) 10%, transparent);background:color-mix(in srgb, var(--color-brand) 98%, transparent);color:color-mix(in srgb, var(--color-brand) 96%, transparent);box-shadow:0 22px 38px color-mix(in srgb, var(--color-shadow) 34%, transparent)}.plans-markers{grid-template-columns:1fr;gap:10px;display:grid}.plans-markerChip{letter-spacing:-.01em;min-height:50px;color:color-mix(in srgb, var(--color-on-accent) 96%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 8%, transparent);background:color-mix(in srgb, var(--color-surface) 4%, transparent);box-shadow:0 16px 34px color-mix(in srgb, var(--color-brand) 12%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;align-items:center;padding:12px 14px;font-size:.96rem;font-weight:900;line-height:1.45;display:flex}.plans-markerBrand{border-color:color-mix(in srgb, var(--color-brand) 28%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 24%, transparent), color-mix(in srgb, var(--color-brand) 12%, transparent))}.plans-markerSky{border-color:color-mix(in srgb, var(--color-product-qr-accent) 24%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-product-qr-accent) 18%, transparent), color-mix(in srgb, var(--color-product-qr-accent) 10%, transparent))}.plans-markerEmerald{border-color:color-mix(in srgb, var(--color-plan-qr-plus) 24%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-plan-qr-plus) 18%, transparent), color-mix(in srgb, var(--color-plan-qr-plus) 10%, transparent))}.plans-markerRose{border-color:color-mix(in srgb, var(--color-product-short-link) 24%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-product-short-link) 16%, transparent), color-mix(in srgb, var(--color-product-short-link) 9%, transparent))}:root[data-theme=light] .plans-markerChip,:root.light .plans-markerChip,html.light .plans-markerChip{color:color-mix(in srgb, var(--color-brand) 90%, transparent);border-color:color-mix(in srgb, var(--color-brand) 8%, transparent);background:color-mix(in srgb, var(--color-surface) 94%, transparent);box-shadow:0 16px 34px color-mix(in srgb, var(--color-brand) 8%, transparent)}:root[data-theme=light] .plans-markerBrand,:root.light .plans-markerBrand,html.light .plans-markerBrand{border-color:color-mix(in srgb, var(--color-brand) 20%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 98%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent))}:root[data-theme=light] .plans-markerSky,:root.light .plans-markerSky,html.light .plans-markerSky{border-color:color-mix(in srgb, var(--color-product-qr-accent) 18%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-product-qr-accent) 98%, transparent), color-mix(in srgb, var(--color-product-qr-accent) 96%, transparent))}:root[data-theme=light] .plans-markerEmerald,:root.light .plans-markerEmerald,html.light .plans-markerEmerald{border-color:color-mix(in srgb, var(--color-plan-qr-plus) 18%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-plan-qr-plus) 98%, transparent), color-mix(in srgb, var(--color-plan-qr-plus) 96%, transparent))}:root[data-theme=light] .plans-markerRose,:root.light .plans-markerRose,html.light .plans-markerRose{border-color:color-mix(in srgb, var(--color-product-short-link) 18%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-product-short-link) 98%, transparent), color-mix(in srgb, var(--color-product-short-link) 96%, transparent))}.plans-block{border-top:1px solid color-mix(in srgb, var(--color-border) 7%, transparent);min-width:0;box-shadow:none;background:0 0;border-radius:0;gap:14px;padding-top:18px;display:grid;overflow:visible}.billing-page-shell .plans-block,.plans-root .plans-block{border-top:0;padding-top:0}:root[data-theme=light] .plans-block,:root.light .plans-block,html.light .plans-block{border-top-color:color-mix(in srgb, var(--color-brand) 7%, transparent)}.plans-blockHead{gap:10px;min-width:0;display:grid}.plans-blockKicker{font-size:var(--hoppla-type-kicker);line-height:var(--hoppla-lh-kicker);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--color-brand) 84%, transparent);font-weight:950}:root[data-theme=light] .plans-blockKicker,:root.light .plans-blockKicker,html.light .plans-blockKicker{color:color-mix(in srgb, var(--color-brand) 76%, transparent)}.plans-decisionGrid{grid-template-columns:1fr;gap:14px;display:grid}.plans-decisionCard{border:1px solid color-mix(in srgb, var(--color-border) 8%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 7%, transparent), color-mix(in srgb, var(--color-surface) 3%, transparent)), color-mix(in srgb, var(--color-brand) 24%, transparent);box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 16%, transparent);border-radius:22px;gap:14px;padding:16px;display:grid}.plans-decision-amber{border-color:color-mix(in srgb, var(--color-warning) 22%, transparent)}.plans-decision-sky{border-color:color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent)}.plans-decision-emerald{border-color:color-mix(in srgb, var(--color-plan-qr-plus) 22%, transparent)}:root[data-theme=light] .plans-decisionCard,:root.light .plans-decisionCard,html.light .plans-decisionCard{border-color:color-mix(in srgb, var(--color-brand) 8%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent)), var(--color-surface);box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 8%, transparent)}.plans-decisionTop{gap:6px;display:grid}.plans-decisionTitle{letter-spacing:-.03em;color:color-mix(in srgb, var(--color-on-accent) 97%, transparent);font-size:clamp(1.2rem,1rem + .7vw,1.5rem);font-weight:950;line-height:1.05}.plans-decisionPrice{color:color-mix(in srgb, var(--color-on-accent) 82%, transparent);font-size:clamp(1.02rem,.92rem + .35vw,1.16rem);font-weight:900;line-height:1.35}.plans-decision-amber .plans-decisionPrice{color:var(--tone-amber-soft)}.plans-decision-sky .plans-decisionPrice{color:var(--tone-sky-soft)}.plans-decision-emerald .plans-decisionPrice{color:var(--tone-emerald-soft)}:root[data-theme=light] .plans-decisionTitle,:root.light .plans-decisionTitle,html.light .plans-decisionTitle{color:color-mix(in srgb, var(--color-brand) 92%, transparent)}:root[data-theme=light] .plans-decisionPrice,:root.light .plans-decisionPrice,html.light .plans-decisionPrice{color:color-mix(in srgb, var(--color-brand) 78%, transparent)}:root[data-theme=light] .plans-decision-amber .plans-decisionPrice,:root.light .plans-decision-amber .plans-decisionPrice,html.light .plans-decision-amber .plans-decisionPrice{color:var(--tone-amber)}:root[data-theme=light] .plans-decision-sky .plans-decisionPrice,:root.light .plans-decision-sky .plans-decisionPrice,html.light .plans-decision-sky .plans-decisionPrice{color:var(--tone-sky)}:root[data-theme=light] .plans-decision-emerald .plans-decisionPrice,:root.light .plans-decision-emerald .plans-decisionPrice,html.light .plans-decision-emerald .plans-decisionPrice{color:var(--tone-emerald)}.plans-decisionBody{gap:8px;display:grid}.plans-decisionLabel{font-size:var(--hoppla-type-kicker);line-height:var(--hoppla-lh-kicker);letter-spacing:.13em;text-transform:uppercase;color:color-mix(in srgb, var(--color-brand) 68%, transparent);font-weight:950}.plans-decisionAudience,.plans-decisionSummary,.plans-decisionExamples,.plans-decisionNote{color:color-mix(in srgb, var(--color-brand) 86%, transparent);margin:0;font-size:.98rem;line-height:1.58}.plans-decisionAudience{color:color-mix(in srgb, var(--color-on-accent) 95%, transparent);font-weight:900}:root[data-theme=light] .plans-decisionLabel,:root.light .plans-decisionLabel,html.light .plans-decisionLabel{color:color-mix(in srgb, var(--color-brand) 58%, transparent)}:root[data-theme=light] .plans-decisionAudience,:root.light .plans-decisionAudience,html.light .plans-decisionAudience{color:color-mix(in srgb, var(--color-brand) 92%, transparent)}:root[data-theme=light] .plans-decisionSummary,:root.light .plans-decisionSummary,html.light .plans-decisionSummary,:root[data-theme=light] .plans-decisionExamples,:root.light .plans-decisionExamples,html.light .plans-decisionExamples,:root[data-theme=light] .plans-decisionNote,:root.light .plans-decisionNote,html.light .plans-decisionNote{color:color-mix(in srgb, var(--color-brand) 76%, transparent)}.plans-featureList{color:inherit;gap:.5rem;margin:0;padding-left:1.2rem;display:grid}.plans-decisionAction{appearance:none;letter-spacing:.02em;cursor:pointer;width:fit-content;max-width:100%;min-height:48px;color:var(--color-on-accent);background:var(--tone-brand-light);box-shadow:none;border:0;border-radius:999px;padding:0 18px;font-size:.94rem;font-weight:950;line-height:1;transition:transform .18s,background-color .18s,filter .18s}.plans-decisionAction:hover{background:color-mix(in srgb, var(--tone-brand-light) 90%, var(--color-canvas));filter:none;transform:translateY(-1px)}.plans-reassurance{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent), transparent 48%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 6%, transparent), color-mix(in srgb, var(--color-surface) 3%, transparent)), color-mix(in srgb, var(--color-brand) 24%, transparent);box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 14%, transparent);border-radius:22px;align-items:center;gap:14px;padding:18px;display:grid}:root[data-theme=light] .plans-reassurance,:root.light .plans-reassurance,html.light .plans-reassurance{border-color:color-mix(in srgb, var(--color-brand) 14%, transparent);background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent), transparent 48%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent)), var(--color-surface);box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 8%, transparent)}.plans-reassuranceContent{gap:8px;display:grid}.plans-reassuranceTitle{letter-spacing:-.03em;color:color-mix(in srgb, var(--color-on-accent) 96%, transparent);margin:0;font-size:clamp(1.2rem,1.08rem + .6vw,1.55rem);font-weight:950;line-height:1.05}.plans-reassuranceBody{color:color-mix(in srgb, var(--color-brand) 82%, transparent);margin:0;font-size:.98rem;line-height:1.6}.plans-reassuranceHighlight{background:color-mix(in srgb, var(--color-product-qr-accent) 16%, transparent);border:1px solid color-mix(in srgb, var(--color-product-qr-accent) 24%, transparent);color:var(--color-product-qr-accent);box-shadow:0 8px 18px color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent);border-radius:999px;margin-left:.18rem;padding:.08rem .45rem;font-weight:800;display:inline-block}.plans-reassuranceAction{appearance:none;letter-spacing:.02em;text-align:center;cursor:pointer;width:fit-content;max-width:100%;min-height:48px;color:var(--color-on-accent);background:linear-gradient(90deg, var(--color-brand), var(--color-product-qr-accent));box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 20%, transparent);border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-size:.94rem;font-weight:950;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex}.plans-reassuranceAction:hover{filter:brightness(1.03);transform:translateY(-1px)}:root[data-theme=light] .plans-reassuranceTitle,:root.light .plans-reassuranceTitle,html.light .plans-reassuranceTitle{color:color-mix(in srgb, var(--color-brand) 92%, transparent)}:root[data-theme=light] .plans-reassuranceBody,:root.light .plans-reassuranceBody,html.light .plans-reassuranceBody{color:color-mix(in srgb, var(--color-brand) 76%, transparent)}:root[data-theme=light] .plans-reassuranceHighlight,:root.light .plans-reassuranceHighlight,html.light .plans-reassuranceHighlight{background:color-mix(in srgb, var(--color-brand) 8%, transparent);border-color:color-mix(in srgb, var(--color-brand) 14%, transparent);color:var(--color-brand);box-shadow:0 8px 18px color-mix(in srgb, var(--color-brand) 8%, transparent)}@media (width>=560px){.plans-markers,.plans-decisionGrid{grid-template-columns:1fr 1fr}}@media (width>=720px) and (width<=979px){.plans-header{max-width:860px}.plans-markers,.plans-decisionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=980px){.plans-decisionGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.plans-reassurance{grid-template-columns:minmax(0,1fr) auto}.plans-blockHead{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}}@media (width<=420px){.plans-root{padding:8px 0 16px}.plans-stack{gap:16px}.plans-title{font-size:clamp(1.9rem,9vw,2.4rem)}.plans-markerChip,.plans-decisionCard,.plans-reassurance{padding:14px}}@media (width<=719px){.plans-header{text-align:left}.plans-lead{text-align:left;margin-left:0;margin-right:0}.plans-markerChip,.plans-decisionCard,.plans-reassurance{border-radius:20px}.plans-decisionAction,.plans-reassuranceAction{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.plans-decisionAction,.plans-decisionAction:hover,.plans-reassuranceAction,.plans-reassuranceAction:hover{transition:none!important;animation:none!important;transform:none!important}}@media (width>=980px){.pricing-showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pricing-showcase-reassurance{grid-template-columns:minmax(0,1fr) auto}}@media (width<=719px){.pricing-showcase-header{text-align:left}.pricing-showcase-lead{text-align:left;margin-left:0;margin-right:0}.pricing-showcase-card,.pricing-showcase-reassurance{border-radius:20px}.pricing-showcase-action,.pricing-showcase-reassurance-action{justify-content:center;width:100%}}.pricing-plans-wrap{gap:12px;min-width:0;display:grid}.pricing-plans-topBar{justify-content:flex-end;display:flex}.pricing-plans-topBarInner{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pricing-plans-promoBadge{letter-spacing:.12em;text-transform:uppercase;min-height:34px;color:color-mix(in srgb, var(--color-plan-pro) 98%, transparent);border:1px solid color-mix(in srgb, var(--color-plan-pro) 24%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-plan-pro) 12%, transparent), color-mix(in srgb, var(--color-plan-pro) 6%, transparent));border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:10px;font-weight:950;line-height:1;display:inline-flex}.pricing-plans-promoBadgeActive{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-plan-pro) 18%, transparent), 0 0 18px color-mix(in srgb, var(--color-plan-pro) 8%, transparent)}:root[data-theme=light] .pricing-plans-promoBadge,:root.light .pricing-plans-promoBadge,html.light .pricing-plans-promoBadge{color:color-mix(in srgb, var(--color-plan-pro) 96%, transparent);border-color:color-mix(in srgb, var(--color-plan-pro) 22%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-plan-pro) 98%, transparent), color-mix(in srgb, var(--color-plan-pro) 94%, transparent))}.pricing-plans-durationStatic{background:color-mix(in srgb, var(--color-brand) 22%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 8%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:42px;color:color-mix(in srgb, var(--color-brand) 92%, transparent);font-size:var(--hoppla-type-kicker);line-height:var(--hoppla-lh-kicker);letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 16px;font-weight:950;display:inline-flex}.pricing-plans-durationSwitch{background:color-mix(in srgb, var(--color-brand) 22%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 8%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;align-items:center;gap:6px;min-height:42px;padding:4px;display:inline-flex}.pricing-plans-durationBtn{min-height:32px;color:color-mix(in srgb, var(--color-brand) 78%, transparent);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:.74rem;font-weight:900;line-height:1;transition:background-color .16s,color .16s,transform .16s,box-shadow .16s}.pricing-plans-durationBtn:hover{color:color-mix(in srgb, var(--color-on-accent) 96%, transparent)}.pricing-plans-durationBtnActive{background:var(--color-brand);color:var(--color-on-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 18%, transparent)}:root[data-theme=light] .pricing-plans-durationStatic,:root.light .pricing-plans-durationStatic,html.light .pricing-plans-durationStatic{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border-color:color-mix(in srgb, var(--color-brand) 10%, transparent);box-shadow:0 8px 20px color-mix(in srgb, var(--color-brand) 8%, transparent);color:color-mix(in srgb, var(--color-brand) 82%, transparent)}:root[data-theme=light] .pricing-plans-durationSwitch,:root.light .pricing-plans-durationSwitch,html.light .pricing-plans-durationSwitch{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border-color:color-mix(in srgb, var(--color-brand) 10%, transparent);box-shadow:0 8px 20px color-mix(in srgb, var(--color-brand) 8%, transparent)}:root[data-theme=light] .pricing-plans-durationBtn,:root.light .pricing-plans-durationBtn,html.light .pricing-plans-durationBtn{color:color-mix(in srgb, var(--color-brand) 66%, transparent)}:root[data-theme=light] .pricing-plans-durationBtn:hover,:root.light .pricing-plans-durationBtn:hover,html.light .pricing-plans-durationBtn:hover{color:var(--color-brand)}:root[data-theme=light] .pricing-plans-durationBtnActive,:root.light .pricing-plans-durationBtnActive,html.light .pricing-plans-durationBtnActive{background:var(--color-brand);color:var(--color-on-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 18%, transparent)}.pricing-plans-gridMain{grid-template-columns:1fr;grid-auto-rows:max-content;align-items:start;gap:14px;min-width:0;display:grid}.pricing-plans-card{border:1px solid var(--pricing-plan-accent,color-mix(in srgb, var(--color-brand) 20%, transparent));box-shadow:0 16px 44px color-mix(in srgb, var(--color-brand) 16%, transparent);background:0 0;border-radius:18px;flex-direction:column;align-self:start;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;position:relative;overflow:hidden}.pricing-plans-card:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-shadow) 6%, transparent);position:absolute;inset:0}.pricing-plans-card:hover{transform:translateY(-2px)}.pricing-plans-accent-amber{--pricing-plan-accent:var(--color-plan-pro)}.pricing-plans-accent-sky{--pricing-plan-accent:var(--color-plan-plus)}.pricing-plans-accent-emerald{--pricing-plan-accent:var(--color-plan-qr-plus)}.pricing-plans-accent-indigo{--pricing-plan-accent:var(--color-plan-free-display)}.pricing-plans-cardTopInner{text-align:center;min-height:134px;color:color-mix(in srgb, var(--color-on-accent) 98%, transparent);align-content:start;justify-items:center;padding:14px 12px 12px;display:grid}.pricing-plans-accent-amber .pricing-plans-cardTopInner{background:var(--color-plan-pro)}.pricing-plans-accent-sky .pricing-plans-cardTopInner{background:var(--color-plan-plus)}.pricing-plans-accent-emerald .pricing-plans-cardTopInner{background:var(--color-plan-qr-plus)}.pricing-plans-accent-indigo .pricing-plans-cardTopInner{background:var(--color-plan-free-display)}.pricing-plans-cardTitleRow{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.pricing-plans-cardTitle{font-family:var(--hoppla-font-title);letter-spacing:-.04em;text-transform:none;color:color-mix(in srgb, var(--color-on-accent) 95%, transparent);margin:0;font-size:clamp(1.45rem,1.2rem + .7vw,1.95rem);font-weight:950;line-height:1}.qr-stitch-preview-status-nav{color:var(--hoppla-text);justify-content:space-between;gap:10px}.qr-stitch-preview-nav-copy{min-width:64px;color:var(--hoppla-text);justify-content:center;align-items:center;display:inline-flex}.qr-stitch-preview-nav-copy span{color:var(--hoppla-text);font-weight:700}.qr-stitch-preview-nav-button{cursor:pointer;width:34px;height:34px;box-shadow:0 10px 20px color-mix(in srgb, var(--color-brand) 6%, transparent);will-change:background-color, border-color, color, transform;border-radius:999px;justify-content:center;align-items:center;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out,transform .12s ease-out,box-shadow .12s ease-out;display:inline-flex;border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent)!important;background:var(--color-surface)!important;color:var(--color-brand)!important}.qr-stitch-preview-nav-button-back{border-color:color-mix(in srgb, var(--color-danger) 24%, transparent)!important;color:var(--color-danger)!important}.qr-stitch-preview-nav-button-next{border-color:color-mix(in srgb, var(--color-brand) 24%, transparent)!important;color:var(--color-brand)!important}.qr-stitch-preview-nav-button svg{transition:color .12s ease-out;color:inherit!important}.qr-stitch-preview-nav-button-back:hover:enabled{box-shadow:0 12px 22px color-mix(in srgb, var(--color-danger) 20%, transparent);transform:translateY(-1px);background:var(--color-danger)!important;border-color:var(--color-danger)!important;color:var(--color-on-accent)!important}.qr-stitch-preview-nav-button-next:hover:enabled{box-shadow:0 12px 22px color-mix(in srgb, var(--color-brand) 20%, transparent);transform:translateY(-1px);background:var(--color-brand)!important;border-color:var(--color-brand)!important;color:var(--color-on-accent)!important}.qr-stitch-preview-nav-button-back:hover:enabled svg,.qr-stitch-preview-nav-button-next:hover:enabled svg{color:var(--color-on-accent)!important}.qr-stitch-preview-nav-button-back:not(:disabled):not(:hover){background:var(--color-surface)!important;border-color:color-mix(in srgb, var(--color-danger) 24%, transparent)!important;color:var(--color-danger)!important}.qr-stitch-preview-nav-button-next:not(:disabled):not(:hover){background:var(--color-surface)!important;border-color:color-mix(in srgb, var(--color-brand) 24%, transparent)!important;color:var(--color-brand)!important}.qr-stitch-preview-nav-button:disabled{opacity:.44;cursor:not-allowed;transform:none;background:var(--color-surface)!important}.pricing-plans-cardTag{color:color-mix(in srgb, var(--color-on-accent) 84%, transparent);text-align:center;margin-top:6px;font-size:.84rem;font-weight:700;line-height:1.2}.pricing-plans-cardPriceWrap{justify-items:center;gap:4px;margin-top:12px;display:grid}.pricing-plans-cardPrice{font-family:var(--hoppla-font-title);letter-spacing:-.05em;color:color-mix(in srgb, var(--color-on-accent) 98%, transparent);white-space:nowrap;justify-content:center;align-items:flex-end;font-size:clamp(1.7rem,1.4rem + .9vw,2.5rem);font-weight:950;line-height:.92;display:inline-flex}.pricing-plans-cardPriceSecondary{font-family:var(--hoppla-font-title);letter-spacing:.12em;color:color-mix(in srgb, var(--color-on-accent) 88%, transparent);text-transform:uppercase;font-size:.78rem;font-weight:800;line-height:1.2}.pricing-plans-cardPayLabel{font-size:var(--hoppla-type-body-sm);color:color-mix(in srgb, var(--color-on-accent) 94%, transparent);margin-top:8px;font-weight:900;line-height:1.45}.pricing-plans-cardBadge{min-height:28px;font-size:var(--hoppla-type-kicker);border:1px solid color-mix(in srgb, var(--color-border) 18%, transparent);background:color-mix(in srgb, var(--color-surface) 12%, transparent);color:color-mix(in srgb, var(--color-on-accent) 94%, transparent);border-radius:999px;justify-content:center;align-items:center;margin-top:8px;padding:0 12px;font-weight:900;display:inline-flex}.pricing-plans-cardBody{border-top:1px solid color-mix(in srgb, var(--color-brand) 6%, transparent);background:color-mix(in srgb, var(--color-brand) 88%, transparent);flex-direction:column;gap:10px;padding:12px;display:flex}:root[data-theme=light] .pricing-plans-cardBody,:root.light .pricing-plans-cardBody,html.light .pricing-plans-cardBody{background:color-mix(in srgb, var(--color-surface) 96%, transparent)}.pricing-plans-cardGift{grid-template-columns:20px 1fr auto;align-items:start;column-gap:8px;display:grid}.pricing-plans-cardGiftCheck{width:18px;height:18px;color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-danger) 28%, transparent);border-radius:999px;justify-content:center;align-items:center;margin-top:2px;font-size:10px;font-weight:900;display:inline-flex}.pricing-plans-cardGiftText{border:1px solid color-mix(in srgb, var(--color-danger) 38%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 12%, transparent), color-mix(in srgb, var(--color-danger) 6%, transparent));min-width:0;color:color-mix(in srgb, var(--color-danger) 98%, transparent);font-size:var(--hoppla-type-body-sm);border-radius:14px;padding:8px 10px;font-weight:850;line-height:1.45;display:block}:root[data-theme=light] .pricing-plans-cardGiftCheck,:root.light .pricing-plans-cardGiftCheck,html.light .pricing-plans-cardGiftCheck{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 8%, transparent);border-color:color-mix(in srgb, var(--color-danger) 26%, transparent)}:root[data-theme=light] .pricing-plans-cardGiftText,:root.light .pricing-plans-cardGiftText,html.light .pricing-plans-cardGiftText{border-color:color-mix(in srgb, var(--color-danger) 24%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 98%, transparent), color-mix(in srgb, var(--color-danger) 94%, transparent));color:color-mix(in srgb, var(--color-danger) 94%, transparent)}.pricing-plans-cardList{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pricing-plans-cardListItem{font-size:var(--hoppla-type-body-sm);color:color-mix(in srgb, var(--color-brand) 92%, transparent);grid-template-columns:20px 1fr auto;align-items:start;column-gap:8px;font-weight:850;line-height:1.5;display:grid}:root[data-theme=light] .pricing-plans-cardListItem,:root.light .pricing-plans-cardListItem,html.light .pricing-plans-cardListItem{color:color-mix(in srgb, var(--color-brand) 92%, transparent)}.pricing-plans-cardLineText{min-width:0}.pricing-plans-checkDot{width:18px;height:18px;color:var(--color-plan-qr-plus);background:color-mix(in srgb, var(--color-plan-qr-plus) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-plan-qr-plus) 22%, transparent);border-radius:999px;justify-content:center;align-items:center;margin-top:2px;font-size:10px;font-weight:900;display:inline-flex}.pricing-plans-infoBtn{appearance:none;border:1px solid color-mix(in srgb, var(--color-border) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 6%, transparent);width:20px;min-width:20px;height:20px;color:color-mix(in srgb, var(--color-brand) 96%, transparent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:950;line-height:1;transition:transform .12s,background .12s,border-color .12s,filter .12s;display:inline-flex}.pricing-plans-infoBtn:hover{filter:brightness(1.04);transform:translateY(-1px)}.pricing-plans-infoBtn-amber{border-color:color-mix(in srgb, var(--color-warning) 34%, transparent);background:color-mix(in srgb, var(--color-warning) 14%, transparent);color:var(--color-warning)}.pricing-plans-infoBtn-sky{border-color:color-mix(in srgb, var(--color-product-qr-accent) 34%, transparent);background:color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent);color:var(--color-product-qr-glow)}.pricing-plans-infoBtn-emerald{border-color:color-mix(in srgb, var(--color-plan-qr-plus) 34%, transparent);background:color-mix(in srgb, var(--color-plan-qr-plus) 14%, transparent);color:var(--color-plan-qr-plus)}.pricing-plans-infoBtn-indigo{border-color:color-mix(in srgb, var(--color-plan-free-display) 34%, transparent);background:color-mix(in srgb, var(--color-plan-free-display) 14%, transparent);color:var(--color-plan-free-display)}:root[data-theme=light] .pricing-plans-infoBtn,:root.light .pricing-plans-infoBtn,html.light .pricing-plans-infoBtn{border-color:color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-brand) 4%, transparent);color:color-mix(in srgb, var(--color-brand) 86%, transparent)}:root[data-theme=light] .pricing-plans-infoBtn-amber,:root.light .pricing-plans-infoBtn-amber,html.light .pricing-plans-infoBtn-amber{border-color:color-mix(in srgb, var(--color-warning) 22%, transparent);background:color-mix(in srgb, var(--color-warning) 8%, transparent);color:var(--color-warning)}:root[data-theme=light] .pricing-plans-infoBtn-sky,:root.light .pricing-plans-infoBtn-sky,html.light .pricing-plans-infoBtn-sky{border-color:color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent);background:color-mix(in srgb, var(--color-product-qr-accent) 8%, transparent);color:var(--color-product-qr-accent)}:root[data-theme=light] .pricing-plans-infoBtn-emerald,:root.light .pricing-plans-infoBtn-emerald,html.light .pricing-plans-infoBtn-emerald{border-color:color-mix(in srgb, var(--color-plan-qr-plus) 22%, transparent);background:color-mix(in srgb, var(--color-plan-qr-plus) 8%, transparent);color:var(--color-plan-qr-plus)}:root[data-theme=light] .pricing-plans-infoBtn-indigo,:root.light .pricing-plans-infoBtn-indigo,html.light .pricing-plans-infoBtn-indigo{border-color:color-mix(in srgb, var(--color-plan-free-display) 22%, transparent);background:color-mix(in srgb, var(--color-plan-free-display) 8%, transparent);color:var(--color-plan-free-display)}.pricing-plans-infoPlaceholder{width:20px;height:20px;display:inline-block}.pricing-plans-cardNote{font-size:var(--hoppla-type-body-sm);color:color-mix(in srgb, var(--color-brand) 80%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 8%, transparent);background:color-mix(in srgb, var(--color-surface) 3%, transparent);text-wrap:pretty;border-radius:14px;margin:0;padding:10px 12px;line-height:1.55}:root[data-theme=light] .pricing-plans-cardNote,:root.light .pricing-plans-cardNote,html.light .pricing-plans-cardNote{color:color-mix(in srgb, var(--color-brand) 82%, transparent);background:color-mix(in srgb, var(--color-brand) 92%, transparent);border-color:color-mix(in srgb, var(--color-brand) 95%, transparent)}.pricing-plans-cardActions{gap:8px;margin-top:0;display:grid}.billing-pricing-card{align-self:start}.billing-pricing-card .pricing-plans-cardActions{margin-top:0}.pricing-plans-moreBtn{border:1px solid color-mix(in srgb, var(--pricing-plan-accent) 48%, transparent);width:100%;min-height:2.6rem;color:var(--hoppla-text);font:inherit;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:.8rem;font-size:.74rem;font-weight:900}.pricing-plans-moreBtn:hover,.pricing-plans-moreBtn:focus-visible{background:color-mix(in srgb, var(--pricing-plan-accent) 12%, transparent);outline:none}.pricing-plans-cardDetails[hidden]{display:none}.pricing-plans-cardDetailsList{border-top:1px solid color-mix(in srgb, var(--color-brand) 20%, transparent);margin-top:.2rem;padding-top:.8rem}.pricing-plans-cardHighlights{border-top:1px solid color-mix(in srgb, var(--color-brand) 14%, transparent);padding-top:.7rem}.pricing-plans-availabilityDate{text-align:center;color:var(--hoppla-muted);margin:0;font-size:.78rem;font-weight:800}.billing-upgrade-note{color:color-mix(in srgb, var(--color-danger) 98%, transparent);text-wrap:pretty;margin:0;font-size:.82rem;line-height:1.5}:root[data-theme=light] .billing-upgrade-note,:root.light .billing-upgrade-note,html.light .billing-upgrade-note{color:color-mix(in srgb, var(--color-danger) 96%, transparent)}.billing-plans-panel{border:1px solid color-mix(in srgb, var(--color-brand) 16%, transparent);background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-brand) 12%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 4%, transparent), color-mix(in srgb, var(--color-surface) 2%, transparent)), color-mix(in srgb, var(--color-brand) 18%, transparent);box-shadow:0 22px 52px color-mix(in srgb, var(--color-brand) 16%, transparent);border-radius:28px;padding:20px;position:relative}:root[data-theme=light] .billing-plans-panel,:root.light .billing-plans-panel,html.light .billing-plans-panel{border-color:color-mix(in srgb, var(--color-brand) 12%, transparent);background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent)), var(--color-surface);box-shadow:0 18px 44px color-mix(in srgb, var(--color-brand) 8%, transparent)}.billing-overview-card-upgrade{position:relative;overflow:hidden}.billing-overview-card-upgrade:before{content:"";pointer-events:none;background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 14%, transparent), transparent 34%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent), transparent 32%);position:absolute;inset:0}.billing-overview-upgradeCta{z-index:1;justify-content:flex-start;margin-top:18px;display:flex;position:relative}.billing-overview-upgradeCta .btn,.billing-overview-upgradeCta button{box-shadow:0 16px 34px color-mix(in srgb, var(--color-brand) 18%, transparent)}.billing-upgrade-closeBtn{appearance:none;border:1px solid color-mix(in srgb, var(--color-brand) 22%, transparent);background:color-mix(in srgb, var(--color-brand) 8%, transparent);color:color-mix(in srgb, var(--color-brand) 96%, transparent);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:999px;min-height:38px;padding:0 14px;font-size:.78rem;font-weight:900;line-height:1;transition:transform .16s,filter .16s,background .16s}.billing-upgrade-closeBtn:hover{filter:brightness(1.04);transform:translateY(-1px)}:root[data-theme=light] .billing-upgrade-closeBtn,:root.light .billing-upgrade-closeBtn,html.light .billing-upgrade-closeBtn{border-color:color-mix(in srgb, var(--color-brand) 18%, transparent);background:color-mix(in srgb, var(--color-brand) 6%, transparent);color:color-mix(in srgb, var(--color-brand) 96%, transparent)}.pricing-plans-primaryBtn{appearance:none;cursor:pointer;width:100%;min-height:52px;font-size:var(--hoppla-type-btn);line-height:var(--hoppla-lh-btn);letter-spacing:.12em;text-transform:uppercase;color:var(--color-on-accent);border:1px solid var(--tone-brand-light);background:var(--tone-brand-light);box-shadow:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 14px;font-weight:950;text-decoration:none;transition:transform .14s,filter .14s,background-color .14s,border-color .14s;display:inline-flex}.pricing-plans-primaryBtn:hover{background:color-mix(in srgb, var(--tone-brand-light) 90%, var(--color-canvas));border-color:color-mix(in srgb, var(--tone-brand-light) 90%, var(--color-text));filter:none;transform:translateY(-1px)}.pricing-plans-primaryBtnDisabled,.pricing-plans-primaryBtnDisabled:hover{cursor:not-allowed;filter:none;opacity:.72;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-shadow) 8%, transparent) inset, 0 8px 18px color-mix(in srgb, var(--color-brand) 8%, transparent);transform:none}.pricing-plans-secondaryBtn{appearance:none;cursor:pointer;width:100%;min-height:48px;font-size:var(--hoppla-type-btn);line-height:var(--hoppla-lh-btn);letter-spacing:.1em;text-transform:uppercase;color:var(--tone-brand-light);border:1px solid color-mix(in srgb, var(--tone-brand-light) 42%, transparent);background:color-mix(in srgb, var(--color-surface) 88%, transparent);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-shadow) 82%, transparent), 0 10px 24px color-mix(in srgb, var(--color-brand) 10%, transparent);border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:0 14px;font-weight:900;text-decoration:none;transition:transform .14s,color .14s,background-color .14s,border-color .14s;display:inline-flex}.pricing-plans-secondaryBtn:hover{color:var(--color-on-accent);border-color:var(--tone-brand-light);background:var(--tone-brand-light);transform:translateY(-1px)}.pricing-plans-secondaryBtn:disabled{cursor:not-allowed;opacity:.62;transform:none}.pricing-plans-tooltipLayer{z-index:9999;pointer-events:none;position:fixed;inset:0}.pricing-plans-tooltipBubble{pointer-events:auto;border:1px solid color-mix(in srgb, var(--color-border) 12%, transparent);background:color-mix(in srgb, var(--color-brand) 98%, transparent);width:min(340px,100vw - 24px);box-shadow:0 22px 48px color-mix(in srgb, var(--color-shadow) 34%, transparent);border-radius:16px;padding:12px 14px;position:fixed}.pricing-plans-tooltipArrow{background:color-mix(in srgb, var(--color-brand) 98%, transparent);border-left:1px solid color-mix(in srgb, var(--color-border) 12%, transparent);border-top:1px solid color-mix(in srgb, var(--color-border) 12%, transparent);width:12px;height:12px;position:absolute;left:50%;transform:translate(-50%)rotate(45deg)}.pricing-plans-tooltipTop .pricing-plans-tooltipArrow{bottom:-6px}.pricing-plans-tooltipBottom .pricing-plans-tooltipArrow{top:-6px;transform:translate(-50%)rotate(225deg)}.pricing-plans-tooltipText{color:color-mix(in srgb, var(--color-brand) 96%, transparent);text-wrap:pretty;margin:0;padding-right:24px;font-size:.9rem;line-height:1.55}.pricing-plans-tooltipClose{appearance:none;border:1px solid color-mix(in srgb, var(--color-border) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 6%, transparent);color:color-mix(in srgb, var(--color-on-accent) 92%, transparent);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}:root[data-theme=light] .pricing-plans-tooltipBubble,:root.light .pricing-plans-tooltipBubble,html.light .pricing-plans-tooltipBubble{border-color:color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);box-shadow:0 18px 40px color-mix(in srgb, var(--color-brand) 14%, transparent)}:root[data-theme=light] .pricing-plans-tooltipArrow,:root.light .pricing-plans-tooltipArrow,html.light .pricing-plans-tooltipArrow{background:color-mix(in srgb, var(--color-surface) 98%, transparent);border-left-color:color-mix(in srgb, var(--color-brand) 12%, transparent);border-top-color:color-mix(in srgb, var(--color-brand) 12%, transparent)}:root[data-theme=light] .pricing-plans-tooltipText,:root.light .pricing-plans-tooltipText,html.light .pricing-plans-tooltipText{color:color-mix(in srgb, var(--color-brand) 94%, transparent)}:root[data-theme=light] .pricing-plans-tooltipClose,:root.light .pricing-plans-tooltipClose,html.light .pricing-plans-tooltipClose{border-color:color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-brand) 4%, transparent);color:color-mix(in srgb, var(--color-brand) 86%, transparent)}@media (width>=1200px){.pricing-plans-gridMain{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-upgrade-flow{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.billing-current-plan-only{grid-template-columns:minmax(0,1fr);max-width:22rem}}@media (width>=700px) and (width<=1199px){.pricing-plans-gridMain{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-upgrade-flow{grid-template-columns:1fr;gap:14px;display:grid}.billing-current-plan-only{grid-template-columns:minmax(0,1fr);max-width:26rem}}.billing-upgrade-arrow{border:1px solid color-mix(in srgb, var(--color-brand) 24%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 14%, transparent), color-mix(in srgb, var(--color-brand) 6%, transparent));width:56px;height:56px;color:var(--color-plan-free);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 12%, transparent);border-radius:999px;justify-content:center;align-self:center;align-items:center;display:inline-flex}:root[data-theme=light] .billing-upgrade-arrow,:root.light .billing-upgrade-arrow,html.light .billing-upgrade-arrow{border-color:color-mix(in srgb, var(--color-brand) 18%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 98%, transparent), color-mix(in srgb, var(--color-brand) 94%, transparent));color:var(--color-brand);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 8%, transparent)}@media (width<=860px){.pricing-plans-topBar{justify-content:stretch}.pricing-plans-topBarInner{justify-content:space-between;width:100%}}@media (width<=640px){.pricing-plans-topBarInner{flex-direction:column;justify-content:stretch;align-items:stretch;width:100%}.pricing-plans-durationStatic,.pricing-plans-promoBadge{text-align:center;justify-content:center;width:100%}.pricing-plans-primaryBtn{letter-spacing:.1em;border-radius:15px;min-height:54px;font-size:.84rem}.billing-upgrade-flow{grid-template-columns:1fr;gap:14px;display:grid}.billing-upgrade-arrow{justify-self:center;transform:rotate(90deg)}.billing-current-plan-only{grid-template-columns:minmax(0,1fr)}.billing-plans-panel{border-radius:22px;padding:16px}.billing-overview-upgradeCta{justify-content:stretch}.billing-overview-upgradeCta .btn,.billing-overview-upgradeCta button,.billing-upgrade-closeBtn{justify-content:center;width:100%}}@media (width<=420px){.pricing-plans-cardTopInner{min-height:126px;padding:12px 10px 10px}.pricing-plans-card{border-radius:16px}.pricing-plans-cardPrice{font-size:clamp(1.6rem,8vw,2.2rem)}.pricing-plans-cardGift,.pricing-plans-cardListItem{column-gap:7px}.pricing-plans-cardBody{gap:9px;padding:10px}}@media (prefers-reduced-motion:reduce){.pricing-plans-card,.pricing-plans-card:hover,.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn,.pricing-plans-infoBtn{transition:none!important;animation:none!important;transform:none!important}}.sidebar.sidebar-collapsed .sidebar-collapse-button,.sidebar.sidebar-collapsed .app-brand-link,.sidebar.sidebar-collapsed .sidebar-primary-button,.sidebar.sidebar-collapsed .sidebar-logout,.sidebar.sidebar-collapsed .nav-link,.sidebar.sidebar-collapsed .app-sidebar-account-button{box-sizing:border-box;justify-content:center;place-items:center;gap:0;width:3rem;min-width:3rem;max-width:3rem;height:3rem;min-height:3rem;max-height:3rem;margin-inline:auto;padding:0;line-height:0;display:grid;position:relative}.sidebar.sidebar-collapsed .sidebar-collapse-button svg,.sidebar.sidebar-collapsed .app-brand-link svg,.sidebar.sidebar-collapsed .sidebar-primary-button svg,.sidebar.sidebar-collapsed .sidebar-logout svg,.sidebar.sidebar-collapsed .nav-link svg,.sidebar.sidebar-collapsed .app-sidebar-account-button svg,.sidebar.sidebar-collapsed .sidebar-primary-button .icon-sm,.sidebar.sidebar-collapsed .sidebar-logout-icon,.sidebar.sidebar-collapsed .sidebar-collapse-button .icon-sm,.sidebar.sidebar-collapsed .nav-link-icon,.sidebar.sidebar-collapsed .app-sidebar-account-avatar{margin:0;flex:none;width:1.25rem;height:1.25rem;margin:auto;padding:0;display:block;position:absolute;inset:0;transform:none}.sidebar.sidebar-collapsed .sidebar-primary-button{border:1px solid var(--brand);background:var(--color-surface);color:var(--brand);letter-spacing:0;text-indent:0;border-radius:999px;font-size:0;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;overflow:hidden}.sidebar.sidebar-collapsed .sidebar-logout{border:1px solid var(--tone-rose-dark);background:var(--color-surface);color:var(--tone-rose-dark);letter-spacing:0;text-indent:0;border-radius:999px;font-size:0;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;overflow:hidden}:root[data-theme=light] .sidebar.sidebar-collapsed .sidebar-logout:hover,:root.light .sidebar.sidebar-collapsed .sidebar-logout:hover,html.light .sidebar.sidebar-collapsed .sidebar-logout:hover{color:var(--color-text);background:var(--tone-rose-dark);border-color:var(--tone-rose-dark);box-shadow:0 14px 28px color-mix(in srgb, var(--color-danger) 22%, transparent)}:root[data-theme=dark] .sidebar.sidebar-collapsed .sidebar-logout,:root.dark .sidebar.sidebar-collapsed .sidebar-logout,html.dark .sidebar.sidebar-collapsed .sidebar-logout{background:var(--color-surface);border-color:var(--tone-rose);color:var(--tone-rose)}:root[data-theme=dark] .sidebar.sidebar-collapsed .sidebar-logout:hover,:root.dark .sidebar.sidebar-collapsed .sidebar-logout:hover,html.dark .sidebar.sidebar-collapsed .sidebar-logout:hover{color:var(--color-text);background:var(--tone-rose);border-color:var(--tone-rose);box-shadow:0 14px 28px color-mix(in srgb, var(--color-danger) 24%, transparent)}.sidebar.sidebar-collapsed .sidebar-logout:hover{transform:translateY(-1px)}.sidebar.sidebar-collapsed .sidebar-header-row{align-content:start;place-items:center;gap:.7rem;width:100%;display:grid!important}.sidebar.sidebar-collapsed .sidebar-header-main,.sidebar.sidebar-collapsed .app-brand-link,.sidebar.sidebar-collapsed .sidebar-collapse-button{place-items:center;width:3rem;min-width:3rem;max-width:3rem;margin-inline:auto;display:grid}.sidebar.sidebar-collapsed .app-brand-logo-collapsed{margin-inline:auto;display:block}.sidebar.sidebar-collapsed .sidebar-primary-button:hover{color:var(--color-on-accent);background:var(--brand);border-color:var(--brand);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 22%, transparent);transform:translateY(-1px)}.sidebar.sidebar-collapsed .nav-link,.sidebar.sidebar-collapsed .sidebar-collapse-button,.sidebar.sidebar-collapsed .app-sidebar-account-button{background:var(--color-surface);border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:999px}.sidebar.sidebar-collapsed .nav-link{color:color-mix(in srgb, var(--color-brand) 62%, transparent)}.sidebar.sidebar-collapsed .nav-link-active{color:var(--tone-emerald);border-color:var(--tone-emerald);background:var(--color-surface);box-shadow:0 14px 28px color-mix(in srgb, var(--color-success) 18%, transparent)}.sidebar.sidebar-collapsed .nav-link:hover,.sidebar.sidebar-collapsed .sidebar-collapse-button:hover{color:var(--brand);border-color:var(--brand);background:var(--color-surface);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 18%, transparent);transform:translateY(-1px)}.sidebar.sidebar-collapsed .app-sidebar-account-card{place-items:center;width:3rem;min-width:3rem;max-width:3rem;height:3rem;min-height:3rem;max-height:3rem;margin:0 auto;display:grid}.sidebar.sidebar-collapsed .app-sidebar-account-avatar{width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;position:static;inset:auto}.sidebar.sidebar-collapsed .app-brand-link{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:var(--color-surface);box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:999px}.sidebar.sidebar-collapsed .app-brand-logo-collapsed{width:1.6rem;height:1.6rem}:root[data-theme=dark] .sidebar.sidebar-collapsed .nav-link,:root[data-theme=dark] .sidebar.sidebar-collapsed .sidebar-collapse-button,:root[data-theme=dark] .sidebar.sidebar-collapsed .app-sidebar-account-button,:root[data-theme=dark] .sidebar.sidebar-collapsed .app-brand-link,:root.dark .sidebar.sidebar-collapsed .nav-link,:root.dark .sidebar.sidebar-collapsed .sidebar-collapse-button,:root.dark .sidebar.sidebar-collapsed .app-sidebar-account-button,:root.dark .sidebar.sidebar-collapsed .app-brand-link,html.dark .sidebar.sidebar-collapsed .nav-link,html.dark .sidebar.sidebar-collapsed .sidebar-collapse-button,html.dark .sidebar.sidebar-collapsed .app-sidebar-account-button,html.dark .sidebar.sidebar-collapsed .app-brand-link{background:var(--color-surface);border-color:color-mix(in srgb, var(--color-border) 12%, transparent)}.sidebar.sidebar-collapsed .sidebar-header-row{grid-template-columns:1fr}.sidebar.sidebar-collapsed .sidebar-header-main,.sidebar.sidebar-collapsed .sidebar-collapse-button,.sidebar.sidebar-collapsed .app-brand-link,.sidebar.sidebar-collapsed .app-sidebar-account-button{place-self:center}.sidebar.sidebar-collapsed .app-brand-link,.sidebar.sidebar-collapsed .sidebar-collapse-button,.sidebar.sidebar-collapsed .app-sidebar-account-button{position:relative}.sidebar.sidebar-collapsed .app-brand-logo-collapsed{width:1.6rem;height:1.6rem;margin:auto;display:block;position:absolute;inset:0}.sidebar.sidebar-collapsed .app-sidebar-account-avatar{text-align:center;place-items:center;margin:auto;padding:0;font-size:1rem;font-weight:800;line-height:1;display:grid}:root{--hoppla-shell-pad-x:10px;--hoppla-section-hero-max:760px;--hoppla-footer-safe:48px}@media (width>=1024px){:root{--hoppla-shell-pad-x:16px}}body{isolation:isolate;-webkit-font-smoothing:antialiased;background:radial-gradient(1100px circle at 0% 22%, color-mix(in srgb, var(--color-product-qr-accent) 8%, transparent), transparent 58%), radial-gradient(900px circle at 92% 8%, color-mix(in srgb, var(--color-brand) 16%, transparent), transparent 58%), var(--hoppla-bg);min-height:100dvh;position:relative}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(42rem 42rem at 88% 14%, color-mix(in srgb, var(--color-brand) 18%, transparent), transparent 62%), radial-gradient(30rem 30rem at 74% 22%, color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent), transparent 60%), radial-gradient(38rem 38rem at 18% 78%, color-mix(in srgb, var(--color-success) 10%, transparent), transparent 64%);position:fixed;inset:0}:root[data-theme=light] body,:root.light body,html.light body{background:radial-gradient(1100px circle at 0% 18%, color-mix(in srgb, var(--color-product-qr-accent) 8%, transparent), transparent 62%), radial-gradient(900px circle at 92% 10%, color-mix(in srgb, var(--color-brand) 10%, transparent), transparent 62%), linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-brand) 5%, var(--color-surface))), var(--hoppla-bg)}:root[data-theme=dark] body,:root.dark body,html.dark body{background:radial-gradient(1100px circle at 0% 22%, color-mix(in srgb, var(--color-product-qr-accent) 10%, transparent), transparent 58%), radial-gradient(900px circle at 92% 8%, color-mix(in srgb, var(--color-brand) 18%, transparent), transparent 58%), var(--hoppla-bg)}:root[data-theme=dark] body:before,:root.dark body:before,html.dark body:before{background:radial-gradient(46rem 46rem at 88% 12%, color-mix(in srgb, var(--color-brand) 24%, transparent), transparent 62%), radial-gradient(34rem 34rem at 74% 22%, color-mix(in srgb, var(--color-product-qr-accent) 18%, transparent), transparent 60%), radial-gradient(42rem 42rem at 18% 80%, color-mix(in srgb, var(--color-success) 12%, transparent), transparent 64%)}.public-site-shell,.app-shell{position:relative}.public-site-shell{min-height:calc(100vh + var(--hoppla-footer-safe));min-height:calc(100svh + var(--hoppla-footer-safe));min-height:calc(100dvh + var(--hoppla-footer-safe));width:100%;max-width:100%;padding-bottom:var(--hoppla-footer-safe);background:0 0;overflow-x:clip}.content,.app-main{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max))}.public-header{padding-top:22px}.public-header-home.public-header-top .public-header-bar,.public-header-home.public-header-scrolled .public-header-bar,.public-header-bar{width:min(1480px, calc(100% - (var(--hoppla-shell-pad-x) * 2)));border:1px solid var(--hoppla-border);background:var(--hoppla-surface);min-height:76px;box-shadow:0 18px 40px color-mix(in srgb, var(--color-brand) 8%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:1.35rem;margin-top:0;padding:.75rem 1rem}.public-header-top,.public-header-scrolled,.public-header-home.public-header-scrolled{box-shadow:none;background:0 0;border-bottom:0}.public-nav-links a,.public-login-link{color:var(--hoppla-nav-text,color-mix(in srgb, var(--color-brand) 82%, transparent));letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:800}.public-header-actions .nav-cta,.language-picker-button,.theme-toggle-button,.public-nav-toggle{border:1px solid color-mix(in srgb, var(--color-brand) 24%, transparent);background:color-mix(in srgb, var(--color-surface) 14%, transparent);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand) 6%, transparent);border-radius:999px}.public-early-access-header-button{border:1px solid color-mix(in srgb, var(--color-danger) 28%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, transparent);min-height:3rem;color:var(--color-danger);font-family:var(--hoppla-font-title);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 10px 24px color-mix(in srgb, var(--color-danger) 8%, transparent);border-radius:999px;grid-template-columns:1.2rem auto 1.2rem;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.1rem;font-size:.8rem;font-weight:800;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-grid}.public-early-access-header-button:hover{border-color:color-mix(in srgb, var(--color-danger) 42%, transparent);box-shadow:0 16px 28px color-mix(in srgb, var(--color-danger) 14%, transparent);transform:translateY(-1px)}.public-early-access-header-buttonLabel{text-align:center;display:block}.public-early-access-header-buttonArrow{width:1.2rem;min-width:1.2rem;color:var(--color-danger);justify-content:center;align-items:center;animation:1s ease-in-out infinite publicEarlyAccessArrowPulse;display:inline-flex}.public-early-access-header-buttonArrow .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 700, "GRAD" 0, "opsz" 24;font-size:1.1rem}.public-early-access-header-buttonArrow-right{animation-delay:.12s}@keyframes publicEarlyAccessArrowPulse{0%,to{opacity:.45;transform:translate(0)}50%{opacity:1;transform:translate(.22rem)}}.public-header-actions .nav-cta{border-color:color-mix(in srgb, var(--color-brand) 32%, transparent);background:var(--color-brand);color:var(--color-on-accent);box-shadow:0 18px 38px color-mix(in srgb, var(--color-brand) 22%, transparent)}:root[data-theme=light] .public-header-actions .nav-cta,:root[data-theme=light] .language-picker-button,:root[data-theme=light] .theme-toggle-button,:root[data-theme=light] .public-nav-toggle,:root[data-theme=light] .public-early-access-header-button,:root.light .public-header-actions .nav-cta,:root.light .language-picker-button,:root.light .theme-toggle-button,:root.light .public-nav-toggle,:root.light .public-early-access-header-button,html.light .public-header-actions .nav-cta,html.light .language-picker-button,html.light .theme-toggle-button,html.light .public-nav-toggle,html.light .public-early-access-header-button{background:color-mix(in srgb, var(--color-surface) 82%, transparent)}:root[data-theme=light] .public-early-access-header-button,:root.light .public-early-access-header-button,html.light .public-early-access-header-button{background:color-mix(in srgb, var(--color-danger) 8%, transparent)}:root[data-theme=light] .public-header-actions .nav-cta,:root.light .public-header-actions .nav-cta,html.light .public-header-actions .nav-cta{background:var(--color-brand);color:var(--color-on-accent)}:root[data-theme=dark] .public-nav-links a,:root[data-theme=dark] .public-login-link,:root.dark .public-nav-links a,:root.dark .public-login-link,html.dark .public-nav-links a,html.dark .public-login-link{color:color-mix(in srgb, var(--color-brand) 92%, transparent)}:root[data-theme=dark] .public-nav,:root.dark .public-nav,html.dark .public-nav{background:color-mix(in srgb, var(--color-brand) 32%, transparent)}@media (width<=980px){.public-header{width:100%;max-width:none;padding-top:max(10px, env(safe-area-inset-top));padding-inline:0;top:0;left:0;right:0;overflow:visible;transform:none}.public-header-bar{width:calc(100% - (var(--page-gutter,16px) * 2));max-width:min(44rem, calc(100% - (var(--page-gutter,16px) * 2)));box-sizing:border-box;min-height:4.4rem;margin-inline:auto;padding:.65rem .8rem}.public-header-bar .brand-public{min-width:0}.public-header-bar .brand-logo{object-fit:contain;max-width:min(13.5rem,100% - 4rem);height:54px}.public-nav-toggle{flex:none}.public-nav{left:var(--page-gutter,16px);right:var(--page-gutter,16px);width:auto;max-width:calc(100% - (var(--page-gutter,16px) * 2));box-sizing:border-box;border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);box-shadow:0 18px 40px color-mix(in srgb, var(--color-brand) 12%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:1.2rem;overflow:hidden;transform:none}.public-nav-links{flex-flow:row;justify-content:center;align-items:center;gap:clamp(.55rem,4vw,1.25rem);width:100%}.public-nav-links a{white-space:nowrap;text-align:center;justify-content:center;align-items:center;min-width:0;display:inline-flex}.public-header-actions{flex-direction:column;align-items:stretch;gap:.55rem;width:100%}.public-header-actions .public-early-access-header-button{order:4}.public-header-actions .nav-cta{order:1}.public-header-actions .public-login-link{order:2}.public-header-actions .language-picker-shell,.public-header-actions .language-picker-button{order:3}.public-home-hero .public-hero-grid{gap:.9rem}.public-home-hero-aside{order:3}.public-home-feature-section{order:2}}@media (width<=430px){.public-header{padding-top:max(8px, env(safe-area-inset-top))}.public-header-bar{border-radius:1rem;min-height:4rem;padding:.55rem .65rem}.public-header-bar .brand-logo{max-width:min(12.25rem,100% - 4rem);height:48px}.public-nav-toggle{width:2.55rem;height:2.55rem}.public-nav{border-radius:1rem;padding:.8rem;top:calc(100% + .45rem)}.public-nav-links{gap:clamp(.45rem,3vw,.85rem)}.public-nav-links a{letter-spacing:.06em;font-size:.82rem}}.settings-page-shell{margin-top:0;padding-top:0;position:relative}.settings-subnav{box-shadow:none;background:0 0;flex-wrap:wrap;align-items:center;gap:1.15rem;padding:0 0 .35rem;display:flex}.settings-subnav-link{min-height:auto;color:var(--color-text-muted);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;padding:.15rem 0;font-size:.84rem;font-weight:800;text-decoration:none;transition:transform .18s,color .18s,background .18s,box-shadow .18s;display:inline-flex}.settings-subnav-link:hover{color:var(--color-brand);box-shadow:none;background:0 0;transform:none}.settings-subnav-link-active{color:var(--color-brand);box-shadow:none;background:0 0}.settings-subnav-link-active:after{content:"";background:currentColor;border-radius:999px;width:calc(100% - .2rem);height:2px;margin-top:.2rem;display:block}.settings-section{gap:1rem;display:grid}.settings-section-head{gap:.3rem;display:grid}.settings-section-head h2{color:var(--color-brand);margin:0;font-size:1.55rem;line-height:1.2}.settings-section-head p{max-width:52rem;color:var(--color-text-muted);margin:0}.folders-page{--folder-border:color-mix(in srgb, var(--color-brand) 20%, transparent)}.folders-layout,.folders-management-grid{gap:1.25rem;display:grid}.folders-layout{grid-template-columns:minmax(20rem,.9fr) minmax(22rem,1.1fr)}.folders-management-grid{grid-template-columns:minmax(20rem,.85fr) minmax(28rem,1.15fr);align-items:start}.folders-create-card,.folders-preview-card,.folders-list-card,.folders-detail-card{min-width:0}.folders-card-head{gap:.85rem;display:grid}.folders-card-head h3,.folders-card-head p{margin:0}.folder-color-picker,.folder-access-picker,.folder-detail-meta{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.folder-color-dot{border:2px solid color-mix(in srgb, var(--color-brand) 8%, transparent);cursor:pointer;width:2rem;height:2rem;box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand) 12%, transparent);border-radius:999px}.folder-color-dot-active{outline:3px solid color-mix(in srgb, var(--color-brand) 24%, transparent);border-color:var(--color-surface)}.folder-color-custom,.folder-access-option,.folder-detail-meta span{border:1px solid var(--folder-border);color:var(--color-text-muted);background:color-mix(in srgb, var(--color-surface) 70%, transparent);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .7rem;font-size:.84rem;font-weight:800;display:inline-flex}.folder-color-custom input{background:0 0;border:0;width:1.5rem;height:1.5rem;padding:0}.folder-access-picker{flex-direction:column;align-items:flex-start}.folder-access-picker>span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:900}.folder-space-modal{gap:1.15rem}.folder-space-modal-title-row{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.folder-space-modal-badge{background:color-mix(in srgb, var(--color-brand) 10%, transparent);min-height:1.85rem;color:var(--tone-brand-light);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .8rem;font-size:.74rem;font-weight:900;display:inline-flex}.folder-space-modal-grid{gap:.9rem;display:grid}.folder-space-modal-surface{border:1px solid color-mix(in srgb, var(--color-brand) 42%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-brand) 92%, transparent));box-shadow:0 18px 38px color-mix(in srgb, var(--color-brand) 6%, transparent);border-radius:1.2rem;gap:.9rem;padding:1rem 1.05rem;display:grid}.folder-space-modal-section-head{gap:.18rem;display:grid}.folder-space-modal-section-head strong{color:var(--color-text);letter-spacing:.08em;text-transform:uppercase;font-size:.84rem;font-weight:900}.folder-space-modal-section-head span{color:var(--color-text-muted);font-size:.9rem;line-height:1.55}.folder-space-modal-color-picker{gap:.8rem}.folder-space-modal-access-grid{gap:.7rem;display:grid}.folder-space-modal-access-option{background:color-mix(in srgb, var(--color-surface) 90%, transparent);border-radius:1rem;justify-content:flex-start;min-height:3rem;padding:.8rem .95rem}.folder-space-modal-access-option input{margin:0}.folder-space-modal-access-option span{overflow-wrap:anywhere;min-width:0}.modal-panel:has(.folder-create-modal){border-color:color-mix(in srgb, var(--hoppla-border) 76%, transparent);background:var(--hoppla-surface-strong);width:min(100% - 2rem,30rem);box-shadow:0 28px 70px color-mix(in srgb, var(--ink) 24%, transparent);border-radius:1.25rem;padding:1rem}.folder-create-modal{color:var(--hoppla-text);gap:1.15rem;padding:.3rem;display:grid}.folder-create-modal-head{align-items:center;gap:.85rem;padding:.15rem .1rem .05rem;display:flex}.folder-create-modal-icon{border:1px solid color-mix(in srgb, var(--brand) 20%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 10%, var(--hoppla-surface-low));width:2.9rem;height:2.9rem;color:var(--brand);border-radius:.9rem;flex:none;place-items:center;display:grid}.folder-create-modal-icon .material-symbols-outlined{font-size:1.45rem}.folder-create-modal-head h2{color:var(--hoppla-text);font:850 1.3rem/1.15 var(--hoppla-font-title);letter-spacing:-.025em;margin:0}.folder-create-modal-field,.folder-create-modal-colors{border:0;gap:.55rem;min-width:0;margin:0;padding:0;display:grid}.folder-create-modal-field>span,.folder-create-modal-colors legend{color:var(--hoppla-text-soft);font:800 .78rem/1.2 var(--hoppla-font-title);letter-spacing:.08em;text-transform:uppercase;padding:0}.folder-create-modal-field .input{border-color:color-mix(in srgb, var(--hoppla-border) 82%, transparent);background:var(--hoppla-surface-lowest);min-height:3.25rem;box-shadow:none;border-radius:.85rem}.folder-create-modal-field .input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent)}.folder-create-modal-security,.folder-create-modal-invitations{border:1px solid color-mix(in srgb, var(--hoppla-border) 76%, transparent);background:color-mix(in srgb, var(--brand) 4%, var(--hoppla-surface-low));border-radius:.9rem;gap:.75rem;margin:0;padding:.9rem;display:grid}.folder-create-modal-toggle,.folder-create-member{color:var(--hoppla-text);align-items:center;gap:.65rem;font-size:.92rem;font-weight:750;display:flex}.folder-create-modal-toggle input,.folder-create-member input{width:1.05rem;height:1.05rem;accent-color:var(--brand)}.folder-create-modal-invitations legend{color:var(--hoppla-text-soft);font:800 .78rem/1.2 var(--hoppla-font-title);letter-spacing:.08em;text-transform:uppercase;padding:0}.folder-create-modal-invitations>div{gap:.45rem;max-height:12rem;display:grid;overflow-y:auto}.folder-create-member{border-radius:.65rem;min-height:2.4rem;padding:.5rem .6rem}.folder-create-member:hover{background:color-mix(in srgb, var(--brand) 8%, transparent)}.folder-create-modal-colors>div{flex-wrap:wrap;gap:.72rem;margin-top:.25rem;display:flex}.folder-create-color{border:3px solid var(--hoppla-surface-strong);background:var(--folder-color);width:2.35rem;height:2.35rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--folder-color) 30%, var(--hoppla-border));cursor:pointer;border-radius:.8rem;padding:0;transition:transform .16s,box-shadow .16s}.folder-create-color:hover{transform:translateY(-2px)}.folder-create-color-active{box-shadow:0 0 0 3px color-mix(in srgb, var(--folder-color) 30%, transparent), 0 8px 18px color-mix(in srgb, var(--folder-color) 26%, transparent)}.folder-create-modal-actions{grid-template-columns:1fr 1.25fr;gap:.65rem;padding-top:.2rem;display:grid}.folder-create-modal-actions .btn{border-radius:.85rem;min-height:3rem}:root[data-theme=dark] .folder-create-modal-field .input,:root.dark .folder-create-modal-field .input,html.dark .folder-create-modal-field .input{background:var(--hoppla-surface-low)}@media (width<=767px){.modal-panel:has(.folder-create-modal){width:100%;padding:.9rem .9rem calc(1rem + env(safe-area-inset-bottom));border-radius:1.3rem 1.3rem 0 0}.folder-create-modal{gap:1rem}.folder-create-modal-actions{bottom:calc(-1rem - env(safe-area-inset-bottom));z-index:1;background:var(--hoppla-surface-strong);margin:0 -.1rem -.1rem;padding:.8rem .1rem .1rem;position:sticky}}.folder-row{border-color:var(--folder-border)}.folder-row-active{background:color-mix(in srgb, var(--color-brand) 6%, transparent);box-shadow:inset 0 0 0 1px}.folder-color-pill{width:.75rem;height:.75rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 5%, transparent);border-radius:999px;margin-right:.45rem;display:inline-flex}.folder-item-row{cursor:pointer}.folder-item-row strong{align-items:center;gap:.35rem;display:inline-flex}.folder-preview-card{min-height:20rem}.folder-preview-content,.folder-preview-empty{text-align:center;border:1px solid var(--color-border);background:var(--color-surface-secondary);border-radius:1.35rem;place-items:center;gap:1rem;min-height:15.5rem;padding:1.25rem;display:grid}.folder-preview-content>div,.folder-preview-empty{color:var(--color-text-muted)}.folder-preview-content strong,.folder-preview-empty strong{color:var(--color-text);display:block}.folder-preview-content span,.folder-preview-content small,.folder-preview-empty span{margin-top:.25rem;display:block}.folder-preview-image{object-fit:contain;background:var(--color-surface);max-width:min(100%,18rem);max-height:14rem;box-shadow:0 20px 50px color-mix(in srgb, var(--color-shadow) 16%, transparent);border-radius:1rem}.folder-preview-placeholder .icon-md{width:3.2rem;height:3.2rem;color:var(--color-brand)}.folders-quest-page,.folders-vault-page{--folder-ink:var(--color-text);--folder-surface:var(--color-surface);--folder-surface-low:var(--color-surface-secondary);--folder-surface-container:var(--color-surface-secondary);--folder-outline:var(--color-border);--folder-blue:var(--color-brand);--folder-yellow:var(--color-plan-pro);--folder-green:var(--color-plan-qr-plus);--folder-pink:var(--color-product-short-link);--folder-primary:var(--color-brand);min-height:calc(100vh - 8rem);color:var(--folder-ink);padding:1.5rem}.folders-vault-page{border-radius:2rem}.folders-quest-topbar{z-index:2;border-bottom:4px solid var(--folder-ink);background:0 0;justify-content:space-between;align-items:center;gap:1rem;min-height:0;margin:-1.5rem -1.5rem 2rem;padding:0 0 1rem;display:flex;position:sticky;top:0}.folders-quest-topbar h1{color:var(--folder-ink);font-family:var(--hoppla-font-title);letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,5vw,3.35rem);font-weight:950;line-height:1}.folders-quest-search{width:min(100%,18rem);position:relative}.folders-quest-search span{z-index:1;color:var(--color-text-muted);font-family:Material Symbols Outlined,sans-serif;font-size:1.25rem;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.folders-quest-search .input{border:4px solid var(--folder-ink);background:var(--color-surface);width:100%;box-shadow:none;border-radius:.85rem;padding-left:2.55rem;font-weight:800}.folders-quest-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.folders-quest-card,.folders-quest-add-card{border:4px solid var(--folder-ink);min-height:15rem;color:var(--folder-ink);background:var(--color-surface);box-shadow:4px 4px 0 0 var(--folder-ink);text-align:left;cursor:pointer;border-radius:1.55rem;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s;display:flex}.folders-quest-card:hover,.folders-quest-add-card:hover{box-shadow:4px 6px 0 0 var(--folder-ink);transform:translateY(-2px)}.folders-quest-card:active,.folders-quest-add-card:active{box-shadow:2px 2px 0 0 var(--folder-ink);transform:translateY(2px)}.folders-quest-card-color{color:var(--color-text)}.folders-quest-card-color:nth-child(3n){color:var(--folder-ink)}.folders-quest-card-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.folders-quest-icon-tile,.folders-quest-add-icon{border:4px solid var(--folder-ink);background:var(--color-surface);color:currentColor;width:4rem;height:4rem;box-shadow:none;border-radius:1rem;place-items:center;transition:transform .16s;display:grid}.folders-quest-card:hover .folders-quest-icon-tile{transform:scale(1.1)}.folders-quest-icon-tile-default{color:var(--color-brand)}.folders-quest-icon-tile .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 700;font-size:2.45rem}.folders-quest-count{border:2px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:color-mix(in srgb, var(--color-surface) 38%, transparent);color:currentColor;border-radius:999px;align-items:center;min-height:2rem;padding:.3rem .8rem;font-size:.82rem;font-weight:900;display:inline-flex}.folders-quest-card h2,.folders-quest-add-card h2{letter-spacing:-.05em;margin:0 0 .4rem;font-size:clamp(1.65rem,3vw,2.45rem);font-weight:950;line-height:1.05}.folders-quest-card p{color:currentColor;opacity:.84;margin:0;font-size:1.05rem;font-weight:750}.folders-quest-card-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.folders-quest-card-meta{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.folders-quest-card-meta span{background:color-mix(in srgb, var(--color-surface) 22%, transparent);border-radius:999px;align-items:center;min-height:1.7rem;padding:.2rem .55rem;font-size:.72rem;font-weight:850;display:inline-flex}.folders-quest-add-card{border-style:dashed;border-color:var(--folder-outline);background:var(--folder-surface-container);text-align:center;box-shadow:none;justify-content:center;align-items:center;gap:1rem}.folders-quest-add-card:hover{border-color:var(--folder-primary);background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface))}.folders-quest-add-icon{color:var(--color-text-muted);border-radius:999px}.folders-quest-empty,.folders-vault-empty{border:3px dashed var(--folder-outline);color:var(--color-text-muted);background:color-mix(in srgb, var(--color-surface) 72%, transparent);border-radius:1.25rem;padding:1.5rem;font-weight:750}.folders-vault-breadcrumb{color:var(--color-text-muted);align-items:center;gap:.55rem;margin-bottom:1.5rem;font-size:.9rem;font-weight:900;display:flex}.folders-vault-breadcrumb button,.folders-vault-back{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.folders-vault-breadcrumb button:hover{color:var(--folder-primary);text-decoration:underline}.folders-vault-header{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:.5rem 0;display:flex}.folders-vault-title{align-items:center;gap:1rem;display:flex}.folders-vault-title-icon{border:3px solid var(--folder-ink);width:4rem;height:4rem;box-shadow:4px 4px 0 0 var(--folder-ink);border-radius:1rem;flex:none;place-items:center;display:grid;transform:rotate(-3deg)}.folders-vault-title-icon .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 700;font-size:2.45rem}.folders-vault-title h1{color:var(--folder-ink);letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:950}.folders-vault-title p{color:var(--color-text-muted);margin:.25rem 0 0;font-size:1rem;font-weight:650}.folders-vault-actions{flex-wrap:wrap;gap:.8rem;display:flex}.folders-brutal-button,.folders-vault-upload{border:3px solid var(--folder-ink);background:var(--folder-surface);min-height:2.85rem;color:var(--folder-ink);box-shadow:4px 4px 0 0 var(--folder-ink);cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1rem;font-size:.9rem;font-weight:900;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.folders-brutal-button:hover,.folders-vault-upload:hover{box-shadow:6px 6px 0 0 var(--folder-ink);transform:translate(-2px,-2px)}.folders-brutal-button:active,.folders-vault-upload:active{box-shadow:2px 2px 0 0 var(--folder-ink);transform:translate(2px,2px)}.folders-brutal-button-primary{background:var(--color-brand);color:var(--color-on-accent)}.folders-brutal-button-yellow{background:var(--color-plan-pro)}.folders-brutal-button-danger{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-surface);box-shadow:4px 4px 0 0 var(--color-danger)}.folders-brutal-button-danger:hover{box-shadow:6px 6px 0 0 var(--color-danger)}.folders-vault-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.folders-vault-stat{border:1px solid color-mix(in srgb, var(--color-brand) 8%, transparent);background:var(--folder-surface);box-shadow:0 18px 38px color-mix(in srgb, var(--color-brand) 10%, transparent);border-radius:1rem;grid-template-columns:auto 1fr;gap:.25rem 1rem;padding:1.35rem;display:grid;position:relative;overflow:hidden}.folders-vault-stat:after{content:"";opacity:.14;border-radius:999px;width:6.5rem;height:6.5rem;position:absolute;top:-1.4rem;right:-1.8rem}.folders-vault-stat>div{border:2px solid var(--folder-ink);background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));border-radius:.8rem;grid-row:span 2;place-items:center;width:3rem;height:3rem;display:grid}.folders-vault-stat-primary:after{background:var(--color-brand)}.folders-vault-stat-primary>div{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-brand)}.folders-vault-stat-tertiary:after{background:var(--color-plan-pro)}.folders-vault-stat-tertiary>div{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-plan-pro)}.folders-vault-stat-secondary:after{background:var(--color-plan-free)}.folders-vault-stat-secondary>div{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-plan-free)}.folders-vault-stat-links:after{background:var(--color-plan-qr-plus)}.folders-vault-stat-links>div{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-plan-qr-plus)}.folders-vault-stat span{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:900}.folders-vault-stat strong{color:var(--folder-ink);font-size:2rem;font-weight:950;line-height:1}.folders-vault-access-value{word-break:break-word;font-weight:800;font-size:.95rem!important;line-height:1.35!important}.folders-vault-access-stat{gap:.22rem;display:grid}.folders-vault-access-stat small{color:var(--color-text-muted);font-size:.78rem;font-weight:750;line-height:1.4}.folders-vault-content{grid-template-columns:minmax(0,2fr) minmax(20rem,1fr);align-items:start;gap:2rem;display:grid}.folders-vault-panel{min-width:0}.folders-vault-panel-preview{gap:1rem;display:grid}.folders-vault-section-head-preview{margin-bottom:0}.folders-vault-section-head{border-bottom:4px solid var(--folder-ink);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.folders-vault-section-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.folders-vault-toggle .material-symbols-outlined{transition:transform .16s}.folders-vault-toggle .material-symbols-outlined.is-open{transform:rotate(90deg)}.folders-vault-section-head h2{color:var(--folder-ink);align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:950;display:inline-flex}.folders-vault-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.folders-vault-qr-card{border:3px solid var(--folder-ink);background:var(--folder-surface);box-shadow:4px 4px 0 0 var(--folder-ink);color:var(--folder-ink);text-align:left;cursor:pointer;border-radius:1rem;grid-template-columns:6rem 1fr;gap:1rem;padding:1.1rem;transition:transform .15s,box-shadow .15s;display:grid}.folders-vault-qr-card:hover{box-shadow:6px 6px 0 0 var(--folder-ink);transform:translate(-2px,-2px)}.folders-vault-qr-art{border:3px solid var(--folder-ink);background:linear-gradient(45deg, color-mix(in srgb, var(--color-brand) 12%, transparent) 25%, transparent 25% 50%, color-mix(in srgb, var(--color-brand) 12%, transparent) 50% 75%, transparent 75%), var(--color-surface);background-size:.75rem .75rem;border-radius:.85rem;place-items:center;width:6rem;height:6rem;display:grid;position:relative}.folders-vault-qr-art .qr-row-icon{background:var(--color-surface);box-shadow:none;border:0;width:5rem!important;height:5rem!important}.folders-vault-qr-copy{flex-direction:column;justify-content:space-between;gap:.9rem;min-width:0;min-height:100%;display:flex}.folders-vault-qr-card h3,.folders-vault-asset-row h3{color:var(--folder-ink);margin:0;font-size:.98rem;font-weight:950}.folders-vault-qr-card p,.folders-vault-asset-row p{color:var(--color-text-muted);margin:.25rem 0 0;font-size:.78rem;font-weight:750}.folders-vault-row-meta{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.folders-vault-status{border:2px solid var(--folder-ink);background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-brand);border-radius:.45rem;align-items:center;gap:.35rem;padding:.25rem .55rem;font-size:.75rem;font-weight:900;display:inline-flex}.folders-vault-status span{background:var(--color-plan-qr-plus);border-radius:999px;width:.5rem;height:.5rem}.folders-vault-row-meta small{color:var(--color-text-muted);align-items:center;gap:.3rem;font-size:.78rem;font-weight:850;display:inline-flex}.folders-vault-links{border-top:3px dashed color-mix(in srgb, var(--color-brand) 22%, transparent);gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.folders-vault-links-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.folders-vault-links-head h3{color:var(--folder-ink);align-items:center;gap:.45rem;margin:0;font-size:1.05rem;font-weight:950;display:inline-flex}.folders-vault-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.folders-vault-link-card{border:3px solid var(--folder-ink);background:color-mix(in srgb, var(--color-warning) 5%, var(--color-surface));box-shadow:4px 4px 0 0 var(--folder-ink);color:var(--folder-ink);text-align:left;cursor:pointer;border-radius:1rem;grid-template-columns:3.5rem minmax(0,1fr);gap:.9rem;padding:1rem;transition:transform .15s,box-shadow .15s;display:grid}.folders-vault-link-card:hover{box-shadow:6px 6px 0 0 var(--folder-ink);transform:translate(-2px,-2px)}.folders-vault-link-icon{border:3px solid var(--folder-ink);background:var(--color-warning);width:3.5rem;height:3.5rem;color:var(--folder-ink);border-radius:.85rem;place-items:center;display:grid}.folders-vault-link-copy{gap:.65rem;min-width:0;display:grid}.folders-vault-link-card h3{color:var(--folder-ink);margin:0;font-size:.98rem;font-weight:950}.folders-vault-link-card p{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;font-weight:800;overflow:hidden}.folders-vault-asset-list{border:1px solid color-mix(in srgb, var(--color-brand) 8%, transparent);background:var(--folder-surface);box-shadow:0 18px 38px color-mix(in srgb, var(--color-brand) 10%, transparent);border-radius:1rem;overflow:hidden}.folders-vault-asset-row{border-bottom:2px dashed var(--folder-ink);grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:1rem;transition:background .15s;display:grid}.folders-vault-asset-row:hover{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface))}.folders-vault-asset-row>button{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;min-width:0;display:flex}.folders-vault-file-icon{border:2px solid var(--folder-ink);background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));width:2.5rem;height:2.5rem;color:var(--color-text-muted);border-radius:.65rem;flex:none;place-items:center;display:grid}.folders-vault-file-icon-pdf{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));color:var(--color-product-short-link)}.folders-vault-asset-actions{opacity:0;gap:.35rem;transition:opacity .15s;display:flex}.folders-vault-asset-row:hover .folders-vault-asset-actions{opacity:1}.folders-vault-asset-actions button{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-text);cursor:pointer;border:0;border-radius:.45rem;padding:.35rem .5rem;font-size:.75rem;font-weight:900}.folders-vault-upload{border-style:solid;border-width:2px;border-color:color-mix(in srgb, var(--color-brand) 24%, transparent);width:calc(100% - 2rem);box-shadow:0 14px 30px -22px color-mix(in srgb, var(--color-shadow) 28%, transparent);color:var(--folder-primary);background:var(--color-surface);margin:1rem;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s}.folders-vault-upload .icon-sm{transition:transform .18s,color .18s}.folders-vault-upload:hover{border-color:color-mix(in srgb, var(--color-brand) 56%, transparent);background:var(--color-brand);color:var(--color-on-accent);box-shadow:0 20px 34px -24px color-mix(in srgb, var(--color-brand) 90%, transparent)}.folders-vault-upload:hover span,.folders-vault-upload:hover .icon-sm{color:var(--color-on-accent);transform:translateY(-1px)}.folders-vault-upload.is-uploading{cursor:progress;border-color:color-mix(in srgb, var(--color-brand) 42%, transparent);background:var(--color-brand);color:var(--color-on-accent);box-shadow:0 18px 32px -24px color-mix(in srgb, var(--color-brand) 90%, transparent)}.folders-vault-upload-spinner{border:2px solid color-mix(in srgb, var(--color-on-accent) 45%, transparent);border-top-color:var(--color-on-accent);border-radius:999px;width:1.05rem;height:1.05rem;animation:.75s linear infinite hoppla-spin}.folders-vault-upload:active{box-shadow:0 10px 18px -16px color-mix(in srgb, var(--color-brand) 70%, transparent);transform:translate(1px,1px)}.folders-vault-upload-note{border:1px solid color-mix(in srgb, var(--color-brand) 16%, transparent);background:var(--color-surface-secondary);width:calc(100% - 2rem);color:var(--color-text);box-shadow:0 14px 30px -24px color-mix(in srgb, var(--color-shadow) 30%, transparent);border-radius:1.2rem;align-items:flex-start;gap:.85rem;margin:1rem;padding:1rem;display:flex}.folders-vault-upload-note>.material-symbols-outlined{background:var(--color-brand);width:2.35rem;height:2.35rem;color:var(--color-on-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 22%, transparent);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:1.25rem;display:inline-flex}.folders-vault-upload-note strong{margin:0 0 .25rem;font-size:.92rem;font-weight:900;display:block}.folders-vault-upload-note p{color:var(--color-text-muted);margin:0;font-size:.86rem;line-height:1.5}.folders-import-modal{gap:1rem;display:grid}.folders-import-list{gap:.8rem;max-height:min(50dvh,26rem);padding-right:.1rem;display:grid;overflow-y:auto}.folders-import-item{border:1px solid color-mix(in srgb, var(--color-brand) 24%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);text-align:left;cursor:pointer;border-radius:1rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;width:100%;padding:.9rem;transition:border-color .18s,box-shadow .18s,transform .18s,background-color .18s;display:grid}.folders-import-item:hover,.folders-import-item:focus-visible{border-color:color-mix(in srgb, var(--color-brand) 28%, transparent);box-shadow:0 14px 30px color-mix(in srgb, var(--color-brand) 8%, transparent);transform:translateY(-1px)}.folders-import-item-active{border-color:color-mix(in srgb, var(--color-brand) 42%, transparent);background:color-mix(in srgb, var(--color-brand) 92%, transparent);box-shadow:0 16px 32px color-mix(in srgb, var(--color-brand) 10%, transparent)}.folders-import-item-art{justify-content:center;align-items:center;display:inline-flex}.folders-import-item-copy{gap:.2rem;min-width:0;display:grid}.folders-import-item-copy strong{color:var(--folder-ink);font-size:.98rem;line-height:1.15}.folders-import-item-copy span,.folders-import-item-copy small{color:var(--color-text-muted);word-break:break-word;line-height:1.45}.settings-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.settings-summary-card{gap:.45rem;min-height:10.5rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;position:relative;overflow:hidden}.settings-summary-card:before{display:none}.settings-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem;display:grid}.settings-kpi-grid>div,.settings-summary-inline>div,.settings-plan-list>div{border:1px solid color-mix(in srgb, var(--color-brand) 44%, transparent);background:color-mix(in srgb, var(--color-surface) 84%, transparent);border-radius:1rem;align-content:start;gap:.25rem;padding:.95rem 1rem;display:grid}.settings-kpi-grid span,.settings-summary-inline span,.settings-plan-list span,.settings-field span:first-child{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:800}.settings-kpi-grid strong,.settings-summary-inline strong,.settings-plan-list strong,.settings-field strong{color:var(--color-brand);font-size:.98rem}.settings-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-card{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-brand) 94%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 34%);box-shadow:0 18px 40px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:1.6rem;gap:1rem;padding:1.35rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.settings-card h3,.settings-card p{margin:0}.settings-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.settings-field{gap:.48rem;display:grid}.settings-field-hint{color:var(--color-text-muted);font-size:.78rem;line-height:1.5}.settings-account-groups{gap:1rem;display:grid}.settings-account-group{border:1px solid color-mix(in srgb, var(--color-brand) 34%, transparent);background:color-mix(in srgb, var(--color-surface) 62%, transparent);border-radius:1.15rem;gap:.9rem;padding:1rem 1.05rem;display:grid}.settings-account-group-head{gap:.2rem;display:grid}.settings-account-group-head h3{color:var(--color-brand);margin:0;font-size:1rem}.settings-account-group-head p{color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.55}.settings-summary-card:hover,.settings-card:hover{border-color:color-mix(in srgb, var(--color-brand) 18%, transparent);box-shadow:0 20px 42px color-mix(in srgb, var(--color-brand) 10%, transparent);transform:translateY(-2px)}.settings-actions-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.settings-page-shell .btn,.settings-modal-content .btn{border:1px solid color-mix(in srgb, var(--color-brand) 28%, transparent);background:color-mix(in srgb, var(--color-surface) 98%, transparent);min-height:3rem;color:var(--color-brand);letter-spacing:.01em;box-shadow:0 16px 32px color-mix(in srgb, var(--color-brand) 12%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.8rem 1.7rem;font-size:.875rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.settings-page-shell .btn:hover:enabled,.settings-modal-content .btn:hover:enabled{background:var(--color-brand);color:var(--color-on-accent);border-color:color-mix(in srgb, var(--color-brand) 40%, transparent);box-shadow:0 22px 38px color-mix(in srgb, var(--color-brand) 28%, transparent);filter:none;transform:translateY(-1px)}.settings-page-shell .btn:disabled,.settings-modal-content .btn:disabled{opacity:.58;cursor:not-allowed;box-shadow:0 10px 22px color-mix(in srgb, var(--color-brand) 12%, transparent)}.settings-page-shell .btn.settings-btn-emerald,.settings-modal-content .btn.settings-btn-emerald{border-color:color-mix(in srgb, var(--color-plan-qr-plus) 28%, transparent);background:color-mix(in srgb, var(--color-plan-qr-plus) 98%, transparent);color:var(--color-plan-qr-plus);box-shadow:0 16px 32px color-mix(in srgb, var(--color-plan-qr-plus) 14%, transparent)}.settings-page-shell .btn.settings-btn-emerald:hover:enabled,.settings-modal-content .btn.settings-btn-emerald:hover:enabled{background:var(--color-plan-qr-plus);color:var(--color-text);border-color:color-mix(in srgb, var(--color-plan-qr-plus) 42%, transparent);box-shadow:0 22px 38px color-mix(in srgb, var(--color-plan-qr-plus) 28%, transparent)}.settings-page-shell .btn.settings-btn-amber,.settings-modal-content .btn.settings-btn-amber{border-color:color-mix(in srgb, var(--color-warning) 32%, transparent);background:color-mix(in srgb, var(--color-warning) 98%, transparent);color:var(--color-plan-pro);box-shadow:0 16px 32px color-mix(in srgb, var(--color-warning) 14%, transparent)}.settings-page-shell .btn.settings-btn-amber:hover:enabled,.settings-modal-content .btn.settings-btn-amber:hover:enabled{background:var(--color-plan-pro);color:var(--color-text);border-color:color-mix(in srgb, var(--color-warning) 44%, transparent);box-shadow:0 22px 38px color-mix(in srgb, var(--color-warning) 28%, transparent)}.settings-page-shell .btn.btn-danger,.settings-modal-content .btn.btn-danger,.settings-page-shell .btn.settings-btn-rose,.settings-modal-content .btn.settings-btn-rose{border-color:color-mix(in srgb, var(--color-danger) 28%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface));color:var(--color-danger);box-shadow:0 16px 32px color-mix(in srgb, var(--color-danger) 14%, transparent)}.settings-page-shell .btn.btn-danger:hover:enabled,.settings-modal-content .btn.btn-danger:hover:enabled,.settings-page-shell .btn.settings-btn-rose:hover:enabled,.settings-modal-content .btn.settings-btn-rose:hover:enabled{background:var(--color-danger);color:var(--color-on-accent);border-color:color-mix(in srgb, var(--color-danger) 42%, transparent);box-shadow:0 22px 38px color-mix(in srgb, var(--color-danger) 28%, transparent)}.settings-actions-row-end{justify-content:flex-end}.settings-muted-copy{color:var(--color-text-muted);line-height:1.5;display:block}.settings-inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem;display:grid}.settings-inline-form-team{grid-template-columns:minmax(0,1.2fr) minmax(12rem,.8fr) auto}.settings-summary-inline,.settings-plan-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.settings-early-access-card{border:1px solid color-mix(in srgb, var(--color-brand) 14%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 10%, transparent), transparent 36%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--color-product-qr-accent) 10%, transparent), transparent 32%), linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-brand) 94%, transparent));box-shadow:0 18px 34px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:1.45rem;gap:.85rem;margin-bottom:1rem;padding:1rem;display:grid}.settings-early-access-copy{gap:.25rem;display:grid}.settings-early-access-copy strong{color:var(--color-brand);font-size:.95rem;line-height:1.35}.settings-data-table-wrap{border:1px solid color-mix(in srgb, var(--color-brand) 44%, transparent);background:color-mix(in srgb, var(--color-surface) 72%, transparent);border-radius:1rem;overflow-x:auto}.settings-data-table{border-collapse:collapse;width:100%;min-width:42rem}.settings-data-table th,.settings-data-table td{border-bottom:1px solid color-mix(in srgb, var(--color-brand) 34%, transparent);text-align:left;vertical-align:middle;padding:.95rem 1rem}.settings-data-table thead th{color:var(--color-text-muted);letter-spacing:.05em;text-transform:uppercase;background:color-mix(in srgb, var(--color-brand) 72%, transparent);font-size:.76rem;font-weight:800}.settings-data-table tbody tr:last-child td{border-bottom:0}.settings-table-actions{flex-wrap:wrap;gap:.5rem;display:flex}.settings-table-actions-group{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:inline-flex}.settings-table-status{color:var(--color-text-muted);font-size:.84rem;font-weight:700}.settings-invoices-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.settings-invoices-count{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:color-mix(in srgb, var(--color-brand) 8%, transparent);min-height:2rem;color:var(--color-brand);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:800;display:inline-flex}.settings-invoices-actions{margin:1rem 0}.settings-invoices-table-wrap{margin-top:.85rem}.settings-invoices-empty{border:1px solid color-mix(in srgb, var(--color-brand) 44%, transparent);background:color-mix(in srgb, var(--color-surface) 72%, transparent);border-radius:1rem;gap:.35rem;margin-top:1rem;padding:1.25rem;display:grid}.settings-invoices-empty strong{color:var(--color-text);font-size:.98rem}.settings-invoices-empty span{color:var(--color-text-muted);font-size:.9rem}.settings-invoice-status{background:color-mix(in srgb, var(--color-brand) 10%, transparent);min-height:1.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:.24rem .6rem;font-size:.76rem;font-weight:800;display:inline-flex}.settings-invoice-status-paid{background:color-mix(in srgb, var(--color-brand) 10%, transparent);color:var(--color-brand)}.settings-invoice-status-open,.settings-invoice-status-draft{background:color-mix(in srgb, var(--color-warning) 13%, transparent);color:var(--color-warning)}.settings-invoice-status-void,.settings-invoice-status-uncollectible{background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger)}.payment-confirmation-modal{text-align:center;justify-items:center;gap:1rem;padding:.35rem 0 .1rem;display:grid;position:relative;overflow:hidden}.payment-confirmation-burst{pointer-events:none;position:absolute;inset:0}.payment-confirmation-burst span{background:var(--color-brand);opacity:0;border-radius:999px;width:.55rem;height:.55rem;animation:1.6s ease-out infinite paymentBurst;position:absolute}.payment-confirmation-burst span:first-child{top:.4rem;left:14%}.payment-confirmation-burst span:nth-child(2){background:var(--color-success);animation-delay:.22s;top:1.4rem;right:14%}.payment-confirmation-burst span:nth-child(3){background:var(--color-plan-pro);animation-delay:.44s;bottom:4.2rem;left:48%}.payment-confirmation-icon{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--color-surface) 95%, transparent), color-mix(in srgb, var(--color-brand) 12%, transparent)), linear-gradient(135deg, color-mix(in srgb, var(--color-brand) 16%, transparent), color-mix(in srgb, var(--color-success) 12%, transparent));width:5.6rem;height:5.6rem;box-shadow:0 22px 55px color-mix(in srgb, var(--color-brand) 20%, transparent);border-radius:2rem;place-items:center;animation:.52s cubic-bezier(.16,1,.3,1) paymentConfirmPop;display:grid;position:relative}.payment-confirmation-icon-syncing{background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--color-surface) 95%, transparent), color-mix(in srgb, var(--color-brand) 10%, transparent)), linear-gradient(135deg, color-mix(in srgb, var(--color-brand) 12%, transparent), color-mix(in srgb, var(--color-brand) 16%, transparent))}.payment-confirmation-icon-pending{background:radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--color-surface) 95%, transparent), color-mix(in srgb, var(--color-warning) 10%, transparent)), linear-gradient(135deg, color-mix(in srgb, var(--color-warning) 16%, transparent), color-mix(in srgb, var(--color-brand) 12%, transparent))}.payment-confirmation-icon:after{content:"";border:1px solid color-mix(in srgb, var(--color-brand) 16%, transparent);border-radius:2.35rem;animation:1.8s ease-out infinite paymentConfirmRing;position:absolute;inset:-.55rem}.payment-confirmation-icon .material-symbols-outlined{color:var(--color-brand);font-variation-settings:"FILL" 1, "wght" 700;font-size:3rem}.payment-confirmation-spinner{border:3px solid color-mix(in srgb, var(--color-brand) 18%, transparent);border-top-color:var(--color-brand);border-radius:999px;width:2.4rem;height:2.4rem;animation:.78s linear infinite code-verify-spin}.payment-confirmation-copy{gap:.45rem;max-width:32rem;display:grid}.payment-confirmation-kicker{border:1px solid color-mix(in srgb, var(--color-brand) 18%, transparent);background:color-mix(in srgb, var(--color-brand) 8%, transparent);min-height:1.8rem;color:var(--color-brand);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;justify-self:center;align-items:center;padding:.25rem .7rem;font-size:.76rem;font-weight:900;display:inline-flex}.payment-confirmation-copy h2{color:var(--color-text);letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,4vw,2.2rem)}.payment-confirmation-copy p{color:var(--color-text-muted);margin:0;line-height:1.6}.payment-confirmation-card{border:1px solid color-mix(in srgb, var(--color-brand) 44%, transparent);background:color-mix(in srgb, var(--color-surface) 76%, transparent);text-align:left;border-radius:1.25rem;align-items:center;gap:1rem;width:min(100%,32rem);padding:1rem;display:flex}.payment-confirmation-card .material-symbols-outlined{background:color-mix(in srgb, var(--color-brand) 10%, transparent);width:2.6rem;height:2.6rem;color:var(--color-brand);border-radius:.95rem;flex:none;place-items:center;display:grid}.payment-confirmation-card div{gap:.18rem;display:grid}.payment-confirmation-card strong{color:var(--color-text);font-size:.98rem}.payment-confirmation-card small{color:var(--color-text-muted);line-height:1.45}.payment-confirmation-actions{width:min(100%,32rem)}.payment-confirmation-actions .btn{width:100%}@keyframes paymentConfirmPop{0%{opacity:0;transform:scale(.72)translateY(.8rem)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes paymentConfirmRing{0%{opacity:.45;transform:scale(.88)}to{opacity:0;transform:scale(1.18)}}@keyframes paymentBurst{0%{opacity:0;transform:translateY(.4rem)scale(.6)}18%{opacity:.75}to{opacity:0;transform:translateY(-1.2rem)scale(1)}}.settings-table-empty,.settings-table-muted{color:var(--color-text-muted)}.settings-device-cell{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.settings-session-badge{background:color-mix(in srgb, var(--color-brand) 10%, transparent);min-height:1.65rem;color:var(--color-brand);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:800;display:inline-flex}.settings-activity-list{gap:.75rem;display:grid}.settings-activity-row{border:1px solid color-mix(in srgb, var(--color-brand) 40%, transparent);background:color-mix(in srgb, var(--color-surface) 76%, transparent);border-radius:1rem;justify-content:space-between;align-items:start;gap:1rem;padding:.95rem 1rem;display:flex}.settings-activity-row strong,.settings-activity-row span{color:var(--color-brand)}.settings-activity-row small{color:var(--color-text-muted);margin-top:.2rem;display:block}.settings-mfa-setup{gap:.9rem;display:grid}.settings-mfa-setup img{border:1px solid color-mix(in srgb, var(--color-brand) 44%, transparent);background:var(--color-surface);border-radius:1rem;width:min(15rem,100%);padding:.75rem}.settings-recovery-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.settings-recovery-list code{border:1px dashed color-mix(in srgb, var(--color-brand) 24%, transparent);background:color-mix(in srgb, var(--color-brand) 72%, transparent);min-height:2.7rem;color:var(--color-brand);border-radius:.9rem;align-items:center;padding:.65rem .8rem;font-size:.84rem;font-weight:700;display:inline-flex}.settings-danger-card{border-color:color-mix(in srgb, var(--color-danger) 26%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 6%, var(--color-surface)), color-mix(in srgb, var(--color-danger) 3%, var(--color-surface))), radial-gradient(circle at top right, color-mix(in srgb, var(--color-danger) 8%, transparent), transparent 38%)}.settings-danger-card h3{color:var(--color-danger)}.settings-confirm-modal{gap:1rem;display:grid}.settings-confirm-accent{background:var(--color-brand);width:4rem;height:.32rem;box-shadow:0 10px 24px color-mix(in srgb, var(--color-product-qr-accent) 24%, transparent);border-radius:999px}.settings-confirm-modal-danger .settings-confirm-accent{background:var(--color-danger);box-shadow:0 10px 24px color-mix(in srgb, var(--color-danger) 24%, transparent)}.settings-confirm-copy{color:var(--color-brand);margin:0;line-height:1.65}.settings-action-modal{gap:1rem}.settings-action-modal-meta{padding-left:0}.settings-action-modal-note{margin-top:.15rem}.settings-confirm-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.settings-confirm-actions-inline{align-items:center}:root[data-theme=dark] .settings-page-shell,:root.dark .settings-page-shell,html.dark .settings-page-shell,:root[data-theme=dark] .settings-section-head h2,:root[data-theme=dark] .settings-card h3,:root[data-theme=dark] .settings-account-group-head h3,:root[data-theme=dark] .settings-kpi-grid strong,:root[data-theme=dark] .settings-summary-inline strong,:root[data-theme=dark] .settings-plan-list strong,:root[data-theme=dark] .settings-field strong,:root[data-theme=dark] .settings-invoices-empty strong,:root[data-theme=dark] .settings-activity-row strong,:root[data-theme=dark] .settings-activity-row span,:root[data-theme=dark] .settings-recovery-list code,:root[data-theme=dark] .settings-confirm-copy,:root.dark .settings-section-head h2,:root.dark .settings-card h3,:root.dark .settings-account-group-head h3,:root.dark .settings-kpi-grid strong,:root.dark .settings-summary-inline strong,:root.dark .settings-plan-list strong,:root.dark .settings-field strong,:root.dark .settings-invoices-empty strong,:root.dark .settings-activity-row strong,:root.dark .settings-activity-row span,:root.dark .settings-recovery-list code,:root.dark .settings-confirm-copy,html.dark .settings-section-head h2,html.dark .settings-card h3,html.dark .settings-account-group-head h3,html.dark .settings-kpi-grid strong,html.dark .settings-summary-inline strong,html.dark .settings-plan-list strong,html.dark .settings-field strong,html.dark .settings-invoices-empty strong,html.dark .settings-activity-row strong,html.dark .settings-activity-row span,html.dark .settings-recovery-list code,html.dark .settings-confirm-copy{color:var(--hoppla-text)}:root[data-theme=dark] .settings-section-head p,:root[data-theme=dark] .settings-kpi-grid span,:root[data-theme=dark] .settings-summary-inline span,:root[data-theme=dark] .settings-plan-list span,:root[data-theme=dark] .settings-field span:first-child,:root[data-theme=dark] .settings-field-hint,:root[data-theme=dark] .settings-account-group-head p,:root[data-theme=dark] .settings-muted-copy,:root[data-theme=dark] .settings-data-table thead th,:root[data-theme=dark] .settings-table-status,:root[data-theme=dark] .settings-table-empty,:root[data-theme=dark] .settings-table-muted,:root[data-theme=dark] .settings-invoices-empty span,:root[data-theme=dark] .settings-activity-row small,:root.dark .settings-section-head p,:root.dark .settings-kpi-grid span,:root.dark .settings-summary-inline span,:root.dark .settings-plan-list span,:root.dark .settings-field span:first-child,:root.dark .settings-field-hint,:root.dark .settings-account-group-head p,:root.dark .settings-muted-copy,:root.dark .settings-data-table thead th,:root.dark .settings-table-status,:root.dark .settings-table-empty,:root.dark .settings-table-muted,:root.dark .settings-invoices-empty span,:root.dark .settings-activity-row small,html.dark .settings-section-head p,html.dark .settings-kpi-grid span,html.dark .settings-summary-inline span,html.dark .settings-plan-list span,html.dark .settings-field span:first-child,html.dark .settings-field-hint,html.dark .settings-account-group-head p,html.dark .settings-muted-copy,html.dark .settings-data-table thead th,html.dark .settings-table-status,html.dark .settings-table-empty,html.dark .settings-table-muted,html.dark .settings-invoices-empty span,html.dark .settings-activity-row small{color:var(--hoppla-text-soft)}:root[data-theme=dark] .settings-subnav-link,:root.dark .settings-subnav-link,html.dark .settings-subnav-link{color:color-mix(in srgb, var(--color-brand) 82%, transparent)}:root[data-theme=dark] .settings-subnav-link:hover,:root[data-theme=dark] .settings-subnav-link-active,:root.dark .settings-subnav-link:hover,:root.dark .settings-subnav-link-active,html.dark .settings-subnav-link:hover,html.dark .settings-subnav-link-active{color:var(--hoppla-accent)}:root[data-theme=dark] .settings-card,:root[data-theme=dark] .settings-summary-card,:root[data-theme=dark] .settings-account-group,:root[data-theme=dark] .settings-kpi-grid>div,:root[data-theme=dark] .settings-summary-inline>div,:root[data-theme=dark] .settings-plan-list>div,:root[data-theme=dark] .settings-data-table-wrap,:root[data-theme=dark] .settings-invoices-empty,:root[data-theme=dark] .settings-activity-row,:root[data-theme=dark] .settings-recovery-list code,:root.dark .settings-card,:root.dark .settings-summary-card,:root.dark .settings-account-group,:root.dark .settings-kpi-grid>div,:root.dark .settings-summary-inline>div,:root.dark .settings-plan-list>div,:root.dark .settings-data-table-wrap,:root.dark .settings-invoices-empty,:root.dark .settings-activity-row,:root.dark .settings-recovery-list code,html.dark .settings-card,html.dark .settings-summary-card,html.dark .settings-account-group,html.dark .settings-kpi-grid>div,html.dark .settings-summary-inline>div,html.dark .settings-plan-list>div,html.dark .settings-data-table-wrap,html.dark .settings-invoices-empty,html.dark .settings-activity-row,html.dark .settings-recovery-list code{border-color:color-mix(in srgb, var(--color-border) 12%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-qr-accent) 8%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 94%, transparent), color-mix(in srgb, var(--color-brand) 96%, transparent));box-shadow:0 18px 42px color-mix(in srgb, var(--color-brand) 28%, transparent)}:root[data-theme=dark] .settings-card:hover,:root[data-theme=dark] .settings-summary-card:hover,:root.dark .settings-card:hover,:root.dark .settings-summary-card:hover,html.dark .settings-card:hover,html.dark .settings-summary-card:hover{border-color:color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent);box-shadow:0 22px 48px color-mix(in srgb, var(--color-brand) 36%, transparent)}:root[data-theme=dark] .settings-data-table th,:root[data-theme=dark] .settings-data-table td,:root.dark .settings-data-table th,:root.dark .settings-data-table td,html.dark .settings-data-table th,html.dark .settings-data-table td{border-bottom-color:color-mix(in srgb, var(--color-border) 10%, transparent)}:root[data-theme=dark] .settings-data-table thead th,:root.dark .settings-data-table thead th,html.dark .settings-data-table thead th{background:color-mix(in srgb, var(--color-brand) 72%, transparent)}:root[data-theme=dark] .settings-page-shell .btn:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn:hover:enabled,:root.dark .settings-page-shell .btn:hover:enabled,:root.dark .settings-modal-content .btn:hover:enabled,html.dark .settings-page-shell .btn:hover:enabled,html.dark .settings-modal-content .btn:hover:enabled{background:var(--hoppla-accent);border-color:var(--hoppla-accent);color:var(--color-brand);box-shadow:0 22px 38px color-mix(in srgb, var(--color-product-qr-accent) 24%, transparent)}:root[data-theme=dark] .settings-page-shell .input,:root[data-theme=dark] .settings-page-shell .select,:root[data-theme=dark] .settings-modal-content .input,:root[data-theme=dark] .settings-modal-content .select,:root.dark .settings-page-shell .input,:root.dark .settings-page-shell .select,:root.dark .settings-modal-content .input,:root.dark .settings-modal-content .select,html.dark .settings-page-shell .input,html.dark .settings-page-shell .select,html.dark .settings-modal-content .input,html.dark .settings-modal-content .select{color:var(--hoppla-text);background:#0f172ab8;border-color:#ffffff1f}:root[data-theme=dark] .settings-session-badge,:root[data-theme=dark] .settings-invoices-count,:root[data-theme=dark] .settings-invoice-status-paid,:root.dark .settings-session-badge,:root.dark .settings-invoices-count,:root.dark .settings-invoice-status-paid,html.dark .settings-session-badge,html.dark .settings-invoices-count,html.dark .settings-invoice-status-paid{border-color:color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent);background:color-mix(in srgb, var(--color-product-qr-accent) 10%, transparent);color:var(--hoppla-accent)}:root[data-theme=dark] .settings-invoice-status-open,:root[data-theme=dark] .settings-invoice-status-draft,:root.dark .settings-invoice-status-open,:root.dark .settings-invoice-status-draft,html.dark .settings-invoice-status-open,html.dark .settings-invoice-status-draft{background:color-mix(in srgb, var(--color-warning) 14%, transparent);color:var(--color-warning)}:root[data-theme=dark] .settings-invoice-status-void,:root[data-theme=dark] .settings-invoice-status-uncollectible,:root.dark .settings-invoice-status-void,:root.dark .settings-invoice-status-uncollectible,html.dark .settings-invoice-status-void,html.dark .settings-invoice-status-uncollectible{background:color-mix(in srgb, var(--color-danger) 14%, transparent);color:var(--color-danger)}:root[data-theme=dark] .settings-mfa-setup img,:root.dark .settings-mfa-setup img,html.dark .settings-mfa-setup img{border-color:color-mix(in srgb, var(--color-border) 14%, transparent);background:color-mix(in srgb, var(--color-surface) 92%, transparent)}:root[data-theme=dark] .connected-early-access,:root.dark .connected-early-access,html.dark .connected-early-access,:root[data-theme=dark] .settings-early-access-card,:root.dark .settings-early-access-card,html.dark .settings-early-access-card{border-color:color-mix(in srgb, var(--color-brand) 18%, transparent);background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 22%, transparent), transparent 32%), radial-gradient(circle at bottom left, color-mix(in srgb, var(--color-product-qr-accent) 18%, transparent), transparent 30%), linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 96%, transparent), color-mix(in srgb, var(--color-brand) 94%, transparent));box-shadow:0 24px 56px color-mix(in srgb, var(--color-brand) 34%, transparent)}:root[data-theme=dark] .connected-early-access-copy:before,:root.dark .connected-early-access-copy:before,html.dark .connected-early-access-copy:before{background:color-mix(in srgb, var(--color-brand) 16%, transparent);color:var(--color-brand)}:root[data-theme=dark] .connected-early-access-copy h3,:root.dark .connected-early-access-copy h3,html.dark .connected-early-access-copy h3,:root[data-theme=dark] .settings-early-access-copy strong,:root.dark .settings-early-access-copy strong,html.dark .settings-early-access-copy strong{color:var(--color-brand)}:root[data-theme=dark] .connected-early-access-copy p,:root.dark .connected-early-access-copy p,html.dark .connected-early-access-copy p,:root[data-theme=dark] .settings-early-access-copy p,:root.dark .settings-early-access-copy p,html.dark .settings-early-access-copy p,:root[data-theme=dark] .connected-early-access-note,:root.dark .connected-early-access-note,html.dark .connected-early-access-note{color:color-mix(in srgb, var(--color-brand) 78%, transparent)}:root[data-theme=dark] .connected-early-access-countdown-label,:root.dark .connected-early-access-countdown-label,html.dark .connected-early-access-countdown-label{color:var(--color-brand)}:root[data-theme=dark] .connected-early-access-countdown-grid div,:root.dark .connected-early-access-countdown-grid div,html.dark .connected-early-access-countdown-grid div,:root[data-theme=dark] .settings-early-access-countdown div,:root.dark .settings-early-access-countdown div,html.dark .settings-early-access-countdown div{background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 92%, transparent), color-mix(in srgb, var(--color-brand) 88%, transparent));border-color:color-mix(in srgb, var(--color-brand) 16%, transparent);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 24%, transparent)}:root[data-theme=dark] .connected-early-access-countdown-grid strong,:root.dark .connected-early-access-countdown-grid strong,html.dark .connected-early-access-countdown-grid strong,:root[data-theme=dark] .settings-early-access-countdown strong,:root.dark .settings-early-access-countdown strong,html.dark .settings-early-access-countdown strong{color:var(--color-on-accent)}:root[data-theme=dark] .connected-early-access-countdown-grid span,:root.dark .connected-early-access-countdown-grid span,html.dark .connected-early-access-countdown-grid span,:root[data-theme=dark] .settings-early-access-countdown span,:root.dark .settings-early-access-countdown span,html.dark .settings-early-access-countdown span{color:color-mix(in srgb, var(--color-brand) 82%, transparent)}:root[data-theme=dark] .connected-early-access-email,:root.dark .connected-early-access-email,html.dark .connected-early-access-email,:root[data-theme=dark] .settings-early-access-email,:root.dark .settings-early-access-email,html.dark .settings-early-access-email{background:color-mix(in srgb, var(--color-brand) 82%, transparent);border-color:color-mix(in srgb, var(--color-brand) 18%, transparent);color:var(--color-brand)}:root[data-theme=dark] .settings-subnav-link,:root.dark .settings-subnav-link,html.dark .settings-subnav-link{color:color-mix(in srgb, var(--color-brand) 86%, transparent);box-shadow:none;background:0 0}:root[data-theme=dark] .settings-subnav-link:hover,:root.dark .settings-subnav-link:hover,html.dark .settings-subnav-link:hover,:root[data-theme=dark] .settings-subnav-link-active,:root.dark .settings-subnav-link-active,html.dark .settings-subnav-link-active{color:var(--color-brand);box-shadow:none;background:0 0}:root[data-theme=dark] .settings-hero h1,:root.dark .settings-hero h1,html.dark .settings-hero h1,:root[data-theme=dark] .settings-overview-hero h2,:root.dark .settings-overview-hero h2,html.dark .settings-overview-hero h2,:root[data-theme=dark] .settings-section-head h2,:root.dark .settings-section-head h2,html.dark .settings-section-head h2,:root[data-theme=dark] .settings-kpi-grid strong,:root.dark .settings-kpi-grid strong,html.dark .settings-kpi-grid strong,:root[data-theme=dark] .settings-summary-inline strong,:root.dark .settings-summary-inline strong,html.dark .settings-summary-inline strong,:root[data-theme=dark] .settings-plan-list strong,:root.dark .settings-plan-list strong,html.dark .settings-plan-list strong,:root[data-theme=dark] .settings-field strong,:root.dark .settings-field strong,html.dark .settings-field strong,:root[data-theme=dark] .settings-activity-row strong,:root.dark .settings-activity-row strong,html.dark .settings-activity-row strong,:root[data-theme=dark] .settings-activity-row span,:root.dark .settings-activity-row span,html.dark .settings-activity-row span,:root[data-theme=dark] .settings-recovery-list code,:root.dark .settings-recovery-list code,html.dark .settings-recovery-list code{color:var(--color-brand)}:root[data-theme=dark] .settings-hero p,:root.dark .settings-hero p,html.dark .settings-hero p,:root[data-theme=dark] .settings-overview-hero p,:root.dark .settings-overview-hero p,html.dark .settings-overview-hero p,:root[data-theme=dark] .settings-section-head p,:root.dark .settings-section-head p,html.dark .settings-section-head p,:root[data-theme=dark] .settings-kpi-grid span,:root.dark .settings-kpi-grid span,html.dark .settings-kpi-grid span,:root[data-theme=dark] .settings-summary-inline span,:root.dark .settings-summary-inline span,html.dark .settings-summary-inline span,:root[data-theme=dark] .settings-plan-list span,:root.dark .settings-plan-list span,html.dark .settings-plan-list span,:root[data-theme=dark] .settings-field span:first-child,:root.dark .settings-field span:first-child,html.dark .settings-field span:first-child,:root[data-theme=dark] .settings-muted-copy,:root.dark .settings-muted-copy,html.dark .settings-muted-copy,:root[data-theme=dark] .settings-table-empty,:root.dark .settings-table-empty,html.dark .settings-table-empty,:root[data-theme=dark] .settings-table-muted,:root.dark .settings-table-muted,html.dark .settings-table-muted,:root[data-theme=dark] .settings-activity-row small,:root.dark .settings-activity-row small,html.dark .settings-activity-row small{color:color-mix(in srgb, var(--color-brand) 82%, transparent)}:root[data-theme=dark] .settings-kpi-grid>div,:root[data-theme=dark] .settings-summary-inline>div,:root[data-theme=dark] .settings-plan-list>div,:root[data-theme=dark] .settings-account-group,:root[data-theme=dark] .settings-activity-row,:root[data-theme=dark] .settings-data-table-wrap,:root[data-theme=dark] .settings-mfa-setup img,:root.dark .settings-kpi-grid>div,:root.dark .settings-summary-inline>div,:root.dark .settings-plan-list>div,:root.dark .settings-account-group,:root.dark .settings-activity-row,:root.dark .settings-data-table-wrap,:root.dark .settings-mfa-setup img,html.dark .settings-kpi-grid>div,html.dark .settings-summary-inline>div,html.dark .settings-plan-list>div,html.dark .settings-account-group,html.dark .settings-activity-row,html.dark .settings-data-table-wrap,html.dark .settings-mfa-setup img{border-color:color-mix(in srgb, var(--color-brand) 20%, transparent);background:color-mix(in srgb, var(--color-brand) 90%, transparent)}:root[data-theme=dark] .settings-account-group-head h3,:root.dark .settings-account-group-head h3,html.dark .settings-account-group-head h3{color:var(--color-brand)}:root[data-theme=dark] .settings-account-group-head p,:root.dark .settings-account-group-head p,html.dark .settings-account-group-head p{color:color-mix(in srgb, var(--color-brand) 78%, transparent)}:root[data-theme=dark] .settings-data-table td,:root.dark .settings-data-table td,html.dark .settings-data-table td,:root[data-theme=dark] .settings-card p,:root.dark .settings-card p,html.dark .settings-card p{color:color-mix(in srgb, var(--color-brand) 90%, transparent)}:root[data-theme=dark] .settings-card h3,:root.dark .settings-card h3,html.dark .settings-card h3,:root[data-theme=dark] .settings-summary-card h3,:root.dark .settings-summary-card h3,html.dark .settings-summary-card h3{color:var(--color-brand)}:root[data-theme=dark] .settings-summary-card p,:root.dark .settings-summary-card p,html.dark .settings-summary-card p{color:color-mix(in srgb, var(--color-brand) 84%, transparent)}:root[data-theme=dark] .dashboard-info-label,:root.dark .dashboard-info-label,html.dark .dashboard-info-label,:root[data-theme=dark] .settings-kpi-grid span,:root.dark .settings-kpi-grid span,html.dark .settings-kpi-grid span,:root[data-theme=dark] .settings-summary-inline span,:root.dark .settings-summary-inline span,html.dark .settings-summary-inline span,:root[data-theme=dark] .settings-plan-list span,:root.dark .settings-plan-list span,html.dark .settings-plan-list span,:root[data-theme=dark] .settings-field span:first-child,:root.dark .settings-field span:first-child,html.dark .settings-field span:first-child{color:color-mix(in srgb, var(--color-brand) 82%, transparent)}:root[data-theme=dark] .settings-plan-list>div,:root.dark .settings-plan-list>div,html.dark .settings-plan-list>div,:root[data-theme=dark] .settings-kpi-grid>div,:root.dark .settings-kpi-grid>div,html.dark .settings-kpi-grid>div,:root[data-theme=dark] .settings-summary-inline>div,:root.dark .settings-summary-inline>div,html.dark .settings-summary-inline>div{background:color-mix(in srgb, var(--color-brand) 88%, transparent)}:root[data-theme=dark] .settings-data-table tbody tr,:root.dark .settings-data-table tbody tr,html.dark .settings-data-table tbody tr{background:color-mix(in srgb, var(--color-brand) 86%, transparent)}:root[data-theme=dark] .settings-data-table th,:root.dark .settings-data-table th,html.dark .settings-data-table th,:root[data-theme=dark] .settings-data-table td,:root.dark .settings-data-table td,html.dark .settings-data-table td{border-bottom-color:color-mix(in srgb, var(--color-brand) 16%, transparent)}:root[data-theme=dark] .settings-page-shell .btn,:root[data-theme=dark] .settings-modal-content .btn,:root.dark .settings-page-shell .btn,:root.dark .settings-modal-content .btn,html.dark .settings-page-shell .btn,html.dark .settings-modal-content .btn{border-color:color-mix(in srgb, var(--color-product-qr-accent) 42%, transparent);background:color-mix(in srgb, var(--color-brand) 78%, transparent);color:var(--color-brand);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-product-qr-accent) 8%, transparent), 0 18px 34px color-mix(in srgb, var(--color-product-qr-accent) 16%, transparent), 0 0 20px color-mix(in srgb, var(--color-product-qr-accent) 16%, transparent)}:root[data-theme=dark] .settings-page-shell .btn:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn:hover:enabled,:root.dark .settings-page-shell .btn:hover:enabled,:root.dark .settings-modal-content .btn:hover:enabled,html.dark .settings-page-shell .btn:hover:enabled,html.dark .settings-modal-content .btn:hover:enabled{border-color:color-mix(in srgb, var(--color-product-qr-accent) 44%, transparent);background:var(--color-brand);color:var(--color-brand);box-shadow:0 24px 40px color-mix(in srgb, var(--color-product-qr-accent) 24%, transparent), 0 0 24px color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent)}:root[data-theme=dark] .settings-page-shell .btn.settings-btn-emerald,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-emerald,:root.dark .settings-page-shell .btn.settings-btn-emerald,:root.dark .settings-modal-content .btn.settings-btn-emerald,html.dark .settings-page-shell .btn.settings-btn-emerald,html.dark .settings-modal-content .btn.settings-btn-emerald{border-color:color-mix(in srgb, var(--color-plan-qr-plus) 44%, transparent);background:color-mix(in srgb, var(--color-plan-qr-plus) 78%, transparent);color:var(--color-plan-qr-plus);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-plan-qr-plus) 8%, transparent), 0 18px 34px color-mix(in srgb, var(--color-plan-qr-plus) 16%, transparent), 0 0 20px color-mix(in srgb, var(--color-plan-qr-plus) 16%, transparent)}:root[data-theme=dark] .settings-page-shell .btn.settings-btn-emerald:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-emerald:hover:enabled,:root.dark .settings-page-shell .btn.settings-btn-emerald:hover:enabled,:root.dark .settings-modal-content .btn.settings-btn-emerald:hover:enabled,html.dark .settings-page-shell .btn.settings-btn-emerald:hover:enabled,html.dark .settings-modal-content .btn.settings-btn-emerald:hover:enabled{background:var(--color-plan-qr-plus);color:var(--color-plan-qr-plus);border-color:color-mix(in srgb, var(--color-plan-qr-plus) 52%, transparent);box-shadow:0 24px 40px color-mix(in srgb, var(--color-plan-qr-plus) 24%, transparent), 0 0 24px color-mix(in srgb, var(--color-plan-qr-plus) 22%, transparent)}:root[data-theme=dark] .settings-page-shell .btn.settings-btn-amber,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-amber,:root.dark .settings-page-shell .btn.settings-btn-amber,:root.dark .settings-modal-content .btn.settings-btn-amber,html.dark .settings-page-shell .btn.settings-btn-amber,html.dark .settings-modal-content .btn.settings-btn-amber{border-color:color-mix(in srgb, var(--color-warning) 44%, transparent);background:color-mix(in srgb, var(--color-warning) 78%, transparent);color:var(--color-plan-pro);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-warning) 8%, transparent), 0 18px 34px color-mix(in srgb, var(--color-warning) 16%, transparent), 0 0 20px color-mix(in srgb, var(--color-warning) 14%, transparent)}:root[data-theme=dark] .settings-page-shell .btn.settings-btn-amber:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-amber:hover:enabled,:root.dark .settings-page-shell .btn.settings-btn-amber:hover:enabled,:root.dark .settings-modal-content .btn.settings-btn-amber:hover:enabled,html.dark .settings-page-shell .btn.settings-btn-amber:hover:enabled,html.dark .settings-modal-content .btn.settings-btn-amber:hover:enabled{background:var(--color-plan-pro);color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 54%, transparent);box-shadow:0 24px 40px color-mix(in srgb, var(--color-warning) 24%, transparent), 0 0 24px color-mix(in srgb, var(--color-warning) 18%, transparent)}:root[data-theme=dark] .settings-page-shell .btn.btn-danger,:root[data-theme=dark] .settings-modal-content .btn.btn-danger,:root[data-theme=dark] .settings-page-shell .btn.settings-btn-rose,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-rose,:root.dark .settings-page-shell .btn.btn-danger,:root.dark .settings-modal-content .btn.btn-danger,:root.dark .settings-page-shell .btn.settings-btn-rose,:root.dark .settings-modal-content .btn.settings-btn-rose,html.dark .settings-page-shell .btn.btn-danger,html.dark .settings-modal-content .btn.btn-danger,html.dark .settings-page-shell .btn.settings-btn-rose,html.dark .settings-modal-content .btn.settings-btn-rose{border-color:color-mix(in srgb, var(--color-danger) 44%, transparent);background:color-mix(in srgb, var(--color-danger) 14%, var(--color-surface));color:var(--color-danger);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-danger) 8%, transparent), 0 18px 34px color-mix(in srgb, var(--color-danger) 16%, transparent), 0 0 20px color-mix(in srgb, var(--color-danger) 16%, transparent)}:root[data-theme=dark] .settings-page-shell .btn.btn-danger:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn.btn-danger:hover:enabled,:root[data-theme=dark] .settings-page-shell .btn.settings-btn-rose:hover:enabled,:root[data-theme=dark] .settings-modal-content .btn.settings-btn-rose:hover:enabled,:root.dark .settings-page-shell .btn.btn-danger:hover:enabled,:root.dark .settings-modal-content .btn.btn-danger:hover:enabled,:root.dark .settings-page-shell .btn.settings-btn-rose:hover:enabled,:root.dark .settings-modal-content .btn.settings-btn-rose:hover:enabled,html.dark .settings-page-shell .btn.btn-danger:hover:enabled,html.dark .settings-modal-content .btn.btn-danger:hover:enabled,html.dark .settings-page-shell .btn.settings-btn-rose:hover:enabled,html.dark .settings-modal-content .btn.settings-btn-rose:hover:enabled{background:var(--color-danger);color:var(--color-on-accent);border-color:color-mix(in srgb, var(--color-danger) 54%, transparent);box-shadow:0 24px 40px color-mix(in srgb, var(--color-danger) 24%, transparent), 0 0 24px color-mix(in srgb, var(--color-danger) 22%, transparent)}:root[data-theme=dark] .settings-card .input,:root[data-theme=dark] .settings-card .select,:root.dark .settings-card .input,:root.dark .settings-card .select,html.dark .settings-card .input,html.dark .settings-card .select{background:color-mix(in srgb, var(--color-surface) 94%, transparent);border-color:color-mix(in srgb, var(--color-border) 16%, transparent);color:var(--color-brand)}:root[data-theme=dark] .settings-card .input::placeholder,:root.dark .settings-card .input::placeholder,html.dark .settings-card .input::placeholder{color:color-mix(in srgb, var(--color-text-muted) 70%, transparent)}:root[data-theme=dark] .settings-card,:root.dark .settings-card,html.dark .settings-card,:root[data-theme=dark] .settings-summary-card,:root.dark .settings-summary-card,html.dark .settings-summary-card{border-color:color-mix(in srgb, var(--color-border) 10%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-brand) 92%, transparent), color-mix(in srgb, var(--color-brand) 90%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-product-qr-accent) 12%, transparent), transparent 34%);box-shadow:0 22px 48px color-mix(in srgb, var(--color-brand) 28%, transparent)}:root[data-theme=dark] .settings-summary-card:hover,:root[data-theme=dark] .settings-card:hover,:root.dark .settings-summary-card:hover,:root.dark .settings-card:hover,html.dark .settings-summary-card:hover,html.dark .settings-card:hover{border-color:color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent);box-shadow:0 24px 52px color-mix(in srgb, var(--color-brand) 34%, transparent)}:root[data-theme=dark] .settings-data-table thead th,:root.dark .settings-data-table thead th,html.dark .settings-data-table thead th{background:color-mix(in srgb, var(--color-brand) 90%, transparent);color:color-mix(in srgb, var(--color-brand) 90%, transparent)}:root[data-theme=dark] .settings-data-table tbody tr:hover,:root.dark .settings-data-table tbody tr:hover,html.dark .settings-data-table tbody tr:hover{background:color-mix(in srgb, var(--color-product-qr-accent) 8%, transparent)}:root[data-theme=dark] .settings-session-badge,:root.dark .settings-session-badge,html.dark .settings-session-badge{background:color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent);color:var(--color-product-qr-glow)}:root[data-theme=dark] .settings-recovery-list code,:root.dark .settings-recovery-list code,html.dark .settings-recovery-list code{border-color:color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent)}:root[data-theme=dark] .settings-danger-card,:root.dark .settings-danger-card,html.dark .settings-danger-card{border-color:color-mix(in srgb, var(--color-danger) 22%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 96%, transparent), color-mix(in srgb, var(--color-danger) 92%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-danger) 16%, transparent), transparent 38%)}:root[data-theme=dark] .settings-danger-card h3,:root.dark .settings-danger-card h3,html.dark .settings-danger-card h3{color:var(--color-danger)}:root[data-theme=dark] .settings-confirm-copy,:root.dark .settings-confirm-copy,html.dark .settings-confirm-copy{color:color-mix(in srgb, var(--color-brand) 92%, transparent)}.settings-page-shell{--settings-ink:var(--color-text);--settings-surface:var(--color-surface);--settings-surface-2:var(--color-surface-secondary);--settings-surface-3:var(--color-canvas);--settings-primary:var(--color-brand);--settings-secondary:var(--color-plan-free);--settings-tertiary:var(--color-plan-pro);--settings-danger:var(--color-danger);color:var(--settings-ink)}.settings-hero{border-bottom:4px solid var(--settings-ink);justify-content:flex-start;align-items:end;gap:1.5rem;padding:0 0 1rem;display:flex}.settings-hero-copy{gap:.35rem;display:grid}.settings-hero h1{color:var(--settings-ink);letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,5vw,3.35rem);font-weight:950;line-height:1}.settings-hero p{max-width:52rem;color:var(--color-text-muted);margin:0;font-size:1.02rem;font-weight:700;line-height:1.55}.settings-subnav{gap:.8rem;padding:0}.settings-subnav-link{border:1px solid color-mix(in srgb, var(--color-brand) 8%, transparent);background:var(--color-surface);min-height:2.85rem;color:var(--color-text-muted);letter-spacing:.04em;box-shadow:0 12px 28px color-mix(in srgb, var(--color-brand) 8%, transparent);text-transform:uppercase;border-radius:.85rem;padding:.65rem 1rem;font-size:.82rem;font-weight:900}.settings-subnav-link:hover{background:var(--settings-surface-2);color:var(--settings-primary);box-shadow:0 16px 32px color-mix(in srgb, var(--color-brand) 12%, transparent);transform:translate(-2px,-2px)}.settings-subnav-link-active{background:color-mix(in srgb, var(--color-brand) 14%, transparent);color:var(--settings-primary);border-color:color-mix(in srgb, var(--color-brand) 12%, transparent);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 16%, transparent)}.settings-subnav-link-active:after{display:none}.settings-section{gap:1.25rem}.settings-section-head-brutal{border-bottom:4px solid var(--settings-ink);align-items:center;gap:1rem;margin-bottom:.1rem;padding-bottom:1rem;display:flex}.settings-section-icon{border:3px solid var(--settings-ink);background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));width:3.4rem;height:3.4rem;box-shadow:4px 4px 0 0 var(--settings-ink);border-radius:1rem;flex:none;place-items:center;display:grid;transform:rotate(-3deg)}.settings-section-icon .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 700;font-size:1.9rem}.settings-section-icon-primary{background:color-mix(in srgb, var(--color-brand) 8%, var(--color-surface));color:var(--color-brand)}.settings-section-icon-secondary{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-plan-free)}.settings-section-icon-tertiary{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-plan-pro)}.settings-section-icon-danger{background:color-mix(in srgb, var(--color-danger) 5%, var(--color-surface));color:var(--color-danger)}.settings-section-head-copy{gap:.25rem;display:grid}.settings-section-head h2{letter-spacing:-.03em;font-size:1.85rem;font-weight:950}.settings-section-head p{color:var(--color-text-muted);font-weight:700}.settings-summary-card,.settings-card{border:1px solid color-mix(in srgb, var(--color-brand) 8%, transparent);background:var(--color-surface);box-shadow:0 18px 38px color-mix(in srgb, var(--color-brand) 10%, transparent);border-radius:1.4rem}.settings-page-shell .dashboard-info-card:before,.settings-page-shell .settings-card:before,.settings-page-shell .settings-summary-card:before{display:none!important}.settings-page-shell .dashboard-info-card,.settings-page-shell .settings-card,.settings-page-shell .settings-summary-card{background:var(--color-surface)!important}.settings-summary-card{min-height:11.5rem;padding:1.25rem}.settings-summary-card:before{width:.4rem}.settings-summary-card:hover,.settings-card:hover{box-shadow:0 22px 42px color-mix(in srgb, var(--color-brand) 14%, transparent);transform:translate(-2px,-2px)}.settings-card{background:var(--color-surface);padding:1.5rem}.settings-kpi-grid>div,.settings-summary-inline>div,.settings-plan-list>div,.settings-account-group,.settings-activity-row,.settings-data-table-wrap,.settings-mfa-setup img,.settings-recovery-list code{border:1px solid color-mix(in srgb, var(--color-brand) 8%, transparent);background:var(--settings-surface-3);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:1rem}.settings-account-group{padding:1.1rem}.settings-kpi-grid>div,.settings-summary-inline>div,.settings-plan-list>div{padding:1rem}.settings-page-shell .input,.settings-page-shell .select{border:3px solid var(--settings-ink);background:var(--settings-surface-3);box-shadow:4px 4px 0 0 var(--settings-ink);color:var(--settings-ink);border-radius:.9rem;font-weight:800}.settings-page-shell .input:focus,.settings-page-shell .select:focus{border-color:var(--settings-ink);box-shadow:4px 4px 0 0 var(--settings-ink)}.settings-page-shell .btn,.settings-modal-content .btn{border:3px solid var(--settings-ink);background:var(--color-surface);min-height:2.95rem;color:var(--settings-ink);box-shadow:4px 4px 0 0 var(--settings-ink);text-transform:uppercase;border-radius:.85rem;font-weight:900}.settings-page-shell .btn:hover:enabled,.settings-modal-content .btn:hover:enabled{background:var(--settings-primary);color:var(--color-text);border-color:var(--settings-ink);box-shadow:6px 6px 0 0 var(--settings-ink);transform:translate(-2px,-2px)}.settings-page-shell .btn.settings-btn-emerald:hover:enabled,.settings-modal-content .btn.settings-btn-emerald:hover:enabled{background:var(--color-plan-qr-plus);color:var(--color-text)}.settings-page-shell .btn.settings-btn-amber:hover:enabled,.settings-modal-content .btn.settings-btn-amber:hover:enabled{background:var(--color-plan-pro);color:var(--color-text)}.settings-page-shell .btn.btn-danger,.settings-modal-content .btn.btn-danger,.settings-page-shell .btn.settings-btn-rose,.settings-modal-content .btn.settings-btn-rose{color:var(--color-danger)}.settings-page-shell .btn.btn-danger:hover:enabled,.settings-modal-content .btn.btn-danger:hover:enabled,.settings-page-shell .btn.settings-btn-rose:hover:enabled,.settings-modal-content .btn.settings-btn-rose:hover:enabled{background:var(--color-danger);color:var(--color-on-accent)}.settings-data-table-wrap{background:var(--color-surface);overflow:auto}.settings-security-row strong{margin:0;font-size:1rem;font-weight:900}.settings-security-card{align-content:start}.settings-account-arcade-grid{grid-template-columns:minmax(0,1.35fr) minmax(21rem,.9fr);align-items:start;gap:1.5rem;display:grid}.settings-account-hero-card,.settings-account-side-card{border:2px solid var(--color-brand);box-shadow:6px 6px 0 var(--color-brand)}.settings-account-side-stack{gap:1rem;display:grid}.settings-account-card-head h3{color:var(--color-brand);align-items:center;gap:.6rem;margin:0;font-size:1.45rem;font-weight:900;display:inline-flex}.settings-account-card-head .material-symbols-outlined{color:var(--color-brand);font-variation-settings:"FILL" 1, "wght" 700}.settings-account-card-body{gap:1.5rem;display:grid}.settings-account-row-block{gap:.55rem;display:grid}.settings-account-row-label{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:900}.settings-account-email-row{border:2px solid color-mix(in srgb, var(--color-border-strong) 40%, transparent);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;padding:.95rem 1rem;display:flex}.settings-account-email-row span{color:var(--color-brand);font-size:1rem;font-weight:700}.settings-account-inline-edit{color:var(--color-plan-free);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;font-size:.84rem;font-weight:900;transition:color .18s;display:inline-flex}.settings-account-inline-edit:hover{color:var(--color-plan-free)}.settings-account-input-head{justify-content:space-between;align-items:end;gap:1rem;display:flex}.settings-account-char-counter{border:1px solid color-mix(in srgb, var(--color-brand) 80%, transparent);background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-text-muted);border-radius:.6rem;padding:.25rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.76rem;font-weight:800}.settings-account-name-row{align-items:center;gap:.9rem;display:flex}.settings-account-name-input{flex:1;max-width:18rem;min-height:3rem;box-shadow:inset 0 2px 4px color-mix(in srgb, var(--color-shadow) 5%, transparent)!important;border-width:2px!important}.settings-account-name-row .btn{min-width:7rem;box-shadow:4px 4px 0 var(--color-brand);border-width:2px}.settings-account-role-row{border-top:2px dashed color-mix(in srgb, var(--color-brand) 90%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.settings-account-role-row span{color:var(--color-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.82rem;font-weight:900}.settings-account-role-stamp{border:2px solid var(--color-plan-free);background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-plan-free);box-shadow:2px 2px 0 var(--color-plan-free);border-radius:.75rem;padding:.45rem 1rem;font-size:1.2rem;font-weight:900;transform:rotate(-2deg)}.settings-account-status-row{border:2px solid color-mix(in srgb, var(--color-border-strong) 35%, transparent);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:1rem;display:grid}.settings-account-status-icon{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));width:2.7rem;height:2.7rem;color:var(--color-brand);border-radius:.8rem;place-items:center;display:grid}.settings-account-status-copy{gap:.2rem;display:grid}.settings-account-status-copy span,.settings-account-meta-grid span,.settings-account-pref-copy span{color:var(--color-text-muted);font-size:.78rem;font-weight:800}.settings-account-meta-grid strong,.settings-account-pref-copy strong{color:var(--color-brand);font-size:1rem;font-weight:900}.settings-account-status-badge{border:2px solid color-mix(in srgb, var(--color-brand) 78%, transparent);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.38rem .9rem;font-size:.82rem;font-weight:800;line-height:1;display:inline-flex}.settings-account-status-badge.is-verified{background:var(--color-plan-qr-plus);color:var(--color-on-accent);box-shadow:2px 2px 0 var(--color-success)}.settings-account-status-badge.is-unverified{background:var(--color-plan-pro);color:var(--color-on-accent);box-shadow:2px 2px 0 var(--color-warning)}.settings-account-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.settings-account-meta-grid>div{border:1px solid color-mix(in srgb, var(--color-brand) 8%, transparent);background:var(--color-surface);border-radius:.95rem;padding:.9rem 1rem}.settings-account-side-card .btn{justify-content:center;gap:.55rem;width:100%}.pending-draft-destination-modal .modal-panel,.pending-draft-destination-modal .modal-content{overflow:visible}.pending-draft-destination-card{border:1px solid var(--color-border);background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 12px 28px rgb(var(--rgb-text) / 10%);background-image:none;margin:0}.pending-draft-destination-card:before{display:none}.pending-draft-destination-card .settings-account-card-head{border-bottom:1px solid var(--color-border);padding-bottom:.85rem}.pending-draft-destination-card .settings-account-card-head h3{color:var(--color-text)}.pending-draft-destination-card .settings-account-card-head .material-symbols-outlined{color:var(--color-product-qr)}.pending-draft-destination-card .settings-account-row-label{color:var(--color-text-muted);letter-spacing:0;text-transform:none;font-weight:700;line-height:1.5}.pending-draft-destination-option{border:1px solid var(--color-border);background:var(--color-surface-secondary);width:100%;color:var(--color-text);box-shadow:none;text-align:left;cursor:pointer;background-image:none;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.pending-draft-destination-option .settings-account-status-icon{border:1px solid color-mix(in srgb, var(--color-product-qr-accent) 32%, var(--color-border));background:var(--color-surface-raised);color:var(--color-product-qr)}.pending-draft-destination-option strong{color:var(--color-text);font-size:1rem;font-weight:900}.pending-draft-destination-option .settings-account-status-copy span{color:var(--color-text-muted)}.pending-draft-destination-option .pending-draft-destination-stamp{border:1px solid var(--color-product-qr-accent);color:var(--color-product-qr);box-shadow:none;background:0 0;transform:none}.pending-draft-destination-option:hover:not(:disabled){border-color:var(--color-product-qr-accent);background:var(--color-surface-raised);box-shadow:0 12px 24px rgb(var(--rgb-product-qr-accent) / 14%);transform:translate(-2px,-2px)}.pending-draft-destination-option:focus-visible{outline:3px solid var(--color-product-qr-accent);outline-offset:3px}.pending-draft-destination-option:disabled{cursor:wait;border-color:var(--color-border);background:var(--button-disabled-bg);color:var(--button-disabled-text);box-shadow:none;opacity:1}.pending-draft-destination-stamp{justify-content:center;min-width:6.5rem;font-size:.92rem}.pending-draft-destination-actions{justify-content:flex-end}.pending-draft-destination-actions .btn{border-color:var(--color-border);color:var(--color-text);box-shadow:none;background:0 0}.pending-draft-destination-actions .btn:hover:not(:disabled),.pending-draft-destination-actions .btn:focus-visible:not(:disabled){border-color:var(--color-product-qr-accent);background:var(--color-surface-secondary);color:var(--color-product-qr);box-shadow:0 8px 18px rgb(var(--rgb-product-qr-accent) / 12%)}:is(:root[data-theme=dark],:root.dark,html.dark) .pending-draft-destination-card{border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 34%);background-image:none}:is(:root[data-theme=dark],:root.dark,html.dark) .pending-draft-destination-card .settings-account-card-head .material-symbols-outlined,:is(:root[data-theme=dark],:root.dark,html.dark) .pending-draft-destination-option .settings-account-status-icon,:is(:root[data-theme=dark],:root.dark,html.dark) .pending-draft-destination-option .pending-draft-destination-stamp,:is(:root[data-theme=dark],:root.dark,html.dark) .pending-draft-destination-actions .btn:hover:not(:disabled),:is(:root[data-theme=dark],:root.dark,html.dark) .pending-draft-destination-actions .btn:focus-visible:not(:disabled){color:var(--color-product-qr-glow)}.settings-account-pref-row{border-top:1px solid color-mix(in srgb, var(--color-brand) 70%, transparent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1rem 0;display:grid}.settings-account-side-card .settings-account-pref-row:first-of-type{border-top:0}.settings-account-pref-icon{border-radius:.9rem;place-items:center;width:3rem;height:3rem;display:grid}.settings-account-pref-icon-tertiary{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-plan-pro)}.settings-account-pref-icon-neutral{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));color:var(--color-text-muted);position:relative;overflow:hidden}.settings-account-pref-icon-neutral:after{content:"";background:linear-gradient(transparent 50%, color-mix(in srgb, var(--color-canvas) 6%, transparent) 50%);opacity:.4;background-size:100% 4px;position:absolute;inset:0}.settings-account-pref-icon .material-symbols-outlined{z-index:1;position:relative}.settings-account-pref-copy{gap:.16rem;display:grid}.settings-account-pref-copy small{background:color-mix(in srgb, var(--color-brand) 10%, transparent);width:fit-content;color:var(--color-plan-free);border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:800;display:inline-flex}.settings-account-pref-select{min-width:8rem;max-width:10rem;min-height:2.75rem;box-shadow:none!important;border-width:2px!important}.settings-overview-arcade{gap:1.5rem;display:grid}.settings-overview-hero{justify-content:space-between;align-items:end;gap:1rem;display:flex}.settings-overview-hero h2{color:var(--color-brand);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,3vw,2.6rem);font-weight:900}.settings-overview-hero p{color:var(--color-text-muted);margin:.3rem 0 0;font-size:1.02rem;font-weight:600}.settings-overview-grid,.settings-overview-stats{gap:1rem;display:grid}.settings-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.settings-overview-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.settings-overview-stats-two{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-overview-card,.settings-da-card{border:2px solid color-mix(in srgb, var(--color-brand) 92%, transparent);box-shadow:6px 6px 0 var(--color-brand)}.settings-account-hero-card:hover,.settings-account-side-card:hover,.settings-overview-card:hover,.settings-da-card:hover{box-shadow:0 22px 42px color-mix(in srgb, var(--color-brand) 20%, transparent);transform:translate(-2px,-2px)}.settings-overview-card{gap:.55rem;display:grid}.settings-overview-card strong{color:var(--color-brand);font-size:1.15rem;font-weight:900}.settings-overview-card p{color:var(--color-text-muted);margin:0;font-size:.92rem;line-height:1.6}.settings-overview-card-head,.settings-da-head h3{align-items:center;gap:.6rem;display:inline-flex}.settings-overview-card-head h3,.settings-da-head h3{color:var(--color-brand);margin:0;font-size:1.3rem;font-weight:900}.settings-overview-card-head .material-symbols-outlined,.settings-da-head .material-symbols-outlined{color:var(--color-text-muted);font-variation-settings:"FILL" 1, "wght" 700}.settings-da-grid-two{align-items:start}.settings-da-head{margin-bottom:.8rem}.settings-password-card{align-content:start;gap:1rem;display:grid}.settings-password-intro{margin:0}.settings-password-grid{gap:.95rem;display:grid}.settings-password-field{gap:.55rem}.settings-password-label{color:var(--color-text-muted);letter-spacing:.02em;align-items:center;gap:.45rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.settings-password-label .material-symbols-outlined{color:var(--color-brand);font-variation-settings:"FILL" 1, "wght" 700;font-size:1rem}.settings-compact-input{min-height:3rem}.settings-password-hint{margin-top:-.1rem}.settings-plan-arcade{gap:1.5rem;display:grid}.settings-plan-hero{justify-content:space-between;align-items:end;gap:1rem;display:flex}.settings-plan-hero h2{color:var(--color-brand);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,3vw,2.6rem);font-weight:900}.settings-plan-hero p{color:var(--color-text-muted);margin:.3rem 0 0;font-size:1.02rem;font-weight:600}.settings-plan-live-pill{border:1px solid color-mix(in srgb, var(--color-brand) 35%, transparent);background:color-mix(in srgb, var(--color-brand) 92%, transparent);border-radius:999px;align-items:center;gap:.7rem;padding:.8rem 1.2rem;display:inline-flex}.settings-plan-live-pill span{background:var(--color-plan-qr-plus);width:.7rem;height:.7rem;box-shadow:0 0 0 0 color-mix(in srgb, var(--color-plan-qr-plus) 45%, transparent);border-radius:999px;animation:1.8s infinite settings-plan-pulse}.settings-plan-live-pill strong{color:var(--color-brand);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem;font-weight:900}.settings-plan-bento{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.settings-plan-left-column{grid-column:span 8;align-content:start;align-items:start;gap:1rem;min-width:0;display:grid}.settings-plan-card{align-self:start;position:relative;overflow:hidden;border:1px solid color-mix(in srgb, var(--color-brand) 28%, transparent)!important;box-shadow:0 4px 20px color-mix(in srgb, var(--color-brand) 5%, transparent)!important}.settings-plan-card-main{padding:1.25rem 1.3rem 1.35rem}.settings-plan-accent-line{background:linear-gradient(90deg, var(--color-brand), var(--color-plan-free));height:4px;position:absolute;inset:0 0 auto}.settings-plan-main-head{justify-content:space-between;align-items:start;gap:1rem;display:flex}.settings-plan-title-row{align-items:center;gap:.65rem;margin-bottom:.35rem;display:flex}.settings-plan-title-row h3,.settings-plan-hoppla-head h3,.settings-plan-features-head h3{color:var(--color-brand);margin:0;font-size:1.45rem;font-weight:900}.settings-plan-card-main p,.settings-plan-hoppla-copy{color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.5}.settings-plan-tier-badge{background:linear-gradient(90deg, var(--color-plan-free), var(--color-brand));color:var(--color-on-accent);letter-spacing:.14em;border-radius:999px;justify-content:center;align-items:center;padding:.3rem .6rem;font-size:.62rem;font-weight:900;display:inline-flex}.settings-plan-billing{text-align:right;gap:.2rem;min-width:10rem;display:grid}.settings-plan-billing span,.settings-plan-stat-card p,.settings-plan-stat-head small{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.74rem;font-weight:800}.settings-plan-billing strong,.settings-plan-stat-card strong{color:var(--color-brand);font-size:1.02rem;font-weight:900}.settings-plan-billing small{color:var(--color-text-muted);font-size:.76rem;font-weight:700}.settings-plan-billing button{color:var(--color-brand);cursor:pointer;background:0 0;border:0;justify-content:end;align-items:center;gap:.2rem;margin-top:.25rem;font-size:.8rem;font-weight:800;display:inline-flex}.settings-plan-card-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-column:span 4;align-self:start;padding:1.5rem;background:color-mix(in srgb, var(--color-surface) 72%, transparent)!important}.settings-plan-card-highlighted{animation:1.1s ease-in-out 3 settings-hoppla-highlight-danger;border-color:color-mix(in srgb, var(--color-danger) 78%, transparent)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-danger) 12%, transparent), 0 24px 46px color-mix(in srgb, var(--color-danger) 18%, transparent)!important}.settings-plan-glow{filter:blur(28px);pointer-events:none;border-radius:999px;width:8rem;height:8rem;position:absolute}.settings-plan-glow-top{background:color-mix(in srgb, var(--color-brand) 12%, transparent);top:-2.5rem;right:-2rem}.settings-plan-glow-bottom{background:color-mix(in srgb, var(--color-brand) 12%, transparent);bottom:-2rem;left:-2rem}.settings-plan-hoppla-head{z-index:1;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex;position:relative}.settings-plan-hoppla-head>div{align-items:center;gap:.5rem;display:inline-flex}.settings-plan-hoppla-head .material-symbols-outlined{color:var(--color-plan-free);font-variation-settings:"FILL" 1}.settings-plan-hoppla-state{border:1px solid color-mix(in srgb, var(--color-brand) 45%, transparent);background:color-mix(in srgb, var(--color-brand) 90%, transparent);color:var(--color-brand);border-radius:.45rem;justify-content:center;align-items:center;padding:.25rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.settings-plan-hoppla-identity{z-index:1;border:1px solid color-mix(in srgb, var(--color-brand) 45%, transparent);background:color-mix(in srgb, var(--color-brand) 92%, transparent);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.8rem;margin-top:1rem;padding:.9rem;display:grid;position:relative}.settings-plan-hoppla-avatar{background:var(--color-brand);width:2.6rem;height:2.6rem;color:var(--color-on-accent);border-radius:999px;place-items:center;font-size:1rem;font-weight:900;display:grid}.settings-plan-hoppla-identity strong{color:var(--color-brand);font-size:.9rem;font-weight:800;display:block}.settings-plan-hoppla-identity small,.settings-plan-stat-card small,.settings-plan-feature-row small{color:var(--color-text-muted);font-size:.75rem;line-height:1.5}.settings-plan-hoppla-actions,.settings-plan-hoppla-form,.settings-plan-footer-actions{z-index:1;gap:.75rem;margin-top:1rem;display:grid;position:relative}.settings-plan-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.settings-plan-stat-card{border:1px solid color-mix(in srgb, var(--color-brand) 30%, transparent);background:color-mix(in srgb, var(--color-surface) 92%, transparent);box-shadow:0 4px 20px color-mix(in srgb, var(--color-brand) 5%, transparent);border-radius:1rem;padding:1rem 1rem 1.05rem;transition:transform .2s}.settings-plan-stat-card:hover{transform:translateY(-3px)}.settings-plan-stat-head{justify-content:space-between;align-items:start;gap:.6rem;margin-bottom:.65rem;display:flex}.settings-plan-stat-head .material-symbols-outlined{color:var(--color-text-muted)}.settings-plan-stat-card-primary .settings-plan-stat-head .material-symbols-outlined,.settings-plan-stat-card-primary strong{color:var(--color-brand)}.settings-plan-mini-progress,.settings-plan-progress{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));border-radius:999px;width:100%;height:.4rem;margin-top:.75rem;overflow:hidden}.settings-plan-progress{height:.65rem}.settings-plan-mini-progress span,.settings-plan-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--color-brand), var(--color-plan-free));height:100%;display:block}.settings-plan-features-card{grid-column:1/-1;padding:1.55rem 1.55rem 1.7rem}.settings-plan-features-head{border-bottom:1px solid color-mix(in srgb, var(--color-brand) 35%, transparent);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.settings-plan-features-title{align-items:center;gap:.75rem;min-width:0;display:flex}.settings-plan-feature-tabs{flex:none}.settings-plan-features-head .material-symbols-outlined{color:var(--color-brand);font-variation-settings:"FILL" 1;font-size:1.75rem}.settings-plan-features-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.25rem;display:grid}.settings-plan-feature-row{border-radius:.95rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.75rem;padding:.9rem;transition:background .2s;display:grid}.settings-plan-feature-row:hover{background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface))}.settings-plan-feature-row .material-symbols-outlined{color:var(--color-plan-free);font-variation-settings:"FILL" 1}.settings-plan-feature-row strong{color:var(--color-brand);margin-bottom:.12rem;font-size:.92rem;font-weight:800;display:block}@keyframes settings-plan-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-plan-qr-plus) 45%, transparent)}70%{box-shadow:0 0 0 9px color-mix(in srgb, var(--color-success) 0%, transparent)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-success) 0%, transparent)}}@keyframes settings-hoppla-highlight{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-brand) 0%, transparent), 0 20px 36px color-mix(in srgb, var(--color-brand) 8%, transparent);transform:translateY(0)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-brand) 16%, transparent), 0 28px 54px color-mix(in srgb, var(--color-brand) 20%, transparent);transform:translateY(-2px)}}@keyframes settings-hoppla-highlight-danger{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-danger) 0%, transparent), 0 20px 36px color-mix(in srgb, var(--color-danger) 8%, transparent);transform:translateY(0)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--color-danger) 16%, transparent), 0 28px 54px color-mix(in srgb, var(--color-danger) 20%, transparent);transform:translateY(-2px)}}.early-access-landing{min-height:0;padding:0 1rem 2.5rem}.early-access-landing-hero{text-align:center;align-content:start;justify-items:center;gap:1rem;width:min(100%,68rem);min-height:0;margin:0 auto;padding:0 1.25rem 1rem;display:grid}.early-access-landing-badge{border:1px solid color-mix(in srgb, var(--color-brand) 82%, transparent);background:color-mix(in srgb, var(--color-brand) 90%, transparent);min-height:2rem;color:var(--color-brand);letter-spacing:.11em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.34rem 1rem;font-size:.72rem;font-weight:900;display:inline-flex}.early-access-landing-hero h1{max-width:19.5ch;color:var(--color-brand);letter-spacing:-.06em;margin:0;font-size:clamp(2.45rem,4.6vw,4.3rem);font-weight:900;line-height:.97}.early-access-landing-hero>p{max-width:44rem;color:var(--color-text-muted);margin:0;font-size:1.05rem;line-height:1.68}.early-access-highlight{color:var(--color-brand);font-weight:900}.early-access-landing-countdown-shell{justify-items:center;gap:.55rem;margin-top:.1rem;display:grid}.early-access-landing-countdown-label{color:var(--color-text-muted);font-size:.84rem;font-weight:700}.early-access-landing .connected-early-access-countdown{gap:.35rem;display:grid}.early-access-landing .connected-early-access-countdown-label{display:none}.early-access-landing .connected-early-access-countdown-grid{gap:.6rem}.early-access-landing .connected-early-access-countdown-grid div{border:1px solid color-mix(in srgb, var(--color-border) 80%, transparent);background:color-mix(in srgb, var(--color-surface) 74%, transparent);min-width:4.5rem;box-shadow:0 12px 30px color-mix(in srgb, var(--color-brand) 6%, transparent);border-radius:1.05rem;padding:.85rem .7rem}.early-access-features-card{text-align:left;width:min(100%,56rem)}.early-access-request-shell{border:1px solid color-mix(in srgb, var(--color-border) 58%, transparent);background:color-mix(in srgb, var(--color-surface) 62%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:min(100%,34rem);box-shadow:0 14px 28px color-mix(in srgb, var(--color-brand) 5%, transparent);border-radius:2rem;padding:.9rem;position:relative}.early-access-request-stack{gap:.7rem;display:grid}.early-access-request-input.input{background:color-mix(in srgb, var(--color-surface) 95%, transparent);min-height:3.45rem;color:var(--color-brand);text-align:center;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-shadow) 70%, transparent);border:none;border-radius:999px;padding-inline:1.4rem;font-size:1rem;font-weight:600}.qh-home-header-frame.public-header-home{padding-top:env(safe-area-inset-top)}.qh-home-header-frame.public-header-home.public-header-landing{padding-top:calc(env(safe-area-inset-top) + .6rem)}.qh-home-header-frame.public-header-home:before{opacity:1;background:var(--hoppla-bg);box-shadow:none;-webkit-backdrop-filter:none}.qh-home-header-frame.public-header-home.public-header-landing:before{opacity:0}.qh-home-header-frame.public-header-home:after{opacity:0;background:color-mix(in srgb, var(--hoppla-border) 52%, transparent)}.qh-home-header-frame.public-header-home.qh-home-header-scrolled:before,.qh-home-header-frame.public-header-home.qh-home-header-menu-open:before,.qh-home-header-frame.public-header-home.qh-home-header-scrolled:after,.qh-home-header-frame.public-header-home.qh-home-header-menu-open:after{opacity:1}.qh-home-header-frame.public-header-home .qh-home-header-top-row{min-height:4.5rem;padding-block:.55rem}.qh-home-header-frame.public-header-home .qh-home-header-logo{max-width:min(11rem,23vw);height:2.25rem}.qh-home-header-frame.public-header-home .qh-home-header-links{gap:.7rem}.qh-home-header-frame.public-header-home .qh-home-header-links a,.qh-home-header-frame.public-header-home .qh-home-header-secondary{letter-spacing:0;min-height:2.75rem;padding-inline:.75rem;font-size:1rem;font-weight:720;color:var(--hoppla-text-soft)!important}.qh-home-header-frame.public-header-home .qh-home-header-links a:hover,.qh-home-header-frame.public-header-home .qh-home-header-links a:focus-visible,.qh-home-header-frame.public-header-home .qh-home-header-secondary:hover,.qh-home-header-frame.public-header-home .qh-home-header-secondary:focus-visible{transform:none;color:var(--brand)!important;background:0 0!important}.qh-home-header-frame.public-header-home .qh-home-header-actions{--hoppla-pill-h:2.75rem;gap:.4rem}.qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-icon-only .language-picker-button{width:2.75rem!important;min-width:2.75rem!important;height:2.75rem!important;color:var(--hoppla-text-soft)!important;background:0 0!important;border:0!important;border-radius:.5rem!important}.qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-icon-only .language-picker-button:hover,.qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-icon-only .language-picker-button:focus-visible{background:color-mix(in srgb, var(--brand) 8%, transparent)!important;color:var(--brand)!important}.qh-home-header-frame.public-header-home .qh-home-header-primary{box-shadow:none;border:1px solid var(--brand)!important;background:var(--brand)!important;min-width:max-content!important;height:2.75rem!important;color:var(--color-on-accent)!important;letter-spacing:0!important;border-radius:.5rem!important;padding-inline:1.2rem!important;font-size:1rem!important;font-weight:780!important}.qh-home-header-frame.public-header-home .qh-home-header-primary:hover,.qh-home-header-frame.public-header-home .qh-home-header-primary:focus-visible{box-shadow:0 .65rem 1.5rem color-mix(in srgb, var(--brand) 20%, transparent);transform:translateY(-1px);background:color-mix(in srgb, var(--brand) 88%, var(--color-canvas))!important;border-color:color-mix(in srgb, var(--brand) 88%, var(--color-border-strong))!important}.content.content-public.content-public-home{width:min(calc(100% - (var(--page-gutter) * 2)), var(--content-max));max-width:var(--content-max);padding:calc(var(--public-header-height) + 1rem) 0 1rem!important}.public-home-tool.is-landing,.public-home-tool.is-leavingLanding{width:min(100%,90rem);min-height:calc(100svh - var(--public-header-height) - 2rem);margin-inline:auto;padding:0}.public-home-tool.is-landing>.public-home-tool-panel,.public-home-tool.is-leavingLanding>.public-home-tool-panel{display:none}.public-site-shell-home-intro .qh-home-header-frame{animation:.56s cubic-bezier(.22,1,.36,1) both public-home-intro-header}.public-site-shell-home-intro .home-simple-hero-content{animation:.62s cubic-bezier(.22,1,.36,1) 70ms both public-home-intro-content}.public-site-shell-home-intro .public-footer{animation:.52s cubic-bezier(.22,1,.36,1) .78s both public-home-intro-footer}.home-simple-hero{opacity:1;place-items:start center;width:100%;min-height:0;transition:opacity .28s,transform .34s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:visible;transform:translate(0,0)}.home-simple-hero.is-leaving{opacity:0;pointer-events:none;transform:translateY(-1rem)scale(.99)}.home-simple-hero-glow{z-index:-1;background:radial-gradient(circle at 34% 42%, color-mix(in srgb, var(--brand) 11%, transparent), transparent 47%), radial-gradient(circle at 70% 58%, color-mix(in srgb, var(--tone-sky) 9%, transparent), transparent 43%);filter:blur(2.6rem);pointer-events:none;border-radius:50%;width:min(72rem,92vw);height:min(38rem,62vw);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.home-simple-hero-content{text-align:center;flex-direction:column;align-items:center;width:min(100%,75rem);padding:clamp(3.25rem,8vh,5.25rem) 0 1.25rem;display:flex}.home-simple-hero.is-connected-choice{place-items:center;min-height:min(42rem,100dvh - 4rem)}.home-simple-hero.is-connected-choice .home-simple-hero-content{width:min(100%,64rem);padding:clamp(2.5rem, 8vh, 5rem) var(--page-gutter);justify-content:center;margin-inline:auto}.home-simple-hero.is-connected-choice h1{text-align:center;max-width:58rem}.home-simple-hero.is-connected-choice .home-simple-hero-actions{justify-content:center;width:100%}.home-simple-landing{width:100%;transition:opacity .28s,transform .34s cubic-bezier(.22,1,.36,1)}.home-simple-landing.is-leaving{opacity:0;pointer-events:none;transform:translateY(-1rem)}.home-simple-hero h1{max-width:72rem;color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(3.25rem,6.2vw,5.5rem);font-weight:850;line-height:.99}.home-simple-title-part-qr{color:inherit}.home-simple-title-qr-mark{color:var(--hoppla-accent)}@media (width>=681px) and (prefers-reduced-motion:no-preference){.home-simple-hero h1{overflow:hidden}.public-site-shell-home-intro .home-simple-title-part{animation-duration:.7s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;display:inline-block}.public-site-shell-home-intro .home-simple-title-part-link{animation-name:home-simple-title-enter-from-left}.public-site-shell-home-intro .home-simple-title-part-qr{animation-name:home-simple-title-enter-from-right;animation-delay:.1s}}@keyframes public-home-intro-header{0%{opacity:0;transform:translateY(-1.5rem)}to{opacity:1;transform:translate(0,0)}}@keyframes public-home-intro-content{0%{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translate(0,0)}}@keyframes public-home-intro-footer{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translate(0,0)}}@keyframes home-simple-title-enter-from-left{0%{opacity:0;transform:translate(-3.5rem)}to{opacity:1;transform:translate(0,0)}}@keyframes home-simple-title-enter-from-right{0%{opacity:0;transform:translate(3.5rem)}to{opacity:1;transform:translate(0,0)}}.home-simple-hero-subtitle{color:var(--hoppla-text-soft);margin:clamp(1.5rem,3.6vh,2.25rem) 0 0;font-size:clamp(1.1rem,1.7vw,1.35rem);font-weight:580;line-height:1.5}.home-simple-hero-subtitle .home-simple-free-link{font-size:1.04em}.home-simple-free-wrap{display:inline-flex;position:relative}.home-simple-free-link{z-index:1;color:var(--color-plan-free-display);font-weight:850;text-decoration:none;position:relative}.home-simple-free-link:after{content:"";opacity:.28;background:currentColor;border-radius:999px;height:2px;transition:opacity .18s,transform .18s;position:absolute;bottom:-.15rem;left:0;right:0;transform:scaleX(.45)}.home-simple-free-link:hover:after,.home-simple-free-link:focus-visible:after{opacity:.85;transform:scaleX(1)}.home-simple-free-tooltip{z-index:20;border:1px solid color-mix(in srgb, var(--color-plan-free-display) 26%, var(--hoppla-border));background:var(--hoppla-bg);width:min(20rem,100vw - 2rem);box-shadow:0 1rem 2.4rem color-mix(in srgb, var(--hoppla-text) 14%, transparent);color:var(--hoppla-text-soft);opacity:0;pointer-events:none;text-align:left;visibility:hidden;border-radius:.85rem;gap:.55rem;padding:1rem;font-size:.82rem;line-height:1.35;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;bottom:calc(100% + .8rem);left:50%;transform:translate(-50%,.4rem)scale(.98)}.home-simple-free-tooltip:after{content:"";border-right:1px solid color-mix(in srgb, var(--color-plan-free-display) 26%, var(--hoppla-border));border-bottom:1px solid color-mix(in srgb, var(--color-plan-free-display) 26%, var(--hoppla-border));background:var(--hoppla-bg);width:.7rem;height:.7rem;position:absolute;top:100%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.home-simple-free-tooltip strong{color:var(--color-plan-free-display);font-family:var(--hoppla-font-title);font-size:.95rem}.home-simple-free-tooltip>span{align-items:flex-start;gap:.45rem;display:flex}.home-simple-free-tooltip .material-symbols-outlined{width:1rem;color:var(--color-plan-free-display);flex:none;font-size:1rem}.home-simple-free-tooltip small{border-top:1px solid var(--hoppla-border);color:var(--brand);padding-top:.25rem;font-weight:750}.home-simple-free-wrap:hover .home-simple-free-tooltip,.home-simple-free-wrap:focus-within .home-simple-free-tooltip{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}.home-simple-hero-actions{justify-content:center;align-items:center;gap:1rem;margin-top:clamp(2rem,5vh,3rem);display:flex}.home-simple-action{--home-action-rest-bg:var(--button-qr-rest-bg);--home-action-rest-text:var(--button-qr-rest-text);--home-action-rest-border:var(--button-qr-rest-border);--home-action-hover-bg:var(--button-qr-hover-bg);--home-action-hover-text:var(--button-qr-hover-text);--home-action-hover-border:var(--button-qr-hover-border);--home-action-focus:var(--button-qr-focus);--home-action-shadow-rest:var(--button-qr-glow-rest);--home-action-shadow-hover:var(--button-qr-glow-hover);isolation:isolate;width:clamp(14rem,18vw,16rem);min-height:3.75rem;font-family:var(--hoppla-font-body);cursor:pointer;border:1px solid #0000;border-color:var(--home-action-rest-border);background:var(--home-action-rest-bg);color:var(--home-action-rest-text);box-shadow:var(--home-action-shadow-rest);border-radius:.7rem;grid-template-columns:1.25rem minmax(0,1fr) 1.05rem;align-items:center;gap:.65rem;padding:.85rem 1.15rem;font-size:1rem;font-weight:780;line-height:1.2;transition:color .18s,border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden}.home-simple-action:before{z-index:0;border-radius:inherit;background:var(--home-action-hover-bg);content:"";transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-102%)}.home-simple-action>svg,.home-simple-action>span{z-index:1;position:relative}.home-simple-action.is-short-link{--home-action-rest-bg:var(--button-link-rest-bg);--home-action-rest-text:var(--button-link-rest-text);--home-action-rest-border:var(--button-link-rest-border);--home-action-hover-bg:var(--button-link-hover-bg);--home-action-hover-text:var(--button-link-hover-text);--home-action-hover-border:var(--button-link-hover-border);--home-action-focus:var(--button-link-focus);--home-action-shadow-rest:var(--button-link-glow-rest);--home-action-shadow-hover:var(--button-link-glow-hover)}.home-simple-action svg{width:1.25rem;height:1.25rem}.home-simple-action svg:last-child{width:1.05rem;height:1.05rem;transition:transform .18s}.home-simple-action.is-active{border-color:var(--home-action-hover-border);color:var(--home-action-hover-text);box-shadow:var(--home-action-shadow-hover)}.home-simple-action.is-active:before,.home-simple-action:hover:not(:disabled):before,.home-simple-action:focus-visible:not(:disabled):before{transform:translate(0)}.home-simple-action:hover:not(:disabled),.home-simple-action:focus-visible:not(:disabled){transform:translateY(-2px)}.home-simple-action.is-active:hover:not(:disabled),.home-simple-action.is-active:focus-visible:not(:disabled),.home-simple-action:not(.is-active):hover:not(:disabled),.home-simple-action:not(.is-active):focus-visible:not(:disabled){border-color:var(--home-action-hover-border);color:var(--home-action-hover-text);box-shadow:var(--home-action-shadow-hover)}.home-simple-action:focus-visible{outline:3px solid var(--home-action-focus);outline-offset:3px}.home-simple-action:active:not(:disabled){box-shadow:var(--home-action-shadow-rest);transform:translateY(0)}.home-simple-action:hover:not(:disabled) svg:last-child,.home-simple-action:focus-visible:not(:disabled) svg:last-child{transform:translate(.18rem)}.home-simple-action:disabled{border-color:var(--button-disabled-border);background:var(--button-disabled-bg);color:var(--button-disabled-text);box-shadow:none;cursor:not-allowed;opacity:1;transform:none}.home-simple-action:disabled:before{display:none}.home-simple-hero-note{color:var(--hoppla-text-muted);margin:1.15rem 0 0;font-size:.88rem;font-weight:650}.home-explainer-carousel{--home-explainer-accent:var(--qr-product-accent);--home-explainer-on-accent:var(--qr-product-on-accent);border:1px solid color-mix(in srgb, var(--home-explainer-accent) 15%, var(--hoppla-border));background:var(--hoppla-bg);width:min(100%,76rem);min-height:34rem;box-shadow:0 1.5rem 4rem color-mix(in srgb, var(--hoppla-text) 9%, transparent);color:var(--hoppla-text);isolation:isolate;border-radius:1.6rem;margin:2.5rem auto 6rem;position:relative;overflow:hidden}.home-explainer-carousel.is-short-link{--home-explainer-accent:var(--short-link-accent);--home-explainer-on-accent:var(--short-link-on-accent)}.home-explainer-carousel.is-qr-code{--home-explainer-accent:var(--qr-product-accent);--home-explainer-on-accent:var(--qr-product-on-accent)}.home-explainer-carousel:before{content:"";z-index:-1;background:radial-gradient(circle at 20% 25%, color-mix(in srgb, var(--home-explainer-accent) 10%, transparent), transparent 38%), linear-gradient(135deg, color-mix(in srgb, var(--hoppla-surface) 96%, transparent), color-mix(in srgb, var(--tone-sky) 5%, var(--hoppla-surface)));position:absolute;inset:0}.home-explainer-head{justify-content:space-between;align-items:center;padding:1.35rem 1.55rem 0;display:flex}.home-explainer-mode{border:1px solid color-mix(in srgb, var(--home-explainer-accent) 20%, var(--hoppla-border));background:color-mix(in srgb, var(--home-explainer-accent) 8%, var(--hoppla-surface));min-height:2.2rem;color:var(--home-explainer-accent);letter-spacing:.045em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.78rem;font-weight:820;display:inline-flex}.home-explainer-mode svg{width:1rem}.home-explainer-count{color:var(--hoppla-text-muted);font:750 .75rem/1 var(--hoppla-font-body);letter-spacing:.08em}.home-explainer-viewport{min-height:27rem;padding:1rem 1.5rem 0}.home-explainer-slide{grid-template-columns:minmax(0,1.22fr) minmax(18rem,.78fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-height:25rem;animation:.42s cubic-bezier(.16,1,.3,1) both home-explainer-slide-in;display:grid}.home-explainer-visual{border:1px solid color-mix(in srgb, var(--home-explainer-accent) 12%, var(--hoppla-border));background:linear-gradient(color-mix(in srgb, var(--home-explainer-accent) 5%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--home-explainer-accent) 5%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--hoppla-surface) 86%, transparent);min-height:21rem;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--hoppla-surface-strong) 55%, transparent);background-size:2rem 2rem;border-radius:1.2rem;place-items:center;display:grid;overflow:hidden}.home-explainer-copy>span{color:var(--home-explainer-accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.7rem;font-size:.76rem;font-weight:850;display:block}.home-explainer-copy h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2rem,3.25vw,3.15rem);font-weight:820;line-height:1.03}.home-explainer-copy p{color:var(--hoppla-text-soft);margin:1rem 0 0;font-size:1.02rem;line-height:1.65}.home-explainer-controls{justify-content:center;align-items:center;gap:.65rem;min-height:4.5rem;padding:.65rem 1.4rem 1.25rem;display:flex;position:relative}.home-explainer-arrow,.home-explainer-play{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);width:2.55rem;height:2.55rem;color:var(--hoppla-text-soft);cursor:pointer;border-radius:999px;place-items:center;transition:border-color .18s,background .18s,color .18s,transform .18s;display:grid}.home-explainer-arrow svg,.home-explainer-play svg{width:1rem}.home-explainer-arrow:hover,.home-explainer-arrow:focus-visible,.home-explainer-play:hover,.home-explainer-play:focus-visible{border-color:color-mix(in srgb, var(--home-explainer-accent) 42%, var(--hoppla-border));background:color-mix(in srgb, var(--home-explainer-accent) 9%, var(--hoppla-surface));color:var(--home-explainer-accent);transform:translateY(-1px)}.home-explainer-play{position:absolute;right:1.5rem}.home-explainer-dots{align-items:center;gap:.45rem;display:flex}.home-explainer-dots button{background:color-mix(in srgb, var(--hoppla-text-muted) 48%, transparent);cursor:pointer;border:0;border-radius:999px;width:.5rem;height:.5rem;padding:0;transition:width .18s,background .18s,transform .18s}.home-explainer-dots button.is-active{background:var(--home-explainer-accent);width:1.65rem}.home-explainer-dots button:hover,.home-explainer-dots button:focus-visible{background:var(--home-explainer-accent);transform:scale(1.12)}.explainer-link-transform,.explainer-qr-link,.explainer-qr-design{justify-content:center;align-items:center;gap:clamp(.8rem,2.5vw,1.8rem);display:flex}.explainer-link-transform>svg,.explainer-qr-link>svg{width:1.7rem;color:var(--home-explainer-accent)}.explainer-url{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-height:3.6rem;box-shadow:0 .7rem 1.8rem color-mix(in srgb, var(--hoppla-text) 7%, transparent);border-radius:.8rem;align-items:center;gap:.7rem;padding:.8rem 1rem;font-size:.78rem;display:flex}.explainer-url.is-long{max-width:15rem;color:var(--hoppla-text-muted)}.explainer-url.is-long i{background:var(--tone-amber);border-radius:999px;width:.55rem;height:.55rem}.explainer-url.is-short{border-color:color-mix(in srgb, var(--home-explainer-accent) 32%, var(--hoppla-border));color:var(--home-explainer-accent)}.explainer-url svg{width:1.1rem}.explainer-destination-map,.explainer-qr-destinations{place-items:center;gap:1.5rem;display:grid}.explainer-center-link,.explainer-fixed-link{background:var(--home-explainer-accent);min-height:3.4rem;box-shadow:0 .8rem 1.8rem color-mix(in srgb, var(--home-explainer-accent) 24%, transparent);color:var(--home-explainer-on-accent);border-radius:.8rem;align-items:center;gap:.65rem;padding:.75rem 1rem;font-size:.82rem;display:flex}.explainer-center-link svg,.explainer-fixed-link svg{width:1.1rem}.explainer-destination-map>div,.explainer-qr-destinations>div{gap:.65rem;display:flex}.explainer-destination-map>div>span,.explainer-qr-destinations>div>span{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-width:5rem;min-height:4.6rem;color:var(--hoppla-text-soft);border-radius:.75rem;place-items:center;gap:.3rem;padding:.6rem;font-size:.7rem;display:grid}.explainer-destination-map svg,.explainer-qr-destinations svg{width:1.35rem;color:var(--home-explainer-accent)}.explainer-edit-route{place-items:center;gap:1rem;display:grid;position:relative}.explainer-route-change{align-items:center;gap:.7rem;font-size:.76rem;display:flex}.explainer-route-change>span{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);border-radius:.65rem;padding:.65rem .8rem}.explainer-route-change .is-old{color:var(--hoppla-text-muted);text-decoration:line-through}.explainer-route-change .is-new{border-color:color-mix(in srgb, var(--tone-emerald) 34%, var(--hoppla-border));color:var(--tone-emerald)}.explainer-route-change svg{width:1.1rem;color:var(--home-explainer-accent)}.explainer-edit-icon{background:color-mix(in srgb, var(--tone-emerald) 13%, var(--hoppla-surface));width:2.5rem;height:2.5rem;color:var(--tone-emerald);border-radius:999px;place-items:center;display:grid;position:absolute;top:-.7rem;right:-1.6rem}.explainer-edit-icon svg{width:1.15rem}.explainer-qr-card{border:1px solid color-mix(in srgb, var(--home-explainer-accent) 20%, var(--hoppla-border));background:var(--hoppla-surface-strong);width:8.5rem;height:8.5rem;box-shadow:0 1rem 2.2rem color-mix(in srgb, var(--hoppla-text) 10%, transparent);color:var(--home-explainer-accent);border-radius:1rem;place-items:center;display:grid}.explainer-qr-card .material-symbols-outlined{font-size:6.7rem}.explainer-browser-card{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-width:12rem;box-shadow:0 .8rem 2rem color-mix(in srgb, var(--hoppla-text) 8%, transparent);border-radius:.85rem;grid-template-columns:repeat(3,.45rem) 1fr;align-items:center;gap:.35rem;padding:1rem;display:grid}.explainer-browser-card i{background:var(--hoppla-border-strong);border-radius:999px;width:.42rem;height:.42rem}.explainer-browser-card i:first-child{background:var(--danger)}.explainer-browser-card i:nth-child(2){background:var(--tone-amber)}.explainer-browser-card i:nth-child(3){background:var(--tone-emerald)}.explainer-browser-card b{color:var(--hoppla-text-soft);padding-left:.4rem;font-size:.74rem}.explainer-qr-destinations{grid-template-columns:auto auto}.explainer-qr-destinations>div{flex-direction:column}.explainer-qr-destinations>div>span{grid-template-columns:1.2rem 1fr;justify-items:start;min-width:7rem;min-height:2.75rem}.explainer-qr-brand{border:.75rem solid color-mix(in srgb, var(--home-explainer-accent) 15%, var(--hoppla-surface-strong));background:var(--hoppla-surface-strong);width:10rem;height:10rem;color:var(--home-explainer-accent);box-shadow:0 1rem 2.2rem color-mix(in srgb, var(--hoppla-text) 10%, transparent);border-radius:1.3rem;place-items:center;display:grid;position:relative}.explainer-qr-brand .material-symbols-outlined{font-size:7.5rem}.explainer-qr-brand i{background:var(--home-explainer-accent);width:2.4rem;height:2.4rem;color:var(--home-explainer-on-accent);font:900 1rem/1 var(--hoppla-font-title);border-radius:.55rem;place-items:center;display:grid;position:absolute}.explainer-palette{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);border-radius:.8rem;grid-template-columns:repeat(3,1.8rem);place-items:center;gap:.6rem;padding:.8rem;display:grid}.explainer-palette svg{width:1.35rem;color:var(--home-explainer-accent);grid-column:1/-1}.explainer-palette span{background:var(--home-explainer-accent);border-radius:999px;width:1.8rem;height:1.8rem}.explainer-palette span:nth-of-type(2){background:var(--tone-sky)}.explainer-palette span:nth-of-type(3){background:var(--tone-emerald)}@keyframes home-explainer-slide-in{0%{opacity:0;transform:translate(.8rem)}to{opacity:1;transform:translate(0)}}@media (width<=980px){.home-explainer-carousel{border-radius:1.25rem;min-height:0;margin-bottom:4rem}.home-explainer-slide{grid-template-columns:minmax(0,1fr);gap:1.5rem;min-height:0;padding-block:1rem 1.5rem}.home-explainer-visual{min-height:18rem}.home-explainer-copy{text-align:center;max-width:38rem;margin-inline:auto}.home-explainer-copy h2{font-size:clamp(1.9rem,6vw,2.75rem)}}@media (width<=680px){.home-explainer-carousel{border-radius:1rem;margin-top:1.5rem;margin-bottom:3rem}.home-explainer-head{padding:1rem 1rem 0}.home-explainer-viewport{min-height:0;padding:.8rem .8rem 0}.home-explainer-slide{gap:1.25rem;padding-bottom:1.25rem}.home-explainer-visual{background-size:1.5rem 1.5rem;border-radius:.85rem;min-height:14.5rem}.home-explainer-copy{padding-inline:.5rem}.home-explainer-copy>span{font-size:.68rem}.home-explainer-copy h2{font-size:clamp(1.7rem,8vw,2.25rem)}.home-explainer-copy p{font-size:.94rem;line-height:1.55}.home-explainer-controls{padding-inline:.8rem}.home-explainer-play{right:.85rem}.explainer-link-transform,.explainer-qr-link{gap:.55rem;transform:scale(.82)}.explainer-link-transform>svg,.explainer-qr-link>svg{width:1.2rem}.explainer-url{padding:.65rem;font-size:.62rem;max-width:9.5rem!important}.explainer-url b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.explainer-destination-map,.explainer-edit-route,.explainer-qr-destinations,.explainer-qr-design{transform:scale(.84)}.home-simple-hero-note{max-width:22rem;line-height:1.55}}.home-account-choice-layer{z-index:300;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.home-account-choice-backdrop{background:color-mix(in srgb, var(--hoppla-text) 42%, transparent);-webkit-backdrop-filter:blur(4px);cursor:default;border:0;width:100%;height:100%;animation:.18s both home-account-backdrop-in;position:absolute;inset:0}.home-account-choice-dialog{z-index:1;border:1px solid color-mix(in srgb, var(--brand) 18%, var(--hoppla-border));background:var(--hoppla-bg);width:min(100%,31rem);box-shadow:0 1.8rem 5rem color-mix(in srgb, var(--hoppla-text) 23%, transparent);color:var(--hoppla-text);text-align:center;border-radius:1.1rem;padding:clamp(1.5rem,4vw,2.25rem);animation:.24s cubic-bezier(.16,1,.3,1) both home-account-dialog-in;position:relative}.home-account-choice-close{width:2.4rem;height:2.4rem;color:var(--hoppla-text-soft);cursor:pointer;background:0 0;border:0;border-radius:.55rem;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem}.home-account-choice-close:hover,.home-account-choice-close:focus-visible{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));color:var(--brand)}.home-account-choice-close svg{width:1.2rem}.home-account-choice-mark{background:color-mix(in srgb, var(--brand) 10%, var(--hoppla-surface));border-radius:.85rem;place-items:center;width:3rem;height:3rem;margin:0 auto 1rem;display:grid}.home-account-choice-mark span{border:.3rem solid var(--brand);width:1.1rem;height:1.1rem;box-shadow:.65rem 0 0 -.35rem var(--brand);border-radius:999px}.home-account-choice-dialog h2{font-family:var(--hoppla-font-title);letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,4vw,1.85rem);line-height:1.15}.home-account-choice-dialog p{max-width:27rem;color:var(--hoppla-text-soft);margin:.9rem auto 0;font-size:.98rem;line-height:1.6}.home-account-choice-actions{gap:.7rem;margin-top:1.5rem;display:grid}.home-account-choice-actions button{min-height:3.25rem;font:760 .98rem/1.2 var(--hoppla-font-body);cursor:pointer;border-radius:.65rem;padding:.75rem 1rem;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.home-account-choice-signup{border:1px solid var(--brand);background:var(--brand);color:var(--color-on-accent);box-shadow:0 .65rem 1.4rem color-mix(in srgb, var(--brand) 20%, transparent)}.home-account-choice-guest{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);color:var(--hoppla-text)}.home-account-choice-actions button:hover,.home-account-choice-actions button:focus-visible{transform:translateY(-1px)}.home-account-choice-signup:hover,.home-account-choice-signup:focus-visible{background:color-mix(in srgb, var(--brand) 88%, var(--color-canvas));box-shadow:0 .85rem 1.8rem color-mix(in srgb, var(--brand) 26%, transparent)}.home-account-choice-guest:hover,.home-account-choice-guest:focus-visible{border-color:color-mix(in srgb, var(--brand) 42%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 7%, var(--hoppla-surface));color:var(--brand)}@keyframes home-account-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes home-account-dialog-in{0%{opacity:0;transform:translateY(.8rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.qh-home-header-frame.public-header-home .qh-home-header-logo-mobile{width:2.65rem;max-width:none;height:2.65rem}.content.content-public.content-public-home{padding:calc(var(--public-header-height) + .5rem) 0 .5rem!important}.public-home-tool.is-landing,.public-home-tool.is-leavingLanding{min-height:calc(100svh - var(--public-header-height) - 1rem)}.home-simple-hero{min-height:0}}@media (width<=680px){.home-simple-hero-content{padding:clamp(2.25rem,6vh,3.5rem) 0 1rem}.home-simple-hero{min-height:0}.home-simple-hero h1{letter-spacing:-.05em;max-width:34rem;font-size:clamp(2.6rem,12vw,4rem);line-height:1.02}.home-simple-hero-subtitle{max-width:24rem;font-size:1.08rem}.home-simple-hero-actions{flex-direction:column;gap:.75rem;width:min(100%,24rem);margin-top:2rem}.home-simple-action{width:100%;min-height:3.6rem}.home-simple-free-tooltip{width:auto;margin-top:-.5rem;position:fixed;bottom:auto;left:1rem;right:1rem;transform:translateY(.4rem)scale(.98)}.home-simple-free-wrap:hover .home-simple-free-tooltip,.home-simple-free-wrap:focus-within .home-simple-free-tooltip{transform:translateY(0)scale(1)}.home-simple-free-tooltip:after{display:none}.home-account-choice-dialog{border-radius:1rem}}@media (prefers-reduced-motion:reduce){.public-site-shell-home-intro .qh-home-header-frame,.public-site-shell-home-intro .home-simple-hero-content,.public-site-shell-home-intro .public-footer{animation:none}.home-simple-hero,.home-simple-landing,.home-simple-action,.home-simple-action:before,.home-simple-action svg,.home-explainer-slide,.home-explainer-arrow,.home-explainer-dot,.home-account-choice-backdrop,.home-account-choice-dialog,.home-account-choice-actions button{transition-duration:.01ms!important;animation:none!important}}.early-access-request-input.input::placeholder{color:var(--color-text-muted)}.early-access-request-input.input:focus{background:color-mix(in srgb, var(--color-surface) 98%, transparent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand) 14%, transparent)}.early-access-request-actions{display:flex}.early-access-landing .auth-turnstile{justify-content:center;justify-items:center;width:100%;margin:0 auto;display:grid}.early-access-landing .auth-turnstile>*{margin-inline:auto}.early-access-request-button.btn{border:1px solid color-mix(in srgb, var(--color-brand) 92%, transparent);background:var(--color-brand);width:100%;min-height:3.35rem;color:var(--color-on-accent);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 16px 36px color-mix(in srgb, var(--color-brand) 22%, transparent);border-radius:999px;font-size:.82rem;font-weight:900}.early-access-request-button.btn:hover:enabled{background:var(--color-brand);border-color:color-mix(in srgb, var(--color-brand) 95%, transparent);box-shadow:0 18px 40px color-mix(in srgb, var(--color-brand) 26%, transparent);transform:translateY(-1px)}.early-access-landing .form-error,.early-access-landing .form-success,.early-access-landing .field-error-text,.early-access-landing .settings-muted-copy,.early-access-landing-footnote{text-align:center}.early-access-landing .settings-muted-copy,.early-access-landing-footnote{color:var(--color-text-muted);font-size:.84rem;font-weight:500}.early-access-landing-footnote{max-width:34rem;margin:0}@media (width<=900px){.early-access-landing-hero{width:min(100%,54rem);min-height:auto;padding-inline:1rem}.early-access-request-shell{width:min(100%,32rem)}}@media (width<=720px){.early-access-landing-hero{gap:.9rem;min-height:auto;padding-top:.6rem}.early-access-landing-hero h1{max-width:100%;font-size:clamp(2.15rem,8.6vw,3.2rem);line-height:1}.early-access-landing-hero>p{max-width:100%;font-size:.98rem;line-height:1.6}.early-access-request-shell{border-radius:1.5rem;width:100%}.early-access-landing .connected-early-access-countdown-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.early-access-landing .connected-early-access-countdown-grid div{min-width:0}}.early-access-landing-hero h1{color:var(--hoppla-text)}.early-access-landing-hero>p,.early-access-landing-countdown-label,.early-access-landing .settings-muted-copy,.early-access-landing-footnote{color:var(--hoppla-text-soft)}.early-access-request-shell{border-color:var(--hoppla-border);background:color-mix(in srgb, var(--hoppla-surface-strong) 84%, transparent)}.early-access-request-input.input{background:var(--hoppla-surface);color:var(--hoppla-text)}.early-access-landing .connected-early-access-countdown-grid div{border-color:var(--hoppla-border);background:var(--hoppla-surface-strong)}.early-access-landing .connected-early-access-countdown-grid strong{color:var(--hoppla-text)}.early-access-landing .connected-early-access-countdown-grid span{color:var(--hoppla-text-soft)}@media (width<=720px){.content.content-public:has(.early-access-landing){width:100%;padding-right:max(.9rem, env(safe-area-inset-right));padding-bottom:calc(2rem + env(safe-area-inset-bottom));padding-left:max(.9rem, env(safe-area-inset-left))}.early-access-landing{width:100%;min-height:0;padding:0 0 1.5rem}.early-access-landing-hero{align-content:start;gap:.85rem;width:100%;min-height:0;padding:0 0 1.25rem}.early-access-landing-hero h1{letter-spacing:-.045em;max-width:16ch;font-size:clamp(1.9rem,8.4vw,2.7rem);line-height:1.04}.early-access-landing-hero>p{max-width:34rem;font-size:.94rem;line-height:1.58}.early-access-landing-countdown-shell{gap:.45rem;width:min(100%,25rem);margin-top:.15rem}.early-access-landing-countdown-label{font-size:.75rem;line-height:1.35}.early-access-landing .connected-early-access-countdown,.early-access-landing .connected-early-access-countdown-grid{width:100%}.early-access-landing .connected-early-access-countdown-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.early-access-landing .connected-early-access-countdown-grid div{border-radius:.85rem;min-height:4.45rem;padding:.62rem .3rem}.early-access-landing .connected-early-access-countdown-grid strong{font-size:1.08rem}.early-access-landing .connected-early-access-countdown-grid span{letter-spacing:.035em;font-size:.56rem}.early-access-request-shell{border-radius:1.1rem;width:min(100%,34rem);padding:.75rem}.early-access-request-stack{gap:.65rem}.early-access-request-input.input,.early-access-request-button.btn{border-radius:.78rem;min-height:3.15rem}.early-access-request-input.input{text-align:left;padding-inline:.9rem;font-size:.94rem}.early-access-request-button.btn{letter-spacing:.055em;font-size:.74rem}.early-access-landing .auth-turnstile{max-width:100%;overflow:hidden}.early-access-features-card{width:100%}.early-access-landing-footnote{max-width:32rem;font-size:.78rem;line-height:1.45}}@media (width<=359px){.early-access-landing .auth-turnstile>*{transform-origin:top;transform:scale(.88)}.early-access-landing .auth-turnstile{min-height:58px}.early-access-landing .connected-early-access-countdown-grid div{min-height:4.2rem;padding-inline:.2rem}.early-access-landing .connected-early-access-countdown-grid span{font-size:.5rem}}.settings-page-shell{--settings-hoppla-primary:var(--color-brand);--settings-hoppla-info:var(--color-product-qr-accent);--settings-hoppla-soft:var(--color-surface-secondary);--settings-hoppla-bg:var(--color-canvas);--settings-hoppla-white:var(--color-surface);--settings-hoppla-surface:var(--color-surface-secondary);--settings-hoppla-text:var(--color-text);--settings-hoppla-text-secondary:var(--color-text-muted);--settings-hoppla-text-muted:var(--color-text-muted);--settings-hoppla-border:var(--color-border);--settings-hoppla-border-strong:var(--color-border-strong);--settings-hoppla-success:var(--color-success);--settings-hoppla-warning:var(--color-plan-pro);--settings-hoppla-error:var(--color-danger)}.settings-page-shell .settings-subnav-link,.settings-page-shell .settings-subnav-link-active,.settings-page-shell .settings-summary-card,.settings-page-shell .settings-card,.settings-page-shell .settings-overview-card,.settings-page-shell .settings-da-card,.settings-page-shell .settings-account-hero-card,.settings-page-shell .settings-account-side-card,.settings-page-shell .settings-plan-card,.settings-page-shell .settings-plan-card-glass,.settings-page-shell .settings-plan-stat-card,.settings-page-shell .settings-plan-features-card,.settings-page-shell .settings-kpi-grid>div,.settings-page-shell .settings-summary-inline>div,.settings-page-shell .settings-plan-list>div,.settings-page-shell .settings-account-group,.settings-page-shell .settings-activity-row,.settings-page-shell .settings-data-table-wrap,.settings-page-shell .settings-mfa-setup img,.settings-page-shell .settings-recovery-list code,.settings-page-shell .settings-account-email-row,.settings-page-shell .settings-account-status-row,.settings-page-shell .settings-account-meta-grid>div,.settings-page-shell .settings-plan-hoppla-identity,.settings-page-shell .settings-plan-hoppla-state,.settings-page-shell .settings-plan-live-pill,.settings-page-shell .settings-password-field .input,.settings-page-shell .settings-toggle-switch{border-color:var(--settings-hoppla-border)!important}.settings-page-shell .settings-summary-card,.settings-page-shell .settings-card,.settings-page-shell .settings-overview-card,.settings-page-shell .settings-da-card,.settings-page-shell .settings-account-hero-card,.settings-page-shell .settings-account-side-card,.settings-page-shell .settings-plan-card,.settings-page-shell .settings-plan-card-glass,.settings-page-shell .settings-plan-stat-card,.settings-page-shell .settings-plan-features-card,.settings-page-shell .settings-account-meta-grid>div,.settings-page-shell .settings-data-table-wrap,.settings-page-shell .settings-mfa-setup img,.settings-page-shell .settings-recovery-list code{background:linear-gradient(180deg, var(--settings-hoppla-white), var(--settings-hoppla-bg))!important;box-shadow:0 18px 38px color-mix(in srgb, var(--color-shadow) 8%, transparent)!important}.settings-page-shell .settings-overview-card,.settings-page-shell .settings-da-card,.settings-page-shell .settings-account-hero-card,.settings-page-shell .settings-account-side-card{box-shadow:6px 6px 0 var(--color-brand)!important}.settings-page-shell .settings-account-hero-card:hover,.settings-page-shell .settings-account-side-card:hover,.settings-page-shell .settings-overview-card:hover,.settings-page-shell .settings-da-card:hover{box-shadow:0 22px 42px color-mix(in srgb, var(--color-brand) 20%, transparent)!important}.settings-page-shell .settings-overview-hero h2,.settings-page-shell .settings-plan-hero h2,.settings-page-shell .settings-section-head h2,.settings-page-shell .settings-overview-card strong,.settings-page-shell .settings-account-card-head h3,.settings-page-shell .settings-overview-card-head h3,.settings-page-shell .settings-da-head h3,.settings-page-shell .settings-plan-title-row h3,.settings-page-shell .settings-plan-hoppla-head h3,.settings-page-shell .settings-plan-features-head h3,.settings-page-shell .settings-account-meta-grid strong,.settings-page-shell .settings-account-pref-copy strong,.settings-page-shell .settings-plan-hoppla-identity strong,.settings-page-shell .settings-plan-feature-row strong,.settings-page-shell .settings-plan-billing strong,.settings-page-shell .settings-plan-stat-card strong{color:var(--settings-hoppla-text)!important}.settings-page-shell .settings-overview-hero p,.settings-page-shell .settings-plan-hero p,.settings-page-shell .settings-section-head p,.settings-page-shell .settings-overview-card p,.settings-page-shell .settings-card p,.settings-page-shell .settings-account-row-label,.settings-page-shell .settings-account-role-row span,.settings-page-shell .settings-account-status-copy span,.settings-page-shell .settings-account-pref-copy span,.settings-page-shell .settings-password-label,.settings-page-shell .settings-security-row small{color:var(--settings-hoppla-text-secondary)!important}.settings-page-shell .settings-muted-copy,.settings-page-shell .settings-account-char-counter,.settings-page-shell .settings-plan-billing span,.settings-page-shell .settings-plan-stat-card p,.settings-page-shell .settings-plan-stat-head small,.settings-page-shell .settings-plan-hoppla-identity small,.settings-page-shell .settings-plan-stat-card small,.settings-page-shell .settings-plan-feature-row small{color:var(--settings-hoppla-text-muted)!important}.settings-page-shell .settings-account-card-head .material-symbols-outlined,.settings-page-shell .settings-overview-card-head .material-symbols-outlined,.settings-page-shell .settings-da-head .material-symbols-outlined,.settings-page-shell .settings-password-label .material-symbols-outlined,.settings-page-shell .settings-plan-hoppla-head .material-symbols-outlined,.settings-page-shell .settings-plan-features-head .material-symbols-outlined{color:var(--settings-hoppla-primary)!important}.settings-page-shell .settings-account-email-row,.settings-page-shell .settings-account-status-row,.settings-page-shell .settings-plan-live-pill,.settings-page-shell .settings-plan-hoppla-identity,.settings-page-shell .settings-account-pref-icon-tertiary,.settings-page-shell .settings-account-status-icon,.settings-page-shell .settings-toggle-switch,.settings-page-shell .settings-plan-mini-progress,.settings-page-shell .settings-plan-progress{background:var(--settings-hoppla-soft)!important}.settings-page-shell .settings-account-pref-icon-neutral,.settings-page-shell .settings-plan-hoppla-state,.settings-page-shell .settings-plan-feature-row:hover{background:var(--settings-hoppla-surface)!important}.settings-page-shell .settings-account-inline-edit,.settings-page-shell .settings-plan-billing button{color:var(--settings-hoppla-primary)!important}.settings-page-shell .settings-account-inline-edit:hover{color:var(--settings-hoppla-info)!important}.settings-page-shell .settings-plan-hoppla-helper{margin:0;font-size:.92rem;line-height:1.5;color:var(--settings-hoppla-text-secondary)!important}.settings-page-shell .settings-account-role-stamp{border-color:var(--settings-hoppla-border-strong)!important;background:var(--settings-hoppla-soft)!important;color:var(--settings-hoppla-primary)!important;box-shadow:2px 2px 0 var(--settings-hoppla-border)!important}.settings-page-shell .material-symbols-outlined.settings-icon-emerald{color:var(--color-plan-qr-plus)!important}.settings-page-shell .material-symbols-outlined.settings-icon-indigo{color:var(--color-plan-free)!important}.settings-page-shell .material-symbols-outlined.settings-icon-amber{color:var(--color-plan-pro)!important}.settings-page-shell .material-symbols-outlined.settings-icon-rose{color:var(--color-product-short-link)!important}.settings-page-shell .settings-account-status-badge.is-verified{background:var(--settings-hoppla-success)!important;box-shadow:2px 2px 0 var(--settings-hoppla-border)!important}.settings-page-shell .settings-account-status-badge.is-unverified{background:var(--settings-hoppla-warning)!important;box-shadow:2px 2px 0 var(--settings-hoppla-border)!important}.settings-page-shell .settings-plan-tier-badge,.settings-page-shell .settings-plan-accent-line,.settings-page-shell .settings-plan-mini-progress span,.settings-page-shell .settings-plan-progress span{background:linear-gradient(90deg, var(--settings-hoppla-info), var(--settings-hoppla-primary))!important}.settings-page-shell .settings-plan-hoppla-avatar,.settings-page-shell .settings-toggle-switch-active{background:var(--settings-hoppla-primary)!important;color:var(--settings-hoppla-white)!important}.settings-page-shell .settings-plan-stat-card-primary .material-symbols-outlined,.settings-page-shell .settings-plan-stat-card-primary strong{color:var(--settings-hoppla-primary)!important}.settings-page-shell .settings-toggle-switch span{background:var(--settings-hoppla-primary)!important;border-color:var(--settings-hoppla-border-strong)!important}.settings-page-shell .settings-toggle-switch-active span{background:var(--settings-hoppla-white)!important}.settings-page-shell .settings-security-stack,.settings-page-shell .settings-security-row,.settings-page-shell .settings-account-role-row,.settings-page-shell .settings-account-pref-row,.settings-page-shell .settings-plan-features-head{border-color:var(--settings-hoppla-border)!important}.settings-page-shell .btn.settings-btn-emerald,.settings-modal-content .btn.settings-btn-emerald{color:var(--settings-hoppla-success)!important}.settings-page-shell .btn.settings-btn-emerald:hover:enabled,.settings-modal-content .btn.settings-btn-emerald:hover:enabled{background:var(--settings-hoppla-success)!important;border-color:var(--settings-hoppla-success)!important;color:var(--color-text)!important}.settings-page-shell .btn.settings-btn-amber,.settings-modal-content .btn.settings-btn-amber{color:var(--settings-hoppla-warning)!important}.settings-page-shell .btn.settings-btn-amber:hover:enabled,.settings-modal-content .btn.settings-btn-amber:hover:enabled{background:var(--settings-hoppla-warning)!important;border-color:var(--settings-hoppla-warning)!important;color:var(--color-text)!important}.settings-page-shell .btn.settings-btn-rose,.settings-modal-content .btn.settings-btn-rose,.settings-page-shell .btn.btn-danger,.settings-modal-content .btn.btn-danger{color:var(--settings-hoppla-error)!important}.settings-page-shell .btn.settings-btn-rose:hover:enabled,.settings-modal-content .btn.settings-btn-rose:hover:enabled,.settings-page-shell .btn.btn-danger:hover:enabled,.settings-modal-content .btn.btn-danger:hover:enabled{background:var(--settings-hoppla-error)!important;border-color:var(--settings-hoppla-error)!important;color:var(--color-text)!important}.settings-page-shell .btn:hover:enabled,.settings-modal-content .btn:hover:enabled{color:var(--color-text)!important}@media (width<=980px){.settings-account-arcade-grid{grid-template-columns:1fr}.settings-overview-hero{flex-direction:column;align-items:stretch}.settings-overview-grid,.settings-overview-stats,.settings-overview-stats-two{grid-template-columns:1fr}.settings-account-email-row,.settings-account-name-row,.settings-account-role-row,.settings-account-pref-row,.settings-account-status-row{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.settings-account-meta-grid{grid-template-columns:1fr}.settings-account-name-input,.settings-account-pref-select{width:100%;max-width:none}.settings-plan-hero,.settings-plan-main-head{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.settings-plan-left-column,.settings-plan-card-main,.settings-plan-card-glass,.settings-plan-stats-grid,.settings-plan-features-card{grid-column:1/-1}.settings-plan-stats-grid,.settings-plan-features-grid{grid-template-columns:1fr}.settings-plan-billing{text-align:left}}.settings-security-stack{border-top:2px solid var(--color-surface-secondary);gap:0;display:grid}.settings-security-row{border-bottom:2px solid var(--color-surface-secondary);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 0;display:flex}.settings-security-row small{color:var(--color-text-muted);margin-top:.2rem;font-size:.8rem;font-weight:700;line-height:1.5;display:block}.settings-toggle-switch{border:2px solid var(--color-brand);background:color-mix(in srgb, var(--color-surface-secondary) 5%, var(--color-surface));cursor:pointer;border-radius:999px;flex:none;width:3.5rem;height:2rem;position:relative}.settings-toggle-switch span{border:2px solid var(--color-brand);background:var(--color-brand);border-radius:999px;width:1.4rem;height:1.4rem;transition:transform .16s;position:absolute;top:.15rem;left:.18rem}.settings-toggle-switch-active{background:var(--color-brand)}.settings-toggle-switch-active span{background:var(--color-surface);transform:translate(1.38rem)}.settings-security-inline{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;padding-top:1.1rem;display:grid}.settings-security-row-danger{border-bottom:0}.settings-security-row-danger strong{color:var(--color-danger)}.settings-recovery-result{gap:1rem;display:grid}.settings-recovery-notice{border:1px solid color-mix(in srgb, var(--color-warning) 36%, transparent);background:color-mix(in srgb, var(--color-warning) 90%, transparent);border-radius:1rem;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.8rem;padding:.9rem;display:grid}.settings-recovery-notice-success{border-color:color-mix(in srgb, var(--color-success) 32%, transparent);background:color-mix(in srgb, var(--color-success) 92%, transparent)}.settings-recovery-notice>.material-symbols-outlined{color:var(--color-warning);font-size:1.65rem}.settings-recovery-notice-success>.material-symbols-outlined{color:var(--color-success)}.settings-recovery-notice p{color:var(--color-text-muted);margin:.25rem 0 0;line-height:1.5}.settings-recovery-list-modal code{-webkit-user-select:all;user-select:all;letter-spacing:.035em;justify-content:center}.settings-recovery-acknowledgement{background:color-mix(in srgb, var(--color-brand) 90%, transparent);color:var(--color-brand);cursor:pointer;border-radius:.9rem;align-items:flex-start;gap:.7rem;padding:.85rem;font-weight:750;display:flex}.settings-recovery-acknowledgement input{width:1.1rem;height:1.1rem;accent-color:var(--color-brand);margin-top:.1rem}:root[data-theme=dark] .settings-recovery-notice,:root.dark .settings-recovery-notice,html.dark .settings-recovery-notice{border-color:color-mix(in srgb, var(--color-warning) 44%, transparent);background:color-mix(in srgb, var(--color-warning) 22%, transparent)}:root[data-theme=dark] .settings-recovery-notice-success,:root.dark .settings-recovery-notice-success,html.dark .settings-recovery-notice-success{border-color:color-mix(in srgb, var(--color-success) 40%, transparent);background:color-mix(in srgb, var(--color-success) 24%, transparent)}:root[data-theme=dark] .settings-recovery-notice p,:root[data-theme=dark] .settings-recovery-acknowledgement,:root.dark .settings-recovery-notice p,:root.dark .settings-recovery-acknowledgement,html.dark .settings-recovery-notice p,html.dark .settings-recovery-acknowledgement{color:var(--color-border)}:root[data-theme=dark] .settings-recovery-acknowledgement,:root.dark .settings-recovery-acknowledgement,html.dark .settings-recovery-acknowledgement{background:color-mix(in srgb, var(--color-brand) 80%, transparent)}.settings-data-table thead th{background:var(--settings-surface-2);color:var(--color-text-muted);font-weight:900}.settings-data-table th,.settings-data-table td{border-bottom:2px dashed color-mix(in srgb, var(--color-brand) 35%, transparent)}.settings-data-table tbody tr:hover{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface))}.settings-session-badge{border:2px solid var(--settings-ink);background:color-mix(in srgb, var(--color-brand) 8%, var(--color-surface));color:var(--color-brand);font-weight:900}.settings-danger-card{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-danger) 8%, transparent), transparent 30%), linear-gradient(180deg, var(--color-surface), color-mix(in srgb, var(--color-danger) 5%, var(--color-surface)))}.settings-confirm-modal,.settings-modal-content{padding-top:.2rem}@media (width<=980px){.settings-hero{flex-direction:column;align-items:stretch}.settings-hero-identity{justify-content:space-between}.settings-section-head-brutal{align-items:start}.settings-security-row,.settings-security-inline{flex-direction:column;grid-template-columns:1fr;align-items:stretch}}@media (width<=1180px){.settings-summary-grid,.settings-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.folders-quest-page,.folders-vault-page{padding:1rem 1rem 6rem}.folders-quest-topbar{flex-direction:column;align-items:stretch;margin:-1rem -1rem 2rem;padding:0 0 1rem;position:static}.folders-quest-topbar h1{font-size:clamp(1.45rem,8vw,2rem);line-height:1.04}.folders-quest-search{width:100%}.folders-quest-grid,.folders-vault-stats,.folders-vault-content,.folders-vault-qr-grid,.folders-vault-link-grid{grid-template-columns:1fr}.folders-vault-header{flex-direction:column;align-items:flex-start}.folders-vault-actions{grid-template-columns:1fr;width:100%;display:grid}.folders-vault-section-head{flex-direction:column;align-items:flex-start}.folders-vault-section-actions{width:100%}.folders-vault-asset-row{grid-template-columns:1fr}.folders-vault-asset-actions{opacity:1}.folders-vault-panel-qrs{order:1}.folders-vault-panel-assets{order:2}.folders-vault-panel-preview{order:3}.folders-quest-card,.folders-quest-add-card{min-height:12.75rem;padding:1rem}.folders-quest-card h2,.folders-quest-add-card h2{font-size:clamp(1.3rem,6vw,1.75rem)}.folders-quest-card p{font-size:.9rem}.folders-vault-stat{padding:1rem}.folders-vault-stat strong{font-size:1.55rem}.folders-vault-content{gap:1.25rem}.folders-vault-qr-card{grid-template-columns:4.75rem minmax(0,1fr);padding:.9rem}.folders-vault-qr-art{width:4.75rem;height:4.75rem}.folders-vault-qr-art .qr-row-icon{width:4rem!important;height:4rem!important}.folders-vault-row-meta{flex-direction:column;align-items:flex-start}.folders-vault-links-head{flex-direction:column;align-items:stretch}.folders-vault-link-card{grid-template-columns:3rem minmax(0,1fr);padding:.9rem}.folders-vault-link-icon{width:3rem;height:3rem}.folders-vault-asset-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.folders-vault-asset-actions button,.folders-brutal-button,.folders-vault-upload{min-height:2.75rem}.folders-import-item{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.folders-import-item-copy{justify-items:center}.folders-layout,.folders-management-grid{grid-template-columns:1fr}.settings-page-shell{gap:1rem}.settings-subnav{scrollbar-width:thin;flex-wrap:nowrap;gap:.95rem;padding-bottom:.4rem;overflow-x:auto}.settings-grid-two,.settings-summary-grid,.settings-kpi-grid,.settings-field-grid,.settings-summary-inline,.settings-plan-list,.settings-recovery-list,.settings-inline-form,.settings-inline-form-team{grid-template-columns:1fr}.settings-confirm-actions-inline{justify-content:stretch;width:100%}.settings-confirm-actions-inline .btn{width:100%}}.billing-page-shell,.settings-page-shell,.billing-overview-card{min-width:0}.billing-overview-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:1.25rem;display:grid}.billing-overview-head h3,.billing-overview-head p{margin:0}.billing-overview-head>div:first-child{gap:.35rem;min-width:0;display:grid}.billing-overview-kicker{color:var(--hoppla-text-soft);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:900}.billing-overview-metrics{grid-template-columns:repeat(3,minmax(7.5rem,1fr));gap:.65rem;display:grid}.billing-overview-metrics>div{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 82%, transparent);border-radius:1rem;gap:.2rem;padding:.85rem;display:grid}.billing-overview-metrics span{color:var(--hoppla-text-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:850}.billing-overview-metrics strong{color:var(--hoppla-text);font-size:.98rem}.billing-summary-grid,.billing-limits-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.billing-limits-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.billing-summary-card,.billing-limit-card{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 86%, transparent);min-width:0;box-shadow:0 14px 30px color-mix(in srgb, var(--color-brand) 5%, transparent);border-radius:1rem;gap:.35rem;padding:1rem;display:grid}.billing-summary-eyebrow,.billing-limit-card span{color:var(--hoppla-text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:900}.billing-summary-value,.billing-limit-card strong{color:var(--hoppla-text);font-size:1.15rem;line-height:1.1}.billing-summary-copy,.billing-limit-card small{color:var(--hoppla-text-soft);margin:0;line-height:1.45}@media (width<=1023px){.settings-page-shell,.billing-page-shell{gap:.9rem}.settings-hero,.settings-overview-hero,.settings-plan-hero,.billing-overview-head{flex-direction:column;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:.9rem}.settings-hero-copy p,.settings-overview-hero p,.settings-plan-hero p,.settings-section-head p,.billing-overview-head p,.plans-blockHead p{max-width:100%}.settings-subnav{top:max(.5rem, env(safe-area-inset-top));z-index:15;border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 94%, transparent);box-shadow:0 16px 34px color-mix(in srgb, var(--color-brand) 10%, transparent);scrollbar-width:none;-webkit-backdrop-filter:blur(16px);border-radius:999px;flex-wrap:nowrap;gap:.45rem;padding:.45rem;display:flex;position:sticky;overflow-x:auto}.settings-subnav::-webkit-scrollbar{display:none}.settings-subnav-link{background:color-mix(in srgb, var(--color-brand) 78%, transparent);border-radius:999px;flex:none;min-height:2.45rem;padding:0 .95rem;font-size:.76rem}.settings-subnav-link-active{background:var(--color-brand);color:var(--color-on-accent)}.settings-subnav-link-active:after{content:none}.settings-card,.settings-overview-card,.settings-da-card,.settings-account-hero-card,.settings-account-side-card,.settings-plan-card,.billing-overview-card,.billing-plans-panel{border-radius:1.2rem}.settings-grid-two,.settings-da-grid-two,.settings-summary-grid,.settings-kpi-grid,.settings-field-grid,.settings-summary-inline,.settings-plan-list,.settings-plan-stats-grid,.settings-plan-features-grid{grid-template-columns:1fr}.settings-actions-row,.settings-plan-hoppla-actions,.settings-plan-footer-actions,.billing-country-modal-actions,.payment-confirmation-actions{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.settings-actions-row .btn,.settings-plan-hoppla-actions .btn,.settings-plan-footer-actions .btn,.billing-country-modal-actions .btn,.payment-confirmation-actions .btn{width:100%}.settings-btn-rose,.btn-danger{margin-top:.25rem}.settings-security-row,.settings-security-inline,.settings-account-email-row,.settings-account-name-row,.settings-account-role-row,.settings-account-pref-row,.settings-account-status-row,.settings-invoices-head{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.settings-mfa-setup{gap:.9rem;display:grid}.settings-page-shell .settings-mfa-setup img{justify-self:center;width:min(100%,14rem);height:auto}.settings-data-table-wrap:has(.settings-mobile-card-table){background:0 0;border:0;overflow:visible}.settings-mobile-card-table{border-collapse:separate;border-spacing:0 .8rem;min-width:0}.settings-mobile-card-table thead{display:none}.settings-mobile-card-table,.settings-mobile-card-table tbody,.settings-mobile-card-table tr,.settings-mobile-card-table td{width:100%;display:block}.settings-mobile-card-table tr{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 92%, transparent);box-shadow:0 14px 30px color-mix(in srgb, var(--color-brand) 6%, transparent);border-radius:1rem;padding:.9rem}.settings-mobile-card-table td{border-bottom:1px dashed color-mix(in srgb, var(--color-brand) 32%, transparent);overflow-wrap:anywhere;grid-template-columns:minmax(7.5rem,.42fr) minmax(0,1fr);align-items:start;gap:.75rem;padding:.5rem 0;display:grid}.settings-mobile-card-table td:last-child{border-bottom:0;padding-bottom:0}.settings-mobile-card-table td:before{content:attr(data-label);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:900}.settings-mobile-card-table .settings-table-actions{grid-template-columns:minmax(0,1fr);display:grid}.settings-mobile-card-table .settings-table-actions .btn{width:100%}.billing-overview-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-summary-grid,.billing-limits-grid,.pricing-plans-gridMain{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-plans-cardList{max-height:none}:is(.modal-panel:has(.settings-modal-content),.modal-panel:has(.qr-action-modal),.modal-panel:has(.payment-confirmation-modal)){border-radius:1.2rem;width:min(100% - 1.25rem,42rem);max-height:min(92dvh,48rem);overflow-y:auto}}@media (width<=767px){.app-page-title,.settings-hero-copy h1,.settings-overview-hero h2,.settings-plan-hero h2,.settings-section-head h2{font-size:clamp(1.45rem,8vw,2rem);line-height:1.04}.settings-hero-copy p,.settings-overview-hero p,.settings-plan-hero p,.settings-section-head p,.settings-card p:not(.settings-confirm-copy),.billing-overview-head p,.pricing-plans-cardNote{font-size:.88rem;line-height:1.45}.settings-page-shell .settings-overview-hero p,.settings-page-shell .settings-plan-hero p{display:none}.settings-card,.settings-overview-card,.settings-da-card,.settings-account-hero-card,.settings-account-side-card,.settings-plan-card{gap:.8rem;padding:.95rem}.settings-da-head h3,.settings-overview-card-head h3,.settings-account-card-head h3{font-size:.98rem;line-height:1.2}.settings-plan-live-pill,.settings-invoices-count{justify-content:center;width:100%}.settings-mobile-card-table td{grid-template-columns:minmax(0,1fr);gap:.25rem}.settings-mobile-card-table td:before{font-size:.68rem}.settings-device-cell{gap:.25rem}.settings-data-table-wrap:not(:has(.settings-mobile-card-table)){overflow-x:auto}.billing-page-shell>.page-header,.billing-page-shell .page-header{gap:.55rem}.billing-overview-card,.billing-plans-panel{padding:.95rem}.billing-overview-metrics,.billing-summary-grid,.billing-limits-grid{grid-template-columns:1fr}.pricing-plans-gridMain{grid-template-columns:minmax(0,1fr)}.pricing-plans-cardTopInner{min-height:auto;padding:1rem .85rem}.pricing-plans-cardBody{padding:.85rem}.pricing-plans-cardList{gap:.55rem}.pricing-plans-cardListItem{grid-template-columns:1.25rem minmax(0,1fr) 1.4rem;column-gap:.55rem;font-size:.86rem}.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn{border-radius:.9rem;min-height:3rem;font-size:.76rem}.qr-action-modal,.payment-confirmation-modal{padding-inline:0}.qr-download-settings-head{text-align:center;grid-template-columns:1fr}.qr-download-settings-head .settings-section-icon{justify-self:center}}.qr-hoppla-inline-field-stack{gap:.6rem;display:grid}.qr-hoppla-inline-field-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.qr-hoppla-inline-field-head>div{gap:.1rem;display:grid}.qr-hoppla-inline-field-head span{color:var(--hoppla-text-soft);font-size:.78rem;font-weight:700}.qr-hoppla-inline-field-head strong{color:var(--hoppla-text);font-size:.92rem;font-weight:800}.qr-hoppla-logo-source-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem;display:grid}.qr-hoppla-logo-source-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1rem;font-weight:700;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s;display:inline-flex}.qr-hoppla-logo-source-button.is-active{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));color:var(--color-brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand) 12%, transparent)}.qr-hoppla-logo-folder-browser,.qr-hoppla-logo-import-stack{gap:.875rem;margin-top:1rem;display:grid}.qr-hoppla-logo-asset-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;display:grid}.qr-hoppla-logo-asset-card{text-align:left;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:1rem;gap:.4rem;padding:.9rem;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s;display:grid}.qr-hoppla-logo-asset-card:hover,.qr-hoppla-logo-asset-card.is-active{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand) 12%, transparent);transform:translateY(-1px)}.qr-hoppla-logo-asset-card strong{font-size:.95rem;line-height:1.25rem}.qr-hoppla-logo-asset-card small{color:var(--color-text-muted)}.qr-hoppla-logo-asset-icon{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));width:2rem;height:2rem;color:var(--color-brand);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.qr-hoppla-logo-empty,.qr-hoppla-logo-note,.qr-hoppla-checkbox-line{border:1px solid var(--color-brand);background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));color:var(--color-text-muted);border-radius:.875rem;padding:.9rem 1rem}.qr-hoppla-logo-empty strong{color:var(--color-text);margin-bottom:.25rem;display:block}.qr-hoppla-checkbox-line{align-items:center;gap:.625rem;display:flex}.qr-hoppla-checkbox-line input{width:1rem;height:1rem}@media (width<=720px){.qr-hoppla-logo-source-switch{grid-template-columns:1fr}}.modal-body{gap:.9rem;min-width:0;display:grid}.topbar-shell{z-index:5;border:1px solid color-mix(in srgb, var(--color-brand) 10%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 96%, transparent), color-mix(in srgb, var(--color-brand) 92%, transparent)), radial-gradient(circle at top right, color-mix(in srgb, var(--color-brand) 8%, transparent), transparent 36%);box-shadow:0 16px 34px color-mix(in srgb, var(--color-brand) 8%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:1.35rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:1rem 1.1rem;display:grid;position:relative}.topbar-search{min-width:0;position:relative}.topbar-search-icon{width:1rem;height:1rem;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:.95rem;transform:translateY(-50%)}.topbar-search-input{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 92%, transparent);width:100%;min-height:3rem;color:var(--color-text);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--color-shadow) 70%, transparent);border-radius:999px;padding:.75rem 1rem .75rem 2.7rem}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;min-width:0;display:flex}.topbar-icon-button,.topbar-profile{border:1px solid color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 92%, transparent);min-height:2.85rem;color:var(--color-text);box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand) 6%, transparent);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;display:inline-flex}.topbar-icon-button{width:2.85rem;min-width:2.85rem;padding:0}.topbar-profile{cursor:pointer;padding:.3rem .9rem .3rem .35rem}.topbar-avatar{background:color-mix(in srgb, var(--color-brand) 12%, transparent);width:2.15rem;height:2.15rem;color:var(--color-brand);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:.84rem;font-weight:900;display:inline-flex}.topbar-avatar-personal{background:color-mix(in srgb, var(--color-warning) 14%, transparent);color:var(--color-warning)}.topbar-avatar-organization{background:color-mix(in srgb, var(--color-brand) 14%, transparent);color:var(--color-brand)}.topbar-profile-label{color:var(--color-text);font-size:.82rem;font-weight:800;line-height:1.2}.topbar-divider{background:color-mix(in srgb, var(--color-brand) 50%, transparent);width:1px;height:1.8rem}.field-grid,.field-row,label,.auth-field,.settings-field{min-width:0}label span,.auth-field label{line-height:1.35}.field-help,.field-error-text,.auth-field small{line-height:1.45}@media (width<=1023px){.topbar-shell{grid-template-columns:1fr;align-items:stretch;padding:.9rem}.topbar-actions{justify-content:flex-start}.topbar-account-menu,.topbar-onboarding-bubble,.language-picker-menu{width:min(100%,22rem);max-width:calc(100vw - 2rem)}}@media (width<=767px){.modal-backdrop{background:color-mix(in srgb, var(--color-shadow) 46%, transparent);place-items:end center;padding:0}.modal-panel{width:100%;max-width:100%;max-height:92dvh;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));overscroll-behavior:contain;box-shadow:0 -14px 40px color-mix(in srgb, var(--color-shadow) 20%, transparent);border-radius:1.3rem 1.3rem 0 0;margin:0;overflow-y:auto}.modal-head{z-index:2;background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-surface) 90%, transparent));padding:.1rem 0 .8rem;position:sticky;top:-1rem}.modal-head h3{font-size:1rem;line-height:1.2}.modal-floating-close{top:max(.75rem, env(safe-area-inset-top));right:.85rem}.modal-body>.row.gap-sm.top-space{bottom:calc(-1rem - env(safe-area-inset-bottom));z-index:2;margin:0 -1rem calc(-1rem - env(safe-area-inset-bottom));padding:.85rem 1rem calc(.85rem + env(safe-area-inset-bottom));background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 72%, transparent), color-mix(in srgb, var(--color-surface) 98%, transparent));-webkit-backdrop-filter:blur(10px);position:sticky}.modal-body>.row.gap-sm.top-space .btn{width:100%}.field-row,.field-grid,.settings-field-grid{grid-template-columns:1fr}.row{align-items:stretch}.row .btn{width:100%}.btn,.input,.select,.auth-input.input,.topbar-search-input{min-height:3rem}.sidebar-mobile-trigger{top:max(.8rem, env(safe-area-inset-top));left:max(.8rem, env(safe-area-inset-left));z-index:110}.sidebar-mobile-backdrop{z-index:104}.sidebar{height:100dvh;padding:max(.9rem, env(safe-area-inset-top)) .9rem calc(.9rem + env(safe-area-inset-bottom));overscroll-behavior:contain;z-index:105;top:0;bottom:0;overflow-y:auto}.sidebar-header-row{z-index:2;background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 98%, transparent), color-mix(in srgb, var(--color-surface) 88%, transparent));padding-bottom:.45rem;position:sticky;top:0}.sidebar-collapse-button{display:none}.nav-link,.sidebar-primary-button,.sidebar-secondary-button,.sidebar-logout,.app-sidebar-utility-link{min-height:2.95rem}.topbar-shell{border-radius:1.1rem;padding:.8rem}.topbar-search{order:2}.topbar-actions{order:1;justify-content:space-between;gap:.5rem}.topbar-divider{display:none}.topbar-profile{justify-content:flex-start;width:100%}.topbar-account{width:100%}.topbar-account-menu,.topbar-onboarding-bubble{width:100%;max-width:none;left:0;right:auto}.language-picker{min-width:0}.language-picker-button{justify-content:space-between;width:100%}.language-picker-menu{width:min(100%,18rem);left:0;right:auto}.auth-modal-shell{padding:.85rem}.auth-modal-frame{border-radius:1.2rem;width:100%;height:calc(100dvh - 1.7rem);max-height:calc(100dvh - 1.7rem)}.auth-modal-close{top:.8rem;right:.8rem}.auth-screen-panel{-webkit-overflow-scrolling:touch;height:100%;min-height:0;max-height:100%;overflow-y:auto}}.public-header-hoppla{transition:transform .22s,opacity .18s;transform:translateY(0);padding-top:max(14px, env(safe-area-inset-top))!important;padding-inline:clamp(16px,2.5vw,36px)!important}.public-header-hoppla.public-header-hidden{transform:translateY(calc(-100% - 18px))}.public-header-hoppla.public-header-menu-open{transform:translateY(0)}.public-header-hoppla .public-header-bar{grid-template-columns:auto minmax(0,1fr) auto;gap:18px;width:min(1320px,100%)!important;min-height:auto!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;align-items:start!important;padding:0!important;display:grid!important}.public-header-hoppla .brand-public{align-self:start;padding-top:9px}.public-header-hoppla .brand-logo{object-fit:contain;max-width:min(230px,28vw)!important;height:36px!important}.public-header-hoppla .public-nav{grid-template-rows:auto auto;gap:10px;width:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:grid!important;position:static!important}.public-header-hoppla .public-nav-links{border-bottom:1px solid var(--hoppla-rail-line);justify-content:center;gap:clamp(.7rem,2vw,1.55rem);width:100%;min-height:42px;padding:10px 0 11px}.public-header-hoppla .public-nav-links a,.public-header-hoppla .public-login-link{font-family:var(--hoppla-font-sans);letter-spacing:.12em!important;font-size:11px!important;font-weight:950!important}.public-header-hoppla .public-header-actions{justify-content:center;gap:10px}.public-header-hoppla .theme-toggle-button,.public-header-hoppla .language-picker-button,.public-header-hoppla .public-login-link,.public-header-hoppla .nav-cta,.public-header-hoppla .public-early-access-header-button{min-width:132px;font-family:var(--hoppla-font-sans);text-transform:uppercase;letter-spacing:.12em!important;border-radius:999px!important;min-height:40px!important;font-size:11px!important;font-weight:950!important}.public-header-hoppla .public-theme-pill-label{display:inline-flex}.public-header-hoppla .language-picker-code{min-width:auto;height:auto;color:inherit;border:0}.public-header-hoppla .nav-cta{background:var(--color-brand)!important;color:var(--color-on-accent)!important}.public-header-hoppla .public-early-access-header-button{grid-template-columns:1.1rem auto 1.1rem;color:var(--color-plan-pro)!important;display:inline-grid!important}@media (width<=980px){.public-header-hoppla{padding-top:max(10px, env(safe-area-inset-top))!important;padding-inline:var(--page-gutter,16px)!important}.public-header-hoppla .public-header-bar{justify-content:space-between;align-items:center!important;min-height:58px!important;display:flex!important}.public-header-hoppla .brand-public{padding-top:0}.public-header-hoppla .brand-logo{max-width:min(210px,100vw - 104px)!important;height:34px!important}.public-header-hoppla .public-nav-toggle{z-index:140;border-radius:12px;justify-content:center;align-items:center;width:48px;height:40px;position:relative;display:inline-flex!important}.public-header-hoppla .public-nav{z-index:120;opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:stretch;transition:transform .22s,opacity .18s,visibility .18s;overflow-y:auto;transform:translate(100%);width:100%!important;max-width:none!important;padding:max(20px, env(safe-area-inset-top)) 20px 24px!important;background:color-mix(in srgb, var(--color-surface) 98%, transparent)!important;border-radius:0!important;display:flex!important;position:fixed!important;inset:0!important}.public-header-hoppla .public-nav-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}:root[data-theme=dark] .public-header-hoppla .public-nav,:root.dark .public-header-hoppla .public-nav,html.dark .public-header-hoppla .public-nav{background:#020617fa!important}.public-header-hoppla .public-nav-links{border-top:1px solid color-mix(in srgb, var(--color-brand) 92%, transparent);border-bottom:0;flex-direction:column;align-items:stretch;gap:0;margin-top:58px;padding:0}.public-header-hoppla .public-nav-links a{border-bottom:1px solid color-mix(in srgb, var(--color-brand) 92%, transparent);text-transform:none;justify-content:space-between;min-height:54px;letter-spacing:0!important;font-size:1rem!important}.public-header-hoppla .public-header-actions{grid-template-columns:1fr;align-items:stretch;gap:10px;width:100%;margin-top:auto;padding-top:24px;display:grid}.public-header-hoppla .theme-toggle-button,.public-header-hoppla .language-picker-button,.public-header-hoppla .public-login-link,.public-header-hoppla .nav-cta,.public-header-hoppla .public-early-access-header-button{width:100%;min-width:0;min-height:46px!important}.public-header-hoppla .nav-cta{order:1}.public-header-hoppla .public-login-link{order:2}.public-header-hoppla .public-early-access-header-button{order:3}.public-header-hoppla .theme-toggle-button{order:4}.public-header-hoppla .language-picker{order:5;width:100%}}.public-header-hoppla{z-index:80;pointer-events:none;width:100%;top:0;left:0;right:0;padding:max(10px, env(safe-area-inset-top)) clamp(18px, 3vw, 44px) 0!important;position:fixed!important}.public-header-hoppla .public-header-bar{pointer-events:auto;flex-direction:column;gap:0;transition:background .18s,box-shadow .18s,border-color .18s,padding .18s;width:min(1320px,100%)!important;min-height:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important;border-radius:0!important;align-items:stretch!important;margin:0 auto!important;padding:0!important;display:flex!important}.public-header-hoppla.public-header-scrolled .public-header-bar,.public-header-hoppla.public-header-menu-open .public-header-bar{border:1px solid color-mix(in srgb, var(--color-text-muted) 16%, transparent)!important;background:color-mix(in srgb, var(--color-shadow) 72%, transparent)!important;box-shadow:0 18px 45px color-mix(in srgb, var(--color-shadow) 18%, transparent)!important;-webkit-backdrop-filter:blur(18px)saturate(140%)!important;border-radius:22px!important;padding:0 18px 12px!important}:root[data-theme=light] .public-header-hoppla.public-header-scrolled .public-header-bar,:root[data-theme=light] .public-header-hoppla.public-header-menu-open .public-header-bar,:root:not([data-theme=dark]) .public-header-hoppla.public-header-scrolled .public-header-bar,:root:not([data-theme=dark]) .public-header-hoppla.public-header-menu-open .public-header-bar{border-color:color-mix(in srgb, var(--color-brand) 10%, transparent)!important;background:color-mix(in srgb, var(--color-surface) 86%, transparent)!important;box-shadow:0 18px 45px color-mix(in srgb, var(--color-brand) 10%, transparent)!important}.public-header-hoppla .public-header-top-row{justify-content:space-between;align-items:center;gap:18px;min-height:58px;display:flex}.public-header-hoppla .brand-public{flex:none;align-items:center;min-width:0;display:inline-flex;padding:0!important}.public-header-hoppla .brand-logo{object-fit:contain;width:auto;display:block;max-width:min(310px,34vw)!important;height:50px!important}.public-header-hoppla .public-header-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:10px;display:flex;margin:0!important;padding:0!important}.public-header-hoppla .public-header-actions-mobile{display:none}.public-header-hoppla .public-nav{z-index:auto;width:100%!important;max-width:none!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:0 0!important;border:0!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;transform:none!important}.public-header-hoppla .public-nav-links{border-top:0;border-bottom:1px solid color-mix(in srgb, var(--color-brand) 26%, transparent);justify-content:space-between;align-items:center;gap:clamp(1rem,3.5vw,4.5rem);width:100%;min-height:44px;padding:12px 0 14px;display:flex}:root[data-theme=light] .public-header-hoppla .public-nav-links,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-links{border-bottom-color:color-mix(in srgb, var(--color-brand) 14%, transparent)}.public-header-hoppla .public-nav-links a{min-height:26px;color:color-mix(in srgb, var(--color-brand) 78%, transparent);font-family:var(--hoppla-font-sans);text-transform:uppercase;border-radius:0;flex:0 auto;justify-content:center;align-items:center;padding:0;line-height:1;transition:color .18s,opacity .18s;display:inline-flex;letter-spacing:.14em!important;background:0 0!important;border:0!important;font-size:12px!important;font-weight:950!important}.public-header-hoppla .public-nav-links a:hover{color:var(--color-text)}:root[data-theme=light] .public-header-hoppla .public-nav-links a,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-links a{color:color-mix(in srgb, var(--color-brand) 68%, transparent)}:root[data-theme=light] .public-header-hoppla .public-nav-links a:hover,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-links a:hover{color:var(--color-brand)}.public-header-hoppla .language-picker,.public-header-hoppla .language-picker-menu{font-family:var(--hoppla-font-sans)}.public-header-hoppla .language-picker-button,.public-header-hoppla .nav-cta,.public-header-hoppla .public-login-link{min-width:132px;height:40px;font-family:var(--hoppla-font-sans);text-transform:uppercase;justify-content:center;align-items:center;gap:8px;display:inline-flex;border:1px solid color-mix(in srgb, var(--color-brand) 16%, transparent)!important;background:color-mix(in srgb, var(--color-brand) 42%, transparent)!important;min-height:40px!important;color:color-mix(in srgb, var(--color-brand) 90%, transparent)!important;box-shadow:none!important;letter-spacing:.14em!important;border-radius:999px!important;padding:0 18px!important;font-size:11px!important;font-weight:950!important;line-height:1!important;text-decoration:none!important}:root[data-theme=light] .public-header-hoppla .language-picker-button,:root[data-theme=light] .public-header-hoppla .public-login-link,:root:not([data-theme=dark]) .public-header-hoppla .language-picker-button,:root:not([data-theme=dark]) .public-header-hoppla .public-login-link{border-color:color-mix(in srgb, var(--color-brand) 12%, transparent)!important;background:color-mix(in srgb, var(--color-surface) 74%, transparent)!important;color:color-mix(in srgb, var(--color-brand) 78%, transparent)!important}.public-header-hoppla .language-picker-button span:not(.language-picker-code),.public-header-hoppla .language-picker-button svg{display:none!important}.public-header-hoppla .language-picker-code{width:auto;min-width:0;height:auto;color:inherit;font:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}.public-header-hoppla .nav-cta{border-color:color-mix(in srgb, var(--color-brand) 34%, transparent)!important;background:var(--color-brand)!important;color:var(--color-on-accent)!important}.public-header-hoppla .public-login-link:hover,.public-header-hoppla .language-picker-button:hover,.public-header-hoppla .nav-cta:hover{transform:translateY(-1px)}.public-header-hoppla .public-nav-toggle{display:none!important}@media (width<=980px){.public-header-hoppla{padding:max(10px, env(safe-area-inset-top)) var(--page-gutter,16px) 0!important}.public-header-hoppla.public-header-scrolled .public-header-bar,.public-header-hoppla.public-header-menu-open .public-header-bar{border-radius:18px!important;padding:0 12px!important}.public-header-hoppla .public-header-top-row{min-height:58px}.public-header-hoppla .brand-logo{max-width:min(260px,100vw - 112px)!important;height:46px!important}.public-header-hoppla .public-header-actions-desktop{display:none!important}.public-header-hoppla .public-header-actions-mobile{grid-template-columns:1fr;align-items:stretch;gap:10px;width:100%;margin-top:auto!important;padding:24px 0 0!important;display:grid!important}.public-header-hoppla .public-nav-toggle{z-index:140;border:1px solid color-mix(in srgb, var(--color-brand) 16%, transparent);background:color-mix(in srgb, var(--color-brand) 38%, transparent);width:46px;height:40px;color:var(--color-on-accent);border-radius:14px;justify-content:center;align-items:center;position:relative;display:inline-flex!important}:root[data-theme=light] .public-header-hoppla .public-nav-toggle,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-toggle{border-color:color-mix(in srgb, var(--color-brand) 12%, transparent);background:color-mix(in srgb, var(--color-surface) 78%, transparent);color:var(--color-brand)}.public-header-hoppla .public-nav{z-index:120;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100dvh;transition:transform .22s,opacity .18s,visibility .18s;overflow-y:auto;width:100%!important;padding:max(82px, calc(env(safe-area-inset-top) + 82px)) 22px 26px!important;background:color-mix(in srgb, var(--color-brand) 98.5%, transparent)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;margin:0!important;display:flex!important;position:fixed!important;inset:0!important;transform:translate(100%)!important}:root[data-theme=light] .public-header-hoppla .public-nav,:root:not([data-theme=dark]) .public-header-hoppla .public-nav{background:color-mix(in srgb, var(--color-surface) 98.5%, transparent)!important}.public-header-hoppla .public-nav-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0)!important}.public-header-hoppla .public-nav-links{border-top:1px solid color-mix(in srgb, var(--color-brand) 14%, transparent);border-bottom:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;min-height:0;padding:0;display:flex}:root[data-theme=light] .public-header-hoppla .public-nav-links,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-links{border-top-color:color-mix(in srgb, var(--color-brand) 12%, transparent)}.public-header-hoppla .public-nav-links a{min-height:56px;color:color-mix(in srgb, var(--color-brand) 92%, transparent);text-transform:none;justify-content:flex-start;border-bottom:1px solid color-mix(in srgb, var(--color-brand) 14%, transparent)!important;letter-spacing:0!important;padding:0!important;font-size:1rem!important}:root[data-theme=light] .public-header-hoppla .public-nav-links a,:root:not([data-theme=dark]) .public-header-hoppla .public-nav-links a{color:color-mix(in srgb, var(--color-brand) 86%, transparent);border-bottom-color:color-mix(in srgb, var(--color-brand) 12%, transparent)!important}.public-header-hoppla .language-picker,.public-header-hoppla .language-picker-button,.public-header-hoppla .nav-cta,.public-header-hoppla .public-login-link{width:100%}.public-header-hoppla .language-picker-button,.public-header-hoppla .nav-cta,.public-header-hoppla .public-login-link{min-width:0;height:46px;min-height:46px!important}}:root[data-theme=dark] .settings-page-shell .settings-hero h1,:root.dark .settings-page-shell .settings-hero h1,html.dark .settings-page-shell .settings-hero h1,:root[data-theme=dark] .settings-page-shell .settings-overview-hero h2,:root.dark .settings-page-shell .settings-overview-hero h2,html.dark .settings-page-shell .settings-overview-hero h2,:root[data-theme=dark] .settings-page-shell .settings-plan-hero h2,:root.dark .settings-page-shell .settings-plan-hero h2,html.dark .settings-page-shell .settings-plan-hero h2,:root[data-theme=dark] .settings-page-shell .settings-section-head h2,:root.dark .settings-page-shell .settings-section-head h2,html.dark .settings-page-shell .settings-section-head h2{color:var(--color-on-accent)!important}:root[data-theme=dark] .settings-page-shell .settings-hero p,:root.dark .settings-page-shell .settings-hero p,html.dark .settings-page-shell .settings-hero p,:root[data-theme=dark] .settings-page-shell .settings-overview-hero p,:root.dark .settings-page-shell .settings-overview-hero p,html.dark .settings-page-shell .settings-overview-hero p,:root[data-theme=dark] .settings-page-shell .settings-plan-hero p,:root.dark .settings-page-shell .settings-plan-hero p,html.dark .settings-page-shell .settings-plan-hero p,:root[data-theme=dark] .settings-page-shell .settings-section-head p,:root.dark .settings-page-shell .settings-section-head p,html.dark .settings-page-shell .settings-section-head p{color:color-mix(in srgb, var(--color-brand) 84%, transparent)!important}:root[data-theme=dark] .settings-page-shell,:root.dark .settings-page-shell,html.dark .settings-page-shell{--settings-hoppla-white:#0f172a;--settings-hoppla-bg:#08111f;--settings-hoppla-surface:#0f172ae0;--settings-hoppla-soft:#0ea5e91f;--settings-hoppla-text:#f8fafc;--settings-hoppla-text-secondary:#e2e8f0e0;--settings-hoppla-text-muted:#94a3b8eb;--settings-hoppla-border:#94a3b833;--settings-hoppla-border-strong:#94a3b847;color:#f8fafc!important}:root[data-theme=dark] .settings-page-shell .settings-summary-card,:root[data-theme=dark] .settings-page-shell .settings-card,:root[data-theme=dark] .settings-page-shell .settings-overview-card,:root[data-theme=dark] .settings-page-shell .settings-da-card,:root[data-theme=dark] .settings-page-shell .settings-account-hero-card,:root[data-theme=dark] .settings-page-shell .settings-account-side-card,:root[data-theme=dark] .settings-page-shell .settings-plan-card,:root[data-theme=dark] .settings-page-shell .settings-plan-card-glass,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-card,:root[data-theme=dark] .settings-page-shell .settings-plan-features-card,:root[data-theme=dark] .settings-page-shell .settings-account-meta-grid>div,:root[data-theme=dark] .settings-page-shell .settings-data-table-wrap,:root[data-theme=dark] .settings-page-shell .settings-invoices-table-wrap,:root[data-theme=dark] .settings-page-shell .settings-sessions-table-wrap,:root[data-theme=dark] .settings-page-shell .settings-privacy-table-wrap,:root[data-theme=dark] .settings-page-shell .settings-mobile-card-table,:root[data-theme=dark] .settings-page-shell .settings-mfa-setup img,:root[data-theme=dark] .settings-page-shell .settings-recovery-list code,:root[data-theme=dark] .settings-page-shell .settings-invoices-empty,:root[data-theme=dark] .settings-page-shell .settings-early-access-card,:root[data-theme=dark] .settings-page-shell .settings-hoppla-id-card,:root[data-theme=dark] .settings-page-shell .settings-security-card,:root.dark .settings-page-shell .settings-summary-card,:root.dark .settings-page-shell .settings-card,:root.dark .settings-page-shell .settings-overview-card,:root.dark .settings-page-shell .settings-da-card,:root.dark .settings-page-shell .settings-account-hero-card,:root.dark .settings-page-shell .settings-account-side-card,:root.dark .settings-page-shell .settings-plan-card,:root.dark .settings-page-shell .settings-plan-card-glass,:root.dark .settings-page-shell .settings-plan-stat-card,:root.dark .settings-page-shell .settings-plan-features-card,:root.dark .settings-page-shell .settings-account-meta-grid>div,:root.dark .settings-page-shell .settings-data-table-wrap,:root.dark .settings-page-shell .settings-invoices-table-wrap,:root.dark .settings-page-shell .settings-sessions-table-wrap,:root.dark .settings-page-shell .settings-privacy-table-wrap,:root.dark .settings-page-shell .settings-mobile-card-table,:root.dark .settings-page-shell .settings-mfa-setup img,:root.dark .settings-page-shell .settings-recovery-list code,:root.dark .settings-page-shell .settings-invoices-empty,:root.dark .settings-page-shell .settings-early-access-card,:root.dark .settings-page-shell .settings-hoppla-id-card,:root.dark .settings-page-shell .settings-security-card,html.dark .settings-page-shell .settings-summary-card,html.dark .settings-page-shell .settings-card,html.dark .settings-page-shell .settings-overview-card,html.dark .settings-page-shell .settings-da-card,html.dark .settings-page-shell .settings-account-hero-card,html.dark .settings-page-shell .settings-account-side-card,html.dark .settings-page-shell .settings-plan-card,html.dark .settings-page-shell .settings-plan-card-glass,html.dark .settings-page-shell .settings-plan-stat-card,html.dark .settings-page-shell .settings-plan-features-card,html.dark .settings-page-shell .settings-account-meta-grid>div,html.dark .settings-page-shell .settings-data-table-wrap,html.dark .settings-page-shell .settings-invoices-table-wrap,html.dark .settings-page-shell .settings-sessions-table-wrap,html.dark .settings-page-shell .settings-privacy-table-wrap,html.dark .settings-page-shell .settings-mobile-card-table,html.dark .settings-page-shell .settings-mfa-setup img,html.dark .settings-page-shell .settings-recovery-list code,html.dark .settings-page-shell .settings-invoices-empty,html.dark .settings-page-shell .settings-early-access-card,html.dark .settings-page-shell .settings-hoppla-id-card,html.dark .settings-page-shell .settings-security-card{background:linear-gradient(#131f34f5,#0b1323f5)!important;border-color:#94a3b833!important;box-shadow:0 24px 54px #02061757!important}:root[data-theme=dark] .settings-page-shell .settings-overview-card,:root[data-theme=dark] .settings-page-shell .settings-da-card,:root[data-theme=dark] .settings-page-shell .settings-account-hero-card,:root[data-theme=dark] .settings-page-shell .settings-account-side-card,:root.dark .settings-page-shell .settings-overview-card,:root.dark .settings-page-shell .settings-da-card,:root.dark .settings-page-shell .settings-account-hero-card,:root.dark .settings-page-shell .settings-account-side-card,html.dark .settings-page-shell .settings-overview-card,html.dark .settings-page-shell .settings-da-card,html.dark .settings-page-shell .settings-account-hero-card,html.dark .settings-page-shell .settings-account-side-card{box-shadow:0 24px 54px #02061757!important}:root[data-theme=dark] .settings-page-shell .settings-subnav-link,:root.dark .settings-page-shell .settings-subnav-link,html.dark .settings-page-shell .settings-subnav-link{color:#e2e8f0e0!important;background:#0f172ab8!important;border-color:#94a3b82e!important;box-shadow:0 14px 28px #0206172e!important}:root[data-theme=dark] .settings-page-shell .settings-subnav-link:hover,:root.dark .settings-page-shell .settings-subnav-link:hover,html.dark .settings-page-shell .settings-subnav-link:hover{color:#f8fafc!important;background:#1e293beb!important}:root[data-theme=dark] .settings-page-shell .settings-subnav-link-active,:root.dark .settings-page-shell .settings-subnav-link-active,html.dark .settings-page-shell .settings-subnav-link-active{background:color-mix(in srgb, var(--color-product-qr-accent) 16%, transparent)!important;border-color:color-mix(in srgb, var(--color-product-qr-accent) 28%, transparent)!important;color:var(--color-on-accent)!important}:root[data-theme=dark] .settings-page-shell .settings-account-row-label,:root[data-theme=dark] .settings-page-shell .settings-password-label,:root[data-theme=dark] .settings-page-shell .settings-field span:first-child,:root[data-theme=dark] .settings-page-shell .settings-account-card-head h3,:root[data-theme=dark] .settings-page-shell .settings-overview-card-head h3,:root[data-theme=dark] .settings-page-shell .settings-da-head h3,:root[data-theme=dark] .settings-page-shell .settings-plan-title-row h3,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-head h3,:root[data-theme=dark] .settings-page-shell .settings-plan-features-head h3,:root[data-theme=dark] .settings-page-shell .settings-account-meta-grid strong,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-card strong,:root[data-theme=dark] .settings-page-shell .settings-plan-feature-row strong,:root.dark .settings-page-shell .settings-account-row-label,:root.dark .settings-page-shell .settings-password-label,:root.dark .settings-page-shell .settings-field span:first-child,:root.dark .settings-page-shell .settings-account-card-head h3,:root.dark .settings-page-shell .settings-overview-card-head h3,:root.dark .settings-page-shell .settings-da-head h3,:root.dark .settings-page-shell .settings-plan-title-row h3,:root.dark .settings-page-shell .settings-plan-hoppla-head h3,:root.dark .settings-page-shell .settings-plan-features-head h3,:root.dark .settings-page-shell .settings-account-meta-grid strong,:root.dark .settings-page-shell .settings-plan-stat-card strong,:root.dark .settings-page-shell .settings-plan-feature-row strong,html.dark .settings-page-shell .settings-account-row-label,html.dark .settings-page-shell .settings-password-label,html.dark .settings-page-shell .settings-field span:first-child,html.dark .settings-page-shell .settings-account-card-head h3,html.dark .settings-page-shell .settings-overview-card-head h3,html.dark .settings-page-shell .settings-da-head h3,html.dark .settings-page-shell .settings-plan-title-row h3,html.dark .settings-page-shell .settings-plan-hoppla-head h3,html.dark .settings-page-shell .settings-plan-features-head h3,html.dark .settings-page-shell .settings-account-meta-grid strong,html.dark .settings-page-shell .settings-plan-stat-card strong,html.dark .settings-page-shell .settings-plan-feature-row strong{color:var(--color-on-accent)!important}:root[data-theme=dark] .settings-page-shell .settings-card p,:root[data-theme=dark] .settings-page-shell .settings-account-role-row span,:root[data-theme=dark] .settings-page-shell .settings-account-status-copy span,:root[data-theme=dark] .settings-page-shell .settings-account-pref-copy span,:root[data-theme=dark] .settings-page-shell .settings-account-pref-copy small,:root[data-theme=dark] .settings-page-shell .settings-security-row small,:root[data-theme=dark] .settings-page-shell .settings-security-row strong,:root[data-theme=dark] .settings-page-shell .settings-plan-billing span,:root[data-theme=dark] .settings-page-shell .settings-plan-billing small,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-card p,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-card small,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-head small,:root[data-theme=dark] .settings-page-shell .settings-plan-card-main p,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-copy,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-helper,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-identity small,:root[data-theme=dark] .settings-page-shell .settings-plan-feature-row small,:root[data-theme=dark] .settings-page-shell .settings-note,:root[data-theme=dark] .settings-page-shell .settings-muted-copy,:root[data-theme=dark] .settings-page-shell .settings-field-hint,:root[data-theme=dark] .settings-page-shell .settings-password-hint,:root[data-theme=dark] .settings-page-shell .settings-invoices-empty span,:root[data-theme=dark] .settings-page-shell .settings-table-muted,:root[data-theme=dark] .settings-page-shell .settings-table-empty,:root.dark .settings-page-shell .settings-card p,:root.dark .settings-page-shell .settings-account-role-row span,:root.dark .settings-page-shell .settings-account-status-copy span,:root.dark .settings-page-shell .settings-account-pref-copy span,:root.dark .settings-page-shell .settings-account-pref-copy small,:root.dark .settings-page-shell .settings-security-row small,:root.dark .settings-page-shell .settings-security-row strong,:root.dark .settings-page-shell .settings-plan-billing span,:root.dark .settings-page-shell .settings-plan-billing small,:root.dark .settings-page-shell .settings-plan-stat-card p,:root.dark .settings-page-shell .settings-plan-stat-card small,:root.dark .settings-page-shell .settings-plan-stat-head small,:root.dark .settings-page-shell .settings-plan-card-main p,:root.dark .settings-page-shell .settings-plan-hoppla-copy,:root.dark .settings-page-shell .settings-plan-hoppla-helper,:root.dark .settings-page-shell .settings-plan-hoppla-identity small,:root.dark .settings-page-shell .settings-plan-feature-row small,:root.dark .settings-page-shell .settings-note,:root.dark .settings-page-shell .settings-muted-copy,:root.dark .settings-page-shell .settings-field-hint,:root.dark .settings-page-shell .settings-password-hint,:root.dark .settings-page-shell .settings-invoices-empty span,:root.dark .settings-page-shell .settings-table-muted,:root.dark .settings-page-shell .settings-table-empty,html.dark .settings-page-shell .settings-card p,html.dark .settings-page-shell .settings-account-role-row span,html.dark .settings-page-shell .settings-account-status-copy span,html.dark .settings-page-shell .settings-account-pref-copy span,html.dark .settings-page-shell .settings-account-pref-copy small,html.dark .settings-page-shell .settings-security-row small,html.dark .settings-page-shell .settings-security-row strong,html.dark .settings-page-shell .settings-plan-billing span,html.dark .settings-page-shell .settings-plan-billing small,html.dark .settings-page-shell .settings-plan-stat-card p,html.dark .settings-page-shell .settings-plan-stat-card small,html.dark .settings-page-shell .settings-plan-stat-head small,html.dark .settings-page-shell .settings-plan-card-main p,html.dark .settings-page-shell .settings-plan-hoppla-copy,html.dark .settings-page-shell .settings-plan-hoppla-helper,html.dark .settings-page-shell .settings-plan-hoppla-identity small,html.dark .settings-page-shell .settings-plan-feature-row small,html.dark .settings-page-shell .settings-note,html.dark .settings-page-shell .settings-muted-copy,html.dark .settings-page-shell .settings-field-hint,html.dark .settings-page-shell .settings-password-hint,html.dark .settings-page-shell .settings-invoices-empty span,html.dark .settings-page-shell .settings-table-muted,html.dark .settings-page-shell .settings-table-empty{color:#e2e8f0d1!important}:root[data-theme=dark] .settings-page-shell .settings-account-email-row,:root[data-theme=dark] .settings-page-shell .settings-account-status-row,:root[data-theme=dark] .settings-page-shell .settings-plan-live-pill,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-identity,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-state,:root[data-theme=dark] .settings-page-shell .settings-account-role-stamp,:root[data-theme=dark] .settings-page-shell .settings-account-pref-icon-neutral,:root[data-theme=dark] .settings-page-shell .settings-account-pref-icon-tertiary,:root[data-theme=dark] .settings-page-shell .settings-account-status-icon,:root[data-theme=dark] .settings-page-shell .settings-toggle-switch,:root[data-theme=dark] .settings-page-shell .settings-plan-mini-progress,:root[data-theme=dark] .settings-page-shell .settings-plan-progress,:root.dark .settings-page-shell .settings-account-email-row,:root.dark .settings-page-shell .settings-account-status-row,:root.dark .settings-page-shell .settings-plan-live-pill,:root.dark .settings-page-shell .settings-plan-hoppla-identity,:root.dark .settings-page-shell .settings-plan-hoppla-state,:root.dark .settings-page-shell .settings-account-role-stamp,:root.dark .settings-page-shell .settings-account-pref-icon-neutral,:root.dark .settings-page-shell .settings-account-pref-icon-tertiary,:root.dark .settings-page-shell .settings-account-status-icon,:root.dark .settings-page-shell .settings-toggle-switch,:root.dark .settings-page-shell .settings-plan-mini-progress,:root.dark .settings-page-shell .settings-plan-progress,html.dark .settings-page-shell .settings-account-email-row,html.dark .settings-page-shell .settings-account-status-row,html.dark .settings-page-shell .settings-plan-live-pill,html.dark .settings-page-shell .settings-plan-hoppla-identity,html.dark .settings-page-shell .settings-plan-hoppla-state,html.dark .settings-page-shell .settings-account-role-stamp,html.dark .settings-page-shell .settings-account-pref-icon-neutral,html.dark .settings-page-shell .settings-account-pref-icon-tertiary,html.dark .settings-page-shell .settings-account-status-icon,html.dark .settings-page-shell .settings-toggle-switch,html.dark .settings-page-shell .settings-plan-mini-progress,html.dark .settings-page-shell .settings-plan-progress{color:#f8fafc!important;box-shadow:none!important;background:#0f172abd!important;border-color:#94a3b82e!important}:root[data-theme=dark] .settings-page-shell .settings-account-char-counter,:root[data-theme=dark] .settings-page-shell .settings-plan-live-pill strong,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-state,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-identity strong,:root[data-theme=dark] .settings-page-shell .settings-overview-card strong,:root[data-theme=dark] .settings-page-shell .settings-account-email-row span,:root[data-theme=dark] .settings-page-shell .settings-overview-card-head .material-symbols-outlined,:root[data-theme=dark] .settings-page-shell .settings-da-head .material-symbols-outlined,:root[data-theme=dark] .settings-page-shell .settings-plan-stat-head .material-symbols-outlined,:root[data-theme=dark] .settings-page-shell .settings-plan-feature-row .material-symbols-outlined,:root[data-theme=dark] .settings-page-shell .settings-plan-hoppla-head .material-symbols-outlined,:root[data-theme=dark] .settings-page-shell .settings-account-pref-icon,:root[data-theme=dark] .settings-page-shell .settings-account-status-badge,:root.dark .settings-page-shell .settings-account-char-counter,:root.dark .settings-page-shell .settings-plan-live-pill strong,:root.dark .settings-page-shell .settings-plan-hoppla-state,:root.dark .settings-page-shell .settings-plan-hoppla-identity strong,:root.dark .settings-page-shell .settings-overview-card strong,:root.dark .settings-page-shell .settings-account-email-row span,:root.dark .settings-page-shell .settings-overview-card-head .material-symbols-outlined,:root.dark .settings-page-shell .settings-da-head .material-symbols-outlined,:root.dark .settings-page-shell .settings-plan-stat-head .material-symbols-outlined,:root.dark .settings-page-shell .settings-plan-feature-row .material-symbols-outlined,:root.dark .settings-page-shell .settings-plan-hoppla-head .material-symbols-outlined,:root.dark .settings-page-shell .settings-account-pref-icon,:root.dark .settings-page-shell .settings-account-status-badge,html.dark .settings-page-shell .settings-account-char-counter,html.dark .settings-page-shell .settings-plan-live-pill strong,html.dark .settings-page-shell .settings-plan-hoppla-state,html.dark .settings-page-shell .settings-plan-hoppla-identity strong,html.dark .settings-page-shell .settings-overview-card strong,html.dark .settings-page-shell .settings-account-email-row span,html.dark .settings-page-shell .settings-overview-card-head .material-symbols-outlined,html.dark .settings-page-shell .settings-da-head .material-symbols-outlined,html.dark .settings-page-shell .settings-plan-stat-head .material-symbols-outlined,html.dark .settings-page-shell .settings-plan-feature-row .material-symbols-outlined,html.dark .settings-page-shell .settings-plan-hoppla-head .material-symbols-outlined,html.dark .settings-page-shell .settings-account-pref-icon,html.dark .settings-page-shell .settings-account-status-badge{color:var(--color-on-accent)!important}:root[data-theme=dark] .settings-page-shell .settings-account-char-counter,:root.dark .settings-page-shell .settings-account-char-counter,html.dark .settings-page-shell .settings-account-char-counter{background:#1e293bd6!important;border-color:#94a3b838!important}:root[data-theme=dark] .settings-page-shell .settings-security-stack,:root[data-theme=dark] .settings-page-shell .settings-security-row,:root[data-theme=dark] .settings-page-shell .settings-account-role-row,:root[data-theme=dark] .settings-page-shell .settings-account-pref-row,:root[data-theme=dark] .settings-page-shell .settings-plan-features-head,:root.dark .settings-page-shell .settings-security-stack,:root.dark .settings-page-shell .settings-security-row,:root.dark .settings-page-shell .settings-account-role-row,:root.dark .settings-page-shell .settings-account-pref-row,:root.dark .settings-page-shell .settings-plan-features-head,html.dark .settings-page-shell .settings-security-stack,html.dark .settings-page-shell .settings-security-row,html.dark .settings-page-shell .settings-account-role-row,html.dark .settings-page-shell .settings-account-pref-row,html.dark .settings-page-shell .settings-plan-features-head{border-color:#94a3b82e!important}:root[data-theme=dark] .settings-page-shell .settings-data-table thead th,:root.dark .settings-page-shell .settings-data-table thead th,html.dark .settings-page-shell .settings-data-table thead th{color:#f8fafc!important;background:#1e293beb!important}:root[data-theme=dark] .settings-page-shell .settings-data-table th,:root[data-theme=dark] .settings-page-shell .settings-data-table td,:root.dark .settings-page-shell .settings-data-table th,:root.dark .settings-page-shell .settings-data-table td,html.dark .settings-page-shell .settings-data-table th,html.dark .settings-page-shell .settings-data-table td{color:#e2e8f0e6!important;border-bottom-color:#94a3b833!important}:root[data-theme=dark] .settings-page-shell .settings-data-table tbody tr:hover,:root.dark .settings-page-shell .settings-data-table tbody tr:hover,html.dark .settings-page-shell .settings-data-table tbody tr:hover{background:#1e293bb8!important}:root[data-theme=dark] .settings-page-shell .settings-invoice-status,:root[data-theme=dark] .settings-page-shell .settings-table-status,:root.dark .settings-page-shell .settings-invoice-status,:root.dark .settings-page-shell .settings-table-status,html.dark .settings-page-shell .settings-invoice-status,html.dark .settings-page-shell .settings-table-status{border-color:color-mix(in srgb, var(--color-brand) 20%, transparent)!important;background:color-mix(in srgb, var(--color-brand) 78%, transparent)!important;color:var(--color-on-accent)!important}:root[data-theme=dark] .settings-page-shell .settings-invoice-status-paid,:root.dark .settings-page-shell .settings-invoice-status-paid,html.dark .settings-page-shell .settings-invoice-status-paid{background:color-mix(in srgb, var(--color-success) 18%, transparent)!important;color:var(--color-success)!important}:root[data-theme=dark] .settings-page-shell .settings-invoice-status-draft,:root.dark .settings-page-shell .settings-invoice-status-draft,html.dark .settings-page-shell .settings-invoice-status-draft{background:color-mix(in srgb, var(--color-warning) 18%, transparent)!important;color:var(--color-warning)!important}:root[data-theme=dark] .settings-page-shell .settings-invoice-status-uncollectible,:root.dark .settings-page-shell .settings-invoice-status-uncollectible,html.dark .settings-page-shell .settings-invoice-status-uncollectible{background:color-mix(in srgb, var(--color-danger) 18%, transparent)!important;color:var(--color-danger)!important}:root[data-theme=dark] .settings-page-shell .settings-session-badge,:root.dark .settings-page-shell .settings-session-badge,html.dark .settings-page-shell .settings-session-badge{border-color:color-mix(in srgb, var(--color-product-qr-accent) 28%, transparent)!important;background:color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent)!important;color:var(--color-product-qr-accent)!important}:root[data-theme=dark] .settings-page-shell .settings-danger-card,:root.dark .settings-page-shell .settings-danger-card,html.dark .settings-page-shell .settings-danger-card{background:radial-gradient(circle at top right, color-mix(in srgb, var(--color-danger) 14%, transparent), transparent 34%), linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 96%, transparent), color-mix(in srgb, var(--color-danger) 96%, transparent))!important}.dashboard-mobile-content{display:none}.dashboard-qr-desktop-content{display:contents}@media (width<=980px){.sidebar-mobile-trigger-app{top:max(.7rem, env(safe-area-inset-top));right:max(.7rem, env(safe-area-inset-right));border-color:var(--dashboard-outline-variant);background:var(--dashboard-surface-card);width:2.65rem;height:2.65rem;color:var(--dashboard-primary);box-shadow:none;left:auto}.dashboard-qr-desktop-content{display:none}.dashboard-mobile-content{min-width:0;padding:.2rem 0 calc(6.75rem + env(safe-area-inset-bottom));gap:1.5rem;display:grid}.dashboard-mobile-welcome{gap:.3rem;padding-top:.4rem;display:grid}.dashboard-mobile-welcome h1,.dashboard-mobile-section-heading h2{color:var(--dashboard-on-surface);font-family:var(--hoppla-font-title);letter-spacing:-.025em;margin:0;font-weight:800}.dashboard-mobile-welcome h1{font-size:1.55rem;line-height:1.15}.dashboard-mobile-welcome p{color:var(--dashboard-on-surface-variant);margin:0;font-size:.92rem;line-height:1.5}.dashboard-mobile-metrics{scroll-snap-type:x proximity;scrollbar-width:none;gap:.75rem;margin-inline:-1rem;padding:0 1rem .2rem;display:flex;overflow-x:auto}.dashboard-mobile-metrics::-webkit-scrollbar{display:none}.dashboard-mobile-metric-card{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-card);min-height:7.25rem;color:var(--dashboard-on-surface);box-shadow:0 8px 18px color-mix(in srgb, var(--color-brand) 5%, transparent);scroll-snap-align:start;text-align:left;border-radius:1rem;flex:0 0 9.9rem;align-content:space-between;gap:.75rem;padding:1rem;display:grid}.dashboard-mobile-metric-card>span{color:var(--dashboard-on-surface-variant);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:800;line-height:1.2}.dashboard-mobile-metric-card strong{color:var(--dashboard-primary);font-family:var(--hoppla-font-title);letter-spacing:-.045em;font-size:1.72rem;line-height:1}.dashboard-mobile-metric-card-primary{border-color:var(--dashboard-primary);background:var(--dashboard-primary);color:var(--dashboard-on-primary);cursor:pointer}.dashboard-mobile-metric-card-primary>span,.dashboard-mobile-metric-card-primary strong{color:var(--dashboard-on-primary)}.dashboard-mobile-metric-card-primary small{color:color-mix(in srgb, var(--dashboard-on-primary) 76%, transparent);text-underline-offset:.2em;font-size:.72rem;font-weight:750;text-decoration:underline}.dashboard-mobile-activity{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-card);box-shadow:0 8px 18px color-mix(in srgb, var(--color-brand) 5%, transparent);border-radius:1.15rem;gap:1rem;padding:1.15rem;display:grid}.dashboard-mobile-section-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.dashboard-mobile-section-heading h2{font-size:1.08rem;line-height:1.2}.dashboard-mobile-section-heading>span,.dashboard-mobile-section-heading>button{color:var(--dashboard-primary);font-family:var(--hoppla-font-body);cursor:pointer;background:0 0;border:0;padding:0;font-size:.78rem;font-weight:800}.dashboard-mobile-donut-wrap{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-low);border-radius:.95rem;justify-items:center;gap:.9rem;padding:1rem;display:grid}.dashboard-mobile-donut{place-items:center;width:10.5rem;height:10.5rem;display:grid;position:relative}.dashboard-mobile-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.dashboard-mobile-donut-track,.dashboard-mobile-donut-segment{fill:none;stroke-width:3.25px}.dashboard-mobile-donut-track{stroke:var(--dashboard-surface-high)}.dashboard-mobile-donut-segment{stroke-linecap:round;transition:stroke-dasharray .5s,stroke-dashoffset .5s}.dashboard-mobile-donut-segment-qr{stroke:var(--dashboard-primary)}.dashboard-mobile-donut-segment-links{stroke:var(--tone-sky)}.dashboard-mobile-donut>div{color:var(--dashboard-on-surface);justify-items:center;gap:.15rem;display:grid;position:absolute}.dashboard-mobile-donut>div strong{font-family:var(--hoppla-font-title);letter-spacing:-.05em;font-size:1.65rem;line-height:1}.dashboard-mobile-donut>div span{color:var(--dashboard-on-surface-variant);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:800}.dashboard-mobile-donut-legend{flex-wrap:wrap;justify-content:center;gap:.55rem .9rem;display:flex}.dashboard-mobile-donut-legend span{color:var(--dashboard-on-surface-variant);align-items:center;gap:.35rem;font-size:.72rem;font-weight:650;display:inline-flex}.dashboard-mobile-dot{border-radius:999px;width:.55rem;height:.55rem}.dashboard-mobile-dot-qr{background:var(--dashboard-primary)}.dashboard-mobile-dot-links{background:var(--tone-sky)}.dashboard-mobile-activity-empty{border:1px dashed var(--dashboard-outline-variant);background:var(--dashboard-surface-low);color:var(--dashboard-on-surface-variant);text-align:center;border-radius:.95rem;justify-items:center;gap:.5rem;padding:1.75rem 1rem;display:grid}.dashboard-mobile-activity-empty .material-symbols-outlined{color:color-mix(in srgb, var(--dashboard-on-surface-variant) 58%, transparent);font-size:2rem}.dashboard-mobile-activity-empty p{max-width:19rem;margin:0;font-size:.84rem;line-height:1.5}.dashboard-mobile-recent{gap:.75rem;display:grid}.dashboard-mobile-link-list,.dashboard-mobile-qr-list{gap:.55rem;display:grid}.dashboard-mobile-link-row,.dashboard-mobile-qr-row{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-card);width:100%;min-width:0;color:var(--dashboard-on-surface);box-shadow:0 6px 14px color-mix(in srgb, var(--color-brand) 4%, transparent);text-align:left;border-radius:1rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.dashboard-mobile-link-row{cursor:pointer}.dashboard-mobile-link-icon{background:var(--dashboard-surface-container);width:2.7rem;height:2.7rem;color:var(--dashboard-primary);border-radius:.75rem;flex:none;place-items:center;display:grid}.dashboard-mobile-link-icon-image{color:var(--color-warning);background:color-mix(in srgb, var(--tone-amber) 16%, transparent)}.dashboard-mobile-link-icon-pdf{color:var(--tone-rose-dark);background:color-mix(in srgb, var(--tone-rose-dark) 13%, transparent)}.dashboard-mobile-row-copy{flex:auto;gap:.18rem;min-width:0;display:grid}.dashboard-mobile-row-copy strong{color:var(--dashboard-on-surface);font-family:var(--hoppla-font-title);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;line-height:1.25;overflow:hidden}.dashboard-mobile-row-copy small{color:var(--dashboard-on-surface-variant);font-size:.74rem;line-height:1.3}.dashboard-mobile-status{background:color-mix(in srgb, var(--tone-emerald) 14%, transparent);color:var(--color-success);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;flex:none;padding:.28rem .42rem;font-size:.58rem;font-weight:850;line-height:1}.dashboard-mobile-status-paused{background:var(--dashboard-surface-variant);color:var(--dashboard-on-surface-variant)}.dashboard-mobile-qr-row{align-items:stretch}.dashboard-mobile-qr-preview{border:1px solid var(--dashboard-outline-variant);background:var(--dashboard-surface-low);cursor:pointer;border-radius:.8rem;flex:none;place-items:center;width:4.65rem;min-height:4.65rem;padding:.35rem;display:grid;overflow:hidden}.dashboard-mobile-qr-preview .qr-row-icon-preview{border:0;border-radius:.55rem;width:100%;height:100%}.dashboard-mobile-empty-row{border:1px dashed var(--dashboard-outline-variant);min-height:3.2rem;color:var(--dashboard-primary);font-family:var(--hoppla-font-title);text-align:center;cursor:pointer;background:0 0;border-radius:.95rem;padding:.8rem 1rem;font-size:.82rem;font-weight:800}.dashboard-mobile-bottom-nav{z-index:95;min-height:calc(4.75rem + env(safe-area-inset-bottom));padding:.45rem .4rem calc(.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--dashboard-outline-variant);background:color-mix(in srgb, var(--dashboard-surface-card) 94%, transparent);box-shadow:0 -8px 24px color-mix(in srgb, var(--color-brand) 8%, transparent);-webkit-backdrop-filter:blur(18px);border-radius:1rem 1rem 0 0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0}.dashboard-mobile-nav-item{min-width:0;min-height:3.25rem;color:var(--dashboard-on-surface-variant);font-family:var(--hoppla-font-body);cursor:pointer;background:0 0;border:0;border-radius:.85rem;place-items:center;gap:.16rem;padding:.25rem;font-size:.58rem;font-weight:750;line-height:1.1;display:grid}.dashboard-mobile-nav-item>span:first-child{font-size:1.35rem}.dashboard-mobile-nav-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.dashboard-mobile-nav-item-active{background:var(--dashboard-secondary-container);color:var(--dashboard-on-secondary-container)}.dashboard-mobile-fab{right:1.2rem;bottom:calc(5.4rem + env(safe-area-inset-bottom));z-index:96;border:1px solid var(--dashboard-primary);background:var(--dashboard-primary);width:3.35rem;height:3.35rem;color:var(--dashboard-on-primary);box-shadow:0 14px 26px color-mix(in srgb, var(--dashboard-primary) 30%, transparent);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:fixed}.dashboard-mobile-fab .material-symbols-outlined{font-size:1.75rem}}.app-mobile-chrome,.settings-mobile-team-content{display:none}@media (width<=980px){.app-main:has(.settings-page-shell-team-active){width:min(calc(100% - 2rem), var(--content-max))}.settings-page-shell-team-active{gap:0}.settings-page-shell>.settings-hero,.settings-page-shell>.settings-subnav{display:none}.settings-page-shell-team-active>.settings-section{gap:0}.settings-team-desktop-content{display:none}.settings-mobile-team-content{gap:2rem;min-width:0;display:grid}.settings-mobile-team-header{gap:.28rem;display:grid}.settings-mobile-team-header h2,.settings-mobile-team-list-section>h3,.settings-mobile-team-seats h3{color:var(--hoppla-text);font-family:var(--hoppla-font-title);margin:0}.settings-mobile-team-header h2{letter-spacing:-.035em;font-size:clamp(1.55rem,7vw,2rem);font-weight:800;line-height:1.1}.settings-mobile-team-header p{max-width:42rem;color:var(--hoppla-text-soft);margin:0;font-size:.9rem;line-height:1.5}.settings-mobile-team-seats,.settings-mobile-team-list{border:1px solid color-mix(in srgb, var(--hoppla-border) 62%, transparent);background:color-mix(in srgb, var(--hoppla-surface-strong) 80%, transparent);box-shadow:0 4px 6px -1px color-mix(in srgb, var(--ink) 5%, transparent), 0 2px 4px -2px color-mix(in srgb, var(--ink) 5%, transparent);-webkit-backdrop-filter:blur(14px);border-radius:.75rem}.settings-mobile-team-seats{gap:1rem;padding:1.5rem;display:grid}.settings-mobile-team-seats-head,.settings-mobile-team-seat-value{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.settings-mobile-team-seats h3{font-family:var(--hoppla-font-body);font-size:.875rem;font-weight:600}.settings-mobile-team-seats-head>span,.settings-mobile-team-role{letter-spacing:.025em;white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;min-height:1.5rem;padding:.14rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.settings-mobile-team-seats-head>span{background:color-mix(in srgb, var(--brand) 12%, var(--hoppla-surface));color:var(--brand)}.settings-mobile-team-seat-value{justify-content:flex-start;align-items:flex-end}.settings-mobile-team-seat-value strong{color:var(--brand);font-family:var(--hoppla-font-title);letter-spacing:-.02em;font-size:3rem;font-weight:700;line-height:1}.settings-mobile-team-seat-value span{color:var(--hoppla-text-soft);padding-bottom:.23rem;font-size:1rem}.settings-mobile-team-seat-track{background:color-mix(in srgb, var(--brand) 13%, var(--hoppla-surface-low));border-radius:999px;width:100%;height:.5rem;overflow:hidden}.settings-mobile-team-seat-track span{border-radius:inherit;background:var(--brand);height:100%;transition:width .24s;display:block}.settings-mobile-team-list-section{gap:.75rem;display:grid}.settings-mobile-team-list-section>h3{color:var(--hoppla-text-soft);font-family:var(--hoppla-font-body);letter-spacing:.05em;text-transform:uppercase;padding-left:0;font-size:.75rem;font-weight:600}.settings-mobile-team-list{overflow:hidden}.settings-mobile-team-member,.settings-mobile-team-invitation{border-bottom:1px solid color-mix(in srgb, var(--hoppla-border) 42%, transparent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:4.5rem;padding:1rem;display:grid}.settings-mobile-team-member:last-child,.settings-mobile-team-invitation:last-child{border-bottom:0}.settings-mobile-team-avatar,.settings-mobile-team-invitation-icon{border:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--brand) 10%, var(--hoppla-surface-low));width:2.5rem;height:2.5rem;color:var(--brand);border-radius:999px;place-items:center;font-size:.84rem;font-weight:700;display:grid}.settings-mobile-team-avatar{overflow:hidden}.settings-mobile-team-avatar img{object-fit:cover;width:100%;height:100%;display:block}.settings-mobile-team-invitation-icon{color:var(--hoppla-text-soft);border-style:dashed}.settings-mobile-team-invitation-icon .material-symbols-outlined{font-size:1.1rem}.settings-mobile-team-member-copy{gap:.1rem;min-width:0;display:grid}.settings-mobile-team-member-copy strong,.settings-mobile-team-member-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-mobile-team-member-copy strong{color:var(--hoppla-text);font-size:1rem;font-weight:500}.settings-mobile-team-member-copy span{color:var(--hoppla-text-soft);font-size:.875rem}.settings-mobile-team-member-actions{align-items:center;gap:.5rem;display:flex}.settings-mobile-team-member-actions>button{width:2.25rem;height:2.25rem;color:var(--hoppla-text-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.settings-mobile-team-member-actions>button:active{transform:scale(.92)}.settings-mobile-team-role-owner{background:color-mix(in srgb, var(--tone-sky) 16%, var(--hoppla-surface));color:var(--tone-sky-deep,var(--color-product-qr-accent))}.settings-mobile-team-role-admin{background:color-mix(in srgb, var(--brand) 13%, var(--hoppla-surface));color:var(--brand)}.settings-mobile-team-role-editor,.settings-mobile-team-role-viewer{background:color-mix(in srgb, var(--ink) 7%, var(--hoppla-surface));color:var(--hoppla-text-soft)}.settings-mobile-team-invitation{align-items:start}.settings-mobile-team-invitation-actions{flex-direction:row;align-items:end;gap:.5rem;display:flex}.settings-mobile-team-invitation-actions button{color:var(--brand);font-family:var(--hoppla-font-body);cursor:pointer;background:0 0;border:0;padding:.18rem 0;font-size:.75rem;font-weight:600}.settings-mobile-team-invitation-actions button:last-child{color:var(--danger)}.settings-mobile-team-empty{color:var(--hoppla-text-soft);text-align:center;padding:1.25rem;font-size:.82rem;line-height:1.45}.settings-mobile-team-empty-standalone{border:1px dashed color-mix(in srgb, var(--hoppla-border) 65%, transparent);background:var(--hoppla-surface);border-radius:.75rem}.settings-mobile-team-invite-button,.settings-mobile-team-invite-submit{justify-content:center;align-items:center;gap:.45rem;width:100%;min-height:3.25rem;display:inline-flex}.settings-mobile-team-invite-button .material-symbols-outlined,.settings-mobile-team-invite-submit .material-symbols-outlined{font-size:1.1rem}.modal-panel:has(.settings-mobile-team-invite-modal){border-radius:.75rem;width:min(100% - 1.2rem,28rem)}.settings-mobile-team-invite-modal{gap:1.25rem;display:grid}.settings-mobile-team-invite-icon{background:color-mix(in srgb, var(--brand) 13%, var(--hoppla-surface-low));width:3rem;height:3rem;color:var(--brand);border-radius:1rem;place-items:center;display:grid}.settings-mobile-team-invite-icon .material-symbols-outlined{font-size:1.55rem}.settings-mobile-team-invite-copy{gap:.28rem;display:grid}.settings-mobile-team-invite-copy h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.025em;margin:0;font-size:1.35rem}.settings-mobile-team-invite-copy p{color:var(--hoppla-text-soft);margin:0;font-size:.86rem;line-height:1.45}.settings-mobile-team-field{gap:.38rem;display:grid}.settings-mobile-team-field>span{color:var(--hoppla-text);font-size:.78rem;font-weight:800}.app-main{padding-top:calc(4.75rem + env(safe-area-inset-top));padding-bottom:calc(6.9rem + env(safe-area-inset-bottom))}.app-mobile-chrome{display:contents}.app-mobile-topbar{z-index:100;min-height:calc(4rem + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(.9rem, env(safe-area-inset-right)) 0 max(.9rem, env(safe-area-inset-left));border-bottom:1px solid var(--hoppla-border);background:var(--hoppla-bg);color:var(--hoppla-text);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.app-mobile-topbar-title{align-items:center;gap:.55rem;min-width:0;min-height:4rem;display:inline-flex}.app-mobile-brand-link,.app-mobile-back-button,.app-mobile-menu-button{color:var(--hoppla-text);background:0 0;border:0;place-items:center;display:grid}.app-mobile-brand-link{justify-content:start;width:2.65rem;height:2.65rem}.app-mobile-settings-header-trigger{min-height:2.65rem;color:var(--brand);font-family:var(--hoppla-font-title);letter-spacing:-.025em;cursor:pointer;background:0 0;border:0;border-radius:.65rem;align-items:center;gap:.35rem;padding:.35rem .45rem;font-size:1.22rem;font-weight:800;display:inline-flex}.app-mobile-settings-header-trigger .icon-sm{transition:transform .18s}.app-mobile-settings-header-trigger-open .icon-sm{transform:rotate(180deg)}.app-mobile-brand-link img{object-fit:contain;object-position:center;width:2.25rem;height:2.25rem;max-height:none;display:block}.app-mobile-back-button,.app-mobile-menu-button{border:1px solid var(--hoppla-border);background:var(--hoppla-bg);width:2.65rem;height:2.65rem;color:var(--brand);cursor:pointer;border-radius:999px;transition:background .16s,color .16s,transform .16s}.app-mobile-back-button:active,.app-mobile-menu-button:active,.app-mobile-nav-create:active{transform:scale(.93)}.app-mobile-menu-button{flex:none}.app-mobile-avatar{border:1px solid var(--hoppla-border);background:color-mix(in srgb, var(--brand) 13%, var(--hoppla-surface-strong));width:2rem;height:2rem;color:var(--brand);border-radius:999px;place-items:center;font-size:.78rem;font-weight:850;display:grid}.app-mobile-avatar-organization{background:color-mix(in srgb, var(--tone-indigo) 16%, var(--hoppla-surface-strong));color:var(--tone-indigo)}.app-mobile-menu-backdrop{z-index:104;background:color-mix(in srgb, var(--ink) 42%, transparent);-webkit-backdrop-filter:blur(2px);cursor:pointer;border:0;position:fixed;inset:0}.app-mobile-settings-header-backdrop{z-index:101;background:color-mix(in srgb, var(--ink) 16%, transparent);cursor:pointer;border:0;position:fixed;inset:0}.app-mobile-settings-header-menu{z-index:102;top:calc(4rem + env(safe-area-inset-top) + .35rem);right:max(.9rem, env(safe-area-inset-right));left:max(.9rem, env(safe-area-inset-left));border:1px solid var(--hoppla-border);background:var(--hoppla-bg);box-shadow:0 18px 38px color-mix(in srgb, var(--ink) 18%, transparent);border-radius:.85rem;gap:.16rem;padding:.4rem;animation:.18s both app-mobile-settings-menu-in;display:grid;position:fixed}.app-mobile-settings-header-menu button{min-height:2.6rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.58rem;padding:.55rem .65rem;font-size:.84rem;font-weight:740}.app-mobile-settings-header-menu button:hover,.app-mobile-settings-header-menu button:focus-visible{background:color-mix(in srgb, var(--brand) 10%, var(--hoppla-surface));color:var(--brand)}@keyframes app-mobile-settings-menu-in{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}.app-mobile-menu-panel{z-index:105;width:min(22rem,100vw - .7rem);padding:calc(1rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(1.2rem + env(safe-area-inset-bottom)) 1rem;border-left:1px solid var(--hoppla-border);background:var(--hoppla-bg);box-shadow:-18px 0 42px color-mix(in srgb, var(--ink) 18%, transparent);color:var(--hoppla-text);opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;gap:1rem;transition:opacity .22s,transform .26s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%)}.app-mobile-menu-panel-open{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)}.app-mobile-menu-head{align-items:center;gap:.75rem;min-height:3.25rem;padding:.2rem 3rem .2rem 0;display:flex;position:relative}.app-mobile-menu-head>div{gap:.08rem;min-width:0;display:grid}.app-mobile-menu-head strong,.app-mobile-menu-head span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-mobile-menu-close{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);width:2.5rem;height:2.5rem;color:var(--brand);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;top:.2rem;right:0}.app-mobile-menu-head strong{font-family:var(--hoppla-font-title);font-size:.98rem}.app-mobile-menu-head span:last-child{color:var(--hoppla-text-soft);font-size:.76rem}.app-mobile-menu-section{gap:.45rem;display:grid}.app-mobile-menu-section>span{color:var(--hoppla-text-soft);font-family:var(--hoppla-font-body);letter-spacing:.085em;text-transform:uppercase;padding:0 .35rem;font-size:.66rem;font-weight:850}.app-mobile-menu-account,.app-mobile-menu-actions button,.app-mobile-menu-primary-actions>button{width:100%;min-height:3.1rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.82rem;align-items:center;gap:.62rem;padding:.65rem .72rem;font-size:.86rem;font-weight:760;display:flex}.app-mobile-menu-account{gap:.08rem;display:grid}.app-mobile-menu-primary-actions{gap:.2rem;padding-top:.15rem;display:grid}.app-mobile-menu-settings-trigger{grid-template-columns:1rem minmax(0,1fr) 1rem;display:grid!important}.app-mobile-menu-settings-chevron{justify-self:end;transition:transform .18s}.app-mobile-menu-settings-trigger-open .app-mobile-menu-settings-chevron{transform:rotate(180deg)}.app-mobile-settings-sections{border:1px solid var(--hoppla-border);background:var(--hoppla-bg);border-radius:.72rem;gap:.1rem;margin:.1rem 0 .25rem 1.5rem;padding:.32rem;display:grid}.app-mobile-settings-sections button{min-height:2.4rem;color:var(--hoppla-text-soft);font-family:var(--hoppla-font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.52rem;padding:.45rem .55rem;font-size:.78rem;font-weight:720}.app-mobile-settings-sections button:hover,.app-mobile-settings-sections button:focus-visible{background:color-mix(in srgb, var(--brand) 9%, var(--hoppla-surface));color:var(--brand)}.app-mobile-menu-account small{color:var(--hoppla-text-soft);font-size:.72rem;font-weight:600}.app-mobile-menu-account-active{border-color:color-mix(in srgb, var(--brand) 34%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 11%, var(--hoppla-surface));color:var(--brand)}.app-mobile-menu-actions{border-top:1px solid var(--hoppla-border);margin-top:auto;padding-top:.8rem}.app-mobile-menu-actions button:hover,.app-mobile-menu-actions button:focus-visible,.app-mobile-menu-primary-actions>button:hover,.app-mobile-menu-primary-actions>button:focus-visible,.app-mobile-menu-account:hover,.app-mobile-menu-account:focus-visible{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface))}.app-mobile-menu-actions .icon-sm{color:var(--brand);flex:none}.app-mobile-menu-actions .app-mobile-menu-logout{color:var(--danger,var(--color-danger));margin-top:.35rem}.app-mobile-menu-actions .app-mobile-menu-logout .icon-sm{color:currentColor}.app-mobile-bottom-nav{z-index:95;min-height:calc(4.75rem + env(safe-area-inset-bottom));padding:.45rem .4rem calc(.5rem + env(safe-area-inset-bottom));border-top:1px solid var(--hoppla-border);background:var(--hoppla-bg);box-shadow:0 -8px 24px color-mix(in srgb, var(--color-brand) 8%, transparent);border-radius:1rem 1rem 0 0;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0}.app-mobile-nav-item{min-width:0;min-height:3.25rem;color:var(--hoppla-text-soft);font-family:var(--hoppla-font-body);cursor:pointer;background:0 0;border:0;border-radius:.85rem;place-items:center;gap:.16rem;padding:.25rem;font-size:.58rem;font-weight:750;line-height:1.1;display:grid}.app-mobile-nav-item>span:first-child{font-size:1.35rem}.app-mobile-nav-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.app-mobile-nav-item-active{background:color-mix(in srgb, var(--tone-sky) 18%, transparent);color:var(--tone-sky-deep,var(--color-product-qr-accent))}.app-mobile-nav-create{border:4px solid var(--hoppla-surface-strong);background:var(--brand);width:3.45rem;height:3.45rem;color:var(--color-on-accent);box-shadow:0 12px 26px color-mix(in srgb, var(--brand) 32%, transparent);cursor:pointer;border-radius:999px;align-self:start;place-items:center;margin:-1.55rem auto 0;transition:transform .16s,box-shadow .16s;display:grid}}.app-sidebar-account-option-frozen,.app-mobile-menu-account-frozen{opacity:.5;filter:grayscale(.55)}.app-sidebar-account-option-frozen:hover,.app-mobile-menu-account-frozen:hover{opacity:.72;background:color-mix(in srgb, var(--danger,var(--color-danger)) 7%, var(--hoppla-surface))}.modal-panel:has(.organization-frozen-notice){border:1px solid color-mix(in srgb, var(--brand) 16%, var(--hoppla-border));background:var(--hoppla-surface-strong);width:min(94vw,34rem);box-shadow:0 28px 80px color-mix(in srgb, var(--color-brand) 22%, transparent);border-radius:1.5rem;overflow:hidden}.organization-frozen-notice{gap:1rem;padding:.2rem;display:grid}.organization-frozen-hero{background:color-mix(in srgb, var(--brand) 7%, var(--hoppla-surface));border-radius:1.15rem;align-items:center;gap:1rem;padding:1rem;display:flex}.organization-frozen-icon{background:var(--brand);width:3.6rem;height:3.6rem;color:var(--color-on-accent);box-shadow:0 12px 24px color-mix(in srgb, var(--brand) 28%, transparent);border-radius:1rem;flex:0 0 3.6rem;place-items:center;display:grid}.organization-frozen-icon .material-symbols-outlined{font-size:1.8rem}.organization-frozen-hero h2{color:var(--hoppla-text);margin:0;font-size:1.45rem}.organization-frozen-hero p,.organization-frozen-summary{color:var(--hoppla-text-soft);margin:0;line-height:1.55}.organization-frozen-status{color:var(--brand);letter-spacing:.09em;text-transform:uppercase;font-size:.74rem;font-weight:800}.organization-frozen-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.organization-frozen-facts>div{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);border-radius:1rem;align-items:flex-start;gap:.7rem;padding:.95rem;display:flex}.organization-frozen-facts .material-symbols-outlined{color:var(--brand)}.organization-frozen-facts span:last-child{gap:.2rem;display:grid}.organization-frozen-facts strong{color:var(--hoppla-text);font-size:.9rem}.organization-frozen-facts small{color:var(--hoppla-text-soft);line-height:1.4}.organization-frozen-deadline{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-soft);color:var(--hoppla-text);border-radius:1rem;align-items:center;gap:.8rem;padding:.95rem 1rem;display:flex}.organization-frozen-deadline div{flex:1;gap:.14rem;display:grid}.organization-frozen-deadline small{color:var(--hoppla-text-soft)}.organization-frozen-plan{background:var(--hoppla-surface-strong);color:var(--brand);border-radius:999px;padding:.35rem .55rem;font-size:.72rem;font-weight:800}.organization-frozen-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.organization-frozen-actions .btn{justify-content:center;min-height:3rem}.organization-frozen-actions .material-symbols-outlined{font-size:1.1rem}.organization-frozen-close{color:var(--hoppla-text-soft);cursor:pointer;background:0 0;border:0;grid-column:1/-1;font-weight:700}.organization-frozen-close:hover{color:var(--brand)}@media (width<=620px){.modal-panel:has(.organization-frozen-notice){border-radius:1.25rem;width:calc(100vw - 1rem)}.organization-frozen-facts,.organization-frozen-actions{grid-template-columns:1fr}.organization-frozen-close{grid-column:1}.organization-frozen-hero{align-items:flex-start}}.settings-frozen-organizations{border:1px solid color-mix(in srgb, var(--color-plan-pro) 34%, var(--hoppla-border));background:linear-gradient(135deg, color-mix(in srgb, var(--color-plan-pro) 9%, var(--hoppla-surface)), color-mix(in srgb, var(--brand) 6%, var(--hoppla-surface)));border-radius:1.2rem;gap:1rem;padding:1.15rem;display:grid}.settings-frozen-organizations-head{align-items:flex-start;gap:.8rem;display:flex}.settings-frozen-organizations-head>.material-symbols-outlined{color:var(--color-warning);font-size:1.65rem}.settings-frozen-organizations-head h3,.settings-frozen-organizations-head p{margin:0}.settings-frozen-organizations-head h3{color:var(--hoppla-text)}.settings-frozen-organizations-head p{color:var(--hoppla-text-soft);margin-top:.2rem}.settings-frozen-organizations-list{gap:.55rem;display:grid}.settings-frozen-organization-row{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);border-radius:.9rem;align-items:center;gap:1rem;padding:.8rem .9rem;display:flex}.settings-frozen-organization-row>div{flex:1;gap:.18rem;min-width:0;display:grid}.settings-frozen-organization-row strong{color:var(--hoppla-text)}.settings-frozen-organization-row small{color:var(--hoppla-text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.settings-frozen-organization-row>span{background:color-mix(in srgb, var(--brand) 10%, var(--hoppla-surface));color:var(--brand);border-radius:999px;padding:.3rem .5rem;font-size:.72rem;font-weight:800}.settings-frozen-organizations-actions{flex-wrap:wrap;gap:.65rem;display:flex}.settings-plan-clean-grid{align-items:start}.settings-plan-clean-status{border-bottom:1px solid var(--hoppla-border);justify-content:stretch;align-items:start;gap:1rem;padding:.85rem 0;display:grid}.settings-plan-clean-status strong{color:var(--hoppla-text);font-size:1.5rem}.settings-plan-clean-status>span,.settings-plan-clean-badge{background:var(--hoppla-surface-soft);color:var(--hoppla-text-soft);text-transform:uppercase;border-radius:999px;padding:.34rem .58rem;font-size:.72rem;font-weight:800}.settings-plan-clean-badge.is-active{background:color-mix(in srgb, var(--color-plan-qr-plus) 12%, var(--hoppla-surface));color:var(--color-success)}.settings-plan-clean-usage{margin-top:.35rem}.settings-plan-clean-hoppla{position:relative}.settings-plan-clean-hoppla-head{justify-content:space-between;gap:1rem}.settings-plan-clean-id{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-soft);border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.settings-plan-clean-id span{color:var(--hoppla-text-soft)}.settings-plan-clean-id strong{color:var(--hoppla-text);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (width<=620px){.settings-frozen-organizations-actions{grid-template-columns:1fr;display:grid}.settings-frozen-organization-row{align-items:flex-start}.settings-plan-clean-status strong{font-size:1.25rem}.settings-plan-clean-id{flex-direction:column;align-items:flex-start}}.dashboard-qr-list:has(.qr-gallery-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.dashboard-qr-list:has(.qr-gallery-card-qr){grid-template-columns:minmax(0,1fr)}.dashboard-next-hero{border:0;border-bottom:4px solid var(--hoppla-text);box-shadow:none;background:0 0;border-radius:0;gap:0;padding:0 0 1rem;display:grid}.dashboard-next-hero>div{max-width:47rem}.dashboard-next-hero span,.dashboard-next-card-head>div>span{color:var(--brand);letter-spacing:.11em;text-transform:uppercase;font-size:.72rem;font-weight:800}.dashboard-next-hero h1{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.05em;margin:0;font-size:clamp(2.4rem,5vw,3.35rem);font-weight:950;line-height:1}.dashboard-next-hero p{color:var(--hoppla-text-soft);margin:0;font-size:1.05rem}.dashboard-next-overview{grid-template-columns:minmax(22rem,.9fr) minmax(0,1.1fr);gap:1rem;margin-top:1rem;display:grid}.dashboard-next-activity,.dashboard-next-capacity,.dashboard-next-recent{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);box-shadow:0 12px 34px color-mix(in srgb, var(--color-brand) 5.5%, transparent);border-radius:1.25rem}.dashboard-next-activity,.dashboard-next-capacity{padding:1.25rem}.dashboard-next-card-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dashboard-next-card-head h2{color:var(--hoppla-text);margin:.2rem 0 0;font-size:1.25rem}.dashboard-next-card-head>small{color:var(--hoppla-text-soft)}.dashboard-next-card-head>button{color:var(--brand);cursor:pointer;background:0 0;border:0;font-weight:800}.dashboard-next-donut-wrap{justify-content:center;align-items:center;gap:2rem;padding-top:1rem;display:flex}.dashboard-next-donut{place-items:center;width:10.5rem;height:10.5rem;display:grid;position:relative}.dashboard-next-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.dashboard-next-donut circle{fill:none;stroke-width:3.2px}.dashboard-next-donut .dashboard-mobile-donut-segment{stroke-linecap:round;transition:stroke-dasharray .65s,stroke-dashoffset .65s}.dashboard-next-donut .dashboard-mobile-donut-segment-qr{stroke:var(--brand)}.dashboard-next-donut .dashboard-mobile-donut-segment-links{stroke:var(--tone-indigo)}.dashboard-next-donut>div{place-items:center;display:grid;position:absolute}.dashboard-next-donut>div strong{color:var(--hoppla-text);font-size:2rem;line-height:1}.dashboard-next-donut>div span{color:var(--hoppla-text-soft);text-transform:uppercase;margin-top:.25rem;font-size:.72rem;font-weight:700}.dashboard-next-legend{gap:.8rem;display:grid}.dashboard-next-legend>span{color:var(--hoppla-text-soft);grid-template-columns:auto auto 1fr;align-items:center;gap:.55rem;font-size:.82rem;display:grid}.dashboard-next-legend b{color:var(--hoppla-text);font-size:1rem}.dashboard-next-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.dashboard-next-metrics article{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-width:0;box-shadow:0 12px 30px color-mix(in srgb, var(--color-brand) 4.5%, transparent);border-radius:1.15rem;align-items:center;gap:.9rem;padding:1.15rem;transition:transform .18s,border-color .18s;display:flex}.dashboard-next-metrics article:hover{border-color:color-mix(in srgb, var(--brand) 30%, var(--hoppla-border));transform:translateY(-3px)}.dashboard-next-metrics article>.material-symbols-outlined{background:color-mix(in srgb, var(--brand) 9%, var(--hoppla-surface));width:3rem;height:3rem;color:var(--brand);border-radius:.9rem;flex:0 0 3rem;place-items:center;font-size:1.45rem;display:grid}.dashboard-next-metrics article div{gap:.14rem;display:grid}.dashboard-next-metrics small{color:var(--hoppla-text-soft);font-weight:700}.dashboard-next-metrics strong{color:var(--hoppla-text);font-size:1.8rem;line-height:1}.dashboard-next-capacity{margin-top:1rem}.dashboard-next-capacity-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.15rem;display:grid}.dashboard-next-capacity-grid>div{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-soft);border-radius:.9rem;gap:.7rem;padding:.85rem;display:grid}.dashboard-next-capacity-grid>div>span{align-content:start;gap:.2rem;display:grid}.dashboard-next-capacity-grid small{color:var(--hoppla-text-soft);font-weight:700}.dashboard-next-capacity-grid strong{color:var(--hoppla-text);font-size:1.15rem;line-height:1.1}.dashboard-next-capacity-grid strong em{font-style:normal}.dashboard-next-capacity-grid strong b{color:var(--hoppla-text);font-weight:750}.dashboard-next-capacity-grid i{background:var(--hoppla-surface-soft);border-radius:99px;height:.42rem;display:block;overflow:hidden}.dashboard-next-capacity-grid i b{border-radius:inherit;min-width:.3rem;height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.dashboard-next-capacity-item.is-safe i b{background:linear-gradient(90deg, var(--color-success), var(--color-success))}.dashboard-next-capacity-item.is-warning i b{background:linear-gradient(90deg, var(--color-warning), var(--color-warning))}.dashboard-next-capacity-item.is-danger i b{background:linear-gradient(90deg, var(--color-danger), var(--color-danger))}.dashboard-next-capacity-item.is-safe strong em{color:var(--color-success)}.dashboard-next-capacity-item.is-warning strong em{color:var(--color-warning)}.dashboard-next-capacity-item.is-danger strong em{color:var(--color-danger)}.dashboard-next-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.dashboard-next-recent{min-width:0;padding:1.2rem}.dashboard-next-link-list,.dashboard-next-qr-list{gap:.55rem;margin-top:1rem;display:grid}.dashboard-next-link-list article,.dashboard-next-qr-list article{background:var(--hoppla-surface-soft);border:1px solid #0000;border-radius:.95rem;align-items:center;gap:.75rem;min-width:0;padding:.75rem;transition:border-color .16s,transform .16s;display:flex}.dashboard-next-link-list article:hover,.dashboard-next-qr-list article:hover{border-color:color-mix(in srgb, var(--brand) 22%, var(--hoppla-border));transform:translate(3px)}.dashboard-next-link-list article>.material-symbols-outlined{background:var(--hoppla-surface-strong);width:2.7rem;height:2.7rem;color:var(--brand);border-radius:.8rem;flex:0 0 2.7rem;place-items:center;display:grid}.dashboard-next-resource-copy{flex:1;gap:.16rem;min-width:0;display:grid}.dashboard-next-link-list button,.dashboard-next-qr-list button{color:inherit;cursor:pointer;background:0 0;border:0}.dashboard-next-resource-copy>button:first-child{color:var(--hoppla-text);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:0;font-weight:800;overflow:hidden}.dashboard-next-resource-copy>button:last-child,.dashboard-next-resource-copy>small{color:var(--hoppla-text-soft);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:0;font-size:.76rem;overflow:hidden}.dashboard-next-status,.dashboard-next-resource-copy>span i{text-transform:uppercase;border-radius:999px;padding:.25rem .42rem;font-size:.62rem;font-style:normal;font-weight:800}.dashboard-next-resource-copy>span{gap:.35rem;margin-top:.2rem;display:flex}.dashboard-next-qr-preview{flex:0 0 3.8rem;width:3.8rem;height:3.8rem;overflow:hidden;background:var(--color-surface)!important;border-radius:.75rem!important;padding:.2rem!important}.dashboard-next-qr-preview>*{width:100%;height:100%}.dashboard-next-resource-meta{align-items:center;flex:none!important;gap:.45rem!important;display:flex!important}.dashboard-next-resource-count{min-width:2.65rem;color:var(--hoppla-text);justify-content:center;align-items:center;gap:.24rem;display:inline-flex}.dashboard-next-resource-count>.material-symbols-outlined{color:var(--hoppla-text-soft);font-size:1rem}.dashboard-next-resource-count strong{color:inherit;font-size:.92rem}.dashboard-next-resource-actions{flex:none!important;gap:.28rem!important;display:flex!important}.dashboard-next-resource-actions button{width:2.75rem;height:2.75rem;color:var(--hoppla-text-soft);border-radius:.7rem;place-items:center;transition:color .16s,background .16s,transform .16s;display:grid}.dashboard-next-resource-actions button:hover{transform:translateY(-1px)}.dashboard-next-resource-actions button:first-child:hover{background:color-mix(in srgb, var(--brand) 10%, var(--hoppla-surface));color:var(--brand)}.dashboard-next-resource-actions button:nth-child(2):hover{background:color-mix(in srgb, var(--tone-indigo) 11%, var(--hoppla-surface));color:var(--tone-indigo)}.dashboard-next-resource-actions .dashboard-next-resource-action-analytics:hover{background:color-mix(in srgb, var(--tone-sky) 11%, var(--hoppla-surface));color:var(--tone-sky-deep,var(--brand))}.dashboard-next-resource-actions .dashboard-next-resource-action-analytics[aria-disabled=true]{color:var(--hoppla-text-soft);cursor:not-allowed;opacity:.45}.dashboard-next-resource-actions .dashboard-next-resource-action-analytics[aria-disabled=true]:hover{background:var(--hoppla-surface-soft);color:var(--hoppla-text-soft);transform:none}.dashboard-next-empty{border:1px dashed var(--hoppla-border);background:var(--hoppla-surface-soft);width:100%;min-height:7rem;color:var(--brand);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.55rem;margin-top:1rem;font-weight:800;display:flex}@media (width<=980px){.dashboard-mobile-link-row,.dashboard-mobile-qr-row{flex-wrap:wrap}:is(.dashboard-mobile-link-row,.dashboard-mobile-qr-row)>.dashboard-next-resource-actions{border-top:1px solid var(--dashboard-outline-variant);justify-content:flex-end;width:100%;margin-top:.1rem;padding-top:.55rem}}.resource-detail-page{gap:1rem;width:100%;min-width:0;display:grid}.resource-detail-page.short-link-product-scope{--brand:var(--short-link-accent);--brand-primary:var(--short-link-accent);--dashboard-primary:var(--short-link-accent)}.resource-detail-hero{border:1px solid var(--hoppla-border);background:radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 34%), var(--hoppla-surface-strong);box-shadow:0 18px 55px color-mix(in srgb, var(--color-brand) 6.5%, transparent);border-radius:1.35rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.15rem;padding:1.3rem;display:grid}.resource-detail-glyph,.resource-detail-preview{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-soft);border-radius:1.15rem;flex:0 0 6.5rem;place-items:center;width:6.5rem;height:6.5rem;display:grid;overflow:hidden}.resource-detail-glyph .material-symbols-outlined{color:var(--brand);font-size:2.8rem}.resource-detail-glyph.is-image .material-symbols-outlined{color:var(--color-warning)}.resource-detail-glyph.is-pdf .material-symbols-outlined{color:var(--color-danger)}.resource-detail-preview{background:var(--color-surface);padding:.35rem}.resource-detail-preview>*{border:0!important;border-radius:.8rem!important;width:100%!important;height:100%!important}.resource-detail-identity{gap:.38rem;min-width:0;display:grid}.resource-detail-identity h1{color:var(--hoppla-text);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(1.75rem,3vw,2.65rem);line-height:1.04;overflow:hidden}.resource-detail-identity>button{width:fit-content;max-width:100%;color:var(--tone-brand-light);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;padding:0;font-size:.92rem;font-weight:750;display:inline-flex;overflow:hidden}.resource-detail-identity>button .material-symbols-outlined{flex:none;font-size:1rem}.resource-detail-badges{flex-wrap:wrap;gap:.4rem;display:flex}.resource-detail-badges span{letter-spacing:.035em;text-transform:uppercase;border-radius:999px;padding:.3rem .52rem;font-size:.68rem;font-weight:850}.resource-detail-badges .is-type{background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand)}.resource-detail-badges .is-active{background:color-mix(in srgb, var(--tone-emerald) 13%, transparent);color:var(--tone-emerald)}.resource-detail-badges .is-paused{background:color-mix(in srgb, var(--tone-amber) 14%, transparent);color:var(--tone-amber)}.resource-detail-hero-qr .resource-detail-badges .is-type{background:color-mix(in srgb, var(--tone-brand-light) 11%, transparent);color:var(--tone-brand-light)}.resource-detail-badges .is-neutral{background:var(--hoppla-surface-soft);color:var(--hoppla-text-soft)}.resource-detail-hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.resource-detail-hero-actions button,.resource-detail-panel-head>button{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);min-height:2.7rem;color:var(--hoppla-text);cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;gap:.42rem;padding:0 .85rem;font-weight:780;transition:transform .16s,border-color .16s,color .16s,background .16s;display:inline-flex}.resource-detail-hero-actions button:hover,.resource-detail-panel-head>button:hover{border-color:color-mix(in srgb, var(--brand) 35%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 7%, var(--hoppla-surface));color:var(--brand);transform:translateY(-1px)}.resource-detail-hero-actions .material-symbols-outlined,.resource-detail-panel-head>button .material-symbols-outlined{font-size:1.15rem}.resource-detail-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.resource-detail-metrics article{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-width:0;box-shadow:0 10px 28px color-mix(in srgb, var(--color-brand) 4.5%, transparent);border-radius:1rem;align-items:center;gap:.75rem;padding:.95rem;display:flex}.resource-detail-metrics article>.material-symbols-outlined{background:color-mix(in srgb, var(--brand) 9%, var(--hoppla-surface));width:2.65rem;height:2.65rem;color:var(--brand);border-radius:.8rem;flex:0 0 2.65rem;place-items:center;font-size:1.25rem;display:grid}.resource-detail-metrics article.is-safe>.material-symbols-outlined{background:color-mix(in srgb, var(--color-success) 10%, var(--hoppla-surface));color:var(--color-success)}.resource-detail-metrics article.is-warning>.material-symbols-outlined{background:color-mix(in srgb, var(--color-plan-pro) 12%, var(--hoppla-surface));color:var(--color-warning)}.resource-detail-metrics article div{gap:.16rem;min-width:0;display:grid}.resource-detail-metrics small{color:var(--hoppla-text-soft);font-size:.74rem;font-weight:750}.resource-detail-metrics strong{color:var(--hoppla-text);text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;line-height:1.2;overflow:hidden}.resource-detail-layout{grid-template-columns:minmax(0,1.45fr) minmax(19rem,.55fr);align-items:start;gap:1rem;display:grid}.resource-detail-panel{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);min-width:0;box-shadow:0 12px 34px color-mix(in srgb, var(--color-brand) 5%, transparent);border-radius:1.25rem;padding:1.2rem}.resource-detail-panel-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.resource-detail-panel-head span{color:var(--brand);letter-spacing:.1em;text-transform:uppercase;font-size:.69rem;font-weight:850}.resource-detail-panel-head h2{color:var(--hoppla-text);letter-spacing:-.02em;margin:.25rem 0 0;font-size:1.25rem}.resource-detail-panel-head>button{width:2.55rem;padding:0}.resource-detail-destination{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-soft);min-width:0;min-height:4.2rem;color:var(--hoppla-text);border-radius:.9rem;justify-content:space-between;align-items:center;gap:.8rem;margin-top:1rem;padding:.9rem 1rem;font-weight:750;text-decoration:none;display:flex}.resource-detail-destination>span:first-child{overflow-wrap:anywhere;min-width:0}.resource-detail-destination .material-symbols-outlined{color:var(--brand);flex:none;font-size:1.15rem}.resource-detail-value-stack{gap:.55rem;display:grid}.resource-detail-value-stack>small{color:var(--hoppla-text-soft)}.resource-detail-quick-form{gap:.85rem;margin-top:1rem;display:grid}.resource-detail-quick-form label{color:var(--hoppla-text-soft);gap:.4rem;font-size:.76rem;font-weight:780;display:grid}.resource-detail-quick-form .input,.resource-detail-quick-form select{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);width:100%;min-height:3rem;color:var(--hoppla-text);border-radius:.85rem}.resource-detail-quick-form select{padding:0 .85rem}.resource-detail-form-actions{justify-content:flex-end;gap:.6rem;display:flex}.resource-detail-edit-note{background:var(--hoppla-surface-soft);color:var(--hoppla-text-soft);border-radius:.85rem;align-items:flex-start;gap:.55rem;margin:0;padding:.8rem;font-size:.84rem;line-height:1.5;display:flex}.resource-detail-edit-note .material-symbols-outlined{color:var(--brand);font-size:1.1rem}.resource-detail-action-list{gap:.55rem;margin-top:1rem;display:grid}.resource-detail-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-detail-action-list button{background:var(--hoppla-surface-soft);min-height:3rem;color:var(--hoppla-text);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:.85rem;align-items:center;gap:.65rem;padding:0 .8rem;font-weight:760;transition:transform .16s,border-color .16s,color .16s;display:flex}.resource-detail-action-list button:hover:not(:disabled){border-color:color-mix(in srgb, var(--brand) 25%, var(--hoppla-border));color:var(--brand);transform:translate(2px)}.resource-detail-action-list button:disabled{opacity:.48;cursor:not-allowed}.resource-detail-action-list button .material-symbols-outlined{color:var(--brand);font-size:1.25rem}.resource-detail-disabled-action{border-radius:.85rem;outline:none;min-width:0;position:relative}.resource-detail-disabled-action>button{width:100%}.resource-detail-disabled-action:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 20%, transparent)}.resource-detail-action-tooltip{z-index:20;border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);width:min(18rem,100vw - 3rem);box-shadow:0 14px 32px color-mix(in srgb, var(--color-brand) 16%, transparent);color:var(--hoppla-text);opacity:0;pointer-events:none;visibility:hidden;border-radius:.8rem;padding:.72rem .8rem;font-size:.76rem;font-weight:650;line-height:1.45;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;bottom:calc(100% + .55rem);left:0;transform:translateY(.3rem)}.resource-detail-disabled-action:hover .resource-detail-action-tooltip,.resource-detail-disabled-action:focus-visible .resource-detail-action-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.resource-detail-action-list button.is-danger,.resource-detail-action-list button.is-danger .material-symbols-outlined{color:var(--tone-rose-dark)}.resource-detail-action-list button.is-danger:hover{border-color:color-mix(in srgb, var(--tone-rose-dark) 30%, var(--hoppla-border));background:color-mix(in srgb, var(--tone-rose-dark) 9%, var(--hoppla-surface));color:var(--tone-rose-dark)}.resource-detail-action-copy,.resource-detail-action-download,.resource-detail-action-copy .material-symbols-outlined,.resource-detail-action-download .material-symbols-outlined{color:var(--tone-brand-light)!important}.resource-detail-action-copy:hover:not(:disabled),.resource-detail-action-download:hover:not(:disabled){border-color:color-mix(in srgb, var(--tone-brand-light) 32%, var(--hoppla-border))!important;background:color-mix(in srgb, var(--tone-brand-light) 9%, var(--hoppla-surface))!important;color:var(--tone-brand-light)!important}.resource-detail-action-edit,.resource-detail-action-analytics,.resource-detail-action-edit .material-symbols-outlined,.resource-detail-action-analytics .material-symbols-outlined{color:var(--tone-indigo)!important}.resource-detail-action-edit:hover:not(:disabled),.resource-detail-action-analytics:hover:not(:disabled){border-color:color-mix(in srgb, var(--tone-indigo) 32%, var(--hoppla-border))!important;background:color-mix(in srgb, var(--tone-indigo) 9%, var(--hoppla-surface))!important;color:var(--tone-indigo)!important}.resource-detail-action-runtime,.resource-detail-action-runtime .material-symbols-outlined{color:var(--tone-amber)!important}.resource-detail-action-runtime:hover:not(:disabled){border-color:color-mix(in srgb, var(--tone-amber) 35%, var(--hoppla-border))!important;background:color-mix(in srgb, var(--tone-amber) 10%, var(--hoppla-surface))!important;color:var(--tone-amber)!important}.resource-detail-action-runtime.is-paused,.resource-detail-action-runtime.is-paused .material-symbols-outlined{color:var(--tone-emerald)!important}.resource-detail-action-runtime.is-paused:hover:not(:disabled){border-color:color-mix(in srgb, var(--tone-emerald) 35%, var(--hoppla-border))!important;background:color-mix(in srgb, var(--tone-emerald) 10%, var(--hoppla-surface))!important;color:var(--tone-emerald)!important}.resource-detail-loading{gap:.8rem;display:grid}.resource-detail-loading span{background:linear-gradient(90deg, var(--hoppla-surface-soft), var(--hoppla-surface-strong), var(--hoppla-surface-soft));background-size:220% 100%;border-radius:1rem;height:5rem;animation:1.2s linear infinite resource-detail-loading;display:block}@keyframes resource-detail-loading{to{background-position:-220% 0}}@media (width<=1080px){.resource-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-detail-layout{grid-template-columns:1fr}}@media (width<=760px){.resource-detail-page{gap:.8rem}.resource-detail-hero{border-radius:1.15rem;grid-template-columns:auto minmax(0,1fr);gap:.85rem;padding:1rem}.resource-detail-glyph,.resource-detail-preview{border-radius:.9rem;flex-basis:4.8rem;width:4.8rem;height:4.8rem}.resource-detail-glyph .material-symbols-outlined{font-size:2rem}.resource-detail-identity h1{font-size:clamp(1.35rem,7vw,1.8rem)}.resource-detail-identity>button{font-size:.78rem}.resource-detail-hero-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.resource-detail-hero-actions button{width:100%;padding-inline:.55rem;font-size:.78rem}.resource-detail-metrics{gap:.6rem}.resource-detail-metrics article{gap:.55rem;padding:.72rem}.resource-detail-metrics article>.material-symbols-outlined{flex-basis:2.2rem;width:2.2rem;height:2.2rem;font-size:1.05rem}.resource-detail-metrics strong{font-size:.86rem}.resource-detail-panel{border-radius:1.05rem;padding:1rem}}@media (width<=430px){.resource-detail-metrics,.resource-detail-action-grid{grid-template-columns:1fr}.resource-detail-form-actions{grid-template-columns:1fr 1fr;display:grid}}@media (width<=1080px){.dashboard-next-overview{grid-template-columns:1fr}.dashboard-next-capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-next-recent-grid{grid-template-columns:1fr}}@media (width<=760px){.dashboard-next-hero{padding:0 0 1rem}.dashboard-next-hero h1{font-size:clamp(1.45rem,8vw,2rem);line-height:1.04}.dashboard-next-recent-grid{grid-template-columns:1fr}}.dashboard-qr-list-item.qr-gallery-card{align-items:stretch;justify-content:initial;border:1px solid color-mix(in srgb, var(--hoppla-border) 72%, transparent);background:color-mix(in srgb, var(--hoppla-surface-strong) 76%, transparent);min-width:0;min-height:0;box-shadow:0 8px 32px color-mix(in srgb, var(--brand) 5%, transparent);-webkit-backdrop-filter:blur(10px);border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.dashboard-qr-list-item.qr-gallery-card:hover{border-color:color-mix(in srgb, var(--brand) 30%, var(--hoppla-border));box-shadow:0 16px 34px color-mix(in srgb, var(--brand) 11%, transparent);transform:translateY(-.25rem)}.qr-gallery-card-top{grid-template-columns:6rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.qr-gallery-card-preview{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-lowest);width:6rem;height:6rem;box-shadow:0 2px 5px color-mix(in srgb, var(--ink) 8%, transparent);cursor:pointer;border-radius:.75rem;place-items:center;padding:.3rem;display:grid;overflow:hidden}.qr-gallery-card-preview .qr-row-icon-preview{background:0 0;border:0;border-radius:.5rem;padding:.05rem;width:100%!important;height:100%!important}.qr-gallery-card-copy{gap:.72rem;min-width:0;display:grid}.qr-gallery-card-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.5rem;display:grid}.qr-gallery-card-title-row .qr-gallery-card-badges{grid-area:2/1/auto/-1}.qr-gallery-card-title-row h4{max-width:100%;color:var(--hoppla-text);font-family:var(--hoppla-font-title);text-overflow:ellipsis;white-space:nowrap;margin:0 0 .15rem;font-size:1.1rem;font-weight:700;line-height:1.25;overflow:hidden}.qr-gallery-card-title-row .dashboard-qr-shortlink-button{color:var(--tone-brand-light);font-size:.78rem}.qr-gallery-card-more,.qr-gallery-card-more-button{position:relative}.qr-gallery-card-more>button,.qr-gallery-card-more-button{width:2rem;height:2rem;color:var(--hoppla-text-soft);cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;padding:0;display:grid}.qr-gallery-card-more>button:hover,.qr-gallery-card-more-button:hover{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));color:var(--brand)}.qr-gallery-card-menu{z-index:30;border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);width:max-content;min-width:9.5rem;box-shadow:0 16px 30px color-mix(in srgb, var(--ink) 16%, transparent);border-radius:.75rem;gap:.15rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0}.qr-gallery-card-menu button{min-height:2.25rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.35rem .55rem;font-size:.72rem;font-weight:750}.qr-gallery-card-menu button:hover:enabled{background:color-mix(in srgb, var(--brand) 9%, var(--hoppla-surface));color:var(--brand)}.qr-gallery-card-badges{gap:.35rem}.qr-gallery-card-badges .dashboard-qr-badge{letter-spacing:.06em;border-radius:.35rem;min-height:1.55rem;padding:.18rem .5rem;font-size:.62rem;font-weight:800}.qr-gallery-card-meta{background:var(--hoppla-surface-low);min-height:2.5rem;color:var(--hoppla-text-soft);border-radius:.5rem;align-items:center;gap:.35rem;padding:.55rem .65rem;font-size:.76rem;line-height:1.3;display:flex}.qr-gallery-card-meta .material-symbols-outlined{flex:none;font-size:1rem}.qr-gallery-card-meta-soon{background:color-mix(in srgb, var(--tone-amber) 12%, var(--hoppla-surface-low));color:color-mix(in srgb, var(--tone-amber) 80%, var(--hoppla-text))}.qr-gallery-card-meta-expired{background:color-mix(in srgb, var(--danger) 9%, var(--hoppla-surface-low));color:var(--danger)}.qr-gallery-card-actions{border-top:1px solid color-mix(in srgb, var(--hoppla-border) 56%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:auto;padding-top:.85rem;display:grid}.qr-gallery-card-actions button{min-width:0;min-height:3.2rem;color:var(--brand);font-family:var(--hoppla-font-body);cursor:pointer;background:0 0;border:0;border-radius:.52rem;place-items:center;gap:.16rem;padding:.38rem .2rem;font-size:.62rem;font-weight:760;line-height:1.05;display:grid}.qr-gallery-card-actions button:hover:enabled{background:color-mix(in srgb, var(--brand) 9%, var(--hoppla-surface))}.qr-gallery-card-actions button:disabled{opacity:.45;cursor:not-allowed}.qr-gallery-card-actions .material-symbols-outlined,.qr-gallery-card-actions .icon-sm{width:1.15rem;height:1.15rem;font-size:1.15rem}.qr-gallery-card-action-copy{color:var(--tone-brand-light)!important}.qr-gallery-card-action-copy:hover:enabled{background:color-mix(in srgb, var(--tone-brand-light) 11%, var(--hoppla-surface))!important}.qr-gallery-card-action-analytics{color:var(--brand)!important}.qr-gallery-card-action-analytics:hover:not([aria-disabled=true]){background:color-mix(in srgb, var(--brand) 11%, var(--hoppla-surface))!important}.qr-gallery-card-actions .qr-gallery-card-action-analytics[aria-disabled=true]{cursor:not-allowed;opacity:.48;transform:none;color:var(--hoppla-text-muted)!important;background:0 0!important}.qr-gallery-card-actions .qr-gallery-card-action-analytics[aria-disabled=true]:hover,.qr-gallery-card-actions .qr-gallery-card-action-analytics[aria-disabled=true]:focus-visible{background:var(--hoppla-surface-low)!important;color:var(--hoppla-text-muted)!important}.qr-gallery-card-action-edit{color:var(--tone-indigo)!important}.qr-gallery-card-action-edit:hover:enabled{background:color-mix(in srgb, var(--tone-indigo) 11%, var(--hoppla-surface))!important}.qr-gallery-card-action-download{color:var(--tone-brand-light)!important}.qr-gallery-card-action-download:hover:enabled{background:color-mix(in srgb, var(--tone-brand-light) 11%, var(--hoppla-surface))!important}.qr-gallery-card-action-danger{color:var(--danger)!important}.qr-gallery-card-action-danger:hover:enabled{background:color-mix(in srgb, var(--danger) 10%, var(--hoppla-surface))!important}.qr-gallery-card-action-runtime{color:var(--tone-amber)!important}.qr-gallery-card-action-runtime:hover:enabled{background:color-mix(in srgb, var(--tone-amber) 12%, var(--hoppla-surface))!important}.qr-gallery-card-action-runtime.is-paused{color:var(--tone-emerald)!important}.qr-gallery-card-action-runtime.is-paused:hover:enabled{background:color-mix(in srgb, var(--tone-emerald) 12%, var(--hoppla-surface))!important}.qr-gallery-card-qr .dashboard-qr-badge-mode{background:color-mix(in srgb, var(--tone-brand-light) 13%, var(--hoppla-surface-lowest));color:var(--tone-brand-light)}.qr-gallery-card.is-active{border-color:color-mix(in srgb, var(--tone-emerald) 24%, var(--hoppla-border))}.qr-gallery-card.is-paused{border-color:color-mix(in srgb, var(--tone-amber) 32%, var(--hoppla-border))}.qr-gallery-card.is-active:hover{border-color:color-mix(in srgb, var(--tone-emerald) 48%, var(--hoppla-border))}.qr-gallery-card.is-paused:hover{border-color:color-mix(in srgb, var(--tone-amber) 58%, var(--hoppla-border))}@media (width>=981px){.dashboard-qr-list-item.qr-gallery-card-qr{grid-template-columns:8.25rem minmax(0,1fr) auto auto;align-items:center;column-gap:1.35rem;padding-block:.65rem;display:grid}.qr-gallery-card-qr .qr-gallery-card-top{display:contents}.qr-gallery-card-qr .qr-gallery-card-preview{width:8.25rem;height:8.25rem;box-shadow:none;border:0;grid-area:1/1;align-self:center}.qr-gallery-card-qr .qr-gallery-card-copy{grid-area:1/2;gap:0}.qr-gallery-card-qr .qr-gallery-card-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem}.qr-gallery-card-qr .qr-gallery-card-identity{min-width:0;max-width:clamp(12rem,24vw,27rem)}.qr-gallery-card-qr .qr-gallery-card-identity .dashboard-qr-title-button,.qr-gallery-card-qr .qr-gallery-card-identity .dashboard-qr-shortlink-button{text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;display:block;overflow:hidden}.qr-gallery-card-qr .qr-gallery-card-identity h4{max-width:100%}.qr-gallery-card-qr .qr-gallery-card-title-row h4{margin-bottom:.3rem;font-size:1.58rem}.qr-gallery-card-qr .qr-gallery-card-title-row .dashboard-qr-shortlink-button{font-size:1.15rem}.qr-gallery-card-qr .qr-gallery-card-title-row .qr-gallery-card-badges{flex-shrink:0;grid-area:auto;justify-content:flex-start;gap:.48rem}.qr-gallery-card-qr .qr-gallery-card-badges .dashboard-qr-badge{border-radius:.6rem;min-height:2.22rem;padding:.34rem .86rem;font-size:.86rem}.qr-gallery-card-qr .dashboard-qr-badge-mode{background:color-mix(in srgb, var(--tone-brand-light) 13%, var(--hoppla-surface-lowest));color:var(--tone-brand-light)}.qr-gallery-card-qr .qr-gallery-card-meta{white-space:nowrap;grid-area:1/3;width:fit-content;min-height:3.25rem;margin:0;padding:.76rem 1rem;font-size:1.08rem}.qr-gallery-card-qr .qr-gallery-card-meta .material-symbols-outlined{font-size:1.45rem}.qr-gallery-card-qr .qr-gallery-card-actions{border-top:0;border-left:1px solid color-mix(in srgb, var(--hoppla-border) 56%, transparent);grid-area:1/4;align-self:center;align-items:center;gap:.5rem;margin:0;padding:0 0 0 1.5rem;display:flex}.qr-gallery-card-qr .qr-gallery-card-actions button{width:3.45rem;min-height:3.45rem;padding:0}.qr-gallery-card-qr .qr-gallery-card-actions .material-symbols-outlined{width:1.7rem;height:1.7rem;font-size:1.7rem}}.link-gallery-card-preview{background:color-mix(in srgb, var(--tone-sky) 11%, var(--hoppla-surface-low));color:var(--tone-sky-deep,var(--color-product-qr-accent))}.link-gallery-card-preview-image{background:color-mix(in srgb, var(--tone-emerald) 12%, var(--hoppla-surface-low));color:var(--tone-emerald)}.link-gallery-card-preview-pdf{background:color-mix(in srgb, var(--danger) 10%, var(--hoppla-surface-low));color:var(--danger)}.link-gallery-card-preview .icon-lg{width:2rem;height:2rem}.link-gallery-card-meta strong{color:var(--hoppla-text)}.link-gallery-card-destination{max-width:100%;color:var(--hoppla-text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:.35rem;font-size:.7rem;line-height:1.25;display:block;overflow:hidden}.link-gallery-card-risk{margin-left:auto;font-size:.7rem;font-weight:720}@media (width<=980px){.dashboard-qr-list:has(.qr-gallery-card){grid-template-columns:minmax(0,1fr);gap:1rem}.dashboard-qr-list-item.qr-gallery-card{border-radius:1rem;gap:.85rem;padding:1rem;transform:none}.dashboard-qr-list-item.qr-gallery-card:hover{transform:none}.qr-gallery-card-top{grid-template-columns:5.75rem minmax(0,1fr);gap:.85rem}.qr-gallery-card-preview{width:5.75rem;height:5.75rem}.qr-gallery-card-title-row h4{font-size:1rem}.qr-gallery-card-actions{padding-top:.7rem}.qr-gallery-card-qr .qr-gallery-card-actions{grid-template-columns:repeat(5,minmax(0,1fr))}.qr-gallery-card-actions button{min-height:3rem;font-size:.58rem}.link-studio-plan-unlock{grid-template-columns:auto minmax(0,1fr)}.link-studio-plan-unlock button{grid-column:1/-1;width:100%}}@media (width<=420px){.qr-gallery-card-top{grid-template-columns:5rem minmax(0,1fr)}.qr-gallery-card-preview{width:5rem;height:5rem;padding:.35rem}.qr-gallery-card-actions{gap:.18rem}.qr-gallery-card-actions button{min-height:2.85rem;font-size:.54rem}.link-gallery-card-risk{display:none}}@media (width<=980px){.qh-home-header-frame,.qh-home-header-frame.public-header-home{padding:env(safe-area-inset-top) max(.9rem, env(safe-area-inset-right)) 0 max(.9rem, env(safe-area-inset-left));-webkit-backdrop-filter:none;border-bottom:0;background:0 0!important}.qh-home-header-frame.qh-home-header-scrolled,.qh-home-header-frame.qh-home-header-menu-open,.qh-home-header-frame.public-header-home.qh-home-header-scrolled,.qh-home-header-frame.public-header-home.qh-home-header-menu-open{border-bottom:1px solid var(--hoppla-border);background:var(--hoppla-bg)!important}.qh-home-header-frame:before,.qh-home-header-frame:after,.qh-home-header-frame.public-header-home:before,.qh-home-header-frame.public-header-home:after{display:none}.qh-home-header-inner,.qh-home-header-frame.public-header-home .qh-home-header-inner{width:100%;max-width:none}.qh-home-header-top-row,.qh-home-header-frame.public-header-home .qh-home-header-top-row{min-height:4rem;padding:0}.qh-home-header-logo-btn,.qh-home-header-frame.public-header-home .qh-home-header-logo-btn{width:2.65rem;min-height:2.65rem}.qh-home-header-logo,.qh-home-header-frame.public-header-home .qh-home-header-logo{height:auto}.qh-home-header-logo-mobile{width:2.65rem;height:2.65rem}.qh-home-header-menu-btn{border:1px solid var(--hoppla-border);background:var(--hoppla-bg);width:2.65rem;height:2.65rem;box-shadow:none;color:var(--brand);border-radius:999px}.qh-home-header-menu-bars{gap:4px}.qh-home-header-menu-bar{width:18px;height:2px;background:currentColor!important}.qh-home-header-menu-btn:hover,.qh-home-header-menu-btn:focus-visible{background:color-mix(in srgb, var(--brand) 9%, var(--hoppla-bg));box-shadow:none}.qh-mobile-menu-backdrop{z-index:104;background:color-mix(in srgb, var(--ink) 42%, transparent);-webkit-backdrop-filter:blur(2px);border:0;position:fixed;inset:0}.qh-home-header-nav{z-index:105;width:min(22rem,100vw - .7rem);min-height:100dvh;padding:calc(1rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(1.2rem + env(safe-area-inset-bottom)) 1rem;border-left:1px solid var(--hoppla-border);background:var(--hoppla-bg);box-shadow:-18px 0 42px color-mix(in srgb, var(--ink) 18%, transparent);color:var(--hoppla-text);inset:0 0 0 auto;transform:translate(105%)}:root[data-theme=dark] .qh-home-header-nav,:root.dark .qh-home-header-nav,html.dark .qh-home-header-nav{background:var(--hoppla-bg);color:var(--hoppla-text)}.qh-mobile-menu-head{min-height:3.25rem;color:var(--hoppla-text);font-family:var(--hoppla-font-title);align-items:center;gap:.72rem;margin-bottom:.3rem;padding-right:3rem;font-size:1rem;font-weight:800;display:flex;position:relative}.qh-mobile-menu-head img{object-fit:contain;width:2.4rem;height:2.4rem}.qh-mobile-menu-head button{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);width:2.5rem;height:2.5rem;color:var(--brand);border-radius:999px;place-items:center;display:grid;position:absolute;top:.2rem;right:0}.qh-home-header-nav-item{min-height:3.1rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);border:1px solid #0000;border-radius:.82rem;margin:0;padding:.65rem .72rem;font-size:.86rem;font-weight:760}.qh-home-header-nav-item:first-child{border-top:0}.qh-home-header-nav-item:hover,.qh-home-header-nav-item:focus-visible{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));color:var(--brand)}.qh-home-header-actions-mobile{border-top:1px solid var(--hoppla-border);margin-top:auto;padding-top:.8rem}}.qh-public-mobile-menu{display:none}@media (width<=980px){.qh-public-mobile-menu{z-index:105;width:min(22rem,100vw - .7rem);min-height:100dvh;padding:calc(1rem + env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) calc(1.2rem + env(safe-area-inset-bottom)) 1rem;border-left:1px solid var(--hoppla-border);background:var(--hoppla-bg);box-shadow:-18px 0 42px color-mix(in srgb, var(--ink) 18%, transparent);color:var(--hoppla-text);opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;gap:.45rem;transition:opacity .22s,transform .26s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(105%)}.qh-public-mobile-menu-open{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)}.qh-public-mobile-menu .qh-mobile-menu-head{margin-bottom:.55rem}.qh-public-mobile-menu .qh-home-header-nav-item{width:100%;min-height:3.1rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);letter-spacing:0;text-transform:none;border:1px solid #0000;border-radius:.82rem;align-items:center;padding:.65rem .72rem;font-size:.86rem;font-weight:760;text-decoration:none;display:flex}.qh-public-mobile-menu .qh-home-header-nav-item:first-of-type{border-top:0}.qh-public-mobile-menu .qh-home-header-nav-item:hover,.qh-public-mobile-menu .qh-home-header-nav-item:focus-visible{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));color:var(--brand);transform:none}.qh-public-mobile-menu .qh-home-header-actions-mobile{border-top:1px solid var(--hoppla-border);width:100%;margin-top:auto;padding-top:.8rem;display:grid}.qh-public-mobile-menu-close-row{justify-content:flex-end;min-height:2.7rem;margin-bottom:.2rem;display:flex;position:relative}.qh-public-mobile-menu-close-row .app-mobile-menu-close{position:static}.app-mobile-menu-primary-actions>a,.qh-public-mobile-menu-actions>.qh-public-mobile-menu-action{width:100%;min-height:3.1rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);text-align:left;background:0 0;border:1px solid #0000;border-radius:.82rem;align-items:center;gap:.62rem;padding:.65rem .72rem;font-size:.86rem;font-weight:760;text-decoration:none;display:flex}.app-mobile-menu-primary-actions>a:hover,.app-mobile-menu-primary-actions>a:focus-visible,.qh-public-mobile-menu-actions>.qh-public-mobile-menu-action:hover,.qh-public-mobile-menu-actions>.qh-public-mobile-menu-action:focus-visible{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));color:var(--brand)}.qh-public-mobile-menu .icon-sm{color:var(--brand);flex:none}.qh-public-mobile-menu-actions .language-picker{width:100%}.qh-public-mobile-menu-actions .language-picker-button{width:100%;min-height:3.1rem;color:var(--hoppla-text);font-family:var(--hoppla-font-body);background:0 0;border:1px solid #0000;border-radius:.82rem;justify-content:flex-start;gap:.32rem;padding:.65rem .72rem;font-size:.86rem;font-weight:760;display:flex}.qh-public-mobile-menu-actions .language-picker-globe{width:1.25rem;height:1.25rem}.qh-public-mobile-menu-actions .language-picker-code{color:currentColor;width:auto;min-width:auto;height:auto;font:inherit;letter-spacing:.04em;border:0;border-radius:0;padding:0}.qh-public-mobile-menu-actions .language-picker-button .icon-sm{margin-left:.08rem}.qh-public-mobile-menu-actions .language-picker-button:hover,.qh-public-mobile-menu-actions .language-picker-button:focus-visible{background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));color:var(--brand)}.qh-public-mobile-menu-actions .qh-public-mobile-menu-sign-up{border-color:color-mix(in srgb, var(--brand) 32%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 11%, var(--hoppla-surface));color:var(--brand);margin-top:.2rem}.qh-public-mobile-menu .qh-public-mobile-menu-early,.qh-public-mobile-menu .qh-public-mobile-menu-early .qh-home-header-early-arrow,:root[data-theme=dark] .qh-public-mobile-menu .qh-public-mobile-menu-early,:root[data-theme=dark] .qh-public-mobile-menu .qh-public-mobile-menu-early .qh-home-header-early-arrow,:root.dark .qh-public-mobile-menu .qh-public-mobile-menu-early,:root.dark .qh-public-mobile-menu .qh-public-mobile-menu-early .qh-home-header-early-arrow,html.dark .qh-public-mobile-menu .qh-public-mobile-menu-early,html.dark .qh-public-mobile-menu .qh-public-mobile-menu-early .qh-home-header-early-arrow{color:var(--color-danger)}}.early-access-request-input.input,.early-access-request-button.btn,.app-control-page .dashboard-search-inline,.qr-list-sort-control select,.empty-state-create-button,.create-choice-control-page .public-home-tool-primary,.create-choice-control-page .public-home-tool-free-card button{min-height:var(--hoppla-control-height);border-radius:var(--hoppla-control-radius)}.early-access-request-shell{border-color:var(--hoppla-border);background:color-mix(in srgb, var(--hoppla-surface-strong) 86%, transparent);width:min(100%,34rem);box-shadow:0 14px 30px color-mix(in srgb, var(--hoppla-text) 7%, transparent);border-radius:.9rem;padding:.75rem}.early-access-request-input.input{border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);color:var(--hoppla-text);text-align:left;font-family:var(--hoppla-font-sans);box-shadow:none;padding-inline:1rem;font-size:1rem;font-weight:650}.early-access-request-input.input:hover{border-color:color-mix(in srgb, var(--brand) 34%, var(--hoppla-border))}.early-access-request-input.input:focus,.early-access-request-input.input:focus-visible{border-color:var(--brand);background:var(--hoppla-surface-strong);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 14%, transparent)}.early-access-request-button.btn{border:1px solid color-mix(in srgb, var(--brand) 72%, transparent);background:var(--brand);width:auto;max-width:100%;color:var(--color-on-accent);font-family:var(--hoppla-font-sans);font-size:var(--hoppla-control-font-size);letter-spacing:.01em;text-transform:none;box-shadow:0 10px 20px color-mix(in srgb, var(--brand) 18%, transparent);justify-self:center;padding-inline:1.5rem;font-weight:850;line-height:1}.early-access-request-actions{justify-content:center}.early-access-request-button.btn:hover:enabled,.early-access-request-button.btn:focus-visible{border-color:color-mix(in srgb, var(--brand) 82%, var(--color-border-strong));background:color-mix(in srgb, var(--brand) 88%, var(--color-canvas));color:var(--color-on-accent);box-shadow:0 14px 30px color-mix(in srgb, var(--brand) 24%, transparent);transform:translateY(-1px)}.app-control-page .dashboard-search-inline,.qr-list-sort-control select{height:var(--hoppla-control-height);border:1px solid var(--hoppla-border);background:var(--hoppla-surface-strong);color:var(--hoppla-text);font-family:var(--hoppla-font-sans);box-shadow:0 6px 18px color-mix(in srgb, var(--hoppla-text) 5%, transparent);padding-block:0;font-size:.94rem}.app-control-page .dashboard-search-inline:hover,.qr-list-sort-control select:hover{border-color:color-mix(in srgb, var(--brand) 34%, var(--hoppla-border))}.app-control-page .dashboard-search-inline:focus,.app-control-page .dashboard-search-inline:focus-visible,.qr-list-sort-control select:focus,.qr-list-sort-control select:focus-visible{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 14%, transparent);outline:0}.qr-hopplaqr-import-button,.empty-state-create-button{min-height:var(--hoppla-control-height);border-radius:var(--hoppla-control-radius)}.empty-state-create-button{padding-inline:1.25rem;font-size:1rem}.create-choice-control-page .public-home-tool-primary,.create-choice-control-page .public-home-tool-free-card button{font-family:var(--hoppla-font-sans);font-size:var(--hoppla-control-font-size);letter-spacing:.01em;padding-inline:1.25rem;font-weight:850}.dashboard-next-empty,.dashboard-mobile-empty-row{border-radius:var(--hoppla-control-radius)}.qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-compact .language-picker-button{gap:.42rem;width:auto!important;min-width:4.9rem!important;height:2.75rem!important;color:var(--hoppla-text-soft)!important;letter-spacing:.06em!important;background:0 0!important;border:0!important;border-radius:.5rem!important;padding-inline:.62rem!important;font-size:.9rem!important;font-weight:800!important}.qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-compact .language-picker-globe{width:1.38rem;height:1.38rem}.qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-compact .language-picker-code{color:currentColor}.qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-compact .language-picker-button:hover,.qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-compact .language-picker-button:focus-visible{background:color-mix(in srgb, var(--brand) 9%, transparent)!important;color:var(--brand)!important}.qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-menu{border-color:var(--hoppla-border);background:var(--hoppla-surface);box-shadow:0 1rem 2rem color-mix(in srgb, var(--hoppla-text) 14%, transparent);-webkit-backdrop-filter:none}.auth-legal-acceptance{align-items:flex-start;line-height:1.45}.auth-legal-acceptance input{flex:none;margin-top:.18rem}.auth-legal-acceptance .auth-inline-link{font-weight:750}.app-filter-menu{position:relative}.app-filter-menu>summary{list-style:none}.app-filter-menu>summary::-webkit-details-marker{display:none}.app-filter-trigger{border:1px solid var(--hoppla-border);border-radius:var(--hoppla-control-radius);background:var(--hoppla-surface);min-height:2.75rem;color:var(--hoppla-text);cursor:pointer;align-items:center;gap:.5rem;padding:.65rem .9rem;font-weight:750;display:inline-flex}.app-filter-trigger strong{background:var(--brand);min-width:1.35rem;height:1.35rem;color:var(--color-on-accent);border-radius:999px;place-items:center;font-size:.72rem;display:grid}.app-filter-popover{z-index:30;border:1px solid var(--hoppla-border);background:var(--hoppla-surface);width:min(19rem,100vw - 2rem);box-shadow:0 1rem 2.5rem color-mix(in srgb, var(--hoppla-text) 16%, transparent);border-radius:.9rem;padding:1rem;position:absolute;top:calc(100% + .55rem);right:0}.app-filter-popover fieldset{border:0;gap:.55rem;margin:0 0 .9rem;padding:0;display:grid}.app-filter-popover legend{color:var(--hoppla-text-soft);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-size:.78rem;font-weight:800}.app-filter-popover label{color:var(--hoppla-text);cursor:pointer;align-items:center;gap:.6rem;display:flex}.app-filter-popover>button{color:var(--brand);cursor:pointer;background:0 0;border:0;font-weight:750}.short-links-recovery{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);border-radius:1rem;gap:1rem;padding:1.1rem;display:grid}.short-links-recovery h2,.short-links-recovery p{margin:0}.short-links-recovery p{color:var(--hoppla-text-soft);margin-top:.3rem}.short-links-recovery-list{gap:.65rem;display:grid}.short-links-recovery-list article{border:1px solid var(--hoppla-border);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;display:flex}.short-links-recovery-list article>div{gap:.2rem;min-width:0;display:grid}.short-links-recovery-list article span{color:var(--hoppla-text-soft);text-overflow:ellipsis;overflow:hidden}.short-links-recovery-list button{border:1px solid var(--color-success);color:var(--color-success);cursor:pointer;background:0 0;border-radius:.65rem;align-items:center;gap:.45rem;padding:.58rem .75rem;font-weight:750;display:inline-flex}.short-links-recovery-list button:hover:enabled,.short-links-recovery-list button:focus-visible{border-color:var(--color-success);background:var(--color-success);color:var(--color-on-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-success) 18%, transparent)}.qr-completion-panel{border:1px solid color-mix(in srgb, var(--brand) 22%, var(--hoppla-border));background:var(--hoppla-surface);border-radius:1rem;gap:1.1rem;padding:clamp(1rem,3vw,1.5rem);display:grid}.qr-completion-status{align-items:flex-start;gap:.9rem;display:flex}.qr-completion-status>span{background:color-mix(in srgb, var(--brand) 12%, var(--hoppla-surface));width:2.3rem;height:2.3rem;color:var(--brand);border-radius:999px;flex:none;place-items:center;font-weight:900;display:grid}.qr-completion-status small,.qr-completion-downloads>small{color:var(--brand);text-transform:uppercase;letter-spacing:.06em;font-weight:800}.qr-completion-status h3,.qr-completion-status p{margin:.2rem 0 0}.qr-completion-status strong{overflow-wrap:anywhere;margin-top:.35rem;display:block}.qr-completion-status p{color:var(--hoppla-text-soft)}.qr-completion-downloads{gap:.55rem;display:grid}.qr-completion-downloads>div,.qr-completion-actions{flex-wrap:wrap;gap:.65rem;display:flex}.qr-completion-downloads button{border:1px solid var(--hoppla-border);min-width:4.25rem;color:var(--hoppla-text);cursor:pointer;background:0 0;border-radius:.65rem;padding:.65rem .8rem;font-weight:800}.qr-completion-downloads button:hover,.qr-completion-downloads button:focus-visible{border-color:var(--brand);color:var(--brand)}.qr-completion-actions{justify-content:flex-end}@media (width<=640px){.app-filter-trigger span{display:none}.short-links-recovery-list article{flex-direction:column;align-items:stretch}.short-links-recovery-list button{justify-content:center}}:root[data-theme=light] .qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-menu,:root:not([data-theme=dark]) .qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-menu{background:var(--color-surface);color:var(--color-text)}:root[data-theme=dark] .qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-menu,:root.dark .qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-menu,html.dark .qh-home-header-frame.public-header-home .qh-home-header-actions .language-picker-menu{background:var(--color-canvas);color:var(--color-brand)}:root[data-theme=light] .language-picker-menu,:root:not([data-theme=dark]) .language-picker-menu{background:var(--color-surface);color:var(--color-text);-webkit-backdrop-filter:none}:root[data-theme=dark] .language-picker-menu,:root.dark .language-picker-menu,html.dark .language-picker-menu{background:var(--color-canvas);color:var(--color-brand);-webkit-backdrop-filter:none}@media (width<=767px){.early-access-request-shell{border-radius:.8rem;width:100%;padding:.65rem}.early-access-request-input.input,.early-access-request-button.btn,.create-choice-control-page .public-home-tool-primary,.create-choice-control-page .public-home-tool-free-card button{min-height:var(--hoppla-control-height);border-radius:var(--hoppla-control-radius);font-size:1rem}}.modal-panel:has(.settings-unified-modal){border:2px solid color-mix(in srgb, var(--color-text) 92%, transparent);background:var(--color-surface-raised);width:min(100% - 1.5rem,42rem);max-height:min(92dvh,48rem);box-shadow:0 28px 80px color-mix(in srgb, var(--color-shadow) 20%, transparent);border-radius:1.4rem;padding:0;overflow:auto}.modal-panel:has(.settings-unified-modal) .modal-body{min-width:0}.modal-panel:has(.settings-unified-modal) .modal-floating-close{top:1rem;right:1rem}.settings-unified-modal{background:0 0;min-width:0;padding:0;display:grid;position:relative;overflow:hidden}.settings-unified-modal-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;min-width:0;padding:1.35rem 4.25rem 1.15rem 1.6rem;display:grid}.settings-unified-modal-head .settings-section-head-copy{gap:.4rem;min-width:0}.settings-unified-modal-head h2{color:var(--color-text);letter-spacing:-.035em;margin:0;font-size:clamp(1.4rem,4vw,1.85rem);font-weight:950;line-height:1.08}.settings-unified-modal-head p{color:var(--color-text-muted);margin:0;font-size:.9rem;font-weight:650;line-height:1.55}.settings-unified-modal-body{border-top:1px solid var(--color-border);gap:1rem;min-width:0;padding:1.2rem 1.55rem 1.45rem 1.6rem;display:grid}.settings-unified-modal-body>form,.settings-unified-modal-body>.stack-sm,.settings-unified-modal-body>.settings-recovery-result{min-width:0}:root[data-theme=dark] .modal-panel:has(.settings-unified-modal){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 30px 84px color-mix(in srgb, var(--color-shadow) 48%, transparent)}:root.dark .modal-panel:has(.settings-unified-modal){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 30px 84px color-mix(in srgb, var(--color-shadow) 48%, transparent)}html.dark .modal-panel:has(.settings-unified-modal){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 30px 84px color-mix(in srgb, var(--color-shadow) 48%, transparent)}:root[data-theme=dark] .settings-unified-modal-head h2,:root.dark .settings-unified-modal-head h2,html.dark .settings-unified-modal-head h2{color:var(--color-on-accent)}:root[data-theme=dark] .settings-unified-modal-head p,:root.dark .settings-unified-modal-head p,html.dark .settings-unified-modal-head p{color:var(--color-text-muted)}:root[data-theme=dark] .settings-unified-modal-body,:root.dark .settings-unified-modal-body,html.dark .settings-unified-modal-body{border-color:var(--color-border)}@media (width<=520px){.modal-panel:has(.settings-unified-modal){border-radius:1.15rem;width:min(100% - 1rem,42rem)}.settings-unified-modal-head{gap:.8rem;padding:1.15rem 3.75rem 1rem 1.25rem}.settings-unified-modal-head h2{font-size:1.3rem}.settings-unified-modal-body{padding:1rem 1rem 1.15rem 1.25rem}}.modal-panel.modal-panel-hoppla{border:2px solid color-mix(in srgb, var(--color-text) 92%, transparent);background:var(--color-surface-raised);width:min(100% - 1.5rem,42rem);max-height:min(92dvh,48rem);box-shadow:0 28px 80px color-mix(in srgb, var(--color-shadow) 20%, transparent);border-radius:1.4rem;padding:0;overflow:auto}.modal-hoppla-head{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem;min-width:0;padding:1.35rem 4.25rem 1.15rem 1.6rem;display:grid}.modal-hoppla-head-copy{gap:.4rem;min-width:0;display:grid}.modal-hoppla-head-copy h2{color:var(--color-text);letter-spacing:-.035em;margin:0;font-size:clamp(1.4rem,4vw,1.85rem);font-weight:950;line-height:1.08}.modal-hoppla-head-copy p{color:var(--color-text-muted);margin:0;font-size:.9rem;font-weight:650;line-height:1.55}.modal-panel-hoppla .modal-hoppla-body{border-top:1px solid var(--color-border);gap:1rem;min-width:0;padding:1.2rem 1.55rem 1.45rem 1.6rem;display:grid}.modal-panel-hoppla:has(>.modal-floating-close) .modal-hoppla-body{border-top:0;padding-top:1.35rem}:root[data-theme=dark] .modal-hoppla-head-copy h2,:root.dark .modal-hoppla-head-copy h2,html.dark .modal-hoppla-head-copy h2{color:var(--color-on-accent)}:root[data-theme=dark] .modal-hoppla-head-copy p,:root.dark .modal-hoppla-head-copy p,html.dark .modal-hoppla-head-copy p{color:var(--color-text-muted)}:root[data-theme=dark] .modal-panel-hoppla .modal-hoppla-body,:root.dark .modal-panel-hoppla .modal-hoppla-body,html.dark .modal-panel-hoppla .modal-hoppla-body{border-color:var(--color-border)}@media (width<=520px){.modal-panel.modal-panel-hoppla{border-radius:1.15rem;width:min(100% - 1rem,42rem);max-height:min(94dvh,48rem)}.modal-hoppla-head{gap:.8rem;padding:1.15rem 3.75rem 1rem 1.25rem}.modal-hoppla-head-copy h2{font-size:1.3rem}.modal-panel-hoppla .modal-hoppla-body{padding:1rem 1rem 1.15rem 1.25rem}.modal-panel-hoppla .settings-confirm-actions,.modal-panel-hoppla .row.gap-sm{grid-template-columns:minmax(0,1fr);width:100%;display:grid}.modal-panel-hoppla .settings-confirm-actions .btn,.modal-panel-hoppla .row.gap-sm .btn{width:100%}}:is(.modal-backdrop:has(.modal-panel-hoppla),.modal-backdrop:has(.settings-unified-modal)){background:color-mix(in srgb, var(--color-shadow) 42%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-panel.modal-panel-hoppla{border:1px solid color-mix(in srgb, var(--hoppla-border) 82%, transparent);background:color-mix(in srgb, var(--hoppla-surface-strong) 96%, transparent);box-shadow:0 24px 64px color-mix(in srgb, var(--color-shadow) 18%, transparent);border-radius:1.15rem;padding:0;overflow:auto}.modal-panel:has(.settings-unified-modal){border:1px solid color-mix(in srgb, var(--hoppla-border) 82%, transparent);background:color-mix(in srgb, var(--hoppla-surface-strong) 96%, transparent);box-shadow:0 24px 64px color-mix(in srgb, var(--color-shadow) 18%, transparent);border-radius:1.15rem;padding:0;overflow:auto}.modal-panel:has(.settings-unified-modal-compact){width:min(100% - 1.5rem,27.5rem)}.modal-panel.modal-panel-hoppla:has(.modal-confirm-actions){width:min(100% - 1.5rem,27.5rem)}.modal-hoppla-head,.settings-unified-modal-head{min-width:0;padding:1.3rem 4rem 1.15rem 1.4rem;display:block}.modal-hoppla-head-copy,.settings-unified-modal-head .settings-section-head-copy{gap:.55rem;min-width:0;display:grid}.modal-hoppla-head-copy h2,.settings-unified-modal-head h2{color:var(--hoppla-text);font-family:var(--hoppla-font-title);letter-spacing:-.025em;margin:0;font-size:clamp(1.35rem,4vw,1.65rem);font-weight:750;line-height:1.15}.modal-hoppla-head-copy p,.settings-unified-modal-head p{color:var(--hoppla-text-soft);font-family:var(--hoppla-font-sans);margin:0;font-size:.92rem;font-weight:500;line-height:1.6}.modal-panel-hoppla .modal-hoppla-body,.settings-unified-modal-body{border-top:1px solid color-mix(in srgb, var(--hoppla-border) 72%, transparent);background:color-mix(in srgb, var(--hoppla-surface-soft) 62%, transparent);gap:1rem;min-width:0;padding:1rem 1.4rem 1.2rem;display:grid}.modal-panel-hoppla:has(>.modal-floating-close) .modal-hoppla-body{background:0 0;border-top:0;padding:1.2rem 1.4rem}.modal-panel.modal-panel-hoppla .modal-floating-close{border:1px solid color-mix(in srgb, var(--hoppla-border) 78%, transparent);background:var(--hoppla-surface);width:2.2rem;min-width:2.2rem;height:2.2rem;min-height:2.2rem;box-shadow:none;top:.9rem;right:.9rem}.modal-panel:has(.settings-unified-modal) .modal-floating-close{border:1px solid color-mix(in srgb, var(--hoppla-border) 78%, transparent);background:var(--hoppla-surface);width:2.2rem;min-width:2.2rem;height:2.2rem;min-height:2.2rem;box-shadow:none;top:.9rem;right:.9rem}.modal-panel.modal-panel-hoppla .modal-floating-close:hover,.modal-panel.modal-panel-hoppla .modal-floating-close:focus-visible{border-color:color-mix(in srgb, var(--brand) 35%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));box-shadow:none}.modal-panel:has(.settings-unified-modal) .modal-floating-close:hover{border-color:color-mix(in srgb, var(--brand) 35%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));box-shadow:none}.modal-panel:has(.settings-unified-modal) .modal-floating-close:focus-visible{border-color:color-mix(in srgb, var(--brand) 35%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 8%, var(--hoppla-surface));box-shadow:none}.modal-panel.modal-panel-hoppla .modal-floating-close-lines span,.modal-panel.modal-panel-hoppla .modal-floating-close:hover .modal-floating-close-lines span,.modal-panel.modal-panel-hoppla .modal-floating-close:focus-visible .modal-floating-close-lines span{background:var(--hoppla-text-soft)}.modal-panel:has(.settings-unified-modal) .modal-floating-close-lines span{background:var(--hoppla-text-soft)}.modal-panel:has(.settings-unified-modal) .modal-floating-close:hover .modal-floating-close-lines span{background:var(--hoppla-text-soft)}.modal-panel:has(.settings-unified-modal) .modal-floating-close:focus-visible .modal-floating-close-lines span{background:var(--hoppla-text-soft)}.modal-panel-hoppla .btn,.settings-unified-modal .btn{min-height:2.8rem;font-family:var(--hoppla-font-sans);letter-spacing:0;text-transform:none;padding:.72rem 1rem;font-size:.86rem;font-weight:750;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;box-shadow:none!important;background:0 0!important;border-style:solid!important;border-width:1px!important;border-radius:.75rem!important}.modal-panel-hoppla .btn-primary,.modal-panel-hoppla .btn-secondary,.modal-panel-hoppla .btn-ghost,.settings-unified-modal .btn-primary,.settings-unified-modal .btn-secondary,.settings-unified-modal .btn-ghost{border-color:var(--brand)!important;color:var(--brand)!important}.modal-panel-hoppla .btn-primary:hover:enabled,.modal-panel-hoppla .btn-primary:focus-visible,.modal-panel-hoppla .btn-secondary:hover:enabled,.modal-panel-hoppla .btn-secondary:focus-visible,.modal-panel-hoppla .btn-ghost:hover:enabled,.modal-panel-hoppla .btn-ghost:focus-visible,.settings-unified-modal .btn-primary:hover:enabled,.settings-unified-modal .btn-primary:focus-visible,.settings-unified-modal .btn-secondary:hover:enabled,.settings-unified-modal .btn-secondary:focus-visible,.settings-unified-modal .btn-ghost:hover:enabled,.settings-unified-modal .btn-ghost:focus-visible{transform:translateY(-1px);border-color:var(--brand)!important;background:var(--brand)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--brand) 22%, transparent)!important}.modal-panel-hoppla .btn-danger,.settings-unified-modal .btn-danger,.settings-unified-modal .settings-btn-rose{border-color:var(--color-danger)!important;color:var(--color-danger)!important}.modal-panel-hoppla .btn-danger:hover:enabled,.modal-panel-hoppla .btn-danger:focus-visible,.settings-unified-modal .btn-danger:hover:enabled,.settings-unified-modal .btn-danger:focus-visible,.settings-unified-modal .settings-btn-rose:hover:enabled,.settings-unified-modal .settings-btn-rose:focus-visible{transform:translateY(-1px);border-color:var(--color-danger)!important;background:var(--color-danger)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--color-danger) 22%, transparent)!important}.modal-panel-hoppla-warning .btn-primary,.settings-unified-modal-warning .btn-primary,.settings-unified-modal .settings-btn-amber{border-color:var(--color-warning)!important;color:var(--color-warning)!important}.modal-panel-hoppla-warning .btn-primary:hover:enabled,.modal-panel-hoppla-warning .btn-primary:focus-visible,.settings-unified-modal-warning .btn-primary:hover:enabled,.settings-unified-modal-warning .btn-primary:focus-visible,.settings-unified-modal .settings-btn-amber:hover:enabled,.settings-unified-modal .settings-btn-amber:focus-visible{border-color:var(--color-warning)!important;background:var(--color-warning)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--color-warning) 22%, transparent)!important}.modal-panel-hoppla-success .btn-primary,.settings-unified-modal-success .btn-primary,.settings-unified-modal .settings-btn-emerald{border-color:var(--color-success)!important;color:var(--color-success)!important}.modal-panel-hoppla-success .btn-primary:hover:enabled,.modal-panel-hoppla-success .btn-primary:focus-visible,.settings-unified-modal-success .btn-primary:hover:enabled,.settings-unified-modal-success .btn-primary:focus-visible,.settings-unified-modal .settings-btn-emerald:hover:enabled,.settings-unified-modal .settings-btn-emerald:focus-visible{border-color:var(--color-success)!important;background:var(--color-success)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--color-success) 22%, transparent)!important}.modal-panel-hoppla .btn:focus-visible,.settings-unified-modal .btn:focus-visible{outline:none}.modal-panel-hoppla .settings-confirm-actions,.settings-unified-modal .settings-confirm-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;width:100%;display:grid}:root[data-theme=dark] .modal-panel.modal-panel-hoppla,:root.dark .modal-panel.modal-panel-hoppla,html.dark .modal-panel.modal-panel-hoppla{border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 28px 72px color-mix(in srgb, var(--color-shadow) 50%, transparent)}:root[data-theme=dark] .modal-panel:has(.settings-unified-modal){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 28px 72px color-mix(in srgb, var(--color-shadow) 50%, transparent)}:root.dark .modal-panel:has(.settings-unified-modal){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 28px 72px color-mix(in srgb, var(--color-shadow) 50%, transparent)}html.dark .modal-panel:has(.settings-unified-modal){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 28px 72px color-mix(in srgb, var(--color-shadow) 50%, transparent)}:root[data-theme=dark] .modal-panel-hoppla .modal-hoppla-body,:root[data-theme=dark] .settings-unified-modal-body,:root.dark .modal-panel-hoppla .modal-hoppla-body,:root.dark .settings-unified-modal-body,html.dark .modal-panel-hoppla .modal-hoppla-body,html.dark .settings-unified-modal-body{border-color:var(--color-border);background:var(--color-surface-secondary)}@media (width<=520px){:is(.modal-backdrop:has(.modal-panel-hoppla),.modal-backdrop:has(.settings-unified-modal)){align-items:end;padding:.75rem}.modal-panel.modal-panel-hoppla{border-radius:1.1rem;width:100%;max-height:calc(100dvh - 1.5rem)}.modal-panel:has(.settings-unified-modal){border-radius:1.1rem;width:100%;max-height:calc(100dvh - 1.5rem)}.modal-hoppla-head,.settings-unified-modal-head{padding:1.2rem 3.7rem 1rem 1.2rem}.modal-panel-hoppla .modal-hoppla-body,.settings-unified-modal-body{padding:.9rem 1.2rem calc(1rem + env(safe-area-inset-bottom))}.modal-panel-hoppla:has(>.modal-floating-close) .modal-hoppla-body{padding:.9rem 1.2rem calc(1rem + env(safe-area-inset-bottom))}.modal-panel-hoppla .settings-confirm-actions,.settings-unified-modal .settings-confirm-actions,.modal-panel-hoppla .row.gap-sm{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.modal-panel-hoppla .btn,.settings-unified-modal .btn{transition:none}}.modal-panel-hoppla :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not(.code-verify-input):not(.code-verify-slot),select,textarea),.settings-unified-modal :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=range]):not(.code-verify-input):not(.code-verify-slot),select,textarea){width:100%;min-height:3rem;font-family:var(--hoppla-font-sans);letter-spacing:0;text-transform:none;font-size:.94rem;font-weight:500;transition:border-color .16s,box-shadow .16s,background-color .16s;border:1px solid var(--hoppla-border)!important;background:var(--hoppla-surface)!important;color:var(--hoppla-text)!important;box-shadow:none!important;border-radius:.75rem!important;padding:.72rem .9rem!important}.modal-panel-hoppla :is(input,select,textarea):focus-visible,.settings-unified-modal :is(input,select,textarea):focus-visible{outline:none;border-color:var(--brand)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent)!important}.modal-panel-hoppla .code-verify-slot,.settings-unified-modal .code-verify-slot{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);color:var(--hoppla-text);box-shadow:none;border-radius:.7rem}.modal-panel-hoppla .code-verify-slot:focus,.settings-unified-modal .code-verify-slot:focus{border-color:var(--brand);background:var(--hoppla-surface);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent);transform:none}.modal-panel-hoppla .code-verify-slot.is-filled,.settings-unified-modal .code-verify-slot.is-filled{border-color:color-mix(in srgb, var(--brand) 38%, var(--hoppla-border));background:color-mix(in srgb, var(--brand) 7%, var(--hoppla-surface))}.modal-panel-hoppla label>span,.settings-unified-modal label>span,.modal-panel-hoppla .label,.settings-unified-modal .label{font-family:var(--hoppla-font-sans);line-height:1.35;color:var(--hoppla-text-soft)!important;letter-spacing:0!important;text-transform:none!important;font-size:.82rem!important;font-weight:700!important}.modal-panel-hoppla :is(.qr-download-section-divider,.payment-confirmation-burst),.settings-unified-modal .qr-download-section-divider,.modal-panel-hoppla :is(.folder-create-modal-icon,.public-home-exit-dialog-icon,.organization-frozen-icon,.payment-confirmation-icon,.qr-download-settings-head>.settings-section-icon){display:none}.modal-panel-hoppla :is(.folder-create-modal,.qr-action-modal,.public-home-exit-dialog,.organization-frozen-notice,.payment-confirmation-modal),.settings-unified-modal :is(form,.stack-sm,.settings-recovery-result){min-width:0;box-shadow:none;background:0 0;border:0;gap:1rem;padding:0}.modal-panel-hoppla :is(.qr-action-modal-card,.qr-download-settings-meta,.qr-download-settings-note,.settings-danger-card,.payment-confirmation-card,.organization-frozen-deadline),.settings-unified-modal :is(.qr-download-settings-meta,.qr-download-settings-note,.settings-recovery-notice){border:1px solid var(--hoppla-border)!important;background:var(--hoppla-surface)!important;box-shadow:none!important;border-radius:.75rem!important}.modal-panel-hoppla :is(.qr-download-settings-note,.payment-confirmation-card),.settings-unified-modal :is(.qr-download-settings-note,.settings-recovery-notice){gap:.35rem;padding:.85rem .95rem;display:grid}.modal-panel-hoppla :is(.qr-download-settings-note,.payment-confirmation-card) p,.settings-unified-modal :is(.qr-download-settings-note,.settings-recovery-notice) p{color:var(--hoppla-text-soft);margin:0;font-size:.86rem;line-height:1.5}.modal-panel-hoppla .qr-download-choice-button:not(.btn){border:1px solid var(--brand);min-height:2.8rem;color:var(--brand);box-shadow:none;font:inherit;cursor:pointer;background:0 0;border-radius:.75rem;padding:.72rem 1rem;font-size:.86rem;font-weight:750;transition:background-color .16s,border-color .16s,color .16s,transform .16s}.modal-panel-hoppla .qr-download-choice-button:not(.btn):hover:enabled,.modal-panel-hoppla .qr-download-choice-button:not(.btn):focus-visible{border-color:var(--brand);background:var(--brand);color:var(--color-on-accent);transform:translateY(-1px)}.modal-panel-hoppla .qr-download-choice-button:not(.btn):disabled{cursor:not-allowed;opacity:.52}.modal-panel-hoppla .qr-delete-warning-card{justify-self:start;width:fit-content;max-width:100%;padding:.7rem .85rem;border-color:color-mix(in srgb, var(--color-danger) 38%, var(--hoppla-border))!important;background:color-mix(in srgb, var(--color-danger) 6%, var(--hoppla-surface))!important}.modal-panel-hoppla .qr-delete-confirm-check{width:auto;max-width:100%;color:var(--color-danger)}.modal-panel-hoppla .qr-delete-confirm-check input[type=checkbox]{accent-color:var(--color-danger);flex:none}.modal-panel-hoppla .qr-delete-confirm-check>span{line-height:1.4;color:var(--color-danger)!important}.modal-panel-hoppla .qr-delete-actions .qr-delete-backup-button{grid-column:1/-1}.app-shell,.app-shell:before,.app-shell:after,.app-shell *,.app-shell :before,.app-shell :after,.modal-backdrop,.modal-backdrop:before,.modal-backdrop:after,.modal-backdrop *,.modal-backdrop :before,.modal-backdrop :after{box-sizing:border-box}.app-shell,.app-stage,.app-main{min-width:0;max-width:100%}.app-shell{width:100%;overflow-x:clip}.app-main>:where(.dashboard-qr-content,.app-control-page,.resource-detail-page,.qr-analytics-page,.folders-page,.folders-quest-page,.folders-vault-page,.billing-page-shell,.settings-page-shell,.connected-creation-workspace,.create-choice-control-page){min-width:0;max-width:100%}.app-shell :where(img,video,canvas){max-width:100%}.app-shell :where(input,select,textarea){min-width:0;max-width:100%}@media (width<=980px){.app-stage{width:100%;overflow-x:clip;margin-inline:0!important}.app-main{box-sizing:border-box;width:100%;max-width:100%;padding-right:max(.85rem, env(safe-area-inset-right));padding-left:max(.85rem, env(safe-area-inset-left));margin-inline:0;overflow-x:clip}.app-main>:where(.dashboard-qr-content,.app-control-page,.resource-detail-page,.qr-analytics-page,.folders-page,.folders-quest-page,.folders-vault-page,.billing-page-shell,.settings-page-shell,.connected-creation-workspace,.create-choice-control-page){width:100%;margin-left:0;margin-right:0}.app-page-header,.app-page-actions,.settings-hero,.folders-quest-topbar,.resource-detail-hero,.qr-analytics-hero{min-width:0;max-width:100%}.settings-data-table-wrap,.table-wrap{overscroll-behavior-inline:contain;max-width:100%}.modal-panel{max-width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem)}}@media (width<=767px){.app-main{padding-right:max(.75rem, env(safe-area-inset-right));padding-left:max(.75rem, env(safe-area-inset-left))}.app-page-header{grid-template-columns:minmax(0,1fr);gap:.8rem;width:100%}.app-page-title,.settings-hero-copy h1,.folders-quest-topbar h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(1.75rem,9vw,2.25rem)}.app-page-actions,.app-page-actions>.app-page-actions,.qr-list-toolbar{width:100%;min-width:0}.qr-list-toolbar{grid-template-columns:minmax(0,1fr) auto;display:grid}.qr-list-page .app-page-actions>.app-page-actions,.short-links-page .app-page-actions>.app-page-actions{align-items:stretch}.resource-detail-identity,.resource-detail-panel,.qr-analytics-hero-copy,.settings-card,.settings-overview-card,.settings-plan-card,.pricing-plans-card,.folders-vault-panel{min-width:0;max-width:100%}.resource-detail-identity h1,.resource-detail-identity>button,.resource-detail-destination,.qr-analytics-link,.folders-vault-link-card,.folders-vault-asset-row{overflow-wrap:anywhere}.resource-detail-form-actions,.settings-plan-hoppla-actions,.settings-plan-footer-actions,.billing-country-modal-actions,.folder-create-modal-actions{width:100%}.modal-backdrop{padding:max(.5rem, env(safe-area-inset-top)) max(.5rem, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left))}.modal-panel,.modal-panel.modal-panel-hoppla{width:100%;max-width:42rem;max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal-panel:has(.settings-unified-modal){width:100%;max-width:42rem;max-height:calc(100dvh - 1rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}@media (width<=420px){.app-main{padding-right:max(.625rem, env(safe-area-inset-right));padding-left:max(.625rem, env(safe-area-inset-left))}.qr-list-toolbar{grid-template-columns:minmax(0,1fr) 2.8rem;gap:.45rem}.resource-detail-form-actions,.folder-create-modal-actions{grid-template-columns:minmax(0,1fr)}.resource-detail-form-actions>*,.folder-create-modal-actions>*{width:100%}}.qr-list-sort-icon-mobile{display:none}@media (width<=767px){.qr-list-sort-control{width:2.8rem;min-width:2.8rem;height:var(--hoppla-control-height)}.qr-list-sort-control .qr-list-sort-icon-desktop{display:none}.qr-list-sort-control .qr-list-sort-icon-mobile{z-index:2;color:var(--hoppla-text);pointer-events:none;display:inline-block;left:50%;transform:translate(-50%)}.qr-list-sort-control select{min-width:2.8rem;height:var(--hoppla-control-height);appearance:none;text-indent:-9999px;color:#0000!important;width:2.8rem!important;max-width:2.8rem!important;padding:0!important;font-size:0!important}.qr-list-sort-control select option{color:var(--hoppla-text);background:var(--hoppla-surface-strong);text-indent:0;font-size:.94rem}}.short-link-delete-dialog{gap:1rem;min-width:0;display:grid}.short-link-delete-identity{border:1px solid var(--hoppla-border);background:var(--hoppla-surface);border-radius:.9rem;grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.85rem;min-width:0;padding:.9rem;display:grid}.short-link-delete-icon{background:color-mix(in srgb, var(--danger,var(--color-danger)) 10%, var(--hoppla-surface));width:3rem;height:3rem;color:var(--danger,var(--color-danger));border-radius:.8rem;place-items:center;display:grid}.short-link-delete-icon svg{width:1.35rem;height:1.35rem}.short-link-delete-identity h3,.short-link-delete-identity p,.short-link-delete-warning{margin:0}.short-link-delete-identity h3{overflow-wrap:anywhere;color:var(--hoppla-text);font-size:1rem}.short-link-delete-identity p{overflow-wrap:anywhere;color:var(--hoppla-text-soft);margin-top:.25rem;font-size:.8rem}.short-link-delete-warning{border-left:3px solid var(--danger,var(--color-danger));background:color-mix(in srgb, var(--danger,var(--color-danger)) 6%, var(--hoppla-surface));color:var(--hoppla-text-soft);border-radius:.65rem;padding:.8rem .9rem;font-size:.84rem;line-height:1.5}.short-link-delete-actions{width:100%}@media (width<=420px){.short-link-delete-identity{grid-template-columns:2.65rem minmax(0,1fr);padding:.75rem}.short-link-delete-icon{width:2.65rem;height:2.65rem}.short-link-delete-actions{grid-template-columns:minmax(0,1fr);display:grid}.short-link-delete-actions .btn{width:100%}}.brand-artwork-shell{isolation:isolate;position:relative}.brand-artwork-shell:before{content:"";z-index:0;opacity:1;pointer-events:none;background-image:url(/assets/qrcode-hoppla-backgroundv2-ubQ6hssu.png);background-position:50% clamp(-50rem,-42vw,-17rem);background-repeat:no-repeat;background-size:100%;position:absolute;inset:0}.brand-artwork-shell.brand-artwork-create-shell:before,:root.home-creation-artwork .brand-artwork-shell:before{background-image:url(/assets/qrcode-hoppla-background-transparent-create-hq-Bvcwot7L.png)}.public-site-shell.brand-artwork-shell>.content,.public-site-shell.brand-artwork-shell>.public-footer{z-index:1;position:relative}.app-shell.brand-artwork-shell>*{z-index:1}.public-site-shell>.public-footer{z-index:1;width:100%;max-width:none;margin-bottom:calc(-1 * var(--hoppla-footer-safe));padding-bottom:var(--hoppla-footer-safe);background:var(--hoppla-bg)}.auth-panel button:not(:disabled),.auth-panel a[href],.auth-panel .auth-checkbox{cursor:pointer}.auth-panel .auth-submit-button,.auth-panel .auth-secondary-button,.auth-panel .auth-existing-account-primary,.auth-panel .auth-existing-account-secondary{--auth-action-accent:var(--color-brand);--auth-action-on-accent:var(--color-on-accent);--auth-action-rest-bg:transparent;--auth-action-rest-border:var(--color-brand);--auth-action-rest-text:var(--color-brand);--auth-action-rest-shadow:var(--button-qr-glow-rest);--auth-action-hover-shadow:var(--button-qr-glow-hover);isolation:isolate;border:1px solid var(--auth-action-rest-border);background:var(--auth-action-rest-bg);color:var(--auth-action-rest-text);box-shadow:var(--auth-action-rest-shadow);border-radius:.5rem;transition:color .18s,border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden}.auth-panel .auth-submit-button:before,.auth-panel .auth-secondary-button:before,.auth-panel .auth-existing-account-primary:before,.auth-panel .auth-existing-account-secondary:before{z-index:-1;background:var(--auth-action-accent);content:"";transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-102%)}.auth-panel .auth-submit-button:hover:not(:disabled),.auth-panel .auth-submit-button:focus-visible:not(:disabled),.auth-panel .auth-secondary-button:hover:not(:disabled),.auth-panel .auth-secondary-button:focus-visible:not(:disabled),.auth-panel .auth-existing-account-primary:hover,.auth-panel .auth-existing-account-primary:focus-visible,.auth-panel .auth-existing-account-secondary:hover,.auth-panel .auth-existing-account-secondary:focus-visible{color:var(--auth-action-on-accent);border-color:var(--auth-action-accent);box-shadow:var(--auth-action-hover-shadow);transform:translateY(-1px)}.auth-panel .auth-submit-button:hover:not(:disabled):before,.auth-panel .auth-submit-button:focus-visible:not(:disabled):before,.auth-panel .auth-secondary-button:hover:not(:disabled):before,.auth-panel .auth-secondary-button:focus-visible:not(:disabled):before,.auth-panel .auth-existing-account-primary:hover:before,.auth-panel .auth-existing-account-primary:focus-visible:before,.auth-panel .auth-existing-account-secondary:hover:before,.auth-panel .auth-existing-account-secondary:focus-visible:before{transform:translate(0)}.auth-panel .auth-submit-button:focus-visible,.auth-panel .auth-secondary-button:focus-visible,.auth-panel .auth-existing-account-primary:focus-visible,.auth-panel .auth-existing-account-secondary:focus-visible,.auth-panel .auth-password-toggle:focus-visible,.auth-panel .auth-inline-link:focus-visible,.auth-panel .auth-switch-link:focus-visible{outline:3px solid color-mix(in srgb, var(--auth-action-accent,var(--brand)) 30%, transparent);outline-offset:3px}.auth-panel .auth-submit-button:disabled,.auth-panel .auth-secondary-button:disabled{cursor:not-allowed;transform:none}.auth-panel .auth-submit-button[aria-busy=true]:disabled,.auth-panel .auth-secondary-button[aria-busy=true]:disabled{cursor:wait}.auth-panel .auth-submit-button[aria-busy=true]:after,.auth-panel .auth-secondary-button[aria-busy=true]:after{content:"";vertical-align:-.12rem;border:2px solid;border-right-color:#0000;border-radius:999px;width:.85rem;height:.85rem;margin-left:.65rem;animation:.7s linear infinite auth-action-spin;display:inline-block}.auth-panel .auth-inline-link,.auth-panel .auth-switch-link{color:var(--color-product-qr);text-decoration:none;display:inline-block;position:relative}.auth-panel .auth-inline-link:after,.auth-panel .auth-switch-link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .22s;position:absolute;bottom:-.18rem;left:0;right:0;transform:scaleX(0)}.auth-panel .auth-inline-link:hover:after,.auth-panel .auth-inline-link:focus-visible:after,.auth-panel .auth-switch-link:hover:after,.auth-panel .auth-switch-link:focus-visible:after{transform:scaleX(1)}.auth-panel .auth-password-toggle:hover{background:color-mix(in srgb, var(--brand) 10%, transparent);color:var(--brand)}:is(:root[data-theme=dark],:root.dark,html.dark) .auth-panel :is(.auth-submit-button,.auth-secondary-button,.auth-existing-account-primary,.auth-existing-account-secondary){border-color:var(--color-brand);color:var(--color-on-accent);box-shadow:var(--button-qr-glow-rest);background:0 0}:is(:root[data-theme=dark],:root.dark,html.dark) .auth-panel :is(.auth-submit-button,.auth-secondary-button,.auth-existing-account-primary,.auth-existing-account-secondary):is(:hover,:focus-visible):not(:disabled){border-color:var(--color-brand);color:var(--color-on-accent);box-shadow:var(--button-qr-glow-hover)}:is(:root[data-theme=dark],:root.dark,html.dark) .auth-panel :is(.auth-inline-link,.auth-switch-link){color:var(--color-on-accent)}:is(:root[data-theme=dark],:root.dark,html.dark) .auth-panel :is(.auth-inline-link,.auth-switch-link):is(:hover,:focus-visible){color:var(--color-product-qr-glow)}.auth-panel .form-error{border:1px solid color-mix(in srgb, var(--danger) 28%, var(--hoppla-border));border-left:3px solid var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--hoppla-surface));color:color-mix(in srgb, var(--danger) 88%, var(--hoppla-text));font-weight:650;line-height:1.5}@keyframes auth-action-spin{to{transform:rotate(360deg)}}@media (width<=680px){.brand-artwork-shell:before{background-position:50% -15rem}.public-site-shell-home-intro.brand-artwork-shell:before{background-position:50% calc(22rem - 50vw)}}@media (prefers-reduced-motion:reduce){.auth-panel .auth-submit-button,.auth-panel .auth-secondary-button,.auth-panel .auth-existing-account-primary,.auth-panel .auth-existing-account-secondary,.auth-panel .auth-submit-button:before,.auth-panel .auth-secondary-button:before,.auth-panel .auth-existing-account-primary:before,.auth-panel .auth-existing-account-secondary:before,.auth-panel .auth-inline-link:after,.auth-panel .auth-switch-link:after{transition:none}}@media (width>=1920px) and (height>=1000px){:root{--page-gutter:clamp(2.25rem, 2vw, 4.5rem);--content-max:min(78vw, 150rem);font-size:clamp(16px,13px + .3vmin,20px)}.app-main{--app-primary-heading-offset:clamp(1.75rem, 2vh, 2.5rem);--app-primary-content-gap:clamp(2rem, 2.4vh, 3rem)}}@media (width>=4600px) and (height>=1000px){:root{--content-max:min(64vw, 190rem)}}.modal-panel:has(.public-home-exit-dialog){--public-home-exit-dialog-inline:1.25rem}.modal-panel:has(.public-home-exit-dialog) :is(.modal-head,.modal-hoppla-head){padding:1.65rem 4rem 1.1rem var(--public-home-exit-dialog-inline)}.modal-panel:has(.public-home-exit-dialog) .modal-floating-close{top:1.25rem;right:1.25rem}.modal-panel:has(.public-home-exit-dialog) .public-home-exit-dialog-error{margin-inline:var(--public-home-exit-dialog-inline)}.modal-panel:has(.public-home-exit-dialog) .public-home-exit-dialog-actions{padding-inline:var(--public-home-exit-dialog-inline)}@media (width<=560px){.modal-panel:has(.public-home-exit-dialog){--public-home-exit-dialog-inline:1rem}.modal-panel:has(.public-home-exit-dialog) :is(.modal-head,.modal-hoppla-head){padding:1.4rem 3.7rem 1rem var(--public-home-exit-dialog-inline)}.modal-panel:has(.public-home-exit-dialog) .modal-floating-close{top:1.05rem;right:1rem}}html,body,#root{background-color:var(--color-canvas);color:var(--color-text)}body{background:radial-gradient(circle at 15% 4%, rgb(var(--rgb-product-qr-accent) / 8%), transparent 34rem), var(--color-canvas)}:where(.card,.panel,.modal-card,.dialog-card,.popover,.dropdown-menu,.auth-card,.settings-card,.dashboard-card,.workspace-card,.table-shell,.qr-studio-card,.short-link-card){border-color:var(--color-border);background-color:var(--color-surface-raised);color:var(--color-text)}:where(.subtle-panel,.empty-state,.form-section,.upload-zone,.table-toolbar,.pagination,.tooltip,.toast){border-color:var(--color-border);background-color:var(--color-surface-secondary);color:var(--color-text)}:where(h1,h2,h3,h4,h5,h6,legend,label,strong){color:var(--color-text)}:where(p,small,.muted,.helper-text,.description,.subtitle){color:var(--color-text-muted)}:where(input,textarea,select){border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text)}:where(input,textarea)::placeholder,:where(.auth-shell,.auth-card,.settings-page-shell,.qr-page-shell,.dashboard-studio-shell,.link-studio-page) :is(input,textarea)::placeholder{color:color-mix(in srgb, var(--color-text-muted) 92%, var(--color-surface));opacity:1}.auth-screen-panel .auth-input::placeholder,.settings-page-shell :is(input,textarea)::placeholder,.qr-page-shell :is(input,textarea)::placeholder,.dashboard-studio-shell :is(input,textarea)::placeholder,.link-studio-page :is(input,textarea)::placeholder{opacity:1;color:color-mix(in srgb, var(--color-text-muted) 92%, var(--color-surface))!important}.app-error-fallback{z-index:10000;background:var(--color-canvas);min-height:100dvh;color:var(--color-text);place-items:center;padding:clamp(1rem,4vw,2rem);display:grid;position:fixed;inset:0;overflow:auto}.app-error-card{border-color:var(--color-border);border-radius:var(--hoppla-card-radius);background:var(--color-surface-raised);width:min(100%,34rem);color:var(--color-text);box-shadow:var(--hoppla-panel-shadow);text-align:center;gap:1rem;padding:clamp(1.5rem,5vw,2.5rem);display:grid}.app-error-card h1,.app-error-card p{margin:0}.app-error-card h1{color:var(--color-text);font-family:var(--hoppla-font-title)}.app-error-card p{color:var(--color-text-muted)}.app-error-actions{justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.app-error-actions .btn{min-width:9.5rem;text-decoration:none}.app-error-technical{border-top:1px solid var(--color-border);color:var(--color-text-muted);text-align:left;padding-top:1rem}.app-error-technical summary{cursor:pointer;font-weight:800}.app-error-technical pre{white-space:pre-wrap;word-break:break-word;max-height:12rem;overflow:auto}@media (width<=520px){.app-error-actions{flex-direction:column}.app-error-actions .btn{width:100%}}:root[data-theme=light] :is(.input,textarea)::placeholder,:root[data-theme=dark] :is(.input,textarea)::placeholder,:root.light :is(.input,textarea)::placeholder,:root.dark :is(.input,textarea)::placeholder,html.light :is(.input,textarea)::placeholder,html.dark :is(.input,textarea)::placeholder{opacity:1;color:color-mix(in srgb, var(--color-text-muted) 92%, var(--color-surface))!important}:where(button,[role=button],a,input,textarea,select,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}:where(button,input,select,textarea):disabled,:where([role=button][aria-disabled=true]){border-color:var(--button-disabled-border);background-color:var(--button-disabled-bg);color:var(--button-disabled-text);box-shadow:none;cursor:not-allowed;opacity:1}:where(.error,.field-error,.form-error,[role=alert].is-error){color:var(--color-danger)}:where(.success,.field-success,.form-success,[role=status].is-success){color:var(--color-success)}:where(.warning,.field-warning,[role=alert].is-warning){color:var(--color-warning)}:where(.info,[role=status].is-info){color:var(--color-info)}:where(.short-link-action,[data-product=short-link]){--focus-ring:var(--button-link-focus)}:where(.qr-action,[data-product=qr]){--focus-ring:var(--button-qr-focus)}.pricing-plans-card{border-color:color-mix(in srgb, var(--pricing-plan-accent) 72%, var(--color-border));background:color-mix(in srgb, var(--pricing-plan-accent) 7%, var(--color-surface))}.pricing-plans-cardTopInner,.pricing-plans-cardTitle,.pricing-plans-cardTag,.pricing-plans-cardPrice,.pricing-plans-cardPriceSecondary,.pricing-plans-cardPayLabel,.pricing-plans-cardBadge{color:var(--color-on-plan)}.pricing-plans-cardBadge{border-color:color-mix(in srgb, var(--color-on-plan) 18%, transparent);background:color-mix(in srgb, var(--color-on-plan) 10%, transparent)}.pricing-plans-cardBody{border-top-color:color-mix(in srgb, var(--pricing-plan-accent) 30%, var(--color-border));background:var(--color-surface-raised)}.pricing-plans-cardListItem{color:var(--color-text)}.pricing-plans-cardNote{border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-muted)}.pricing-plans-cardGiftText{border-color:color-mix(in srgb, var(--color-danger) 34%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface));color:var(--color-danger)}:root[data-theme=dark] .pricing-plans-card,:root.dark .pricing-plans-card,html.dark .pricing-plans-card{border-color:color-mix(in srgb, var(--pricing-plan-accent) 74%, transparent);background:color-mix(in srgb, var(--pricing-plan-accent) 14%, var(--color-surface));box-shadow:0 0 20px color-mix(in srgb, var(--pricing-plan-accent) 18%, transparent)}.theme-onboarding-backdrop{-webkit-backdrop-filter:none!important;pointer-events:auto!important;cursor:not-allowed!important;background:0 0!important}.theme-onboarding-backdrop .modal-panel,.theme-onboarding-backdrop .modal-panel:before,.theme-onboarding-backdrop .modal-panel:after,.theme-onboarding-backdrop .modal-panel *,.theme-onboarding-backdrop .modal-panel :before,.theme-onboarding-backdrop .modal-panel :after{cursor:default!important}.theme-onboarding-backdrop :is(button,[role=radio]){cursor:pointer!important}.theme-onboarding-backdrop.is-attention-a .modal-panel{animation:1.1s ease-out theme-onboarding-attention-a}.theme-onboarding-backdrop.is-attention-b .modal-panel{animation:1.1s ease-out theme-onboarding-attention-b}@keyframes theme-onboarding-attention-a{0%,30%,60%,to{border-color:color-mix(in srgb, var(--color-border) 82%, transparent);outline-offset:0;box-shadow:0 24px 64px color-mix(in srgb, var(--color-shadow) 18%, transparent);outline:0 solid #0000}15%,45%{border-color:var(--color-warning);outline:3px solid var(--color-warning);outline-offset:3px;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-warning) 70%, transparent), 0 0 28px color-mix(in srgb, var(--color-warning) 46%, transparent), 0 24px 64px color-mix(in srgb, var(--color-shadow) 18%, transparent)}}@keyframes theme-onboarding-attention-b{0%,30%,60%,to{border-color:color-mix(in srgb, var(--color-border) 82%, transparent);outline-offset:0;box-shadow:0 24px 64px color-mix(in srgb, var(--color-shadow) 18%, transparent);outline:0 solid #0000}15%,45%{border-color:var(--color-warning);outline:3px solid var(--color-warning);outline-offset:3px;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-warning) 70%, transparent), 0 0 28px color-mix(in srgb, var(--color-warning) 46%, transparent), 0 24px 64px color-mix(in srgb, var(--color-shadow) 18%, transparent)}}.modal-panel:has(.theme-onboarding){width:min(36rem,100vw - 2rem)}.theme-onboarding{--theme-onboarding-accent:var(--color-info);--theme-onboarding-selected-border:var(--color-info);gap:1.1rem;display:grid}.theme-onboarding-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.theme-onboarding-option{border:1px solid var(--color-border);background:var(--color-surface-secondary);min-height:7.5rem;color:var(--color-text);text-align:left;cursor:pointer;border-radius:.9rem;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.8rem;padding:1rem;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative}.theme-onboarding-option:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-surface-raised);transform:translateY(-1px)}.theme-onboarding-option.is-selected{border-color:var(--theme-onboarding-selected-border);background:color-mix(in srgb, var(--theme-onboarding-accent) 10%, var(--color-surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--theme-onboarding-accent) 24%, transparent)}.theme-onboarding-option:focus-visible{outline:3px solid var(--theme-onboarding-accent);outline-offset:3px}.theme-onboarding-option:disabled{cursor:wait}.theme-onboarding-icon{background:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--theme-onboarding-accent);border-radius:50%;place-items:center;display:grid}.theme-onboarding-icon svg{width:1.35rem;height:1.35rem}.theme-onboarding-option strong,.theme-onboarding-option small{display:block}.theme-onboarding-option strong{color:var(--color-text);margin-bottom:.3rem;font-size:.98rem}.theme-onboarding-option small{color:var(--color-text-muted);font-size:.78rem;line-height:1.45}.theme-onboarding-default{color:var(--theme-onboarding-accent);letter-spacing:.04em;text-transform:uppercase;font-size:.66rem;font-weight:800;position:absolute;top:.65rem;right:.65rem}.theme-onboarding-confirm{justify-self:end;min-width:10.5rem}:root[data-theme=dark] .theme-onboarding-option.is-selected,:root.dark .theme-onboarding-option.is-selected,html.dark .theme-onboarding-option.is-selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--theme-onboarding-accent) 30%, transparent), 0 0 18px color-mix(in srgb, var(--theme-onboarding-accent) 14%, transparent)}:is(:root[data-theme=dark],:root.dark,html.dark) .theme-onboarding{--theme-onboarding-accent:var(--color-product-qr-glow);--theme-onboarding-selected-border:var(--color-brand)}@media (width<=560px){.theme-onboarding-options{grid-template-columns:minmax(0,1fr)}.theme-onboarding-option{min-height:6.5rem}.theme-onboarding-confirm{width:100%}}.modal-panel:has(.hoppla-welcome-offer){width:min(48rem,100vw - 2rem);max-height:min(92vh,54rem)}.hoppla-welcome-offer{gap:1rem;min-width:0;display:grid}.hoppla-welcome-offer-intro{border:1px solid color-mix(in srgb, var(--color-brand) 28%, var(--color-border));background:color-mix(in srgb, var(--color-brand) 7%, var(--color-surface));border-radius:.9rem;grid-template-columns:2.5rem minmax(0,1fr);align-items:center;gap:.8rem;padding:.85rem 1rem;display:grid}.hoppla-welcome-offer-intro svg{width:2rem;height:2rem;color:var(--color-brand)}.hoppla-welcome-offer-intro p,.hoppla-welcome-offer-question,.hoppla-welcome-offer-sent p,.hoppla-welcome-offer-confirm p{color:var(--color-text);margin:0;line-height:1.55}.hoppla-welcome-comparison{border:1px solid var(--color-border);background:var(--color-surface);border-radius:1rem;overflow:hidden}.hoppla-welcome-comparison table{border-collapse:collapse;table-layout:fixed;width:100%}.hoppla-welcome-comparison th,.hoppla-welcome-comparison td{border-bottom:1px solid var(--color-border);color:var(--color-text);text-align:center;overflow-wrap:anywhere;padding:.72rem .75rem;font-size:.82rem;line-height:1.35}.hoppla-welcome-comparison thead th{background:var(--color-surface-secondary);color:var(--color-text-muted);letter-spacing:.055em;font-size:.7rem;font-weight:850}.hoppla-welcome-comparison thead th:last-child{background:color-mix(in srgb, var(--color-brand) 10%, var(--color-surface-secondary));color:var(--color-brand)}.hoppla-welcome-comparison th:first-child{text-align:left;width:31%}.hoppla-welcome-comparison th:nth-child(2),.hoppla-welcome-comparison td:nth-child(2){width:19%}.hoppla-welcome-comparison th:nth-child(3),.hoppla-welcome-comparison td:nth-child(3){width:7%;padding-inline:.2rem}.hoppla-welcome-comparison th:last-child,.hoppla-welcome-comparison td:last-child{width:43%}.hoppla-welcome-comparison tbody th{font-weight:750}.hoppla-welcome-comparison tbody td:last-child{background:color-mix(in srgb, var(--color-brand) 5%, var(--color-surface));color:var(--color-brand);font-weight:850}.hoppla-welcome-comparison tbody tr:last-child>*{border-bottom:0}.hoppla-welcome-comparison-arrow svg{width:1rem;height:1rem;color:var(--color-brand)}.hoppla-welcome-offer-question{text-align:center;font-weight:800}.hoppla-welcome-offer-actions{justify-content:flex-end;gap:.75rem;display:flex}.hoppla-welcome-offer-decline{min-height:2.75rem;color:var(--color-text-muted);font:inherit;text-underline-offset:.2rem;cursor:pointer;background:0 0;border:0;justify-self:center;padding:.55rem .75rem;font-size:.78rem;text-decoration:underline}.hoppla-welcome-offer-decline:hover:not(:disabled){color:var(--color-danger)}.hoppla-welcome-offer-decline:focus-visible{outline:3px solid var(--color-brand);outline-offset:2px;border-radius:.35rem}@media (width<=560px){.modal-panel:has(.hoppla-welcome-offer){width:min(100% - 1rem,38rem);max-height:calc(100dvh - 1rem)}.hoppla-welcome-offer{gap:.8rem}.hoppla-welcome-offer-intro{grid-template-columns:2rem minmax(0,1fr);padding:.72rem}.hoppla-welcome-offer-intro svg{width:1.55rem;height:1.55rem}.hoppla-welcome-comparison th,.hoppla-welcome-comparison td{padding:.55rem .35rem;font-size:.7rem}.hoppla-welcome-comparison thead th{letter-spacing:.025em;font-size:.61rem}.hoppla-welcome-comparison th:first-child{width:29%}.hoppla-welcome-comparison th:nth-child(2),.hoppla-welcome-comparison td:nth-child(2){width:20%}.hoppla-welcome-comparison th:last-child,.hoppla-welcome-comparison td:last-child{width:44%}.hoppla-welcome-offer-actions{grid-template-columns:minmax(0,1fr);display:grid}.hoppla-welcome-offer-actions .btn{width:100%;min-height:2.75rem}}:root[data-theme=dark] .pricing-plans-cardBody,:root.dark .pricing-plans-cardBody,html.dark .pricing-plans-cardBody{background:var(--color-surface)}:root[data-theme=dark] :is(.pricing-plans-cardTopInner,.pricing-plans-cardTitle,.pricing-plans-cardTag,.pricing-plans-cardPrice,.pricing-plans-cardPriceSecondary,.pricing-plans-cardPayLabel,.pricing-plans-cardBadge),:root.dark :is(.pricing-plans-cardTopInner,.pricing-plans-cardTitle,.pricing-plans-cardTag,.pricing-plans-cardPrice,.pricing-plans-cardPriceSecondary,.pricing-plans-cardPayLabel,.pricing-plans-cardBadge),html.dark :is(.pricing-plans-cardTopInner,.pricing-plans-cardTitle,.pricing-plans-cardTag,.pricing-plans-cardPrice,.pricing-plans-cardPriceSecondary,.pricing-plans-cardPayLabel,.pricing-plans-cardBadge){color:var(--color-on-accent)}:root[data-theme=dark] .plans-leadStrong,:root.dark .plans-leadStrong,html.dark .plans-leadStrong{color:var(--color-text)}:root[data-theme=dark] .pricing-plans-card:is(:hover,:focus-within),:root.dark .pricing-plans-card:is(:hover,:focus-within),html.dark .pricing-plans-card:is(:hover,:focus-within){box-shadow:0 0 24px color-mix(in srgb, var(--pricing-plan-accent) 28%, transparent)}:root[data-theme=dark] .home-simple-action:before,:root.dark .home-simple-action:before,html.dark .home-simple-action:before{border-radius:inherit;inset:-1px}:root[data-theme=dark] .home-simple-action.is-short-link,:root.dark .home-simple-action.is-short-link,html.dark .home-simple-action.is-short-link{--home-action-rest-bg:transparent;--home-action-rest-text:var(--color-product-short-link);--home-action-rest-border:var(--color-product-short-link);--home-action-hover-bg:var(--color-product-short-link)}:root[data-theme=dark] .home-simple-action.is-qr-code,:root.dark .home-simple-action.is-qr-code,html.dark .home-simple-action.is-qr-code{--home-action-rest-bg:transparent;--home-action-rest-text:var(--color-product-qr);--home-action-rest-border:var(--color-product-qr);--home-action-hover-bg:var(--color-product-qr)}:root[data-theme=dark] .home-simple-title-qr-mark,:root.dark .home-simple-title-qr-mark,html.dark .home-simple-title-qr-mark{color:var(--color-product-qr)}:root[data-theme=dark] .home-simple-action:is(:hover,:focus-visible):not(:disabled),:root.dark .home-simple-action:is(:hover,:focus-visible):not(:disabled),html.dark .home-simple-action:is(:hover,:focus-visible):not(:disabled){border-color:var(--home-action-hover-bg);background:var(--home-action-rest-bg)}:root[data-theme=dark] .home-simple-action:is(:hover,:focus-visible):not(:disabled):before,:root.dark .home-simple-action:is(:hover,:focus-visible):not(:disabled):before,html.dark .home-simple-action:is(:hover,:focus-visible):not(:disabled):before{box-shadow:none;border:0}:root[data-theme=dark] .qh-home-header-frame.public-header-home :is(.qh-home-header-links a,.qh-home-header-secondary,.language-picker-button):is(:hover,:focus-visible),:root.dark .qh-home-header-frame.public-header-home :is(.qh-home-header-links a,.qh-home-header-secondary,.language-picker-button):is(:hover,:focus-visible),html.dark .qh-home-header-frame.public-header-home :is(.qh-home-header-links a,.qh-home-header-secondary,.language-picker-button):is(:hover,:focus-visible){text-shadow:0 0 10px rgb(var(--rgb-product-qr-accent) / 24%)}:root[data-theme=dark] .qh-home-header-frame.public-header-home .qh-home-header-primary:is(:hover,:focus-visible),:root.dark .qh-home-header-frame.public-header-home .qh-home-header-primary:is(:hover,:focus-visible),html.dark .qh-home-header-frame.public-header-home .qh-home-header-primary:is(:hover,:focus-visible){box-shadow:0 0 10px rgb(var(--rgb-product-qr-accent) / 20%), 0 8px 20px rgb(var(--rgb-product-qr) / 14%)}:where(.qr-canvas-white,.qr-preview-canvas,.qr-code-render-surface){background:var(--color-on-accent)}:root[data-theme=dark] :where(.primary-button,.button-primary,.btn-primary),:root.dark :where(.primary-button,.button-primary,.btn-primary),html.dark :where(.primary-button,.button-primary,.btn-primary){border-color:var(--color-product-qr-glow);background:var(--button-qr-hover-bg);color:var(--button-qr-hover-text);box-shadow:var(--button-qr-glow-rest)}:root[data-theme=dark] :where(.primary-button,.button-primary,.btn-primary):is(:hover,:focus-visible):not(:disabled),:root.dark :where(.primary-button,.button-primary,.btn-primary):is(:hover,:focus-visible):not(:disabled),html.dark :where(.primary-button,.button-primary,.btn-primary):is(:hover,:focus-visible):not(:disabled){box-shadow:var(--button-qr-glow-hover)}:root[data-theme=dark] :where(.danger-button,.button-danger,.btn-danger){border-color:color-mix(in srgb, var(--color-danger) 70%, transparent);background:color-mix(in srgb, var(--color-danger) 14%, transparent);color:var(--color-danger)}:root[data-theme=dark] .sidebar,:root.dark .sidebar,html.dark .sidebar{border-color:var(--color-border);background:var(--color-surface);box-shadow:18px 0 44px rgb(var(--rgb-canvas) / 42%)}:root[data-theme=dark] :is(.nav-link,.sidebar-collapse-button,.app-sidebar-account-button,.app-sidebar-account-option,.app-sidebar-workspace-button,.app-sidebar-utility-link,.sidebar-primary-button,.sidebar-secondary-button,.sidebar-support-link),:root.dark :is(.nav-link,.sidebar-collapse-button,.app-sidebar-account-button,.app-sidebar-account-option,.app-sidebar-workspace-button,.app-sidebar-utility-link,.sidebar-primary-button,.sidebar-secondary-button,.sidebar-support-link),html.dark :is(.nav-link,.sidebar-collapse-button,.app-sidebar-account-button,.app-sidebar-account-option,.app-sidebar-workspace-button,.app-sidebar-utility-link,.sidebar-primary-button,.sidebar-secondary-button,.sidebar-support-link){border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-muted);box-shadow:none}:root[data-theme=dark] :is(.nav-link,.sidebar-collapse-button,.sidebar-primary-button,.sidebar-secondary-button,.sidebar-support-link):hover,:root.dark :is(.nav-link,.sidebar-collapse-button,.sidebar-primary-button,.sidebar-secondary-button,.sidebar-support-link):hover,html.dark :is(.nav-link,.sidebar-collapse-button,.sidebar-primary-button,.sidebar-secondary-button,.sidebar-support-link):hover{border-color:var(--color-product-qr-accent);background:color-mix(in srgb, var(--color-product-qr-accent) 10%, var(--color-surface-secondary));color:var(--color-product-qr-glow);box-shadow:0 0 16px rgb(var(--rgb-product-qr-accent) / 14%)}:root[data-theme=dark] .nav-link-active,:root.dark .nav-link-active,html.dark .nav-link-active{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 9%, var(--color-surface-secondary));color:var(--color-success);box-shadow:0 0 16px color-mix(in srgb, var(--color-success) 16%, transparent)}:root[data-theme=dark] :is(.app-sidebar-account-card,.app-sidebar-account-card-organization),:root.dark :is(.app-sidebar-account-card,.app-sidebar-account-card-organization),html.dark :is(.app-sidebar-account-card,.app-sidebar-account-card-organization){border-color:var(--color-border);background:var(--color-surface-secondary);box-shadow:none}:root[data-theme=dark] :is(.app-sidebar-account-copy strong,.app-sidebar-account-option strong,.app-sidebar-workspace-button strong),:root.dark :is(.app-sidebar-account-copy strong,.app-sidebar-account-option strong,.app-sidebar-workspace-button strong),html.dark :is(.app-sidebar-account-copy strong,.app-sidebar-account-option strong,.app-sidebar-workspace-button strong){color:var(--color-text)}:root[data-theme=dark] :is(.app-sidebar-account-copy span,.app-sidebar-account-option span,.app-sidebar-workspace-button span,.app-sidebar-section-kicker),:root.dark :is(.app-sidebar-account-copy span,.app-sidebar-account-option span,.app-sidebar-workspace-button span,.app-sidebar-section-kicker),html.dark :is(.app-sidebar-account-copy span,.app-sidebar-account-option span,.app-sidebar-workspace-button span,.app-sidebar-section-kicker){color:var(--color-text-muted)}:root[data-theme=dark] .app-sidebar-account-avatar,:root.dark .app-sidebar-account-avatar,html.dark .app-sidebar-account-avatar{color:var(--color-on-plan)}:root[data-theme=dark] .sidebar-logout,:root.dark .sidebar-logout,html.dark .sidebar-logout{border-color:color-mix(in srgb, var(--color-danger) 72%, transparent);background:color-mix(in srgb, var(--color-danger) 8%, var(--color-surface-secondary));color:var(--color-danger);box-shadow:none}:root[data-theme=dark] .sidebar-logout:hover,:root.dark .sidebar-logout:hover,html.dark .sidebar-logout:hover{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-on-plan);box-shadow:0 0 16px color-mix(in srgb, var(--color-danger) 18%, transparent)}:root[data-theme=dark] :is(.sidebar-mobile-trigger,.app-mobile-menu-panel,.app-mobile-settings-header-menu,.app-mobile-topbar),:root.dark :is(.sidebar-mobile-trigger,.app-mobile-menu-panel,.app-mobile-settings-header-menu,.app-mobile-topbar),html.dark :is(.sidebar-mobile-trigger,.app-mobile-menu-panel,.app-mobile-settings-header-menu,.app-mobile-topbar){border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}:root[data-theme=dark] :is(.sidebar-mobile-backdrop,.app-mobile-menu-backdrop),:root.dark :is(.sidebar-mobile-backdrop,.app-mobile-menu-backdrop),html.dark :is(.sidebar-mobile-backdrop,.app-mobile-menu-backdrop){background:rgb(var(--rgb-canvas) / 72%)}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell{--settings-hoppla-white:var(--color-surface-raised);--settings-hoppla-bg:var(--color-canvas);--settings-hoppla-surface:var(--color-surface);--settings-hoppla-soft:var(--color-surface-secondary);--settings-hoppla-text:var(--color-text);--settings-hoppla-text-secondary:var(--color-text-muted);--settings-hoppla-text-muted:var(--color-text-muted);--settings-hoppla-border:var(--color-border);--settings-hoppla-border-strong:var(--color-border-strong);color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell :is(.settings-summary-card,.settings-card,.settings-overview-card,.settings-da-card,.settings-account-hero-card,.settings-account-side-card,.settings-plan-card,.settings-plan-card-glass,.settings-plan-stat-card,.settings-plan-features-card,.settings-account-meta-grid>div,.settings-data-table-wrap,.settings-invoices-table-wrap,.settings-sessions-table-wrap,.settings-privacy-table-wrap,.settings-mobile-card-table,.settings-invoices-empty,.settings-early-access-card,.settings-hoppla-id-card,.settings-security-card){border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 18px 42px rgb(var(--rgb-canvas) / 32%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell :is(.settings-security-stack,.settings-security-row,.settings-account-role-row,.settings-account-pref-row,.settings-plan-features-head,.settings-account-email-row,.settings-account-status-row,.settings-plan-hoppla-identity,.settings-plan-hoppla-state,.settings-account-role-stamp,.settings-plan-live-pill,.settings-plan-mini-progress,.settings-plan-progress,.settings-toggle-switch){border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text)!important;box-shadow:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell :is(.settings-hero h1,.settings-overview-hero h2,.settings-plan-hero h2,.settings-section-head h2,.settings-account-row-label,.settings-password-label,.settings-field span:first-child,.settings-account-card-head h3,.settings-overview-card-head h3,.settings-da-head h3,.settings-plan-title-row h3,.settings-plan-hoppla-head h3,.settings-plan-features-head h3,.settings-account-meta-grid strong,.settings-plan-stat-card strong,.settings-plan-feature-row strong,.settings-overview-card strong){color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell :is(.settings-hero p,.settings-overview-hero p,.settings-plan-hero p,.settings-section-head p,.settings-card p,.settings-account-role-row span,.settings-account-status-copy span,.settings-account-pref-copy span,.settings-account-pref-copy small,.settings-security-row small,.settings-plan-billing span,.settings-plan-billing small,.settings-plan-stat-card p,.settings-plan-stat-card small,.settings-plan-stat-head small,.settings-plan-card-main p,.settings-plan-hoppla-copy,.settings-plan-hoppla-helper,.settings-plan-hoppla-identity small,.settings-plan-feature-row small,.settings-note,.settings-muted-copy,.settings-field-hint,.settings-password-hint,.settings-invoices-empty span,.settings-table-muted,.settings-table-empty){color:var(--color-text-muted)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell .settings-subnav-link{border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important;box-shadow:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell .settings-subnav-link:hover{border-color:var(--color-product-qr-accent)!important;background:color-mix(in srgb, var(--color-product-qr-accent) 10%, var(--color-surface-secondary))!important;color:var(--color-product-qr-glow)!important;box-shadow:0 0 14px rgb(var(--rgb-product-qr-accent) / 12%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell .settings-subnav-link-active{border-color:var(--color-product-qr-accent)!important;background:color-mix(in srgb, var(--color-product-qr-accent) 12%, var(--color-surface-secondary))!important;color:var(--color-product-qr-glow)!important;box-shadow:0 0 16px rgb(var(--rgb-product-qr-accent) / 14%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell .settings-data-table thead th{background:var(--color-surface-secondary)!important;color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell .settings-data-table :is(th,td){border-bottom-color:var(--color-border)!important;color:var(--color-text-muted)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell .settings-data-table tbody tr:hover{background:color-mix(in srgb, var(--color-product-qr-accent) 7%, var(--color-surface))!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell .settings-danger-card{border-color:color-mix(in srgb, var(--color-danger) 46%, var(--color-border))!important;background:var(--color-surface-raised)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .dashboard-qr-list-item.qr-gallery-card{border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 14px 34px rgb(var(--rgb-canvas) / 34%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .dashboard-qr-list-item.qr-gallery-card:hover{border-color:color-mix(in srgb, var(--color-product-qr-accent) 54%, var(--color-border))!important;box-shadow:0 0 16px rgb(var(--rgb-product-qr-accent) / 10%), 0 18px 38px rgb(var(--rgb-canvas) / 38%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-card-title-row h4{color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-card-title-row .dashboard-qr-shortlink-button,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-card-action-copy,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-card-action-download{color:var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-card-meta{background:var(--color-surface-secondary);color:var(--color-text-muted)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-card-menu{border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-text)}.qr-stitch-preview-card{border-top:0!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.qr-stitch-preview-card,.qr-react-preview-card,.qr-react-preview-card-content-template,.qr-react-preview-card-structure-step){border-color:color-mix(in srgb, var(--color-product-qr-accent) 56%, var(--color-border))!important;background:var(--color-surface-raised)!important;box-shadow:0 20px 44px rgb(var(--rgb-canvas) / 38%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.qr-stitch-preview-card,.qr-react-preview-card,.qr-react-preview-card-content-template,.qr-react-preview-card-structure-step) h2{color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-stitch-preview-square{border-color:var(--color-border)!important;background:0 0!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-stitch-preview-status{border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text)!important}:is(:is(:root[data-theme=dark],:root.dark,html.dark) .modal-backdrop:has(.modal-panel-hoppla),:is(:root[data-theme=dark],:root.dark,html.dark) .modal-backdrop:has(.settings-unified-modal)){background:rgb(var(--rgb-canvas) / 78%)}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel.modal-panel-hoppla{border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 0 22px rgb(var(--rgb-product-qr-accent) / 10%), 0 30px 76px rgb(var(--rgb-canvas) / 58%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.settings-unified-modal){border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 0 22px rgb(var(--rgb-product-qr-accent) / 10%), 0 30px 76px rgb(var(--rgb-canvas) / 58%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.modal-hoppla-head-copy h2,.settings-unified-modal-head h2){color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.modal-hoppla-head-copy p,.settings-unified-modal-head p){color:var(--color-text-muted)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel-hoppla .modal-hoppla-body,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-unified-modal-body{border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel-hoppla:has(>.modal-floating-close) .modal-hoppla-body{background:0 0!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-download-settings-summary h3{color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-download-settings-summary p{color:var(--color-text-muted)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel-hoppla :is(.qr-action-modal-card,.qr-download-settings-meta,.qr-download-settings-note,.payment-confirmation-card,.organization-frozen-deadline),:is(:root[data-theme=dark],:root.dark,html.dark) .settings-unified-modal :is(.qr-download-settings-meta,.qr-download-settings-note,.settings-recovery-notice){border-color:var(--color-border)!important;background:var(--color-surface)!important}:is(.auth-submit-button,.pricing-plans-primaryBtn,.qr-generator-flow-next,.qr-content-stage-continue,.qr-mockup-continue-button,.qr-mockup-download-button,.modal-panel-hoppla .btn,.settings-unified-modal .btn,.qr-gallery-card-actions button,.qr-download-choice-button):disabled{border-color:var(--button-disabled-border)!important;background:var(--button-disabled-bg)!important;color:var(--button-disabled-text)!important;box-shadow:none!important;filter:none!important;opacity:1!important;transform:none!important}:is(.auth-submit-button,.pricing-plans-primaryBtn,.qr-generator-flow-next,.qr-content-stage-continue,.qr-mockup-continue-button,.qr-mockup-download-button):disabled:before{display:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .plans-reassuranceBody{color:var(--color-text-muted)}:is(:root[data-theme=dark],:root.dark,html.dark) .plans-reassuranceHighlight{color:var(--color-product-qr-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.public-footer-bottom,.public-footer-bottom p,.public-footer-meta,.public-footer-copy){color:var(--color-text-muted)!important}.pricing-plans-card{background:0 0}.pricing-plans-card :is(.pricing-plans-cardTopInner,.pricing-plans-cardTitle,.pricing-plans-cardTag,.pricing-plans-cardPrice,.pricing-plans-cardPriceSecondary,.pricing-plans-cardPayLabel,.pricing-plans-cardBadge){color:#fff!important}:is(:root[data-theme=light],:root.light,html.light) .pricing-plans-cardBody{background:#fffffff5}:is(:root[data-theme=dark],:root.dark,html.dark) .pricing-plans-cardBody{background:#020617e0}:is(:root[data-theme=light],:root.light,html.light) .pricing-plans-cardListItem{color:#1e293beb}:is(:root[data-theme=dark],:root.dark,html.dark) .pricing-plans-cardListItem{color:#e2e8f0eb}:is(:root[data-theme=light],:root.light,html.light) .pricing-plans-cardNote{color:#334155d1;background:#f8fafceb;border-color:#e2e8f0f2}:is(:root[data-theme=dark],:root.dark,html.dark) .pricing-plans-cardNote{color:#e2e8f0cc;background:#ffffff08;border-color:#ffffff14}.plans-reassurance,.pricing-showcase-reassurance{background:radial-gradient(circle at 0 0,#38bdf824,#0000 48%),linear-gradient(#ffffff0f,#ffffff08),#0206173d;border-color:#1967c32e;box-shadow:0 18px 42px #02061724}:is(:root[data-theme=light],:root.light,html.light) :is(.plans-reassurance,.pricing-showcase-reassurance){background:radial-gradient(circle at 0 0,#38bdf81f,#0000 48%),linear-gradient(#fffffffa,#f8fafcf5),#fff;border-color:#1967c324;box-shadow:0 18px 42px #0f172a14}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell :is(.settings-security-modern-card,.settings-summary-card,.settings-card,.settings-overview-card,.settings-da-card,.settings-account-hero-card,.settings-account-side-card,.settings-plan-card,.settings-plan-card-glass,.settings-plan-stat-card,.settings-plan-features-card){background:linear-gradient(#131f34f5,#0b1323f5)!important;border-color:#94a3b833!important;box-shadow:0 24px 54px #02061757!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell :is(.settings-security-status-panel,.settings-security-action-panel,.settings-security-password-readiness,.settings-security-timeline,.settings-security-timeline-row){background:#142136c2!important;border-color:#94a3b824!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell .settings-security-password-field .input{color:var(--color-text)!important;background:#09111ebf!important;border-color:#94a3b82e!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell .settings-security-status-panel.is-active{background:linear-gradient(110deg,#14532d40,#142136c2)!important;border-color:#22c55e33!important}.folder-preview-content,.folder-preview-empty{background:var(--color-surface-secondary)}.folders-vault-upload{background:var(--color-surface);background-image:none}.folders-vault-upload:hover,.folders-vault-upload.is-uploading{background:var(--color-brand);background-image:none}.folders-page :is(.folders-quest-page,.folders-vault-page){--folder-ink:var(--color-text);--folder-surface:var(--color-surface-raised);--folder-surface-low:var(--color-surface-secondary);--folder-surface-container:var(--color-surface-secondary);--folder-outline:var(--color-border);--folder-primary:var(--color-brand);background:var(--color-canvas);color:var(--color-text)}.folders-page .folders-quest-topbar,.folders-page .folders-vault-section-head{border-bottom-color:var(--color-border-strong)}.folders-page :is(.folders-quest-topbar h1,.folders-vault-title h1,.folders-vault-section-head h2,.folders-vault-links-head h3){color:var(--color-text)}.folders-page :is(.folders-quest-search .input,.folder-create-modal-field .input){border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-text);box-shadow:none}.folders-page :is(.folders-quest-search .input,.folder-create-modal-field .input):focus-visible{border-color:var(--color-product-qr-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-product-qr-accent) 20%, transparent)}.folders-page :is(.folders-quest-card:not(.folders-quest-card-color),.folders-quest-add-card,.folders-vault-stat,.folders-vault-qr-card,.folders-vault-link-card,.folders-vault-asset-list,.folder-preview-content,.folder-preview-empty,.folders-import-item){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 10px 24px rgb(var(--rgb-canvas) / 10%)}.folders-page .folders-quest-card-color{border-color:var(--folder-user-color);box-shadow:0 10px 24px rgb(var(--rgb-canvas) / 10%)}.folders-page .folders-quest-card:not(.folders-quest-card-color){border-color:var(--folder-user-color)}.folders-page :is(.folders-quest-card,.folders-quest-add-card,.folders-vault-qr-card,.folders-vault-link-card):hover{border-color:var(--color-border-strong);box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 14%)}.folders-page .folders-quest-card:hover{border-color:var(--folder-user-color)}:is(:root[data-theme=light],:root.light,html.light) .folders-page .folders-quest-card-color h2{color:var(--color-on-accent)}:is(:root[data-theme=light],:root.light,html.light) .folders-page .folders-quest-card-color p{color:#ffffffe0}:is(:root[data-theme=light],:root.light,html.light) .folders-page .folders-quest-card-color .folders-quest-count{color:var(--color-on-accent);background:#ffffff24;border-color:#ffffff7a}.folders-page .folders-quest-card-counts{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;display:flex}.folders-page .folders-quest-lock{justify-content:center;width:2rem;padding-inline:0;color:var(--color-danger)!important}.folders-page .folders-quest-lock .material-symbols-outlined{color:currentColor;font-size:1rem}.folders-page :is(.folders-quest-icon-tile,.folders-quest-add-icon,.folders-vault-title-icon,.folders-vault-stat>div,.folders-vault-qr-art,.folders-vault-file-icon){border-color:var(--color-border);box-shadow:none}.folders-page .folders-vault-title-icon{border-color:var(--folder-user-color)}.folders-page .folders-quest-icon-tile-default,.folders-page .folders-vault-stat-primary>div,.folders-page .folders-vault-qr-art{color:var(--color-product-qr)}.folders-page .folders-vault-stat-tertiary>div{color:var(--color-warning)}.folders-page .folders-vault-stat-links>div,.folders-page .folders-vault-link-icon{color:var(--color-product-short-link)}.folders-page .folders-vault-stat-secondary>div{color:var(--color-plan-free)}.folders-page .folders-vault-qr-art,.folders-page .folders-vault-qr-art .qr-row-icon{background:var(--color-content-white)}.folders-page .folders-vault-link-icon{border-color:color-mix(in srgb, var(--color-product-short-link) 35%, var(--color-border));background:color-mix(in srgb, var(--color-product-short-link) 9%, var(--color-surface-secondary))}.folders-page :is(.folders-quest-card p,.folders-vault-title p,.folders-vault-stat span,.folders-vault-qr-card p,.folders-vault-link-card p,.folders-vault-asset-row p,.folders-vault-row-meta small,.folders-vault-upload-note p,.folders-import-item-copy :is(span,small)){color:var(--color-text-muted);opacity:1}.folders-page :is(.folders-vault-stat strong,.folders-vault-qr-card h3,.folders-vault-link-card h3,.folders-vault-asset-row h3,.folders-import-item-copy strong){color:var(--color-text)}.folders-page .folders-vault-status{border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-success)}.folders-page .folders-vault-status span{background:var(--color-success)}.folders-page .folders-vault-asset-row{border-bottom-color:var(--color-border)}.folders-page .folders-vault-asset-row:hover{background:var(--color-surface-secondary)}.folders-page .folders-vault-asset-copy{align-items:center;gap:.75rem;min-width:0;display:flex}.folders-page :is(.folders-vault-asset-actions button,.folders-vault-upload-note){border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-text);box-shadow:none}.folders-page .folders-vault-asset-actions{align-items:center}.folders-page .folders-vault-asset-preview-control{position:relative}.folders-page .folders-vault-asset-action{place-items:center;width:2.25rem;height:2.25rem;padding:0;display:inline-grid}.folders-page .folders-vault-asset-action:hover,.folders-page .folders-vault-asset-action:focus-visible{border-color:var(--color-product-qr-accent);color:var(--color-product-qr)}.folders-page .folders-vault-asset-action-danger:hover,.folders-page .folders-vault-asset-action-danger:focus-visible{border-color:var(--color-danger);color:var(--color-danger)}.folders-page .folders-vault-asset-preview-popover{z-index:20;border:1px solid var(--color-border-strong);background:var(--color-surface-raised);width:min(18rem,72vw);min-height:7rem;box-shadow:0 16px 32px rgb(var(--rgb-canvas) / 28%);border-radius:.8rem;display:grid;position:absolute;bottom:calc(100% + .55rem);right:0;overflow:hidden}.folders-page .folders-vault-asset-preview-popover :is(img,iframe){object-fit:contain;background:var(--color-surface-secondary);border:0;width:100%;height:12rem;display:block}.folders-page .folders-vault-asset-preview-loading,.folders-page .folders-vault-asset-preview-file{min-height:7rem;color:var(--color-text-muted);text-align:center;place-items:center;gap:.5rem;padding:1rem;display:grid}.folders-page .folders-vault-asset-preview-file span{overflow-wrap:anywhere}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-asset-actions,:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-asset-preview-control{box-shadow:none;background:0 0}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-asset-action{border:1px solid var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-muted);box-shadow:none;outline:none}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-asset-action:focus-visible{border-color:var(--color-product-qr-accent);outline:2px solid rgb(var(--rgb-product-qr-accent) / 38%);outline-offset:2px}.folders-page :is(.folders-brutal-button,.folders-vault-upload){border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-brand);box-shadow:none}.folders-page :is(.folders-brutal-button,.folders-vault-upload):hover{border-color:var(--color-brand);background:color-mix(in srgb, var(--color-brand) 9%, var(--color-surface-secondary));box-shadow:0 8px 20px rgb(var(--rgb-canvas) / 14%)}.folders-page .folders-brutal-button-primary{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-accent)}.folders-page .folders-brutal-button-primary:hover{background:var(--color-product-qr-accent);border-color:var(--color-product-qr-accent);color:var(--color-on-accent)}.folders-page .folders-vault-section-actions .folders-brutal-button-yellow{border-color:var(--color-product-qr);color:var(--color-product-qr)}.folders-page .folders-vault-associated-links{gap:1rem;margin-top:1.25rem;display:grid}.folders-page .folders-vault-new-link{border-color:var(--color-product-short-link);color:var(--color-product-short-link)}.folders-page .folders-vault-new-link:hover,.folders-page .folders-vault-new-link:focus-visible{border-color:var(--color-product-short-link);background:color-mix(in srgb, var(--color-product-short-link) 9%, var(--color-surface-secondary));color:var(--color-product-short-link)}.folders-page .folders-vault-actions .folders-brutal-button-primary,.folders-page .folders-vault-upload{--folder-action-color:var(--color-product-qr)}.folders-page .folders-vault-import-qr{--folder-action-color:var(--color-plan-qr-plus)}.folders-page .folders-vault-section-actions .folders-brutal-button-yellow{--folder-action-color:var(--color-product-qr)}.folders-page .folders-brutal-button-danger{--folder-action-color:var(--color-danger)}.folders-page :is(.folders-vault-actions .folders-brutal-button-primary,.folders-vault-import-qr,.folders-vault-section-actions .folders-brutal-button-yellow,.folders-vault-upload,.folders-brutal-button-danger):is(:hover,:focus-visible){background:color-mix(in srgb, var(--folder-action-color) 9%, var(--color-surface-secondary));color:var(--folder-action-color);box-shadow:0 8px 20px rgb(var(--rgb-canvas) / 14%);border-color:var(--folder-action-color)!important}.folders-page .folders-brutal-button-danger{border-color:var(--color-danger);background:var(--color-surface-raised);color:var(--color-danger)}.folders-page .folders-brutal-button-danger:hover{background:var(--color-danger);color:var(--color-on-accent);border-color:var(--color-danger)!important}.folders-page .folders-vault-upload:hover,.folders-page .folders-vault-upload.is-uploading{border-color:var(--color-product-qr);background:var(--color-product-qr);color:var(--color-on-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-product-qr) 18%, transparent)}.folders-page :is(.folders-quest-empty,.folders-vault-empty){border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-text-muted)}.folders-page .folders-import-item:hover,.folders-page .folders-import-item:focus-visible,.folders-page .folders-import-item-active{border-color:var(--color-product-qr-accent);background:color-mix(in srgb, var(--color-product-qr) 9%, var(--color-surface-secondary));box-shadow:0 10px 22px rgb(var(--rgb-canvas) / 12%)}.modal-panel:has(.folder-create-modal,.folder-delete-modal,.folders-import-modal){border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 24px 56px rgb(var(--rgb-canvas) / 30%)}.modal-panel:has(.folder-create-modal,.folder-delete-modal,.folders-import-modal) :is(.folder-create-modal-field,.folder-create-modal-colors,.folder-create-modal-invitations,.folder-create-modal-toggle,.folder-create-member){color:var(--color-text)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page :is(.folders-quest-card,.folders-quest-add-card,.folders-vault-stat,.folders-vault-qr-card,.folders-vault-link-card,.folders-vault-asset-list,.folder-preview-content,.folder-preview-empty,.folders-import-item){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 32%)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page :is(.folders-quest-card,.folders-quest-add-card,.folders-vault-qr-card,.folders-vault-link-card):hover{border-color:var(--color-border-strong);box-shadow:0 0 14px rgb(var(--rgb-product-qr-accent) / 10%), 0 18px 34px rgb(var(--rgb-canvas) / 38%)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page :is(.folders-quest-topbar,.folders-vault-section-head){border-bottom-color:var(--color-on-accent)}:is(:root[data-theme=light],:root.light,html.light) .folders-page :is(.folders-quest-topbar,.folders-vault-section-head){border-bottom-color:var(--color-text)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-toggle{border-color:var(--color-plan-free);color:var(--color-plan-free)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-import-qr{border-color:var(--color-plan-qr-plus);color:var(--color-plan-qr-plus)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-section-actions .folders-brutal-button-yellow{border-color:var(--color-product-qr-glow);color:var(--color-product-qr-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-new-link{border-color:var(--color-product-short-link-glow);color:var(--color-product-short-link-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-actions .folders-brutal-button-primary{--folder-action-accent:var(--color-brand)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-section-actions .folders-vault-toggle{--folder-action-accent:var(--color-plan-free)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-section-actions .folders-vault-import-qr{--folder-action-accent:var(--color-plan-qr-plus)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-section-actions .folders-brutal-button-yellow{--folder-action-accent:var(--color-product-qr-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-new-link{--folder-action-accent:var(--color-product-short-link-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page :is(.folders-vault-actions .folders-brutal-button-primary,.folders-vault-section-actions .folders-vault-toggle,.folders-vault-section-actions .folders-vault-import-qr,.folders-vault-section-actions .folders-brutal-button-yellow,.folders-vault-new-link){border-color:var(--folder-action-accent);box-shadow:none;filter:none;outline:none}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page :is(.folders-vault-actions .folders-brutal-button-primary,.folders-vault-section-actions .folders-vault-toggle,.folders-vault-section-actions .folders-vault-import-qr,.folders-vault-section-actions .folders-brutal-button-yellow,.folders-vault-new-link):before,:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page :is(.folders-vault-actions .folders-brutal-button-primary,.folders-vault-section-actions .folders-vault-toggle,.folders-vault-section-actions .folders-vault-import-qr,.folders-vault-section-actions .folders-brutal-button-yellow,.folders-vault-new-link):after{box-shadow:none;filter:none}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page :is(.folders-vault-actions .folders-brutal-button-primary,.folders-vault-section-actions .folders-vault-toggle,.folders-vault-section-actions .folders-vault-import-qr,.folders-vault-section-actions .folders-brutal-button-yellow,.folders-vault-new-link):is(:hover,:focus-visible,:active){border-color:var(--folder-action-accent);box-shadow:0 0 12px color-mix(in srgb, var(--folder-action-accent) 18%, transparent);filter:none}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page :is(.folders-vault-actions .folders-brutal-button-primary,.folders-vault-section-actions .folders-vault-toggle,.folders-vault-section-actions .folders-vault-import-qr,.folders-vault-section-actions .folders-brutal-button-yellow):focus-visible{outline:2px solid color-mix(in srgb, var(--folder-action-accent) 48%, transparent);outline-offset:3px}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-toggle:hover{border-color:var(--color-plan-free);background:color-mix(in srgb, var(--color-plan-free) 14%, var(--color-surface-secondary));color:var(--color-plan-free);box-shadow:0 0 12px color-mix(in srgb, var(--color-plan-free) 18%, transparent)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-import-qr:hover{border-color:var(--color-plan-qr-plus);background:color-mix(in srgb, var(--color-plan-qr-plus) 14%, var(--color-surface-secondary));color:var(--color-plan-qr-plus);box-shadow:0 0 12px color-mix(in srgb, var(--color-plan-qr-plus) 18%, transparent)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-brutal-button-danger:hover{background:var(--color-danger);color:var(--color-on-accent);box-shadow:0 0 12px color-mix(in srgb, var(--color-danger) 20%, transparent);border-color:var(--color-danger)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.folder-delete-modal,.folder-unlock-modal) :is(.modal-hoppla-head,.modal-hoppla-body){background:var(--color-surface-raised)!important;color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.folder-delete-modal,.folder-unlock-modal) :is(.modal-hoppla-head-copy h2,.modal-hoppla-head-copy p,.folder-create-modal,.folder-create-modal-field>span){color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.folder-delete-modal,.folder-unlock-modal) .modal-hoppla-head-copy p{color:var(--color-text-muted)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-quest-card:hover{border-color:var(--folder-user-color)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-new-link:hover,:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-new-link:focus-visible{border-color:var(--color-product-short-link-glow);background:rgb(var(--rgb-product-short-link) / 14%);color:var(--color-product-short-link-glow);box-shadow:0 0 12px rgb(var(--rgb-product-short-link-glow) / 14%)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-actions .folders-brutal-button-primary,:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-upload{--folder-action-color:var(--color-product-qr-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-import-qr{--folder-action-color:var(--color-plan-qr-plus)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-section-actions .folders-brutal-button-yellow{--folder-action-color:var(--color-product-qr-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-brutal-button-danger{--folder-action-color:var(--color-danger)}:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page :is(.folders-vault-actions .folders-brutal-button-primary,.folders-vault-import-qr,.folders-vault-section-actions .folders-brutal-button-yellow,.folders-vault-upload,.folders-brutal-button-danger):is(:hover,:focus-visible),:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-section-actions .folders-brutal-button-yellow:hover,:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-upload:hover,:is(:root[data-theme=dark],:root.dark,html.dark) .folders-page .folders-vault-upload.is-uploading{background:color-mix(in srgb, var(--folder-action-color) 14%, var(--color-surface-secondary));color:var(--folder-action-color);box-shadow:0 0 12px color-mix(in srgb, var(--folder-action-color) 18%, transparent);border-color:var(--folder-action-color)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.folder-create-modal,.folder-delete-modal,.folders-import-modal){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 24px 56px rgb(var(--rgb-canvas) / 48%)}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.folder-delete-modal) :is(.folder-delete-modal,.qr-download-settings-meta,.qr-download-settings-summary,.settings-confirm-actions){border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.folder-delete-modal) :is(.qr-download-settings-summary h3,.qr-download-settings-summary p){color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.folder-delete-modal) .qr-download-settings-summary p{color:var(--color-text-muted)!important}:is(:root[data-theme=light],:root.light,html.light) .modal-panel:has(.folder-delete-modal,.folder-unlock-modal) :is(.modal-hoppla-head,.modal-hoppla-body){background:var(--color-surface-raised)!important;color:var(--color-text)!important}:is(:root[data-theme=light],:root.light,html.light) .modal-panel:has(.folder-delete-modal,.folder-unlock-modal) :is(.modal-hoppla-head-copy h2,.modal-hoppla-head-copy p,.folder-create-modal,.folder-create-modal-field>span){color:var(--color-text)!important}:is(:is(:root[data-theme=light],:root.light,html.light) .modal-panel:has(.folder-delete-modal,.folder-unlock-modal) .modal-hoppla-head-copy p,:is(:root[data-theme=light],:root.light,html.light) .modal-panel:has(.folder-delete-modal) .qr-download-settings-summary p){color:var(--color-text-muted)!important}:is(:root[data-theme=light],:root.light,html.light) .modal-panel:has(.folder-delete-modal) :is(.folder-delete-modal,.qr-download-settings-meta,.qr-download-settings-summary,.settings-confirm-actions){border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important}:is(:root[data-theme=light],:root.light,html.light) .modal-panel:has(.folder-delete-modal) .qr-download-settings-summary h3{color:var(--color-text)!important}.modal-panel:has(.folder-unlock-info){position:relative}.modal-panel:has(.folder-unlock-info) .modal-hoppla-head-close{display:none}.folder-unlock-info{color:var(--color-text);gap:.8rem;padding-top:.35rem;display:grid}.folder-unlock-info p{color:var(--color-text-muted);margin:0;font-size:.95rem;line-height:1.5}.folder-unlock-info-icon{border:1px solid color-mix(in srgb, var(--color-warning) 35%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 10%, var(--color-surface-secondary));width:2.75rem;height:2.75rem;color:var(--color-warning);border-radius:.8rem;place-items:center;font-size:1.4rem;display:grid}.folder-unlock-info-dismiss{background:conic-gradient(var(--color-warning) var(--folder-unlock-progress), var(--color-surface-secondary) 0);width:2.45rem;height:2.45rem;color:var(--color-text);cursor:pointer;border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:.85rem;right:.85rem}.folder-unlock-info-dismiss:before{border-radius:inherit;background:var(--color-surface-raised);content:"";position:absolute;inset:.17rem}.folder-unlock-info-dismiss :is(.material-symbols-outlined,small){z-index:1;position:relative}.folder-unlock-info-dismiss .material-symbols-outlined{font-size:1rem}.folder-unlock-info-dismiss small{font-size:.64rem;font-weight:850}.folder-unlock-info-dismiss:hover,.folder-unlock-info-dismiss:focus-visible{outline:3px solid var(--color-warning);outline-offset:3px}.folder-create-modal-empty-members{color:var(--color-text-muted);margin:0;padding:.8rem 0;font-size:.9rem;line-height:1.5}.folder-create-modal-empty-members a{color:var(--color-product-qr);text-underline-offset:.16rem;font-weight:800;text-decoration:underline}.settings-team-invite-action.is-guided{animation:.72s ease-in-out 2 settings-team-invite-pulse}@keyframes settings-team-invite-pulse{0%,to{box-shadow:none;transform:none}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent), 0 14px 30px rgb(var(--rgb-canvas) / 16%);transform:translateY(-1px)}}@media (prefers-reduced-motion:reduce){.settings-team-invite-action.is-guided{animation:none}.home-simple-action{transition:none}}.dashboard-qr-content{--dashboard-primary:var(--color-brand);--dashboard-on-primary:var(--color-on-accent);--dashboard-secondary:var(--color-plan-free);--dashboard-secondary-container:color-mix(in srgb, var(--color-plan-free) 12%, transparent);--dashboard-on-secondary-container:var(--color-plan-free);--dashboard-surface:var(--color-canvas);--dashboard-surface-low:var(--color-surface-secondary);--dashboard-surface-card:var(--color-surface);--dashboard-surface-container:var(--color-surface-secondary);--dashboard-surface-high:var(--color-surface-secondary);--dashboard-surface-variant:var(--color-surface-secondary);--dashboard-on-surface:var(--color-text);--dashboard-on-surface-variant:var(--color-text-muted);--dashboard-outline:var(--color-border-strong);--dashboard-outline-variant:var(--color-border);--dashboard-green:var(--color-success);--dashboard-red-soft:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-text)}:is(.app-shell:has(.dashboard-qr-content),.app-main:has(.dashboard-qr-content)){background:var(--color-canvas);color:var(--color-text);background-image:none}body:has(.dashboard-qr-content) .sidebar{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);background-image:none}body:has(.dashboard-qr-content) .sidebar :is(.app-sidebar-account-card,.app-sidebar-account-button,.nav-link,.sidebar-collapse-button,.sidebar-primary-button,.sidebar-secondary-button,.sidebar-logout){background-image:none}body:has(.dashboard-qr-content) .sidebar .nav-link{border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted)}body:has(.dashboard-qr-content) .sidebar .nav-link:hover{border-color:var(--color-brand);background-color:var(--color-surface-secondary);color:var(--color-brand)}body:has(.dashboard-qr-content) .sidebar .nav-link-active{border-color:var(--color-brand);background-color:color-mix(in srgb, var(--color-brand) 10%, var(--color-surface));color:var(--color-brand);box-shadow:0 12px 28px color-mix(in srgb, var(--color-brand) 16%, transparent)}.dashboard-next-hero{border-bottom-color:var(--color-text)}.dashboard-next-hero h1,.dashboard-next-card-head h2,.dashboard-next-donut>div strong,.dashboard-next-legend b,.dashboard-next-metrics strong,.dashboard-next-capacity-grid strong,.dashboard-next-capacity-grid strong b,.dashboard-next-resource-copy>button:first-child,.dashboard-next-resource-count strong{color:var(--color-text)}.dashboard-next-hero p,.dashboard-next-card-head>small,.dashboard-next-donut>div span,.dashboard-next-legend>span,.dashboard-next-metrics small,.dashboard-next-capacity-grid small,.dashboard-next-resource-copy>button:last-child,.dashboard-next-resource-copy>small,.dashboard-next-resource-count>.material-symbols-outlined,.dashboard-next-resource-actions button{color:var(--color-text-muted)}.dashboard-next-hero span,.dashboard-next-card-head>div>span,.dashboard-next-card-head>button,.dashboard-next-empty{color:var(--color-brand)}.dashboard-next-activity,.dashboard-next-capacity,.dashboard-next-recent,.dashboard-next-metrics article{border-color:var(--color-border);background:var(--color-surface);box-shadow:0 12px 34px color-mix(in srgb, var(--color-text) 7%, transparent);background-image:none}.dashboard-next-metrics article:hover{border-color:var(--color-border-strong)}.dashboard-next-metrics article>.material-symbols-outlined{background:var(--color-surface-secondary);color:var(--color-product-qr)}.dashboard-next-metrics article:nth-child(2)>.material-symbols-outlined{color:var(--color-success)}.dashboard-next-metrics article:nth-child(3)>.material-symbols-outlined{color:var(--color-info)}.dashboard-next-metrics article:nth-child(4)>.material-symbols-outlined{color:var(--color-product-short-link)}.dashboard-next-donut .dashboard-mobile-donut-track{stroke:var(--color-surface-secondary)}.dashboard-next-donut .dashboard-mobile-donut-segment-qr,.dashboard-mobile-dot-qr{stroke:var(--color-product-qr);background:var(--color-product-qr)}.dashboard-next-donut .dashboard-mobile-donut-segment-links,.dashboard-mobile-dot-links{stroke:var(--color-product-short-link);background:var(--color-product-short-link)}.dashboard-next-capacity-grid>div,.dashboard-next-link-list article,.dashboard-next-qr-list article,.dashboard-next-empty{border-color:var(--color-border);background:var(--color-surface-secondary);background-image:none}.dashboard-next-link-list article:hover,.dashboard-next-qr-list article:hover{border-color:var(--color-border-strong)}.dashboard-next-link-list article>.material-symbols-outlined{background:var(--color-surface);color:var(--color-product-short-link)}.dashboard-next-status.is-active,.dashboard-next-qr-list .is-active{background:color-mix(in srgb, var(--color-success) 12%, transparent);color:var(--color-success)}.dashboard-next-status.is-paused,.dashboard-next-qr-list .is-paused{background:color-mix(in srgb, var(--color-warning) 13%, transparent);color:var(--color-warning)}.dashboard-next-qr-list .is-dynamic{background:color-mix(in srgb, var(--color-product-qr) 10%, transparent);color:var(--color-product-qr)}.dashboard-next-qr-list .is-static{background:color-mix(in srgb, var(--color-plan-free) 10%, transparent);color:var(--color-plan-free)}.dashboard-next-recent-links .dashboard-next-resource-actions button:first-child:hover{background:color-mix(in srgb, var(--color-product-short-link) 11%, var(--color-surface));color:var(--color-product-short-link)}.dashboard-next-recent-qr .dashboard-next-resource-actions button:first-child:hover{background:color-mix(in srgb, var(--color-product-qr) 10%, var(--color-surface));color:var(--color-product-qr)}.dashboard-next-qr-preview{background:var(--color-surface)!important}.dashboard-next-recent-links .dashboard-next-card-head>div>span,.dashboard-next-recent-links .dashboard-next-card-head>.dashboard-dashboard-link-action,.dashboard-mobile-recent-links .dashboard-mobile-section-heading>.dashboard-dashboard-link-action{color:var(--color-product-short-link)}.dashboard-next-recent-qr .dashboard-next-card-head>div>span,.dashboard-next-recent-qr .dashboard-next-card-head>.dashboard-dashboard-qr-action,.dashboard-mobile-recent-qr .dashboard-mobile-section-heading>.dashboard-dashboard-qr-action{color:var(--color-product-qr)}.dashboard-next-recent-links .dashboard-next-link-list article:hover{border-color:var(--color-product-short-link)}.dashboard-next-recent-qr .dashboard-next-qr-list article:hover{border-color:var(--color-product-qr-accent)}.dashboard-next-card-head>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action),.dashboard-mobile-section-heading>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action){border-radius:.625rem;justify-content:flex-end;align-items:center;min-width:5.25rem;min-height:2rem;font-weight:800;transition:color .16s,background-color .16s,transform .16s;display:inline-flex}.dashboard-next-card-head>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action):after,.dashboard-mobile-section-heading>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action):after{content:"arrow_forward";width:0;font-family:Material Symbols Outlined;font-size:1.15rem;font-weight:600;line-height:1;transition:width .16s,margin-left .16s;overflow:hidden}.dashboard-next-card-head>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action):hover,.dashboard-next-card-head>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action):focus-visible,.dashboard-mobile-section-heading>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action):hover,.dashboard-mobile-section-heading>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action):focus-visible{background:var(--color-surface-secondary);transform:translate(2px)}.dashboard-next-card-head>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action):hover:after,.dashboard-next-card-head>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action):focus-visible:after,.dashboard-mobile-section-heading>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action):hover:after,.dashboard-mobile-section-heading>:is(.dashboard-dashboard-link-action,.dashboard-dashboard-qr-action):focus-visible:after{width:1.15rem;margin-left:.3rem}.dashboard-next-empty.dashboard-dashboard-link-action,.dashboard-mobile-empty-row.dashboard-dashboard-link-action{border-color:color-mix(in srgb, var(--color-product-short-link) 42%, var(--color-border));color:var(--color-product-short-link)}.dashboard-next-empty.dashboard-dashboard-qr-action,.dashboard-mobile-empty-row.dashboard-dashboard-qr-action{border-color:color-mix(in srgb, var(--color-product-qr) 42%, var(--color-border));color:var(--color-product-qr)}.dashboard-next-empty.dashboard-dashboard-link-action:hover,.dashboard-next-empty.dashboard-dashboard-link-action:focus-visible,.dashboard-mobile-empty-row.dashboard-dashboard-link-action:hover,.dashboard-mobile-empty-row.dashboard-dashboard-link-action:focus-visible{border-color:var(--color-product-short-link);background:var(--color-product-short-link);color:var(--color-on-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-product-short-link) 22%, transparent);transform:translateY(-2px)}.dashboard-next-empty.dashboard-dashboard-qr-action:hover,.dashboard-next-empty.dashboard-dashboard-qr-action:focus-visible,.dashboard-mobile-empty-row.dashboard-dashboard-qr-action:hover,.dashboard-mobile-empty-row.dashboard-dashboard-qr-action:focus-visible{border-color:var(--color-product-qr-accent);background:var(--color-product-qr);color:var(--color-on-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent);transform:translateY(-2px)}.qr-list-page{--dashboard-primary:var(--color-product-qr);--dashboard-on-primary:var(--color-on-accent);--dashboard-secondary:var(--color-plan-free);--dashboard-secondary-container:color-mix(in srgb, var(--color-plan-free) 12%, var(--color-surface-secondary));--dashboard-on-secondary-container:var(--color-plan-free);--dashboard-surface:var(--color-canvas);--dashboard-surface-low:var(--color-surface-secondary);--dashboard-surface-card:var(--color-surface);--dashboard-surface-container:var(--color-surface-secondary);--dashboard-surface-high:var(--color-surface-raised);--dashboard-surface-variant:var(--color-surface-secondary);--dashboard-on-surface:var(--color-text);--dashboard-on-surface-variant:var(--color-text-muted);--dashboard-outline:var(--color-border-strong);--dashboard-outline-variant:var(--color-border);--dashboard-green:var(--color-success);--dashboard-red-soft:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface-secondary));color:var(--color-text)}:is(.app-shell:has(.qr-list-page),.app-main:has(.qr-list-page)){background:var(--color-canvas);color:var(--color-text);background-image:none}body:has(.qr-list-page) .sidebar{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);background-image:none}body:has(.qr-list-page) .sidebar :is(.app-sidebar-account-card,.app-sidebar-account-button,.nav-link,.sidebar-collapse-button,.sidebar-primary-button,.sidebar-secondary-button,.sidebar-logout){background-image:none}body:has(.qr-list-page) .sidebar .nav-link{border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted)}body:has(.qr-list-page) .sidebar .nav-link:hover{border-color:var(--color-product-qr);background-color:color-mix(in srgb, var(--color-product-qr) 10%, var(--color-surface));color:var(--color-product-qr)}body:has(.qr-list-page) .sidebar .nav-link-active{border-color:var(--color-product-qr);background-color:color-mix(in srgb, var(--color-product-qr) 10%, var(--color-surface));color:var(--color-product-qr)}.qr-list-page .app-page-header{border-bottom-color:var(--color-text)}.qr-list-page :is(.app-page-title,.dashboard-qr-list-copy h4,.qr-gallery-card-title-row h4){color:var(--color-text)}.qr-list-page :is(.app-page-description,.dashboard-qr-shortlink-button,.dashboard-qr-expiration-neutral,.qr-gallery-card-meta){color:var(--color-text-muted)}.qr-list-page .qr-hopplaqr-import-button{border-color:var(--color-border);background:var(--color-surface);color:var(--color-product-qr);box-shadow:0 10px 24px rgb(var(--rgb-canvas) / 10%)}.qr-list-page .qr-hopplaqr-import-button:hover,.qr-list-page .qr-hopplaqr-import-button:focus-within{border-color:var(--color-product-qr-accent);background:var(--color-surface-secondary);box-shadow:0 12px 26px rgb(var(--rgb-canvas) / 14%)}.qr-list-page .qr-hopplaqr-import-icon{background:var(--color-product-qr);color:var(--color-on-accent);box-shadow:none}.qr-list-page .qr-hopplaqr-import-copy small{color:var(--color-text-muted)}.qr-list-page :is(.dashboard-search-inline,.qr-list-sort-control select,.app-filter-trigger){border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:0 6px 18px rgb(var(--rgb-canvas) / 8%)}.qr-list-page :is(.dashboard-search-inline,.qr-list-sort-control select,.app-filter-trigger):hover{border-color:var(--color-product-qr)}.qr-list-page :is(.dashboard-search-inline,.qr-list-sort-control select,.app-filter-trigger):focus-visible,.qr-list-page .qr-list-sort-control select:focus{border-color:var(--color-product-qr-accent);box-shadow:0 0 0 3px rgb(var(--rgb-product-qr-accent) / 20%)}.qr-list-page :is(.qr-list-search-control,.qr-list-sort-control)>.material-symbols-outlined,.qr-list-page .app-filter-trigger>.material-symbols-outlined{color:var(--color-product-qr)}.qr-list-page .app-filter-trigger strong,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .app-filter-trigger strong{background:var(--color-product-qr);color:var(--color-on-accent)}.qr-list-page .app-filter-popover{border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 16px 30px rgb(var(--rgb-canvas) / 18%);color:var(--color-text)}.qr-list-page .app-filter-popover :is(legend,label){color:var(--color-text-muted)}.qr-list-page .app-filter-popover>button{color:var(--color-product-qr)}.qr-list-page :is(.dashboard-qr-list-item,.dashboard-qr-list-item.qr-gallery-card){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 10px 24px rgb(var(--rgb-canvas) / 10%);-webkit-backdrop-filter:none}.qr-list-page :is(.dashboard-qr-list-item,.dashboard-qr-list-item.qr-gallery-card):hover{border-color:var(--color-product-qr-accent);box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 14%)}.qr-list-page .dashboard-qr-list-icon,.qr-list-page .qr-gallery-card-more>button:hover,.qr-list-page .qr-gallery-card-more-button:hover,.qr-list-page .qr-gallery-card-actions button:hover:enabled{background:color-mix(in srgb, var(--color-product-qr) 9%, var(--color-surface-secondary));color:var(--color-product-qr)}.qr-list-page .qr-gallery-card-preview{border-color:var(--color-border);background:var(--color-content-white);box-shadow:0 2px 5px rgb(var(--rgb-canvas) / 10%)}.qr-list-page .qr-gallery-card-meta{background:var(--color-surface-secondary)}.qr-list-page .qr-gallery-card-meta-soon{background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface-secondary));color:var(--color-warning)}.qr-list-page .qr-gallery-card-meta-expired{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-secondary));color:var(--color-danger)}.qr-list-page .dashboard-qr-badge-mode,.qr-list-page .qr-gallery-card-qr .dashboard-qr-badge-mode{background:color-mix(in srgb, var(--color-product-qr) 12%, var(--color-surface-secondary));color:var(--color-product-qr)}.qr-list-page .dashboard-qr-badge-active{background:color-mix(in srgb, var(--color-success) 13%, var(--color-surface-secondary));color:var(--color-success)}.qr-list-page :is(.dashboard-qr-badge-paused,.dashboard-qr-badge-review){background:color-mix(in srgb, var(--color-warning) 14%, var(--color-surface-secondary));color:var(--color-warning)}.qr-list-page .dashboard-qr-badge-blocked{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface-secondary));color:var(--color-danger)}.qr-list-page .dashboard-qr-badge-neutral{background:var(--color-surface-secondary);color:var(--color-text-muted)}.qr-list-page :is(.dashboard-qr-shortlink-button,.qr-gallery-card-action-copy,.qr-gallery-card-action-download){color:var(--color-product-qr)}.qr-list-page .qr-gallery-card-route{width:100%;min-width:0;color:var(--color-success);align-items:center;gap:.3rem;margin-top:.14rem;display:flex}.qr-list-page .qr-gallery-card-route-arrow{width:2rem;height:2rem;color:inherit;flex:0 0 2rem;place-items:end center;display:grid}.qr-list-page .qr-gallery-card-route-arrow .material-symbols-outlined{font-size:1.85rem;line-height:1}.qr-list-page .qr-gallery-card-route-target{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:1.08rem;font-weight:800;line-height:1.2;display:block;position:relative;overflow:hidden}.qr-list-page .qr-gallery-card-route-target:after{z-index:20;border:1px solid var(--color-border);background:var(--color-surface-raised);width:max-content;max-width:min(30rem,100vw - 2rem);box-shadow:0 10px 24px rgb(var(--rgb-canvas) / 22%);color:var(--color-text);content:attr(data-tooltip);overflow-wrap:anywhere;pointer-events:none;white-space:normal;border-radius:.55rem;padding:.55rem .7rem;font-size:.84rem;font-weight:650;line-height:1.35;display:none;position:absolute;bottom:calc(100% + .45rem);left:0}.qr-list-page .qr-gallery-card-route-target:hover:after,.qr-list-page .qr-gallery-card-route-target:focus-visible:after{display:block}.qr-list-page .qr-gallery-card-route-target:focus-visible{outline:3px solid var(--color-product-qr-accent);outline-offset:3px;border-radius:.25rem}.qr-list-page .qr-gallery-card-route.is-paused,.qr-list-page .qr-gallery-card-route.is-paused .qr-gallery-card-route-arrow{color:var(--color-warning)}.qr-list-page .qr-gallery-card-route.is-paused .qr-gallery-card-route-target{color:var(--color-warning);text-decoration:line-through;text-decoration-thickness:2px}.qr-list-page .qr-gallery-card-action-edit{color:var(--color-plan-free)!important}.qr-list-page .qr-gallery-card-action-runtime{color:var(--color-warning)!important}.qr-list-page .qr-gallery-card-action-runtime.is-paused{color:var(--color-success)!important}.qr-list-page .qr-gallery-card-action-danger{color:var(--color-danger)!important}.qr-list-page .dashboard-qr-state-card{border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-text)}.qr-list-page .dashboard-qr-state-card p{color:var(--color-text-muted)}.qr-list-page .qr-deleted-section{border-top-color:color-mix(in srgb, var(--color-danger) 38%, var(--color-border))}.qr-list-page .qr-deleted-section-head h3{color:var(--color-danger)}.qr-list-page .dashboard-qr-list-item-deleted{border-color:color-mix(in srgb, var(--color-danger) 38%, var(--color-border));background:var(--color-surface-secondary);box-shadow:0 10px 24px rgb(var(--rgb-canvas) / 10%)}.qr-list-page .dashboard-qr-list-item-deleted:hover{border-color:var(--color-danger);background:var(--color-surface-raised)}.qr-list-page .dashboard-qr-deleted-meta{color:var(--color-text-muted)}.qr-list-page .dashboard-qr-badge-deleted{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface-secondary));color:var(--color-danger)}.qr-list-page .dashboard-qr-restore-action{border:1px solid var(--color-success)!important;background:var(--color-surface)!important;color:var(--color-success)!important;box-shadow:none!important}.qr-list-page .dashboard-qr-restore-action:hover:enabled,.qr-list-page .dashboard-qr-restore-action:focus-visible{transform:translateY(-1px);border-color:var(--color-success)!important;background:var(--color-success)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--color-success) 20%, transparent)!important}.qr-list-page .empty-state-create-button{border-color:var(--color-product-qr);background:var(--color-surface);color:var(--color-product-qr)}.qr-list-page .empty-state-create-button:hover,.qr-list-page .empty-state-create-button:focus-visible{border-color:var(--color-product-qr);background:var(--color-product-qr);color:var(--color-on-accent);box-shadow:0 10px 22px rgb(var(--rgb-product-qr) / 20%)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .empty-state-create-button{border-color:var(--color-product-qr-glow);background:var(--color-surface-raised);color:var(--color-product-qr-glow);box-shadow:none}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .empty-state-create-button:hover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .empty-state-create-button:focus-visible{border-color:var(--color-product-qr-glow);background:color-mix(in srgb, var(--color-product-qr-glow) 14%, var(--color-surface-secondary));color:var(--color-product-qr-glow);box-shadow:0 0 12px rgb(var(--rgb-product-qr-glow) / 18%)}.qr-list-page .dashboard-qr-list-item.qr-gallery-card.is-active:hover{border-color:var(--color-success);box-shadow:0 14px 30px color-mix(in srgb, var(--color-success) 18%, transparent)}.qr-list-page .dashboard-qr-list-item.qr-gallery-card.is-paused:hover{border-color:var(--color-warning);box-shadow:0 14px 30px color-mix(in srgb, var(--color-warning) 18%, transparent)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page{background:var(--color-canvas)}:is(:root[data-theme=dark],:root.dark,html.dark) body:has(.qr-list-page){background:var(--color-canvas)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page :is(.dashboard-qr-list-item,.dashboard-qr-list-item.qr-gallery-card){border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 10px 24px rgb(var(--rgb-canvas) / 34%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page :is(.dashboard-qr-list-item,.dashboard-qr-list-item.qr-gallery-card):hover{border-color:var(--color-product-qr-accent)!important;box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 38%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .dashboard-qr-list-item.qr-gallery-card.is-active:hover{border-color:var(--color-success)!important;box-shadow:0 14px 30px color-mix(in srgb, var(--color-success) 18%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .dashboard-qr-list-item.qr-gallery-card.is-paused:hover{border-color:var(--color-warning)!important;box-shadow:0 14px 30px color-mix(in srgb, var(--color-warning) 18%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page :is(.qr-hopplaqr-import-button,.dashboard-search-inline,.qr-list-sort-control select,.app-filter-trigger){border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .app-filter-popover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .qr-gallery-card-menu{border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .qr-gallery-card-meta,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .dashboard-qr-state-card{background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .dashboard-qr-list-item-deleted{border-color:color-mix(in srgb, var(--color-danger) 46%, var(--color-border))!important;background:var(--color-surface-secondary)!important;box-shadow:0 10px 24px rgb(var(--rgb-canvas) / 34%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .dashboard-qr-list-item-deleted:hover{border-color:var(--color-danger)!important;background:var(--color-surface-raised)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .dashboard-qr-restore-action:hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page .dashboard-qr-restore-action:focus-visible{color:var(--color-on-plan)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-list-page :is(.dashboard-qr-badge-mode,.qr-gallery-card-qr .dashboard-qr-badge-mode){background:color-mix(in srgb, var(--color-product-qr-accent) 12%, var(--color-surface-secondary));color:var(--color-product-qr-accent)}.short-links-page{background:var(--color-canvas);color:var(--color-text)}body:has(.short-links-page){background:var(--color-canvas)}body:has(.short-links-page) .sidebar{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);background-image:none}body:has(.short-links-page) .sidebar :is(.app-sidebar-account-card,.app-sidebar-account-button,.nav-link,.sidebar-collapse-button,.sidebar-primary-button,.sidebar-secondary-button,.sidebar-logout){background-image:none}body:has(.short-links-page) .sidebar .nav-link{border-color:var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted)}body:has(.short-links-page) .sidebar .nav-link:hover{border-color:var(--color-product-short-link);background-color:color-mix(in srgb, var(--color-product-short-link) 10%, var(--color-surface));color:var(--color-product-short-link)}body:has(.short-links-page) .sidebar .nav-link-active{border-color:var(--color-product-short-link);background-color:color-mix(in srgb, var(--color-product-short-link) 10%, var(--color-surface));color:var(--color-product-short-link)}.short-links-page .app-page-header{border-bottom-color:var(--color-text)}.short-links-page :is(.app-page-title,.dashboard-qr-list-copy h4,.qr-gallery-card-title-row h4,.short-links-recovery h2){color:var(--color-text)}.short-links-page :is(.app-page-description,.dashboard-qr-shortlink-button,.link-gallery-card-destination,.qr-gallery-card-meta,.short-links-recovery p){color:var(--color-text-muted)}.short-links-page .dashboard-qr-shortlink-button{color:var(--color-product-short-link);letter-spacing:-.015em;cursor:pointer;background:0 0;border:0;padding:0;font-weight:850;line-height:1.2;font-size:1.62rem!important}.short-links-page .dashboard-qr-shortlink-button:hover,.short-links-page .dashboard-qr-shortlink-button:focus-visible{color:var(--color-product-short-link);text-underline-offset:.22rem;text-decoration:underline;text-decoration-thickness:1px}.short-links-page .qr-gallery-card-identity .link-gallery-card-destination{min-width:0;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:auto;font-weight:800;line-height:1.2;display:block;overflow:hidden;font-size:1.08rem!important}.short-links-page .link-gallery-card-route{width:100%;min-width:0;color:var(--color-success);align-items:center;gap:.3rem;margin-top:.14rem;display:flex}.short-links-page .link-gallery-card-route-elbow{width:2rem;height:2rem;color:var(--color-success);flex:0 0 2rem;place-items:end center;display:grid}.short-links-page .link-gallery-card-route-elbow .material-symbols-outlined{font-size:1.85rem;line-height:1}.short-links-page .link-gallery-card-route.is-paused,.short-links-page .link-gallery-card-route.is-paused .link-gallery-card-route-elbow{color:var(--color-warning)}.short-links-page .link-gallery-card-route.is-paused .link-gallery-card-destination{color:var(--color-warning);text-decoration:line-through;text-decoration-thickness:2px}.short-links-page .link-gallery-card-meta{color:var(--color-text-muted)}.short-links-page .link-gallery-card-meta .material-symbols-outlined{color:var(--color-warning)}.short-links-page :is(.dashboard-search-inline,.app-filter-trigger){border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:0 6px 18px rgb(var(--rgb-canvas) / 8%)}.short-links-page :is(.dashboard-search-inline,.app-filter-trigger):hover{border-color:var(--color-product-short-link)}.short-links-page :is(.dashboard-search-inline,.app-filter-trigger):focus-visible{border-color:var(--color-product-short-link);box-shadow:0 0 0 3px rgb(var(--rgb-product-short-link) / 20%)}.short-links-page :is(.qr-list-search-control,.app-filter-trigger) :is(.material-symbols-outlined,svg){color:var(--color-product-short-link)}.short-links-page .app-filter-trigger strong{background:var(--color-product-short-link);color:var(--color-on-accent)}.short-links-page .app-filter-popover{border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 16px 30px rgb(var(--rgb-canvas) / 18%);color:var(--color-text)}.short-links-page .app-filter-popover :is(legend,label){color:var(--color-text-muted)}.short-links-page .app-filter-popover>button{color:var(--color-product-short-link)}.short-links-page :is(.dashboard-qr-list-item,.dashboard-qr-list-item.qr-gallery-card){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 10px 24px rgb(var(--rgb-canvas) / 10%);-webkit-backdrop-filter:none}.short-links-page :is(.dashboard-qr-list-item,.dashboard-qr-list-item.qr-gallery-card):hover{border-color:var(--color-product-short-link);box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 14%)}.short-links-page .link-gallery-card-preview,.short-links-page .qr-gallery-card-more-button:hover,.short-links-page .qr-gallery-card-actions button:hover:enabled{background:color-mix(in srgb, var(--color-product-short-link) 9%, var(--color-surface-secondary));color:var(--color-product-short-link)}.short-links-page .link-gallery-card-preview{border-color:color-mix(in srgb, var(--color-product-short-link) 32%, var(--color-border))}.short-links-page .link-gallery-card-preview-link{border-color:color-mix(in srgb, var(--color-product-short-link) 32%, var(--color-border));background:color-mix(in srgb, var(--color-product-short-link) 10%, var(--color-surface-secondary));color:var(--color-product-short-link)}.short-links-page .link-gallery-card-preview-image{border-color:color-mix(in srgb, var(--color-success) 32%, var(--color-border));background:color-mix(in srgb, var(--color-success) 10%, var(--color-surface-secondary));color:var(--color-success)}.short-links-page .link-gallery-card-preview-pdf{border-color:color-mix(in srgb, var(--color-danger) 32%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-secondary));color:var(--color-danger)}.short-links-page .qr-gallery-card-meta{background:var(--color-surface-secondary)}.short-links-page .dashboard-qr-badge-violet{background:color-mix(in srgb, var(--color-product-short-link) 12%, var(--color-surface-secondary));color:var(--color-product-short-link)}.short-links-page .dashboard-qr-badge-active{background:color-mix(in srgb, var(--color-success) 13%, var(--color-surface-secondary));color:var(--color-success)}.short-links-page .dashboard-qr-badge-paused{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-surface-secondary));color:var(--color-warning)}.short-links-page .dashboard-qr-badge-neutral{background:var(--color-surface-secondary);color:var(--color-text-muted)}.short-links-page .dashboard-qr-shortlink-button{color:var(--color-product-short-link)!important}.short-links-page .qr-gallery-card-action-copy{color:var(--color-product-qr)!important}.short-links-page .qr-gallery-card-action-edit{color:var(--color-plan-free)!important}.short-links-page .qr-gallery-card-action-copy:hover:enabled,.short-links-page .qr-gallery-card-action-copy:focus-visible{background:color-mix(in srgb, var(--color-product-qr) 11%, var(--color-surface-secondary))!important;color:var(--color-product-qr)!important}.short-links-page .qr-gallery-card-action-edit:hover:enabled,.short-links-page .qr-gallery-card-action-edit:focus-visible{background:color-mix(in srgb, var(--color-plan-free) 11%, var(--color-surface-secondary))!important;color:var(--color-plan-free)!important}.short-links-page .qr-gallery-card-action-runtime:hover:enabled,.short-links-page .qr-gallery-card-action-runtime:focus-visible{background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface-secondary))!important;color:var(--color-warning)!important}.short-links-page .qr-gallery-card-action-runtime.is-paused:hover:enabled,.short-links-page .qr-gallery-card-action-runtime.is-paused:focus-visible{background:color-mix(in srgb, var(--color-success) 12%, var(--color-surface-secondary))!important;color:var(--color-success)!important}.short-links-page .qr-gallery-card-action-danger:hover:enabled,.short-links-page .qr-gallery-card-action-danger:focus-visible{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-secondary))!important;color:var(--color-danger)!important}.short-links-page .qr-gallery-card-action-copy svg{color:var(--color-product-qr)!important}.short-links-page .qr-gallery-card-action-edit svg{color:var(--color-plan-free)!important}.short-links-page .qr-gallery-card-action-runtime svg{color:var(--color-warning)!important}.short-links-page .qr-gallery-card-action-runtime.is-paused svg{color:var(--color-success)!important}.short-links-page .qr-gallery-card-action-danger svg{color:var(--color-danger)!important}.short-links-page .qr-gallery-card-action-runtime{color:var(--color-warning)!important}.short-links-page .qr-gallery-card-action-runtime.is-paused{color:var(--color-success)!important}.short-links-page .qr-gallery-card-action-danger{color:var(--color-danger)!important}.short-links-page .empty-state-create-button{border-color:var(--color-product-short-link);background:var(--color-surface);color:var(--color-product-short-link)}.short-links-page .empty-state-create-button:hover,.short-links-page .empty-state-create-button:focus-visible{border-color:var(--color-product-short-link);background:var(--color-product-short-link);color:var(--color-on-accent);box-shadow:0 10px 22px rgb(var(--rgb-product-short-link) / 20%)}.short-links-page .dashboard-qr-list-item.qr-gallery-card.is-active:hover{border-color:var(--color-success);box-shadow:0 14px 30px color-mix(in srgb, var(--color-success) 18%, transparent)}.short-links-page .dashboard-qr-list-item.qr-gallery-card.is-paused:hover{border-color:var(--color-warning);box-shadow:0 14px 30px color-mix(in srgb, var(--color-warning) 18%, transparent)}.short-links-page .short-links-recovery{border-color:var(--color-border);background:var(--color-surface-raised)}.short-links-page .short-links-recovery-list article{border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-text)}.short-links-page .short-links-recovery-list article span{color:var(--color-text-muted)}.short-links-page .short-links-recovery-list button{border-color:var(--color-success);background:var(--color-surface);color:var(--color-success)}.short-links-page .short-links-recovery-list button:hover:enabled,.short-links-page .short-links-recovery-list button:focus-visible{border-color:var(--color-success);background:var(--color-success);color:var(--color-on-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-success) 20%, transparent)}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page :is(.dashboard-qr-list-item,.dashboard-qr-list-item.qr-gallery-card){border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 10px 24px rgb(var(--rgb-canvas) / 34%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page :is(.dashboard-qr-list-item,.dashboard-qr-list-item.qr-gallery-card):hover{border-color:var(--color-product-short-link-glow)!important;box-shadow:0 14px 30px rgb(var(--rgb-product-short-link-glow) / 14%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page :is(.dashboard-search-inline,.app-filter-trigger){border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .app-filter-popover{border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .qr-gallery-card-meta,:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .short-links-recovery-list article{background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .dashboard-qr-badge-violet{background:rgb(var(--rgb-product-short-link) / 14%);color:var(--color-product-short-link-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .link-gallery-card-preview-link{border-color:rgb(var(--rgb-product-short-link-glow) / 58%);background:rgb(var(--rgb-product-short-link) / 14%);color:var(--color-product-short-link-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .link-gallery-card-preview-image{border-color:color-mix(in srgb, var(--color-success) 58%, var(--color-border));background:color-mix(in srgb, var(--color-success) 13%, var(--color-surface-secondary));color:var(--color-success)}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .link-gallery-card-preview-pdf{border-color:color-mix(in srgb, var(--color-danger) 58%, var(--color-border));background:color-mix(in srgb, var(--color-danger) 13%, var(--color-surface-secondary));color:var(--color-danger)}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .dashboard-qr-shortlink-button,:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .link-gallery-card-meta .material-symbols-outlined{color:var(--color-product-short-link-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .app-filter-trigger strong{background:var(--color-product-short-link);color:var(--color-on-accent)}.short-links-page .dashboard-qr-list-item.link-gallery-card.link-gallery-card-status-active:hover{border-color:var(--color-success)!important;box-shadow:0 0 0 1px var(--color-success), 0 14px 30px color-mix(in srgb, var(--color-success) 18%, transparent)!important}.short-links-page .dashboard-qr-list-item.link-gallery-card.link-gallery-card-status-paused:hover{border-color:var(--color-warning)!important;box-shadow:0 0 0 1px var(--color-warning), 0 14px 30px color-mix(in srgb, var(--color-warning) 18%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .dashboard-qr-list-item.link-gallery-card.link-gallery-card-status-active:hover{border-color:var(--color-success)!important;box-shadow:0 0 0 1px var(--color-success), 0 14px 30px color-mix(in srgb, var(--color-success) 24%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .dashboard-qr-list-item.link-gallery-card.link-gallery-card-status-paused:hover{border-color:var(--color-warning)!important;box-shadow:0 0 0 1px var(--color-warning), 0 14px 30px color-mix(in srgb, var(--color-warning) 24%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .short-links-page .link-gallery-card-meta .material-symbols-outlined{color:var(--color-warning)}.short-link-product-scope{background:var(--color-canvas);color:var(--color-text)}:is(.app-shell:has(.short-link-product-scope),.app-main:has(.short-link-product-scope)){background:var(--color-canvas);background-image:none}body:has(.short-link-product-scope) .sidebar{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);background-image:none}body:has(.short-link-product-scope) .sidebar .nav-link{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}body:has(.short-link-product-scope) .sidebar .nav-link:hover{border-color:var(--color-product-short-link);background:color-mix(in srgb, var(--color-product-short-link) 10%, var(--color-surface));color:var(--color-product-short-link)}body:has(.short-link-product-scope) .sidebar .nav-link-active{border-color:var(--color-product-short-link);background:color-mix(in srgb, var(--color-product-short-link) 10%, var(--color-surface));color:var(--color-product-short-link)}.short-link-product-scope :is(.resource-detail-hero,.resource-detail-metrics article,.resource-detail-panel){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 10px 28px rgb(var(--rgb-canvas) / 10%)}.short-link-product-scope .resource-detail-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.short-link-product-scope .resource-detail-destination-panel .resource-detail-panel-head{justify-content:space-between}.short-link-product-scope .resource-detail-destination-panel .resource-detail-panel-head>button{flex:none;margin-top:0}.short-link-product-scope .resource-detail-action-list{grid-template-columns:repeat(3,minmax(0,1fr))}.short-link-product-scope .resource-detail-action-list button{text-align:center;justify-content:center;padding-inline:.55rem}.short-link-product-scope .resource-detail-hero{background-image:none}.short-link-product-scope :is(.resource-detail-identity h1,.resource-detail-metrics strong,.resource-detail-panel-head h2){color:var(--color-text)}.short-link-product-scope :is(.resource-detail-metrics small,.resource-detail-value-stack>small,.resource-detail-quick-form label,.resource-detail-edit-note){color:var(--color-text-muted)}.short-link-product-scope .resource-detail-metrics article.is-clicks>.material-symbols-outlined{background:color-mix(in srgb, var(--color-product-short-link) 10%, var(--color-surface-secondary));color:var(--color-product-short-link)}.short-link-product-scope .resource-detail-metrics article.is-created>.material-symbols-outlined{background:color-mix(in srgb, var(--color-info) 10%, var(--color-surface-secondary));color:var(--color-info)}.short-link-product-scope .resource-detail-metrics article.is-updated>.material-symbols-outlined{background:color-mix(in srgb, var(--color-plan-free) 10%, var(--color-surface-secondary));color:var(--color-plan-free)}.short-link-product-scope .resource-detail-metrics article.is-safe>.material-symbols-outlined{background:color-mix(in srgb, var(--color-success) 11%, var(--color-surface-secondary));color:var(--color-success)}.short-link-product-scope .resource-detail-metrics article.is-warning>.material-symbols-outlined{background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface-secondary));color:var(--color-warning)}.short-link-product-scope .resource-detail-identity>button,.short-link-product-scope .resource-detail-panel-head span,.short-link-product-scope .resource-detail-destination .material-symbols-outlined{color:var(--color-product-short-link)}.short-link-product-scope .resource-detail-badges .is-type{background:color-mix(in srgb, var(--color-product-short-link) 12%, var(--color-surface-secondary));color:var(--color-product-short-link)}.short-link-product-scope .resource-detail-badges .is-active{background:color-mix(in srgb, var(--color-success) 13%, var(--color-surface-secondary));color:var(--color-success)}.short-link-product-scope .resource-detail-badges .is-paused{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-surface-secondary));color:var(--color-warning)}.short-link-product-scope .resource-detail-link-route{grid-template-rows:auto auto;grid-template-columns:2.35rem minmax(0,1fr);align-items:center;gap:.35rem .7rem;margin-top:1rem;display:grid}.short-link-product-scope .resource-detail-link-route-source{width:fit-content;max-width:100%;color:var(--color-product-short-link);font:inherit;cursor:pointer;background:0 0;border:0;grid-area:1/1/auto/-1;align-items:center;gap:.4rem;padding:0;font-size:1.48rem;font-weight:850;display:inline-flex}.short-link-product-scope .resource-detail-link-route-source:hover,.short-link-product-scope .resource-detail-link-route-source:focus-visible{text-underline-offset:.24rem;text-decoration:underline}.short-link-product-scope .resource-detail-link-route-arrow{width:2rem;height:2rem;color:var(--color-success);grid-area:2/1;place-items:center;display:grid}.short-link-product-scope .resource-detail-link-route-arrow .material-symbols-outlined{font-size:1.85rem;line-height:1}.short-link-product-scope .resource-detail-link-route-target{width:fit-content;min-height:0;box-shadow:none;color:var(--color-text);background:0 0;border:0;border-radius:0;grid-area:2/2;justify-content:flex-start;align-items:center;gap:.45rem;margin:0;padding:0;font-size:1.1rem;font-weight:750;display:inline-flex}.short-link-product-scope .resource-detail-link-route-target:hover{color:var(--color-text);background:0 0;border:0}.short-link-product-scope .resource-detail-link-route.is-paused .resource-detail-link-route-arrow{color:var(--color-warning)}.short-link-product-scope .resource-detail-link-route.is-paused .resource-detail-link-route-target,.short-link-product-scope .resource-detail-link-route.is-paused .resource-detail-link-route-target:hover{color:var(--color-warning);text-decoration:line-through;text-decoration-thickness:2px}:is(:root[data-theme=dark],:root.dark,html.dark) .short-link-product-scope :is(.resource-detail-hero,.resource-detail-metrics article,.resource-detail-panel){border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 10px 28px rgb(var(--rgb-canvas) / 34%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .short-link-product-scope .resource-detail-metrics article.is-clicks>.material-symbols-outlined{background:rgb(var(--rgb-product-short-link) / 14%);color:var(--color-product-short-link-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .short-link-product-scope .resource-detail-metrics article.is-created>.material-symbols-outlined{background:color-mix(in srgb, var(--color-info) 12%, var(--color-surface-secondary));color:var(--color-info)}:is(:root[data-theme=dark],:root.dark,html.dark) .short-link-product-scope .resource-detail-metrics article.is-updated>.material-symbols-outlined{background:color-mix(in srgb, var(--color-plan-free) 12%, var(--color-surface-secondary));color:var(--color-plan-free)}:is(:root[data-theme=dark],:root.dark,html.dark) .short-link-product-scope .resource-detail-link-route-source{color:var(--color-product-short-link-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .short-link-product-scope :is(.resource-detail-action-copy,.resource-detail-action-copy .material-symbols-outlined){color:var(--color-product-short-link-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .short-link-product-scope .resource-detail-link-route-target{color:var(--color-text)}@media (width<=1080px){.short-link-product-scope .resource-detail-layout{grid-template-columns:1fr}}@media (width<=640px){.short-link-product-scope .resource-detail-action-list{grid-template-columns:1fr}.short-link-product-scope .resource-detail-action-list button{text-align:left;justify-content:flex-start;padding-inline:.8rem}}:is(:root[data-theme=dark],:root.dark,html.dark) .toast{border:1px solid var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important;box-shadow:0 0 16px rgb(var(--rgb-product-qr-accent) / 16%), 0 18px 38px rgb(var(--rgb-canvas) / 42%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .toast-success{border-color:var(--color-success)!important;box-shadow:0 0 16px color-mix(in srgb, var(--color-success) 20%, transparent), 0 18px 38px rgb(var(--rgb-canvas) / 42%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .toast-warning{border-color:var(--color-warning)!important;box-shadow:0 0 16px color-mix(in srgb, var(--color-warning) 20%, transparent), 0 18px 38px rgb(var(--rgb-canvas) / 42%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .toast-error{border-color:var(--color-danger)!important;box-shadow:0 0 16px color-mix(in srgb, var(--color-danger) 20%, transparent), 0 18px 38px rgb(var(--rgb-canvas) / 42%)!important}.qr-resource-detail-page{color:var(--color-text)}:is(.app-shell:has(.qr-resource-detail-page),.app-main:has(.qr-resource-detail-page)){background:var(--color-canvas);background-image:none}body:has(.qr-resource-detail-page) .sidebar{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);background-image:none}body:has(.qr-resource-detail-page) .sidebar .nav-link{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-muted)}body:has(.qr-resource-detail-page) .sidebar .nav-link:hover{border-color:var(--color-product-qr);background:color-mix(in srgb, var(--color-product-qr) 10%, var(--color-surface));color:var(--color-product-qr)}body:has(.qr-resource-detail-page) .sidebar .nav-link-active{border-color:var(--color-product-qr);background:color-mix(in srgb, var(--color-product-qr) 10%, var(--color-surface));color:var(--color-product-qr)}.qr-resource-detail-page :is(.resource-detail-hero,.resource-detail-metrics article,.resource-detail-panel){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 10px 28px rgb(var(--rgb-canvas) / 10%)}.qr-resource-detail-page .resource-detail-layout{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1080px){.qr-resource-detail-page .resource-detail-layout{grid-template-columns:1fr}}.qr-resource-detail-page .resource-detail-hero{background-image:none}.qr-resource-detail-page .resource-detail-preview{border-color:var(--color-border);background:var(--color-content-white)}.qr-resource-detail-page :is(.resource-detail-identity h1,.resource-detail-metrics strong,.resource-detail-panel-head h2){color:var(--color-text)}.qr-resource-detail-page :is(.resource-detail-metrics small,.resource-detail-value-stack>small,.resource-detail-quick-form label,.resource-detail-edit-note){color:var(--color-text-muted)}.qr-resource-detail-page .resource-detail-identity>button,.qr-resource-detail-page .resource-detail-panel-head span,.qr-resource-detail-page .resource-detail-destination .material-symbols-outlined{color:var(--color-product-qr)}.qr-resource-detail-page .resource-detail-identity>button{border-color:color-mix(in srgb, var(--color-product-qr) 42%, var(--color-border));background:color-mix(in srgb, var(--color-product-qr) 6%, var(--color-surface-secondary))}.qr-resource-detail-page .resource-detail-identity>button:hover,.qr-resource-detail-page .resource-detail-identity>button:focus-visible{border-color:var(--color-product-qr);background:color-mix(in srgb, var(--color-product-qr) 12%, var(--color-surface-secondary))}.qr-resource-detail-page .resource-detail-badges .is-type{background:color-mix(in srgb, var(--color-product-qr) 12%, var(--color-surface-secondary));color:var(--color-product-qr)}.qr-resource-detail-page .resource-detail-badges .is-active{background:color-mix(in srgb, var(--color-success) 13%, var(--color-surface-secondary));color:var(--color-success)}.qr-resource-detail-page .resource-detail-badges .is-paused{background:color-mix(in srgb, var(--color-warning) 14%, var(--color-surface-secondary));color:var(--color-warning)}.qr-resource-detail-page .resource-detail-badges .is-neutral{background:var(--color-surface-secondary);color:var(--color-text-muted)}.qr-resource-detail-page :is(.resource-detail-hero-actions button,.resource-detail-panel-head>button){border-color:var(--color-border);background:var(--color-surface);color:var(--color-product-qr)}.qr-resource-detail-page :is(.resource-detail-hero-actions button,.resource-detail-panel-head>button):hover{border-color:var(--color-product-qr);background:color-mix(in srgb, var(--color-product-qr) 9%, var(--color-surface-secondary));color:var(--color-product-qr)}.qr-resource-detail-page .resource-detail-metrics article>.material-symbols-outlined{background:color-mix(in srgb, var(--color-product-qr) 9%, var(--color-surface-secondary));color:var(--color-product-qr)}.qr-resource-detail-page .resource-detail-metrics article.is-safe>.material-symbols-outlined{background:color-mix(in srgb, var(--color-success) 11%, var(--color-surface-secondary));color:var(--color-success)}.qr-resource-detail-page .resource-detail-metrics article.is-warning>.material-symbols-outlined{background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface-secondary));color:var(--color-warning)}.qr-resource-detail-page .resource-detail-metrics article.is-expiration>.material-symbols-outlined{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-secondary));color:var(--color-danger)}.qr-resource-detail-page .resource-detail-destination,.qr-resource-detail-page :is(.resource-detail-quick-form .input,.resource-detail-quick-form select),.qr-resource-detail-page .resource-detail-edit-note,.qr-resource-detail-page .resource-detail-action-list button{border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-text)}.qr-resource-detail-page .resource-detail-qr-route{grid-template-rows:auto auto;grid-template-columns:2.35rem minmax(0,1fr);align-items:center;gap:.35rem .7rem;margin-top:.15rem;display:grid}.qr-resource-detail-page .resource-detail-qr-route-source{width:fit-content;max-width:100%;color:var(--color-product-qr);font:inherit;cursor:pointer;background:0 0;border:0;grid-area:1/1/auto/-1;align-items:center;gap:.4rem;padding:0;font-size:1.48rem;font-weight:850;display:inline-flex}.qr-resource-detail-page .resource-detail-qr-route-source:hover,.qr-resource-detail-page .resource-detail-qr-route-source:focus-visible{text-underline-offset:.24rem;text-decoration:underline}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-qr-route-source{color:var(--color-product-qr-glow)}.qr-resource-detail-page .resource-detail-qr-route-arrow{width:2rem;height:2rem;color:var(--color-success);grid-area:2/1;place-items:center;display:grid}.qr-resource-detail-page .resource-detail-qr-route-arrow .material-symbols-outlined{font-size:1.85rem;line-height:1}.qr-resource-detail-page .resource-detail-qr-route-target{width:fit-content;min-width:0;min-height:0;box-shadow:none;color:var(--color-text);background:0 0;border:0;grid-area:2/2;justify-content:flex-start;align-items:center;gap:.45rem;padding:0;font-size:1.1rem;font-weight:750;display:inline-flex;transform:translateY(-.14rem)}.qr-resource-detail-page .resource-detail-qr-route-target:hover{color:var(--color-text);background:0 0;border:0}.qr-resource-detail-page .resource-detail-qr-route.is-paused .resource-detail-qr-route-arrow{color:var(--color-warning)}.qr-resource-detail-page .resource-detail-qr-route.is-paused .resource-detail-qr-route-target,.qr-resource-detail-page .resource-detail-qr-route.is-paused .resource-detail-qr-route-target:hover{color:var(--color-warning);text-decoration:line-through;text-decoration-thickness:2px}.qr-resource-detail-page .resource-detail-action-list button:not(:disabled):hover{border-color:var(--color-product-qr);background:color-mix(in srgb, var(--color-product-qr) 9%, var(--color-surface-secondary));color:var(--color-product-qr)}.qr-resource-detail-page :is(.resource-detail-action-download,.resource-detail-action-copy),.qr-resource-detail-page :is(.resource-detail-action-download,.resource-detail-action-copy) .material-symbols-outlined{color:var(--color-product-qr)!important}.qr-resource-detail-page :is(.resource-detail-action-analytics,.resource-detail-action-analytics .material-symbols-outlined),.qr-resource-detail-page :is(.resource-detail-action-quick-edit,.resource-detail-action-quick-edit .material-symbols-outlined,.resource-detail-action-studio,.resource-detail-action-studio .material-symbols-outlined){color:var(--color-plan-free)!important}.qr-resource-detail-page .resource-detail-action-runtime,.qr-resource-detail-page .resource-detail-action-runtime .material-symbols-outlined{color:var(--color-warning)!important}.qr-resource-detail-page .resource-detail-action-runtime.is-paused,.qr-resource-detail-page .resource-detail-action-runtime.is-paused .material-symbols-outlined{color:var(--color-success)!important}.qr-resource-detail-page .resource-detail-action-list button.is-danger,.qr-resource-detail-page .resource-detail-action-list button.is-danger .material-symbols-outlined{color:var(--color-danger)!important}.qr-resource-detail-page .resource-detail-action-list button.is-danger:hover{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 9%, var(--color-surface-secondary));color:var(--color-danger)}.qr-resource-detail-page .resource-detail-action-tooltip{border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 14px 32px rgb(var(--rgb-canvas) / 18%);color:var(--color-text)}.modal-panel:has(.qr-gallery-dialog){border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 28px 70px rgb(var(--rgb-canvas) / 24%)}.qr-gallery-dialog{color:var(--color-text)}.qr-gallery-dialog-identity,.qr-gallery-dialog :is(.qr-download-settings-meta,.qr-delete-settings-meta,.qr-download-settings-note){border-color:var(--color-border);background:var(--color-surface-secondary)}.qr-gallery-dialog-preview{border:1px solid var(--color-border);background:var(--color-content-white)}.qr-gallery-dialog .qr-download-settings-summary h3{color:var(--color-text)}.qr-gallery-dialog .qr-download-settings-summary p{color:var(--color-product-qr)}.qr-gallery-dialog .qr-download-choice-button{border-color:color-mix(in srgb, var(--color-product-qr) 42%, var(--color-border));background:var(--color-surface);color:var(--color-product-qr)}.qr-gallery-dialog .qr-download-choice-button:hover:enabled,.qr-gallery-dialog .qr-download-choice-button:focus-visible{border-color:var(--color-product-qr);background:var(--color-product-qr);color:var(--color-on-accent);box-shadow:0 10px 22px rgb(var(--rgb-product-qr) / 20%)}.qr-gallery-dialog .qr-download-settings-note strong{color:var(--color-plan-plus)}.qr-gallery-dialog .qr-download-settings-note p{color:var(--color-text-muted)}.qr-gallery-dialog .qr-delete-warning-card{border-color:color-mix(in srgb, var(--color-danger) 42%, var(--color-border));background:var(--color-surface-secondary);color:var(--color-danger)}.qr-gallery-dialog .qr-delete-confirm-check{color:var(--color-danger)}.qr-gallery-dialog .qr-delete-copy-button{border-color:var(--color-product-qr);background:var(--color-surface);color:var(--color-product-qr)}.qr-gallery-dialog .qr-delete-copy-button:hover,.qr-gallery-dialog .qr-delete-copy-button:focus-visible{background:var(--color-product-qr);color:var(--color-on-accent)}.qr-gallery-dialog .qr-delete-backup-button{border-color:var(--color-plan-plus)!important;background:var(--color-surface)!important;color:var(--color-plan-plus)!important}.qr-gallery-dialog .qr-delete-actions .btn-danger{border-color:var(--color-danger)!important;background:var(--color-surface)!important;color:var(--color-danger)!important;box-shadow:none!important}.qr-gallery-dialog .qr-delete-actions .btn-danger:hover:enabled,.qr-gallery-dialog .qr-delete-actions .btn-danger:focus-visible{border-color:var(--color-danger)!important;background:var(--color-danger)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--color-danger) 20%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-identity>button,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-panel-head span,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-destination .material-symbols-outlined,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page :is(.resource-detail-action-analytics,.resource-detail-action-download,.resource-detail-action-copy),:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page :is(.resource-detail-action-analytics,.resource-detail-action-download,.resource-detail-action-copy) .material-symbols-outlined,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-dialog .qr-download-settings-summary p{color:var(--color-product-qr-accent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-badges .is-type{background:color-mix(in srgb, var(--color-product-qr-accent) 12%, var(--color-surface-secondary));color:var(--color-product-qr-accent)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-metrics article:not(.is-safe):not(.is-warning):not(.is-expiration)>.material-symbols-outlined{background:rgb(var(--rgb-product-qr-accent) / 12%);color:var(--color-product-qr-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-metrics article.is-expiration>.material-symbols-outlined{background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface-secondary));color:var(--color-danger)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-identity>button{border-color:rgb(var(--rgb-product-qr-accent) / 66%);background:rgb(var(--rgb-product-qr) / 15%);box-shadow:0 0 12px rgb(var(--rgb-product-qr-accent) / 13%);color:var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-identity>button:hover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-identity>button:focus-visible{border-color:var(--color-product-qr-accent);background:rgb(var(--rgb-product-qr) / 21%);box-shadow:0 0 17px rgb(var(--rgb-product-qr-accent) / 24%);color:var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page :is(.resource-detail-action-analytics,.resource-detail-action-analytics .material-symbols-outlined),:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page :is(.resource-detail-action-quick-edit,.resource-detail-action-quick-edit .material-symbols-outlined,.resource-detail-action-studio,.resource-detail-action-studio .material-symbols-outlined){color:var(--color-plan-free)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-list button:not(:disabled):hover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-list button:not(:disabled):focus-visible{border-color:var(--color-product-qr-accent);background:rgb(var(--rgb-product-qr) / 18%);box-shadow:0 0 12px rgb(var(--rgb-product-qr-accent) / 18%);color:var(--color-product-qr-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-list .resource-detail-action-analytics:not(:disabled):hover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-list .resource-detail-action-analytics:not(:disabled):focus-visible{border-color:var(--color-plan-free);background:color-mix(in srgb, var(--color-plan-free) 14%, var(--color-surface-secondary));box-shadow:0 0 12px color-mix(in srgb, var(--color-plan-free) 20%, transparent);color:var(--color-plan-free)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-list .resource-detail-action-runtime:not(:disabled):hover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-list .resource-detail-action-runtime:not(:disabled):focus-visible{border-color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface-secondary));box-shadow:0 0 12px color-mix(in srgb, var(--color-warning) 18%, transparent);color:var(--color-warning)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-list .resource-detail-action-runtime.is-paused:not(:disabled):hover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-list .resource-detail-action-runtime.is-paused:not(:disabled):focus-visible{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 12%, var(--color-surface-secondary));box-shadow:0 0 12px color-mix(in srgb, var(--color-success) 18%, transparent);color:var(--color-success)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-list button.is-danger:hover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-list button.is-danger:focus-visible{border-color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 12%, var(--color-surface-secondary));box-shadow:0 0 12px color-mix(in srgb, var(--color-danger) 18%, transparent);color:var(--color-danger)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-quick-edit:hover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-quick-edit:focus-visible,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-studio:hover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-studio:focus-visible{border-color:var(--color-plan-free)!important;background:color-mix(in srgb, var(--color-plan-free) 14%, var(--color-surface-secondary))!important;box-shadow:0 0 12px color-mix(in srgb, var(--color-plan-free) 20%, transparent)!important;color:var(--color-plan-free)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page :is(.resource-detail-action-download,.resource-detail-action-copy):hover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page :is(.resource-detail-action-download,.resource-detail-action-copy):focus-visible{border-color:var(--color-product-qr-accent)!important;background:rgb(var(--rgb-product-qr) / 18%)!important;box-shadow:0 0 12px rgb(var(--rgb-product-qr-accent) / 18%)!important;color:var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-analytics:hover,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-resource-detail-page .resource-detail-action-analytics:focus-visible{border-color:var(--color-plan-free)!important;background:color-mix(in srgb, var(--color-plan-free) 14%, var(--color-surface-secondary))!important;box-shadow:0 0 12px color-mix(in srgb, var(--color-plan-free) 20%, transparent)!important;color:var(--color-plan-free)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-dialog .qr-download-choice-button{border-color:var(--color-product-qr-accent);background:var(--color-surface);color:var(--color-product-qr-glow);box-shadow:0 0 14px rgb(var(--rgb-product-qr-accent) / 10%)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-dialog .qr-download-choice-button:hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-dialog .qr-download-choice-button:focus-visible{border-color:var(--color-product-qr);background:var(--color-product-qr);color:var(--color-on-accent);box-shadow:0 0 16px rgb(var(--rgb-product-qr-accent) / 20%)}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-dialog .qr-delete-actions .btn-danger{background:var(--color-surface)!important;color:var(--color-danger)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-dialog .qr-delete-actions .btn-danger:hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-gallery-dialog .qr-delete-actions .btn-danger:focus-visible{background:var(--color-danger)!important;color:var(--color-on-accent)!important;box-shadow:0 0 12px color-mix(in srgb, var(--color-danger) 22%, transparent)!important}:is(.short-link-product-scope,.qr-resource-detail-page) :is(.resource-detail-action-list button:not(:disabled),.resource-detail-hero-actions .resource-detail-action-edit,.resource-detail-panel-head>button):is(:hover,:focus-visible){transform:translateY(-1px);background:color-mix(in srgb, currentColor 9%, var(--color-surface-secondary))!important;box-shadow:0 8px 20px rgb(var(--rgb-canvas) / 14%)!important;border-color:currentColor!important}:is(.short-link-product-scope,.qr-resource-detail-page) :is(.resource-detail-action-list button:not(:disabled),.resource-detail-hero-actions .resource-detail-action-edit,.resource-detail-panel-head>button):focus-visible{outline:2px solid color-mix(in srgb, currentColor 46%, transparent);outline-offset:3px}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.short-link-product-scope,.qr-resource-detail-page) :is(.resource-detail-action-list button:not(:disabled),.resource-detail-hero-actions .resource-detail-action-edit,.resource-detail-panel-head>button):is(:hover,:focus-visible){background:color-mix(in srgb, currentColor 14%, var(--color-surface-secondary))!important;box-shadow:0 0 12px color-mix(in srgb, currentColor 18%, transparent)!important;border-color:currentColor!important}.billing-page-shell{color:var(--color-text)}.billing-page-shell .billing-overview-card,.billing-page-shell .billing-summary-card,.billing-page-shell .billing-limit-card{border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 10%)}.billing-page-shell :is(.billing-overview-head p,.billing-overview-kicker,.billing-summary-eyebrow,.billing-summary-copy,.billing-limit-card span,.billing-limit-card small,.pricing-plans-availabilityDate){color:var(--color-text-muted)}.billing-page-shell :is(.billing-overview-head strong,.billing-summary-value,.billing-limit-card strong){color:var(--color-text)}.billing-page-shell .pricing-plans-card{background:var(--color-surface-raised);box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 12%)}.billing-page-shell .pricing-plans-card:after{box-shadow:none}.billing-page-shell .billing-pricing-card-active{border-color:var(--pricing-plan-accent);box-shadow:0 14px 30px color-mix(in srgb, var(--pricing-plan-accent) 14%, transparent)}.billing-page-shell .billing-pricing-cardBadge-active{border-color:color-mix(in srgb, var(--color-on-accent) 56%, transparent);background:color-mix(in srgb, var(--color-on-accent) 16%, transparent);color:var(--color-on-accent)}.billing-page-shell .pricing-plans-cardBody{border-top-color:var(--color-border);background:var(--color-surface-raised)}.billing-page-shell .pricing-plans-cardListItem{color:var(--color-text)}.billing-page-shell :is(.pricing-plans-cardHighlights,.pricing-plans-cardDetailsList){border-top:0}.billing-page-shell .pricing-plans-cardHighlights{padding-top:0}.billing-page-shell .pricing-plans-cardNote{color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 34%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 8%, var(--color-surface-secondary))}.billing-page-shell .pricing-plans-moreBtn{width:fit-content;min-height:0;color:var(--pricing-plan-accent);box-shadow:none;background:0 0;border-color:#0000;border-radius:.45rem;justify-content:center;align-self:center;align-items:center;gap:.35rem;padding:.28rem .48rem;display:inline-flex}.billing-page-shell .pricing-plans-moreBtn:hover,.billing-page-shell .pricing-plans-moreBtn:focus-visible{border-color:var(--pricing-plan-accent);color:var(--pricing-plan-accent);background:0 0;outline:none;text-decoration:none}.billing-page-shell .pricing-plans-moreBtn:focus-visible{outline:2px solid color-mix(in srgb, var(--pricing-plan-accent) 42%, transparent);outline-offset:2px}.billing-page-shell .pricing-plans-moreChevron{font-size:1.15rem;line-height:1;transition:transform .16s;display:inline-block}.billing-page-shell .pricing-plans-moreBtn[aria-expanded=true] .pricing-plans-moreChevron{transform:rotate(90deg)}.billing-page-shell .pricing-plans-primaryBtn,.billing-page-shell .pricing-plans-secondaryBtn{border-color:color-mix(in srgb, var(--pricing-plan-accent) 58%, var(--color-border));background:color-mix(in srgb, var(--pricing-plan-accent) 6%, var(--color-surface));color:var(--pricing-plan-accent);box-shadow:0 8px 18px rgb(var(--rgb-canvas) / 8%)}.billing-page-shell .pricing-plans-primaryBtn:hover:not(:disabled),.billing-page-shell .pricing-plans-primaryBtn:focus-visible:not(:disabled),.billing-page-shell .pricing-plans-secondaryBtn:hover:not(:disabled),.billing-page-shell .pricing-plans-secondaryBtn:focus-visible:not(:disabled){border-color:var(--pricing-plan-accent);background:color-mix(in srgb, var(--pricing-plan-accent) 9%, var(--color-surface-secondary));color:var(--pricing-plan-accent);box-shadow:0 8px 20px rgb(var(--rgb-canvas) / 14%);filter:none;outline:none}.billing-page-shell :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):focus-visible:not(:disabled){outline:2px solid color-mix(in srgb, var(--pricing-plan-accent) 42%, transparent);outline-offset:3px}.billing-page-shell :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):disabled{border-color:var(--button-disabled-border);background:var(--button-disabled-bg);color:var(--button-disabled-text);box-shadow:none;cursor:not-allowed;opacity:1}.billing-page-shell .billing-pricing-cardCurrentPlan:disabled{cursor:default;min-height:0;font-size:var(--hoppla-type-btn);line-height:var(--hoppla-lh-btn);letter-spacing:.12em;text-transform:uppercase;padding:.3rem 0;color:var(--pricing-plan-accent)!important;box-shadow:none!important;opacity:1!important;filter:none!important;background:0 0!important;border:0!important}.billing-page-shell .billing-pricing-cardCurrentPlan:disabled:before,.billing-page-shell .billing-pricing-cardCurrentPlan:disabled:after{display:none!important}.pricing-plans-tooltipBubble{border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 18px 40px rgb(var(--rgb-canvas) / 26%)}.pricing-plans-tooltipArrow{background:var(--color-surface-raised);border-left-color:var(--color-border);border-top-color:var(--color-border)}.pricing-plans-tooltipText{color:var(--color-text)}.pricing-plans-tooltipClose{border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-text)}.pricing-plans-tooltipClose:hover,.pricing-plans-tooltipClose:focus-visible{border-color:var(--color-info);color:var(--color-info);outline:2px solid color-mix(in srgb, var(--color-info) 40%, transparent);outline-offset:2px}:is(:root[data-theme=light],:root.light,html.light) .pricing-plans-tooltipBubble{border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 18px 40px rgb(var(--rgb-canvas) / 14%)}:is(:root[data-theme=light],:root.light,html.light) .pricing-plans-tooltipArrow{background:var(--color-surface-raised);border-left-color:var(--color-border);border-top-color:var(--color-border)}:is(:root[data-theme=light],:root.light,html.light) .pricing-plans-tooltipText{color:var(--color-text)}:is(:root[data-theme=light],:root.light,html.light) .pricing-plans-tooltipClose{border-color:var(--color-border);background:var(--color-surface-secondary);color:var(--color-text)}.plans-leadTooltip{border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 18px 40px rgb(var(--rgb-canvas) / 26%)}:is(:root[data-theme=light],:root.light,html.light) .plans-leadTooltip{border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 18px 40px rgb(var(--rgb-canvas) / 14%)}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.plans-leadTooltip,.pricing-plans-tooltipBubble){border-color:var(--color-border);background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 18px 40px rgb(var(--rgb-canvas) / 30%)}:is(:root[data-theme=dark],:root.dark,html.dark) .pricing-plans-tooltipArrow{background:var(--color-surface-raised);border-left-color:var(--color-border);border-top-color:var(--color-border)}:is(:root[data-theme=dark],:root.dark,html.dark) .pricing-plans-tooltipText{color:var(--color-text)}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-hero h2{color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-hero p{color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-live-pill{border:1px solid var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text)!important;box-shadow:none!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-live-pill span{background:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-status-pending span{background:var(--color-warning)!important}.settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card,.settings-plan-stat-card){--settings-overview-accent:var(--color-info);border:1px solid var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 10%)!important;background-image:none!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card{min-width:0}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card:hover,.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:hover{border-color:var(--settings-overview-accent)!important;background:color-mix(in srgb, var(--settings-overview-accent) 5%, var(--color-surface-raised))!important;box-shadow:0 16px 30px color-mix(in srgb, var(--settings-overview-accent) 15%, transparent)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-account{--settings-overview-accent:var(--color-brand)}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-workspace{--settings-overview-accent:var(--color-info)}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-plan-free,.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-plan-hoppla{--settings-overview-accent:var(--color-plan-free)}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-plan-plus{--settings-overview-accent:var(--color-plan-plus)}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-plan-pro,.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-plan-admin{--settings-overview-accent:var(--color-plan-pro)}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-security-secure{--settings-overview-accent:var(--color-success)}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-security-warning{--settings-overview-accent:var(--color-warning)}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-head h3,.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card strong,.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card strong{color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card p,.settings-plan-stat-card p){color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-head .material-symbols-outlined,.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-head .material-symbols-outlined,.settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card-plan strong,.settings-overview-card-security-secure strong,.settings-overview-card-security-warning strong,.settings-plan-stat-card strong){color:var(--settings-overview-accent)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:first-child{--settings-overview-accent:var(--color-product-qr)}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:nth-child(2){--settings-overview-accent:var(--color-product-qr-accent)}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:nth-child(3){--settings-overview-accent:var(--color-success)}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:nth-child(4){--settings-overview-accent:var(--color-product-short-link)}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:nth-child(5){--settings-overview-accent:var(--color-plan-qr-plus)}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card,.settings-plan-stat-card){background:var(--color-surface-raised)!important;box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 36%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-overview] .settings-overview-card:hover,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:hover{background:color-mix(in srgb, var(--settings-overview-accent) 9%, var(--color-surface-raised))!important;box-shadow:0 0 14px color-mix(in srgb, var(--settings-overview-accent) 14%, transparent), 0 16px 30px rgb(var(--rgb-canvas) / 36%)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-live-pill.settings-status-verified{border-color:color-mix(in srgb, var(--color-success) 48%, var(--color-border))!important;background:color-mix(in srgb, var(--color-success) 10%, var(--color-surface-secondary))!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-live-pill.settings-status-verified strong{color:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-live-pill.settings-status-pending{border-color:color-mix(in srgb, var(--color-warning) 48%, var(--color-border))!important;background:color-mix(in srgb, var(--color-warning) 10%, var(--color-surface-secondary))!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-live-pill.settings-status-pending strong{color:var(--color-warning)!important}.settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card,.settings-plan-stat-card){border-color:color-mix(in srgb, var(--settings-overview-accent) 34%, var(--color-border))!important;background:color-mix(in srgb, var(--settings-overview-accent) 5%, var(--color-surface-raised))!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-head .material-symbols-outlined,.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-head{border:1px solid color-mix(in srgb, var(--settings-overview-accent) 40%, var(--color-border));background:color-mix(in srgb, var(--settings-overview-accent) 12%, var(--color-surface-secondary));border-radius:.75rem;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:inline-flex}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-head .material-symbols-outlined{flex:none}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-head .material-symbols-outlined{color:var(--settings-overview-accent)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card{grid-template-columns:2.4rem minmax(0,1fr);align-items:center;gap:.5rem .75rem;display:grid}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-head{grid-area:1/1/span 2;margin:0}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card p{grid-area:1/2;margin:0}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card strong{grid-area:2/2}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card,.settings-plan-stat-card){border-color:color-mix(in srgb, var(--settings-overview-accent) 52%, var(--color-border))!important;background:color-mix(in srgb, var(--settings-overview-accent) 11%, var(--color-surface-raised))!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card-head .material-symbols-outlined,.settings-plan-stat-head){box-shadow:0 0 12px color-mix(in srgb, var(--settings-overview-accent) 12%, transparent);border-color:color-mix(in srgb, var(--settings-overview-accent) 62%, var(--color-border))!important;background:color-mix(in srgb, var(--settings-overview-accent) 18%, var(--color-surface-secondary))!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card{border-color:var(--settings-overview-accent)!important;box-shadow:none!important;background:0 0!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card :is(p,strong){color:var(--settings-overview-accent)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:hover{border-color:var(--settings-overview-accent)!important;background:var(--settings-overview-accent)!important;box-shadow:0 12px 24px color-mix(in srgb, var(--settings-overview-accent) 22%, transparent)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:hover :is(p,strong,.settings-plan-stat-head .material-symbols-outlined){color:var(--color-on-accent)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:hover .settings-plan-stat-head,.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card .settings-plan-stat-head{box-shadow:none!important;background:0 0!important;border-color:#0000!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card{box-shadow:none!important;background-color:#0000!important;background-image:none!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card{border-color:var(--settings-overview-accent)!important;box-shadow:none!important;background:0 0!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card :is(.settings-overview-card-head h3,.settings-overview-card-head .material-symbols-outlined),.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card>strong{color:var(--settings-overview-accent)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card .settings-overview-card-head .material-symbols-outlined{box-shadow:none!important;background:0 0!important;border-color:#0000!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card:hover{border-color:var(--settings-overview-accent)!important;background:var(--settings-overview-accent)!important;box-shadow:0 12px 24px color-mix(in srgb, var(--settings-overview-accent) 22%, transparent)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card:hover :is(h3,strong,p,.material-symbols-outlined){color:var(--color-on-accent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-overview] .settings-overview-card{box-shadow:none!important;background-color:#0000!important;background-image:none!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-quota-current{color:var(--settings-overview-accent)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-quota-limit{color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:hover :is(.settings-overview-quota-current,.settings-overview-quota-limit){color:var(--color-on-accent)!important}:is(:root[data-theme=light],:root.light,html.light) .settings-page-shell [data-settings-section=settings-overview] .settings-overview-card>strong{color:var(--settings-overview-accent)!important}:is(:root[data-theme=light],:root.light,html.light) .settings-page-shell [data-settings-section=settings-overview] .settings-overview-card-head h3{color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-overview] .settings-overview-card>strong{color:var(--settings-overview-accent)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card:hover :is(h3,strong,p,.material-symbols-outlined){color:var(--color-on-accent)!important;-webkit-text-fill-color:var(--color-on-accent)!important;text-shadow:none!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card:hover>strong{color:var(--color-on-accent)!important;-webkit-text-fill-color:var(--color-on-accent)!important}.settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card,.settings-plan-stat-card),.settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card,.settings-plan-stat-card):hover{border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 12%)!important;background-image:none!important;transform:none!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card:hover h3{color:var(--color-text)!important;-webkit-text-fill-color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card:hover>strong,.settings-page-shell [data-settings-section=settings-overview] .settings-overview-card:hover .material-symbols-outlined,.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:hover strong,.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:hover .material-symbols-outlined{color:var(--settings-overview-accent)!important;-webkit-text-fill-color:var(--settings-overview-accent)!important}.settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card,.settings-plan-stat-card):hover p,.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:hover .settings-overview-quota-limit{color:var(--color-text-muted)!important;-webkit-text-fill-color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-overview] .settings-plan-stat-card:hover .settings-overview-quota-current{color:var(--settings-overview-accent)!important;-webkit-text-fill-color:var(--settings-overview-accent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card,.settings-plan-stat-card),:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-overview] :is(.settings-overview-card,.settings-plan-stat-card):hover{border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 34%)!important}.settings-page-shell [data-settings-section=settings-account]{--settings-account-primary:var(--color-info);--settings-account-preferences:var(--color-plan-free)}.settings-page-shell [data-settings-section=settings-account] .settings-section-head{border-color:var(--color-border)!important;box-shadow:none!important;background:0 0!important}.settings-page-shell [data-settings-section=settings-account] .settings-section-icon{border-color:var(--settings-account-primary)!important;color:var(--settings-account-primary)!important;box-shadow:none!important;background:0 0!important}.settings-page-shell [data-settings-section=settings-account] .settings-section-head h2{color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-account] .settings-section-head p{color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-account] :is(.settings-account-hero-card,.settings-account-side-card){border:1px solid var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 12%)!important;background-image:none!important;transform:none!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-hero-card{border-color:color-mix(in srgb, var(--settings-account-primary) 42%, var(--color-border))!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-side-card{border-color:color-mix(in srgb, var(--settings-account-preferences) 42%, var(--color-border))!important}.settings-page-shell [data-settings-section=settings-account] :is(.settings-account-hero-card,.settings-account-side-card):hover{background:var(--color-surface-raised)!important;box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 12%)!important;transform:none!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-card-head h3{color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-hero-card .settings-account-card-head .material-symbols-outlined{color:var(--settings-account-primary)!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-side-card .settings-account-card-head .material-symbols-outlined{color:var(--settings-account-preferences)!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-card-head{border-bottom:1px solid var(--color-border);margin-bottom:1rem;padding-bottom:.9rem}.settings-page-shell [data-settings-section=settings-account] .settings-account-card-body{gap:1.1rem}.settings-page-shell [data-settings-section=settings-account] :is(.settings-account-row-label,.settings-account-pref-copy span,.settings-account-pref-copy small,.settings-muted-copy,.settings-account-role-row>span){color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-account] :is(.settings-account-email-row,.settings-account-role-row,.settings-account-pref-row){border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;box-shadow:none!important;background-image:none!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-email-row{border-width:1px!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-email-row>span{color:var(--settings-account-primary)!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-role-row{border-radius:.85rem;padding:.9rem 1rem;border:1px solid var(--color-border)!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-role-stamp{transform:none;border:1px solid var(--color-plan-free)!important;color:var(--color-plan-free)!important;box-shadow:none!important;background:0 0!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-char-counter{border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important;box-shadow:none!important}.settings-page-shell [data-settings-section=settings-account] :is(.settings-account-name-input,.settings-account-pref-select){border:1px solid var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:none!important;background-image:none!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-name-input{max-width:none}.settings-page-shell [data-settings-section=settings-account] :is(.settings-account-name-input,.settings-account-pref-select):focus-visible{outline-offset:2px;border-color:var(--settings-account-primary)!important;outline:3px solid color-mix(in srgb, var(--settings-account-primary) 32%, transparent)!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-pref-row{border-radius:.85rem;padding:.9rem;border:1px solid var(--color-border)!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-pref-row+.settings-account-pref-row{margin-top:.75rem}.settings-page-shell [data-settings-section=settings-account] .settings-account-pref-row:hover{border-color:var(--settings-account-preferences)!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-pref-row:focus-within{border-color:var(--settings-account-preferences)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--settings-account-preferences) 14%, transparent)!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-pref-icon{border:1px solid color-mix(in srgb, var(--settings-account-preferences) 42%, var(--color-border));color:var(--settings-account-preferences)!important;box-shadow:none!important;background:0 0!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-pref-icon:after{display:none!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-pref-copy strong{color:var(--settings-account-preferences)!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-pref-copy small{border-radius:0;width:auto;padding:0;display:block;background:0 0!important}.settings-page-shell [data-settings-section=settings-account] :is(.settings-account-inline-edit,.settings-account-name-row .btn){border-radius:.7rem;min-height:2.65rem;padding:.55rem .9rem;transition:background-color .16s,color .16s,box-shadow .16s,transform .16s;transform:none;border:1px solid var(--settings-account-primary)!important;color:var(--settings-account-primary)!important;box-shadow:none!important;background:0 0!important}.settings-page-shell [data-settings-section=settings-account] :is(.settings-account-inline-edit,.settings-account-name-row .btn) .material-symbols-outlined{font-size:1.05rem;color:inherit!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-inline-edit>span{color:inherit!important;-webkit-text-fill-color:currentColor!important}.settings-page-shell [data-settings-section=settings-account] :is(.settings-account-inline-edit,.settings-account-name-row .btn):hover:not(:disabled){transform:translateY(-1px);border-color:var(--settings-account-primary)!important;background:var(--settings-account-primary)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 20px color-mix(in srgb, var(--settings-account-primary) 20%, transparent)!important}.settings-page-shell [data-settings-section=settings-account] .settings-account-inline-edit:hover:not(:disabled)>span{color:var(--color-on-accent)!important;-webkit-text-fill-color:var(--color-on-accent)!important}.settings-page-shell [data-settings-section=settings-account] :is(.settings-account-inline-edit,.settings-account-name-row .btn):focus-visible{outline-offset:2px;border-color:var(--settings-account-primary)!important;outline:3px solid color-mix(in srgb, var(--settings-account-primary) 34%, transparent)!important}.settings-page-shell [data-settings-section=settings-account] :is(.settings-account-inline-edit,.settings-account-name-row .btn):disabled{cursor:not-allowed;opacity:1;border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important;box-shadow:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-account] :is(.settings-account-hero-card,.settings-account-side-card){background:var(--color-surface-raised)!important;box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 34%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-account] :is(.settings-account-email-row,.settings-account-role-row,.settings-account-pref-row){background:var(--color-surface-secondary)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-account] :is(.settings-account-inline-edit,.settings-account-name-row .btn):hover:not(:disabled){box-shadow:0 0 14px color-mix(in srgb, var(--settings-account-primary) 20%, transparent), 0 10px 20px rgb(var(--rgb-canvas) / 34%)!important}.modal-panel:has(.settings-email-change-modal-meta) .settings-email-change-modal-meta{border:1px solid var(--color-border);background:var(--color-surface);border-radius:.8rem;gap:0;padding:.95rem 1rem}.modal-panel:has(.settings-email-change-modal-meta) .settings-email-change-modal-meta .qr-download-settings-summary{gap:.45rem}.modal-panel:has(.settings-email-change-modal-meta) .settings-email-change-modal-meta .qr-download-settings-summary h3{color:var(--color-text-muted)!important}.modal-panel:has(.settings-email-change-modal-meta) .settings-email-change-modal-meta .qr-download-settings-summary p{color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.settings-email-change-modal-meta) .settings-email-change-modal-meta{border-color:var(--color-border);background:var(--color-surface)}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.settings-email-change-modal-meta) .settings-confirm-actions .btn{opacity:1;border:1px solid var(--color-product-qr-glow)!important;color:var(--color-product-qr-glow)!important;box-shadow:none!important;background:0 0!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.settings-email-change-modal-meta) .settings-confirm-actions .btn-primary{background:color-mix(in srgb, var(--color-product-qr-glow) 12%, var(--color-surface-secondary))!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.settings-email-change-modal-meta) .settings-confirm-actions .btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--color-product-qr-glow)!important;background:var(--color-product-qr-glow)!important;color:var(--color-canvas)!important;box-shadow:0 0 16px color-mix(in srgb, var(--color-product-qr-glow) 34%, transparent), 0 10px 22px rgb(var(--rgb-canvas) / 38%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.settings-email-change-modal-meta) .settings-confirm-actions .btn:focus-visible{outline-offset:3px;border-color:var(--color-product-qr-glow)!important;background:var(--color-product-qr-glow)!important;color:var(--color-canvas)!important;outline:3px solid var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.settings-email-change-modal-meta) .settings-confirm-actions .btn:active:not(:disabled){transform:translateY(0);box-shadow:0 0 10px color-mix(in srgb, var(--color-product-qr-glow) 24%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.settings-email-change-modal-meta) .settings-confirm-actions .btn:disabled{cursor:not-allowed;border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important;box-shadow:none!important}.modal-panel-hoppla:has(.billing-country-modal-button) .billing-extension-withdrawal-confirmation{border-color:color-mix(in srgb, var(--color-plan-qr-plus) 42%, var(--color-border));background:color-mix(in srgb, var(--color-plan-qr-plus) 7%, var(--color-surface-secondary));color:var(--color-text)}.modal-panel-hoppla:has(.billing-country-modal-button) .billing-extension-withdrawal-confirmation input{accent-color:var(--color-plan-qr-plus)}.modal-panel-hoppla:has(.billing-country-modal-button) .billing-extension-withdrawal-confirmation small{color:var(--color-text-muted)}.modal-panel-hoppla:has(.billing-country-modal-button) .billing-country-modal-tax-note{color:var(--color-text-muted)}.modal-panel-hoppla:has(.billing-country-modal-button) .billing-country-modal-button{border-color:var(--color-product-qr);background:color-mix(in srgb, var(--color-product-qr) 6%, var(--color-surface));color:var(--color-product-qr);box-shadow:none}.modal-panel-hoppla:has(.billing-country-modal-button) .billing-country-modal-button:hover:enabled{border-color:var(--color-product-qr);background:var(--color-product-qr);color:var(--color-on-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-product-qr-accent) 20%, transparent);outline:2px solid color-mix(in srgb, var(--color-product-qr-accent) 40%, transparent);outline-offset:3px}.modal-panel-hoppla:has(.billing-country-modal-button) .billing-country-modal-button:focus-visible{border-color:var(--color-product-qr);background:var(--color-product-qr);color:var(--color-on-accent);box-shadow:0 10px 22px color-mix(in srgb, var(--color-product-qr-accent) 20%, transparent);outline:2px solid color-mix(in srgb, var(--color-product-qr-accent) 40%, transparent);outline-offset:3px}.modal-panel-hoppla:has(.payment-confirmation-modal) .payment-confirmation-card{color:var(--color-text);border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important}.modal-panel-hoppla:has(.payment-confirmation-modal) .payment-confirmation-card small{color:var(--color-text-muted)}:is(:root[data-theme=dark],:root.dark,html.dark) .billing-page-shell .pricing-plans-card{box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 36%)}:is(:root[data-theme=dark],:root.dark,html.dark) .billing-page-shell .billing-pricing-card-active{box-shadow:0 0 16px color-mix(in srgb, var(--pricing-plan-accent) 18%, transparent), 0 16px 32px rgb(var(--rgb-canvas) / 40%)}:is(:root[data-theme=dark],:root.dark,html.dark) .billing-page-shell .pricing-plans-moreBtn{background:0 0}:is(:root[data-theme=dark],:root.dark,html.dark) .billing-page-shell :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn){background:color-mix(in srgb, var(--pricing-plan-accent) 13%, var(--color-surface-secondary));color:var(--color-on-accent);box-shadow:0 0 12px color-mix(in srgb, var(--pricing-plan-accent) 12%, transparent)}:is(:root[data-theme=dark],:root.dark,html.dark) .billing-page-shell .billing-pricing-cardCurrentPlan:disabled{color:var(--pricing-plan-accent)!important;box-shadow:none!important;background:0 0!important;border:0!important}:is(:root[data-theme=dark],:root.dark,html.dark) .billing-page-shell :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):hover:not(:disabled),:is(:root[data-theme=dark],:root.dark,html.dark) .billing-page-shell :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):focus-visible:not(:disabled){background:color-mix(in srgb, var(--pricing-plan-accent) 14%, var(--color-surface-secondary));color:var(--color-on-accent);box-shadow:0 0 12px color-mix(in srgb, var(--pricing-plan-accent) 18%, transparent)}.pricing-plans-public .pricing-plans-card{background:var(--color-surface-raised);box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 12%)}.pricing-plans-public .pricing-plans-card:after{box-shadow:none}.pricing-plans-public .pricing-plans-cardBody{border-top-color:var(--color-border);background:var(--color-surface-raised)}.pricing-plans-public .pricing-plans-cardListItem{color:var(--color-text)}.pricing-plans-public :is(.pricing-plans-cardHighlights,.pricing-plans-cardDetailsList){border-top:0}.pricing-plans-public .pricing-plans-cardHighlights{padding-top:0}.pricing-plans-public .pricing-plans-cardNote{color:var(--color-warning);border-color:color-mix(in srgb, var(--color-warning) 34%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 8%, var(--color-surface-secondary))}.pricing-plans-public .pricing-plans-moreBtn{width:fit-content;min-height:0;color:var(--pricing-plan-accent);box-shadow:none;background:0 0;border-color:#0000;border-radius:.45rem;justify-content:center;align-self:center;align-items:center;gap:.35rem;padding:.28rem .48rem;display:inline-flex}.pricing-plans-public .pricing-plans-moreBtn:hover,.pricing-plans-public .pricing-plans-moreBtn:focus-visible{border-color:var(--pricing-plan-accent);color:var(--pricing-plan-accent);background:0 0;outline:none}.pricing-plans-public .pricing-plans-moreBtn:focus-visible{outline:2px solid color-mix(in srgb, var(--pricing-plan-accent) 42%, transparent);outline-offset:2px}.pricing-plans-public .pricing-plans-moreChevron{font-size:1.15rem;line-height:1;transition:transform .16s;display:inline-block}.pricing-plans-public .pricing-plans-moreBtn[aria-expanded=true] .pricing-plans-moreChevron{transform:rotate(90deg)}.pricing-plans-public :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn){border-color:color-mix(in srgb, var(--pricing-plan-accent) 58%, var(--color-border));background:color-mix(in srgb, var(--pricing-plan-accent) 6%, var(--color-surface));color:var(--pricing-plan-accent);box-shadow:0 8px 18px rgb(var(--rgb-canvas) / 8%)}.pricing-plans-public :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):hover:not(:disabled),.pricing-plans-public :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):focus-visible:not(:disabled){border-color:var(--pricing-plan-accent);background:color-mix(in srgb, var(--pricing-plan-accent) 9%, var(--color-surface-secondary));color:var(--pricing-plan-accent);box-shadow:0 8px 20px rgb(var(--rgb-canvas) / 14%);filter:none;outline:none}.pricing-plans-public :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):focus-visible:not(:disabled){outline:2px solid color-mix(in srgb, var(--pricing-plan-accent) 42%, transparent);outline-offset:3px}:is(.billing-page-shell,.pricing-plans-public) :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):not(:disabled){transition:transform .16s,border-color .16s,background-color .16s,color .16s,box-shadow .16s}:is(.billing-page-shell,.pricing-plans-public) :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):hover:not(:disabled),:is(.billing-page-shell,.pricing-plans-public) :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):focus-visible:not(:disabled){transform:translateY(-1px)}:is(.billing-page-shell,.pricing-plans-public) :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):active:not(:disabled){transform:translateY(0)}:is(:root[data-theme=light],:root.light,html.light) :is(.billing-page-shell,.pricing-plans-public) :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):not(.billing-pricing-cardCurrentPlan),:is(:root[data-theme=light],:root.light,html.light) :is(.billing-page-shell,.pricing-plans-public) :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):not(.billing-pricing-cardCurrentPlan):hover:not(:disabled),:is(:root[data-theme=light],:root.light,html.light) :is(.billing-page-shell,.pricing-plans-public) :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):not(.billing-pricing-cardCurrentPlan):focus-visible:not(:disabled),:is(:root[data-theme=light],:root.light,html.light) .plans-title,:is(:root[data-theme=dark],:root.dark,html.dark) .plans-title{color:var(--color-text)}.plans-reassurance{border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 10%);grid-template-columns:minmax(0,1fr) auto}.plans-reassuranceTitle{color:var(--color-text)}.plans-reassuranceBody{color:var(--color-text-muted)}.plans-reassuranceHighlight{border-color:color-mix(in srgb, var(--color-product-qr-accent) 34%, var(--color-border));background:color-mix(in srgb, var(--color-product-qr-accent) 8%, var(--color-surface-secondary));color:var(--color-product-qr);box-shadow:none}.plans-reassuranceAction{border:1px solid var(--color-product-qr);background:color-mix(in srgb, var(--color-product-qr) 6%, var(--color-surface));min-height:2.9rem;color:var(--color-text);box-shadow:0 8px 18px rgb(var(--rgb-canvas) / 8%);border-radius:.75rem;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s}.plans-reassuranceAction:hover,.plans-reassuranceAction:focus-visible{border-color:var(--color-product-qr);background:color-mix(in srgb, var(--color-product-qr) 9%, var(--color-surface-secondary));color:var(--color-text);box-shadow:0 8px 20px rgb(var(--rgb-canvas) / 14%);filter:none;transform:translateY(-1px)}.plans-reassuranceAction:focus-visible{outline:2px solid color-mix(in srgb, var(--color-product-qr-accent) 42%, transparent);outline-offset:3px}:is(:root[data-theme=dark],:root.dark,html.dark) .plans-reassurance{background:var(--color-surface-raised);box-shadow:0 16px 32px rgb(var(--rgb-canvas) / 36%)}:is(:root[data-theme=dark],:root.dark,html.dark) .plans-reassuranceHighlight{border-color:var(--color-product-qr-accent);background:color-mix(in srgb, var(--color-product-qr-accent) 12%, var(--color-surface-secondary));color:var(--color-product-qr-glow)}:is(:root[data-theme=dark],:root.dark,html.dark) .plans-reassuranceAction{border-color:var(--color-product-qr-glow);background:color-mix(in srgb, var(--color-product-qr) 13%, var(--color-surface-secondary));color:var(--color-on-accent);box-shadow:0 0 12px rgb(var(--rgb-product-qr-accent) / 12%)}:is(:root[data-theme=dark],:root.dark,html.dark) .plans-reassuranceAction:hover,:is(:root[data-theme=dark],:root.dark,html.dark) .plans-reassuranceAction:focus-visible{border-color:var(--color-product-qr-glow);background:color-mix(in srgb, var(--color-product-qr-glow) 14%, var(--color-surface-secondary));color:var(--color-on-accent);box-shadow:0 0 12px rgb(var(--rgb-product-qr-glow) / 18%)}:is(:root[data-theme=light],:root.light,html.light) .plans-reassurance{border-color:var(--color-border);background:var(--color-surface-raised);box-shadow:0 12px 28px rgb(var(--rgb-text) / 10%)}:is(:root[data-theme=light],:root.light,html.light) .plans-reassuranceTitle{color:var(--color-text)}:is(:root[data-theme=light],:root.light,html.light) .plans-reassuranceBody{color:var(--color-text-muted)}:is(:root[data-theme=light],:root.light,html.light) .plans-reassuranceHighlight{border-color:color-mix(in srgb, var(--color-product-qr-accent) 34%, var(--color-border));background:color-mix(in srgb, var(--color-product-qr-accent) 8%, var(--color-surface-secondary));color:var(--color-product-qr);box-shadow:none}:is(:root[data-theme=light],:root.light,html.light) .plans-reassuranceAction{border-color:var(--color-product-qr);background:color-mix(in srgb, var(--color-product-qr) 6%, var(--color-surface));color:var(--color-product-qr);box-shadow:0 8px 18px rgb(var(--rgb-text) / 8%)}:is(:root[data-theme=light],:root.light,html.light) .plans-reassuranceAction:hover,:is(:root[data-theme=light],:root.light,html.light) .plans-reassuranceAction:focus-visible{border-color:var(--color-product-qr);background:var(--color-product-qr);color:var(--color-on-accent);box-shadow:0 10px 22px rgb(var(--rgb-product-qr) / 20%)}@media (width<=640px){.plans-reassurance{grid-template-columns:1fr}.plans-reassuranceAction{width:100%}}#plans-pricing-table{min-width:0;padding-inline:2px}@media (width>=1200px) and (width<=1359px){.pricing-plans-public .pricing-plans-gridMain{grid-template-columns:repeat(2,minmax(0,1fr))}}.pricing-plans-public :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):disabled{border-color:var(--button-disabled-border);background:var(--button-disabled-bg);color:var(--button-disabled-text);box-shadow:none;cursor:not-allowed;opacity:1}:is(:root[data-theme=dark],:root.dark,html.dark) .pricing-plans-public .pricing-plans-card{box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 36%)}:is(:root[data-theme=dark],:root.dark,html.dark) .pricing-plans-public :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn){background:color-mix(in srgb, var(--pricing-plan-accent) 13%, var(--color-surface-secondary));box-shadow:0 0 12px color-mix(in srgb, var(--pricing-plan-accent) 12%, transparent)}:is(:root[data-theme=dark],:root.dark,html.dark) .pricing-plans-public :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):hover:not(:disabled),:is(:root[data-theme=dark],:root.dark,html.dark) .pricing-plans-public :is(.pricing-plans-primaryBtn,.pricing-plans-secondaryBtn):focus-visible:not(:disabled){background:color-mix(in srgb, var(--pricing-plan-accent) 14%, var(--color-surface-secondary));color:var(--pricing-plan-accent);box-shadow:0 0 12px color-mix(in srgb, var(--pricing-plan-accent) 18%, transparent)}@media (width<=980px){.dashboard-mobile-metric-card,.dashboard-mobile-activity,.dashboard-mobile-link-row,.dashboard-mobile-qr-row{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:0 8px 18px color-mix(in srgb, var(--color-text) 7%, transparent);background-image:none}.dashboard-mobile-metric-card-primary,.dashboard-mobile-fab{border-color:var(--color-brand);background:var(--color-brand);color:var(--color-on-accent)}.dashboard-mobile-metric-card-primary>span,.dashboard-mobile-metric-card-primary strong,.dashboard-mobile-metric-card-primary small{color:var(--color-on-accent)}.dashboard-mobile-donut-wrap,.dashboard-mobile-activity-empty,.dashboard-mobile-qr-preview,.dashboard-mobile-bottom-nav{border-color:var(--color-border);background:var(--color-surface-secondary);background-image:none}.dashboard-mobile-welcome h1,.dashboard-mobile-section-heading h2,.dashboard-mobile-row-copy strong,.dashboard-mobile-donut>div{color:var(--color-text)}.dashboard-mobile-welcome p,.dashboard-mobile-row-copy small,.dashboard-mobile-donut>div span,.dashboard-mobile-donut-legend span,.dashboard-mobile-nav-item{color:var(--color-text-muted)}.dashboard-mobile-section-heading>button,.dashboard-mobile-section-heading>span,.dashboard-mobile-link-icon,.dashboard-mobile-empty-row{color:var(--color-brand)}.dashboard-mobile-link-icon{background:var(--color-surface-secondary)}.dashboard-mobile-link-icon-image{background:color-mix(in srgb, var(--color-warning) 16%, transparent);color:var(--color-warning)}.dashboard-mobile-link-icon-pdf{background:color-mix(in srgb, var(--color-product-short-link) 13%, transparent);color:var(--color-product-short-link)}.dashboard-mobile-nav-item-active{background:color-mix(in srgb, var(--color-brand) 10%, transparent);color:var(--color-brand)}}.settings-page-shell [data-settings-section=settings-plan]{--settings-plan-brand:var(--color-brand);--settings-plan-qr:var(--color-product-qr);--settings-plan-qr-accent:var(--color-product-qr-accent);--settings-plan-hoppla:var(--color-success);--settings-plan-danger:var(--color-danger)}.settings-page-shell [data-settings-section=settings-plan],.settings-page-shell [data-settings-section=settings-plan] :is(.settings-overview-arcade,.settings-overview-hero,.settings-plan-clean-grid,.settings-da-card,.settings-plan-clean-status,.settings-plan-clean-usage,.settings-plan-clean-id,.settings-frozen-organizations,.settings-frozen-organization-row,.settings-early-access-card){background-image:none!important}.settings-page-shell:has([data-settings-section=settings-plan]){background-image:none!important}.settings-page-shell:has([data-settings-section=settings-plan]){background-color:var(--color-canvas)!important}.settings-page-shell [data-settings-section=settings-plan]{background-color:var(--color-canvas)}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-plan]{--settings-plan-brand:var(--color-product-qr-glow);--settings-plan-qr:var(--color-product-qr-accent);--settings-plan-qr-accent:var(--color-product-qr-accent)}.settings-page-shell [data-settings-section=settings-plan] .settings-overview-hero{align-items:flex-start}.settings-page-shell [data-settings-section=settings-plan] .settings-overview-hero h2{color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-overview-hero p{max-width:44rem;color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-plan] :is(.settings-da-card,.settings-frozen-organizations,.settings-frozen-organization-row,.settings-plan-clean-id,.settings-early-access-card){background:var(--color-surface-raised)!important;background-image:none!important}.settings-page-shell [data-settings-section=settings-plan] .settings-da-card{min-width:0;border:1px solid var(--color-border)!important;box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 10%)!important;transform:none!important}.settings-page-shell [data-settings-section=settings-plan] .settings-da-card:hover{transform:none!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-current-card{--settings-plan-current:var(--color-plan-free);border-color:var(--settings-plan-current)!important}.settings-page-shell [data-settings-section=settings-plan] :is(.settings-plan-current-card-free,.settings-plan-current-card-hoppla){--settings-plan-current:var(--color-plan-free)}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-current-card-plus{--settings-plan-current:var(--color-plan-plus)}.settings-page-shell [data-settings-section=settings-plan] :is(.settings-plan-current-card-pro,.settings-plan-current-card-admin){--settings-plan-current:var(--color-plan-pro)}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-hoppla{border-color:var(--settings-plan-hoppla)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-hoppla-head{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-hoppla-head h3{min-width:0;margin:0}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-hoppla-head .settings-plan-clean-badge{flex:none;margin-left:auto}.settings-page-shell [data-settings-section=settings-plan] .settings-da-head{margin-bottom:0}.settings-page-shell [data-settings-section=settings-plan] .settings-da-head h3{color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-current-card .settings-da-head .material-symbols-outlined{color:var(--settings-plan-current)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-hoppla .settings-da-head .material-symbols-outlined{color:var(--settings-plan-hoppla)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-status{border-color:var(--color-border);align-items:center;gap:.75rem;padding:.95rem 0}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-status strong{color:var(--settings-plan-current)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-usage{gap:.7rem}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-usage>div{--settings-plan-usage-accent:var(--settings-plan-qr);border:1px solid var(--settings-plan-usage-accent);background:0 0;gap:.4rem;min-width:0;padding:.85rem .9rem}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-usage>div:nth-child(2){--settings-plan-usage-accent:var(--settings-plan-qr-accent)}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-usage-active{--settings-plan-usage-accent:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-usage-links{--settings-plan-usage-accent:var(--color-product-short-link)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-usage-storage{grid-column:1/-1;--settings-plan-usage-accent:var(--color-plan-qr-plus)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-usage span{color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-usage strong{font-size:1.05rem;color:var(--settings-plan-usage-accent)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-badge{border:1px solid var(--color-warning);color:var(--color-warning);background:0 0}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-badge.is-active{border-color:var(--settings-plan-hoppla);color:var(--settings-plan-hoppla);background:0 0}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-id{border-color:var(--settings-plan-hoppla)}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-id span{color:var(--color-text-muted)}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-id strong{color:var(--settings-plan-hoppla);font-size:clamp(1rem,2vw,1.2rem)}.settings-page-shell [data-settings-section=settings-plan] .settings-frozen-organizations{border-color:var(--color-warning)}.settings-page-shell [data-settings-section=settings-plan] .settings-frozen-organizations-head>.material-symbols-outlined,.settings-page-shell [data-settings-section=settings-plan] .settings-frozen-organizations-head h3{color:var(--color-warning)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-frozen-organizations-head p{color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-frozen-organization-row{border-color:var(--color-border);background:var(--color-surface-secondary)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-frozen-organization-row strong{color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-frozen-organization-row small{color:var(--color-danger)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-frozen-organization-row>span{border:1px solid var(--color-plan-free);color:var(--color-plan-free);background:0 0}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-action,.settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .btn{--settings-plan-action-accent:var(--settings-plan-brand);outline:none;border:1px solid var(--settings-plan-action-accent)!important;color:var(--settings-plan-action-accent)!important;box-shadow:none!important;filter:none!important;background:0 0!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-action-refresh{--settings-plan-action-accent:var(--settings-plan-hoppla)}.settings-page-shell [data-settings-section=settings-plan] .settings-frozen-organizations-actions .settings-plan-action-reactivate{--settings-plan-action-accent:var(--color-success)}.settings-page-shell [data-settings-section=settings-plan] .settings-frozen-organizations-actions .settings-plan-action-billing{--settings-plan-action-accent:var(--color-info)}.settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .settings-plan-action-danger{--settings-plan-action-accent:var(--settings-plan-danger)!important;border-color:var(--color-danger)!important;color:var(--color-danger)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .btn:before,.settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .btn:after{display:none!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-action:hover:enabled,.settings-page-shell [data-settings-section=settings-plan] .settings-plan-action:focus-visible:enabled,.settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .btn:hover:enabled,.settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .btn:focus-visible:enabled{transform:translateY(-1px);border-color:var(--settings-plan-action-accent)!important;background:var(--settings-plan-action-accent)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--settings-plan-action-accent) 22%, transparent)!important}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-action:focus-visible:enabled,.settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .btn:focus-visible:enabled{outline:2px solid var(--settings-plan-action-accent);outline-offset:3px}.settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .btn:disabled{opacity:1;border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important;box-shadow:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-plan] .settings-da-card{background:var(--color-surface-raised)!important;box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 36%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-plan] :is(.settings-plan-current-card,.settings-plan-current-card:hover,.settings-plan-clean-usage>div,.settings-plan-clean-usage>div:hover){box-shadow:none!important;filter:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-hoppla .settings-plan-clean-id{border-color:var(--color-on-accent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-plan] :is(.settings-plan-action,.settings-actions-row .btn):not(:disabled){box-shadow:0 0 12px color-mix(in srgb, var(--settings-plan-action-accent) 12%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-plan] .settings-plan-action:hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-plan] .settings-plan-action:focus-visible:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .btn:hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .btn:focus-visible:enabled{color:var(--color-canvas)!important;box-shadow:0 0 14px color-mix(in srgb, var(--settings-plan-action-accent) 24%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .settings-plan-action-danger:hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .settings-plan-action-danger:focus-visible:enabled{border-color:var(--color-danger)!important;background:var(--color-danger)!important;color:var(--color-on-accent)!important}@media (width<=620px){.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-hoppla-head{flex-wrap:wrap;align-items:flex-start}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-clean-usage{grid-template-columns:1fr}.settings-page-shell [data-settings-section=settings-plan] .settings-plan-usage-storage{grid-column:auto}.settings-page-shell [data-settings-section=settings-plan] .settings-actions-row .btn{width:100%}}.settings-page-shell [data-settings-section=settings-security],.settings-page-shell [data-settings-section=settings-security] :is(.settings-security-modern,.settings-security-modern-card,.settings-security-status-panel,.settings-security-action-panel,.settings-security-setup-panel,.settings-security-password-readiness,.settings-security-timeline,.settings-security-timeline-row){background-image:none!important}.settings-page-shell:has([data-settings-section=settings-security]){background-image:none!important}.settings-page-shell [data-settings-section=settings-security]{background-color:var(--color-canvas)!important}.settings-page-shell:has([data-settings-section=settings-security]){background-color:var(--color-canvas)!important}.settings-page-shell [data-settings-section=settings-security]{--settings-security-accent:var(--color-info)}.settings-page-shell [data-settings-section=settings-security] .settings-overview-hero h2{color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-security] .settings-overview-hero p{color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-mfa-pill{border:1px solid var(--color-warning)!important;color:var(--color-warning)!important;box-shadow:none!important;background:0 0!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-mfa-pill span{box-shadow:none;background:var(--color-warning)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-mfa-pill strong{color:var(--color-warning)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-mfa-pill.is-enabled{border-color:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-mfa-pill.is-enabled span{background:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-mfa-pill.is-enabled strong{color:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-modern-card{-webkit-backdrop-filter:none;border:1px solid var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 10%)!important;transform:none!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-modern-card:hover{border-color:var(--color-border)!important;box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 10%)!important;transform:none!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-mfa-card{border-color:var(--color-info)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-modern{border-color:var(--color-warning)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-activity-modern{border-color:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-card-heading h3,.settings-page-shell [data-settings-section=settings-security] .settings-security-activity-heading h3,.settings-page-shell [data-settings-section=settings-security] .settings-security-mfa-card .settings-security-card-heading h3{color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-modern .settings-security-card-heading h3{color:var(--color-warning)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-activity-heading h3{color:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-security] :is(.settings-security-status-panel,.settings-security-action-panel){border:1px solid var(--color-border);transform:none;background:var(--color-surface-secondary)!important}.settings-page-shell [data-settings-section=settings-security] :is(.settings-security-status-panel,.settings-security-action-panel):hover{border-color:var(--color-info);transform:none;background:var(--color-surface-secondary)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-status-panel.is-active{border-color:var(--color-success)}.settings-page-shell [data-settings-section=settings-security] .settings-security-action-panel:has(.settings-security-action-icon.is-cyan){border-color:var(--color-warning)}.settings-page-shell [data-settings-section=settings-security] .settings-security-action-panel.is-danger{border-color:var(--color-danger)}.settings-page-shell [data-settings-section=settings-security] .settings-security-action-icon{border:1px solid var(--color-info);background:var(--color-surface-raised);color:var(--color-info)}.settings-page-shell [data-settings-section=settings-security] .settings-security-action-icon.is-cyan{border-color:var(--color-warning);background:var(--color-surface-raised);color:var(--color-warning)}.settings-page-shell [data-settings-section=settings-security] .settings-security-action-icon.is-danger{border-color:var(--color-danger);background:var(--color-surface-raised);color:var(--color-danger)}.settings-page-shell [data-settings-section=settings-security] :is(.settings-security-status-panel strong,.settings-security-action-panel strong){color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-security] :is(.settings-security-status-panel small,.settings-security-action-panel small,.settings-security-password-modern>p,.settings-security-password-hint){color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-state-chip{border:1px solid var(--color-success);background:var(--color-surface-raised);color:var(--color-success)}.settings-page-shell [data-settings-section=settings-security] .settings-security-setup-panel{border-color:var(--color-info);background:var(--color-surface-secondary)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-setup-qr img{border-color:var(--color-info);background:var(--color-on-accent)}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-field>span{color:var(--color-text-muted)}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-field>span .material-symbols-outlined{color:var(--color-warning)}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-field .input{border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:none!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-field .input:hover{border-color:var(--color-border-strong)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-field .input:focus{outline:none;border-color:var(--color-info)!important;background:var(--color-surface)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-info) 22%, transparent)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-readiness{border:1px solid var(--color-border);background:var(--color-surface-secondary)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-meter>span{background:var(--color-border)}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-meter.readiness-1>span:nth-child(-n+1),.settings-page-shell [data-settings-section=settings-security] .settings-security-password-meter.readiness-2>span:nth-child(-n+2),.settings-page-shell [data-settings-section=settings-security] .settings-security-password-meter.readiness-3>span:nth-child(-n+3){background:var(--color-success);background-image:none}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-checks>span{color:var(--color-text-muted)}.settings-page-shell [data-settings-section=settings-security] .settings-security-password-checks>span.is-ready{color:var(--color-success)}.settings-page-shell [data-settings-section=settings-security] .settings-security-event-count{border:1px solid var(--color-success);color:var(--color-success);background:0 0}.settings-page-shell [data-settings-section=settings-security] .settings-security-timeline{border-color:var(--color-border);scrollbar-color:var(--color-border-strong) var(--color-surface-secondary);max-height:32rem;overflow-y:auto;background:var(--color-surface)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-timeline-row{grid-template-columns:minmax(0,1fr) auto;border-color:var(--color-border)!important;background:var(--color-surface)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-timeline-row:hover{background:var(--color-surface-secondary)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-timeline-icon{border:1px solid var(--color-info);color:var(--color-info);background:0 0}.settings-page-shell [data-settings-section=settings-security] .settings-security-timeline-row strong{color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-security] :is(.settings-security-timeline-row small,.settings-security-timeline-row time){color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-action{--settings-security-action-accent:var(--color-info);opacity:1;border:1px solid var(--settings-security-action-accent)!important;color:var(--settings-security-action-accent)!important;box-shadow:none!important;filter:none!important;background:0 0!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-action-success{--settings-security-action-accent:var(--color-success)}.settings-page-shell [data-settings-section=settings-security] .settings-security-action-warning{--settings-security-action-accent:var(--color-warning)}.settings-page-shell [data-settings-section=settings-security] .settings-security-action-danger{--settings-security-action-accent:var(--color-danger)}.settings-page-shell [data-settings-section=settings-security] .settings-security-action-info{--settings-security-action-accent:var(--color-info)}.settings-page-shell [data-settings-section=settings-security] .settings-security-action:before,.settings-page-shell [data-settings-section=settings-security] .settings-security-action:after{display:none!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-action:hover:enabled,.settings-page-shell [data-settings-section=settings-security] .settings-security-action:focus-visible:enabled{transform:translateY(-1px);border-color:var(--settings-security-action-accent)!important;background:var(--settings-security-action-accent)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--settings-security-action-accent) 22%, transparent)!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-action:focus-visible:enabled{outline:2px solid var(--settings-security-action-accent);outline-offset:3px}.settings-page-shell [data-settings-section=settings-security] .settings-security-action:disabled{cursor:not-allowed;border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important;box-shadow:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-modern-card{background:var(--color-surface-raised)!important;box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 36%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-mfa-card{border-color:var(--color-info)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-password-modern{border-color:var(--color-warning)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-activity-modern{border-color:var(--color-success)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-mfa-card .settings-security-card-heading h3,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-password-modern .settings-security-card-heading h3,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-activity-heading h3{color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] :is(.settings-security-status-panel,.settings-security-action-panel,.settings-security-password-readiness,.settings-security-timeline,.settings-security-timeline-row){border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;background-image:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-status-panel.is-active{border-color:var(--color-success)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-action-panel:has(.settings-security-action-icon.is-cyan){border-color:var(--color-warning)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-action-panel.is-danger{border-color:var(--color-danger)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-password-field .input{border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-password-field .input:focus{border-color:var(--color-info)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--color-info) 22%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-timeline-row{background:var(--color-surface)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-timeline-row:hover{background:var(--color-surface-secondary)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-action:not(:disabled){box-shadow:0 0 12px color-mix(in srgb, var(--settings-security-action-accent) 12%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-action:hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-action:focus-visible:enabled{color:var(--color-canvas)!important;box-shadow:0 0 14px color-mix(in srgb, var(--settings-security-action-accent) 24%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-action-danger:hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell [data-settings-section=settings-security] .settings-security-action-danger:focus-visible:enabled{color:var(--color-on-accent)!important}:is(.settings-page-shell [data-settings-section=settings-security] .settings-security-status-panel,.settings-page-shell [data-settings-section=settings-security] .settings-security-action-panel:has(.settings-security-action-icon.is-cyan)){border:0!important}.settings-security-modal{--settings-security-modal-accent:var(--color-info);color:var(--color-text);background:var(--color-surface-raised)!important;background-image:none!important}.settings-security-modal-warning{--settings-security-modal-accent:var(--color-warning)}.settings-security-modal-success{--settings-security-modal-accent:var(--color-success)}.settings-security-modal-danger{--settings-security-modal-accent:var(--color-danger)}.modal-panel:has(.settings-security-modal-info){--settings-security-modal-accent:var(--color-info)}.modal-panel:has(.settings-security-modal-warning){--settings-security-modal-accent:var(--color-warning)}.modal-panel:has(.settings-security-modal-success){--settings-security-modal-accent:var(--color-success)}.modal-panel:has(.settings-security-modal-danger){--settings-security-modal-accent:var(--color-danger)}.modal-panel:has(.settings-security-modal){color:var(--color-text);border-color:var(--settings-security-modal-accent,var(--color-border))!important;background:var(--color-surface-raised)!important;box-shadow:0 18px 42px rgb(var(--rgb-canvas) / 32%)!important;background-image:none!important}.settings-security-modal .settings-unified-modal-head{border-color:var(--settings-security-modal-accent);background:var(--color-surface-raised)!important;background-image:none!important}.settings-security-modal .settings-unified-modal-head h2,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-security-modal .settings-unified-modal-head h2{color:var(--settings-security-modal-accent)!important}.settings-security-modal :is(.settings-unified-modal-head p,.settings-field-hint,.settings-recovery-notice p){color:var(--color-text-muted)!important}.settings-security-modal :is(.input,.code-input,.code-verification-input){border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important}.settings-security-modal :is(.input,.code-input,.code-verification-input):focus{border-color:var(--settings-security-modal-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--settings-security-modal-accent) 22%, transparent)!important}.settings-security-modal :is(.settings-recovery-notice,.settings-recovery-list code,.qr-download-settings-meta,.code-verify-shell){border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text)!important;background-image:none!important}.settings-security-modal .btn{--settings-security-dialog-action:var(--settings-security-modal-accent);border-color:var(--settings-security-dialog-action)!important;color:var(--settings-security-dialog-action)!important;box-shadow:none!important;background:0 0!important}.settings-security-modal .settings-actions-row .btn:first-of-type{--settings-security-dialog-action:var(--color-text-muted)}.settings-security-modal .btn:hover:enabled,.settings-security-modal .btn:focus-visible:enabled{border-color:var(--settings-security-dialog-action)!important;background:var(--settings-security-dialog-action)!important;color:var(--color-on-accent)!important;box-shadow:0 8px 20px color-mix(in srgb, var(--settings-security-dialog-action) 20%, transparent)!important}.settings-security-modal .btn:focus-visible:enabled{outline:2px solid var(--settings-security-dialog-action);outline-offset:3px}.settings-security-modal .btn:disabled{opacity:1;border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important}@media (width<=640px){.settings-page-shell [data-settings-section=settings-security] .settings-security-timeline{max-height:28rem}.settings-page-shell [data-settings-section=settings-security] .settings-security-timeline-row{grid-template-columns:minmax(0,1fr) auto}.settings-page-shell [data-settings-section=settings-security] .settings-security-timeline-row time{grid-column:2}}.modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn{transform:none;filter:none!important;background-image:none!important}.modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel{border-color:var(--color-border-strong)!important;color:var(--color-text-muted)!important;box-shadow:none!important;background:0 0!important}:is(.modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel:hover:enabled,.modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel:focus-visible:enabled){transform:translateY(-1px);border-color:var(--color-border-strong)!important;background:var(--color-surface-secondary)!important;color:var(--color-text)!important;box-shadow:0 8px 18px rgb(var(--rgb-canvas) / 12%)!important}.modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm{border-color:var(--color-info)!important;color:var(--color-info)!important;box-shadow:none!important;background:0 0!important}:is(.modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:hover:enabled,.modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:focus-visible:enabled){transform:translateY(-1px);border-color:var(--color-info)!important;background:var(--color-info)!important;color:var(--color-on-accent)!important;box-shadow:0 8px 20px color-mix(in srgb, var(--color-info) 22%, transparent)!important}.modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn.settings-security-mfa-cancel:focus-visible:enabled{outline:2px solid var(--color-border-strong);outline-offset:3px}.modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:focus-visible:enabled{outline:2px solid var(--color-info);outline-offset:3px}.modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn:disabled{opacity:1;transform:none;border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important;box-shadow:none!important}.settings-page-shell [data-settings-section=settings-security] .settings-security-setup-panel{padding-inline:0;box-shadow:none!important;background:0 0!important;border:0!important}:is(:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.settings-security-mfa-confirm-modal) .settings-security-mfa-confirm-actions .btn.settings-security-mfa-confirm:focus-visible:enabled){color:var(--color-canvas)!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]){--settings-section-accent:var(--color-info)}:is(.app-main:has(.settings-page-shell>:is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy])),.settings-page-shell:has(>:is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]))){background:var(--color-canvas)!important;background-image:none!important}.settings-page-shell [data-settings-section=settings-team]{--settings-section-accent:var(--color-success)}.settings-page-shell [data-settings-section=settings-sessions],.settings-page-shell [data-settings-section=settings-billing]{--settings-section-accent:var(--color-warning)}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) :is(.settings-overview-arcade,.settings-grid-two,.settings-overview-stats){background:0 0!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-overview-hero h2{color:var(--color-text)!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-overview-hero p{color:var(--color-text-muted)!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-plan-live-pill{border-color:var(--settings-section-accent)!important;background:var(--color-surface-raised)!important;color:var(--settings-section-accent)!important;box-shadow:none!important;background-image:none!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-plan-live-pill span{box-shadow:0 0 0 0 color-mix(in srgb, var(--settings-section-accent) 32%, transparent);background:var(--settings-section-accent)!important}.settings-page-shell .settings-semantic-card{--settings-card-accent:var(--color-info);border:1px solid var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important;box-shadow:0 12px 26px rgb(var(--rgb-text) / 8%)!important;background-image:none!important}.settings-page-shell .settings-semantic-card-success{--settings-card-accent:var(--color-success)}.settings-page-shell .settings-semantic-card-warning{--settings-card-accent:var(--color-warning)}.settings-page-shell .settings-semantic-card-danger{--settings-card-accent:var(--color-danger)}.settings-page-shell .settings-semantic-card:hover{transform:translateY(-1px);border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 14px 30px rgb(var(--rgb-text) / 11%)!important}.settings-page-shell .settings-semantic-card .settings-da-head h3{color:var(--color-text)!important}.settings-page-shell .settings-semantic-card .settings-da-head .material-symbols-outlined{color:var(--settings-card-accent)!important}.settings-page-shell .settings-semantic-card :is(p,small,.settings-muted-copy){color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-team] .settings-plan-stat-card{border:1px solid var(--color-border)!important;background:var(--color-surface-secondary)!important;box-shadow:none!important;background-image:none!important}.settings-page-shell [data-settings-section=settings-team] .settings-plan-stat-card:hover{border-color:var(--color-info)!important;background:var(--color-surface-secondary)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--color-info) 12%, transparent)!important}.settings-page-shell [data-settings-section=settings-team] .settings-plan-stat-card :is(.material-symbols-outlined,strong){color:var(--color-info)!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) :is(.settings-data-table-wrap,.settings-invoices-empty){border-color:var(--color-border)!important;background:var(--color-surface)!important;box-shadow:none!important;background-image:none!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-data-table thead th{border-bottom-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text)!important;background-image:none!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-data-table :is(th,td){border-bottom-color:var(--color-border)!important;color:var(--color-text-muted)!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-data-table tbody tr{background:var(--color-surface)!important;background-image:none!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-data-table tbody tr:hover{background:color-mix(in srgb, var(--settings-section-accent) 7%, var(--color-surface))!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) :is(.input,.select){border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:none!important;background-image:none!important}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) :is(.input,.select):focus{outline:2px solid color-mix(in srgb, var(--settings-section-accent) 34%, transparent);outline-offset:2px;border-color:var(--settings-section-accent)!important}.settings-page-shell .settings-semantic-action,.settings-modal-content .settings-semantic-action{--settings-action-accent:var(--color-info);opacity:1;border:1px solid var(--settings-action-accent)!important;color:var(--settings-action-accent)!important;box-shadow:none!important;filter:none!important;background:0 0!important}.settings-page-shell .settings-semantic-success,.settings-modal-content .settings-semantic-success{--settings-action-accent:var(--color-success)}.settings-page-shell .settings-semantic-warning,.settings-modal-content .settings-semantic-warning{--settings-action-accent:var(--color-warning)}.settings-page-shell .settings-semantic-danger,.settings-modal-content .settings-semantic-danger{--settings-action-accent:var(--color-danger)}.settings-page-shell .settings-semantic-neutral,.settings-modal-content .settings-semantic-neutral{--settings-action-accent:var(--color-border-strong);color:var(--color-text-muted)!important}.settings-page-shell .settings-semantic-action:before,.settings-page-shell .settings-semantic-action:after,.settings-modal-content .settings-semantic-action:before,.settings-modal-content .settings-semantic-action:after{display:none!important}.settings-page-shell .settings-semantic-action:hover:enabled,.settings-page-shell .settings-semantic-action:focus-visible:enabled,.settings-modal-content .settings-semantic-action:hover:enabled,.settings-modal-content .settings-semantic-action:focus-visible:enabled{transform:translateY(-1px);border-color:var(--settings-action-accent)!important;background:var(--settings-action-accent)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--settings-action-accent) 22%, transparent)!important}.settings-page-shell [data-settings-section=settings-sessions] .settings-semantic-action.settings-semantic-danger:hover:enabled,.settings-page-shell [data-settings-section=settings-sessions] .settings-semantic-action.settings-semantic-danger:focus-visible:enabled{border-color:var(--color-danger)!important;background:var(--color-danger)!important;color:var(--color-on-accent)!important}.settings-page-shell .settings-semantic-neutral:hover:enabled,.settings-page-shell .settings-semantic-neutral:focus-visible:enabled,.settings-modal-content .settings-semantic-neutral:hover:enabled,.settings-modal-content .settings-semantic-neutral:focus-visible:enabled{background:var(--color-surface-secondary)!important;color:var(--color-text)!important}.settings-page-shell .settings-semantic-action:focus-visible:enabled,.settings-modal-content .settings-semantic-action:focus-visible:enabled{outline:2px solid var(--settings-action-accent);outline-offset:3px}.settings-page-shell .settings-semantic-action:disabled,.settings-modal-content .settings-semantic-action:disabled{cursor:not-allowed;opacity:1;transform:none;border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important;box-shadow:none!important}.settings-page-shell [data-settings-section=settings-sessions] .settings-session-badge{border:1px solid var(--color-success);background:var(--color-surface-secondary)!important;color:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-billing] .settings-invoices-count{border-color:var(--color-info)!important;background:var(--color-surface-secondary)!important;color:var(--color-info)!important}.settings-page-shell [data-settings-section=settings-billing] .settings-invoice-status{border:1px solid var(--color-border);background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-billing] .settings-invoice-status-paid{border-color:var(--color-success);color:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-billing] :is(.settings-invoice-status-open,.settings-invoice-status-draft){border-color:var(--color-warning);color:var(--color-warning)!important}.settings-page-shell [data-settings-section=settings-billing] :is(.settings-invoice-status-void,.settings-invoice-status-uncollectible){border-color:var(--color-danger);color:var(--color-danger)!important}.settings-page-shell [data-settings-section=settings-privacy] .settings-danger-card{border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;background-image:none!important}.settings-page-shell [data-settings-section=settings-privacy] .settings-table-status{color:var(--color-text-muted)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-semantic-card{border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important;box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 34%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-semantic-card:hover{border-color:var(--color-border)!important;box-shadow:0 14px 30px rgb(var(--rgb-canvas) / 38%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-semantic-card .settings-da-head h3{color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-semantic-card .settings-da-head .material-symbols-outlined{color:var(--settings-card-accent)!important}.settings-page-shell [data-settings-section=settings-team] :is(.settings-mobile-team-seats,.settings-mobile-team-list,.settings-mobile-team-empty-standalone){-webkit-backdrop-filter:none;backdrop-filter:none;border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:none!important;background-image:none!important}.settings-page-shell [data-settings-section=settings-team] :is(.settings-mobile-team-header h2,.settings-mobile-team-list-section>h3,.settings-mobile-team-seats h3,.settings-mobile-team-member-copy strong){color:var(--color-text)!important}.settings-page-shell [data-settings-section=settings-team] :is(.settings-mobile-team-header p,.settings-mobile-team-seat-value span,.settings-mobile-team-member-copy span,.settings-mobile-team-empty){color:var(--color-text-muted)!important}.settings-page-shell [data-settings-section=settings-team] :is(.settings-mobile-team-seat-value strong,.settings-mobile-team-seats-head>span){color:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-team] .settings-mobile-team-seat-track{background:var(--color-surface-secondary)!important}.settings-page-shell [data-settings-section=settings-team] .settings-mobile-team-seat-track span{background:var(--color-success)!important}.settings-page-shell [data-settings-section=settings-team] :is(.settings-mobile-team-member,.settings-mobile-team-invitation){border-bottom-color:var(--color-border)!important}.settings-page-shell [data-settings-section=settings-team] :is(.settings-mobile-team-avatar,.settings-mobile-team-invitation-icon){border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-info)!important}.settings-page-shell [data-settings-section=settings-team] .settings-mobile-team-invitation-actions button:first-child{color:var(--color-info)!important}.settings-page-shell [data-settings-section=settings-team] .settings-mobile-team-invitation-actions button:last-child{color:var(--color-danger)!important}.settings-scope-modal{--settings-scope-modal-accent:var(--color-info);color:var(--color-text);background:var(--color-surface-raised)!important;box-shadow:none!important;background-image:none!important;border:0!important}.settings-scope-modal-success{--settings-scope-modal-accent:var(--color-success)}.settings-scope-modal-warning{--settings-scope-modal-accent:var(--color-warning)}.settings-scope-modal-danger{--settings-scope-modal-accent:var(--color-danger)}.modal-panel:has(.settings-scope-modal-success){--settings-scope-modal-accent:var(--color-success)}.modal-panel:has(.settings-scope-modal-warning){--settings-scope-modal-accent:var(--color-warning)}.modal-panel:has(.settings-scope-modal-danger){--settings-scope-modal-accent:var(--color-danger)}.modal-panel:has(.settings-scope-modal){color:var(--color-text);border-color:var(--settings-scope-modal-accent,var(--color-info))!important;background:var(--color-surface-raised)!important;box-shadow:0 18px 42px rgb(var(--rgb-canvas) / 32%)!important;background-image:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.settings-scope-modal){border-color:var(--settings-scope-modal-accent,var(--color-info))!important;background:var(--color-surface-raised)!important;box-shadow:0 0 18px color-mix(in srgb, var(--settings-scope-modal-accent,var(--color-info)) 12%, transparent), 0 24px 58px rgb(var(--rgb-canvas) / 52%)!important;background-image:none!important}.settings-scope-modal .settings-unified-modal-head{border-color:var(--settings-scope-modal-accent)!important;background:var(--color-surface-raised)!important;background-image:none!important}.settings-scope-modal .settings-unified-modal-head h2,:is(:root[data-theme=dark],:root.dark,html.dark) .settings-scope-modal .settings-unified-modal-head h2{color:var(--settings-scope-modal-accent)!important}.settings-scope-modal :is(.settings-unified-modal-head p,.settings-field-hint){color:var(--color-text-muted)!important}.settings-scope-modal :is(.input,.select,.code-input,.code-verification-input,.qr-download-settings-meta,.settings-action-modal-meta,.code-verify-shell){border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;background-image:none!important}.settings-scope-modal :is(.input,.select,.code-input,.code-verification-input):focus{border-color:var(--settings-scope-modal-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--settings-scope-modal-accent) 22%, transparent)!important}.settings-scope-modal .btn:not(.settings-semantic-action){border-color:var(--color-border-strong)!important;color:var(--color-text-muted)!important;box-shadow:none!important;background:0 0!important}.settings-scope-modal .btn:not(.settings-semantic-action):hover:enabled,.settings-scope-modal .btn:not(.settings-semantic-action):focus-visible:enabled{transform:translateY(-1px);border-color:var(--color-border-strong)!important;background:var(--color-surface-secondary)!important;color:var(--color-text)!important;box-shadow:0 8px 18px rgb(var(--rgb-canvas) / 12%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.settings-page-shell,.settings-modal-content) .settings-semantic-action:not(.settings-semantic-danger,.settings-semantic-neutral):hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) :is(.settings-page-shell,.settings-modal-content) .settings-semantic-action:not(.settings-semantic-danger,.settings-semantic-neutral):focus-visible:enabled{color:var(--color-canvas)!important}@media (width<=720px){.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-overview-hero{align-items:flex-start}.settings-page-shell :is([data-settings-section=settings-team],[data-settings-section=settings-sessions],[data-settings-section=settings-billing],[data-settings-section=settings-privacy]) .settings-plan-live-pill{width:fit-content}}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]){--creation-accent:var(--color-product-qr-accent);--creation-glow:var(--color-product-qr-glow);--creation-accent-rgb:var(--rgb-product-qr-accent)}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]){--creation-accent:var(--color-product-short-link);--creation-glow:var(--color-product-short-link-glow);--creation-accent-rgb:var(--rgb-product-short-link)}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation){color:var(--color-text)}:is(.app-main:has(.connected-creation-workspace),.app-main:has(.public-home-tool.is-connected-creation)){background-color:var(--color-canvas)}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-workspace-bar{color:var(--color-text);border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;box-shadow:0 10px 26px rgb(var(--rgb-canvas) / 12%)!important;background-image:none!important}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs{border-color:var(--color-border)!important;background:var(--color-surface)!important;background-image:none!important}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button{color:var(--color-text-muted)!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button:first-child:hover,:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button:first-child:focus-visible,:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button:first-child.is-active{background:color-mix(in srgb, var(--color-product-short-link) 9%, var(--color-surface))!important;color:var(--color-product-short-link)!important}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button:nth-child(2):hover,:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button:nth-child(2):focus-visible,:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button:nth-child(2).is-active{background:color-mix(in srgb, var(--color-product-qr-accent) 9%, var(--color-surface))!important;color:var(--color-product-qr-accent)!important}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button:first-child .public-home-draft-dot{background:var(--color-product-short-link)!important;box-shadow:0 0 0 .2rem color-mix(in srgb, var(--color-product-short-link) 14%, transparent)!important}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button:nth-child(2) .public-home-draft-dot{background:var(--color-product-qr-accent)!important;box-shadow:0 0 0 .2rem color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent)!important}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) :is(.public-home-workspace-menu-button,.public-home-lease-indicator){border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-info)!important;box-shadow:none!important;background-image:none!important}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-workspace-cancel-button{color:var(--color-danger)!important;box-shadow:none!important;text-shadow:none!important;background:0 0!important;border:1px solid #0000!important;outline:none!important}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-workspace-cancel-button:hover:enabled,:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-workspace-cancel-button:focus-visible:enabled{color:var(--color-danger)!important;box-shadow:none!important;text-shadow:0 0 10px color-mix(in srgb, var(--color-danger) 32%, transparent)!important;background:0 0!important;border-color:#0000!important;outline:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace,.public-home-tool.is-builder) .public-home-lease-indicator{border-color:color-mix(in srgb, var(--color-danger) 42%, var(--color-border))!important;background:var(--color-surface-secondary)!important;color:var(--color-danger)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace,.public-home-tool.is-builder) .public-home-workspace-cancel-button,:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace,.public-home-tool.is-builder) .public-home-workspace-cancel-button:hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace,.public-home-tool.is-builder) .public-home-workspace-cancel-button:focus-visible:enabled{color:var(--color-on-accent)!important}:is(.connected-creation-workspace,.public-home-tool.is-builder) :is(.creation-draft-status-control,.public-home-workspace-cancel-button){width:6.25rem;min-width:6.25rem;min-height:2.65rem;font:inherit;justify-content:center;font-size:.84rem;font-weight:780}:is(.connected-creation-workspace,.public-home-tool.is-builder) .creation-draft-status-control{text-align:center;white-space:normal;outline:none;padding:.25rem .4rem;position:relative;overflow:hidden;color:var(--color-brand)!important;box-shadow:none!important;background:0 0!important;border:0!important}.creation-draft-status-copy{justify-content:center;align-items:center;width:100%;min-height:1.25rem;display:inline-flex;position:relative}.creation-draft-status-compact,.creation-draft-status-full{font:inherit;font-size:inherit;font-weight:inherit;justify-content:center;align-items:center;line-height:1.05;transition:opacity .18s,transform .22s;display:inline-flex}.creation-draft-status-compact{opacity:1;transform:translateY(0)scale(1)}.creation-draft-status-full{opacity:0;pointer-events:none;position:absolute;inset:0;transform:translateY(.3rem)scale(.96)}.creation-draft-status-control:is(:hover,:focus-visible) .creation-draft-status-compact,.creation-draft-status-copy.is-revealing-saved .creation-draft-status-compact{opacity:0;transform:translateY(-.25rem)scale(.96)}.creation-draft-status-control:is(:hover,:focus-visible) .creation-draft-status-full,.creation-draft-status-copy.is-revealing-saved .creation-draft-status-full{opacity:1;transform:translateY(0)scale(1)}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace,.public-home-tool.is-builder) .creation-draft-status-control:not(.is-draft-error,.is-critical){text-shadow:0 0 10px color-mix(in srgb, var(--color-product-qr-glow) 55%, transparent);color:var(--color-on-accent)!important;box-shadow:none!important;background:0 0!important;border:0!important}@media (width<=560px){:is(.connected-creation-workspace,.public-home-tool.is-builder) :is(.creation-draft-status-control,.public-home-workspace-cancel-button){width:5.5rem;min-width:5.5rem}}:is(:root[data-theme=dark],:root.dark,html.dark) .public-home-tool.is-builder .public-home-workspace-menu-button,:is(:root[data-theme=dark],:root.dark,html.dark) .public-home-workspace-menu .public-home-workspace-menu-sign-up,:is(:root[data-theme=dark],:root.dark,html.dark) .public-home-workspace-menu .public-home-workspace-menu-sign-up .icon-sm{color:var(--color-on-accent)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-progress-step,.qr-generator-type-card,.qr-creation-tab,.qr-generator-mode-card,.qr-generator-more-card,.qr-preview-shell,.qr-preview-readiness,.qr-preview-summary-item,.qr-preview-alert,.qr-preview-meta code,.qr-form-grid-content>.qr-form-field,.qr-download-panel .qr-form-field,.qr-download-pack-card,.qr-download-preset,.qr-brand-kit-card,.qr-brand-lock-card,.qr-mobile-preview-toggle,.qr-export-card){border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important;box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 10%)!important;background-image:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-section,.qr-generator-section-focus,.qr-generator-subsection,.qr-content-panel,.qr-download-card,.qr-studio-card,.qr-studio-card-panel,.qr-studio-card-mockup,.qr-mockup-content-well,.qr-mockup-custom-panel,.qr-design-studio,.qr-color-studio-hero,.qr-color-section){box-shadow:none!important;background-image:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) .qr-mockup-content-well{box-shadow:none!important;background:0 0!important;border:0!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-creation-hero h1,.qr-creation-hero h2,.qr-generator-hero h2,.qr-generator-section-head h3,.qr-generator-subsection-head h4,.qr-generator-progress-copy strong,.qr-generator-type-card-copy strong,.qr-preview-head h3,.qr-preview-readiness-copy h4){color:var(--color-text)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-creation-hero p,.qr-generator-hero p,.qr-generator-section-head p,.qr-generator-progress-copy small,.qr-generator-type-card-copy em,.qr-generator-type-card-copy small,.qr-generator-subsection-head p,.qr-content-panel-head p,.qr-download-card-head p,.qr-generator-flow-note){color:var(--color-text-muted)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.input,.select,textarea,.qr-textarea){border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:none!important;background-image:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.input,textarea,.qr-textarea)::placeholder{opacity:1;color:var(--color-text-muted)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.input,.select,textarea,.qr-textarea):focus{outline-offset:2px;border-color:var(--color-product-qr-accent)!important;outline:2px solid color-mix(in srgb, var(--color-product-qr-accent) 34%, transparent)!important;box-shadow:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-generator-progress-step:hover,.qr-generator-progress-step:focus-visible,.qr-generator-type-card:hover,.qr-generator-type-card:focus-visible,.qr-generator-type-card-active,.qr-generator-mode-card-active,.qr-creation-tab-active,.qr-download-pack-card:hover,.qr-download-preset:hover){border-color:var(--color-product-qr-accent)!important;background:color-mix(in srgb, var(--color-product-qr-accent) 7%, var(--color-surface-raised))!important;box-shadow:0 12px 28px color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent)!important;background-image:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-progress-index,.qr-mockup-step-index){border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-progress-copy strong,.qr-mockup-step-label){color:var(--color-text-muted)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) .qr-generator-step-badge{border-color:var(--creation-accent)!important;background:color-mix(in srgb, var(--creation-accent) 12%, var(--color-surface))!important;color:var(--creation-accent)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-progress-step-active,.qr-mockup-step-active) .qr-generator-progress-index,:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) .qr-mockup-step-active .qr-mockup-step-index{border-color:var(--creation-accent)!important;background:var(--creation-accent)!important;color:var(--color-on-accent)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-progress-step-complete .qr-generator-progress-index,.qr-mockup-step-complete .qr-mockup-step-index){border-color:var(--color-success)!important;background:var(--color-success)!important;color:var(--color-on-accent)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-progress-step-active .qr-generator-progress-copy strong,.qr-mockup-step-active .qr-mockup-step-label){color:var(--creation-accent)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-progress-step-complete .qr-generator-progress-copy strong,.qr-mockup-step-complete .qr-mockup-step-label){color:var(--color-success)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.btn-primary,.qr-generator-flow-next,.qr-export-inline-cta,.qr-download-choice-button){border-color:var(--color-product-qr-accent)!important;color:var(--color-product-qr-accent)!important;box-shadow:none!important;background:0 0!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.btn-primary,.qr-generator-flow-next,.qr-export-inline-cta,.qr-download-choice-button):hover:enabled,:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.btn-primary,.qr-generator-flow-next,.qr-export-inline-cta,.qr-download-choice-button):focus-visible:enabled{border-color:var(--color-product-qr-accent)!important;background:var(--color-product-qr-accent)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 24px color-mix(in srgb, var(--color-product-qr-accent) 22%, transparent)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.btn-secondary,.qr-generator-flow-back,.qr-export-inline-ghost){border-color:var(--color-border)!important;color:var(--color-text-muted)!important;box-shadow:none!important;background:0 0!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.btn-secondary,.qr-generator-flow-back,.qr-export-inline-ghost):hover:enabled{border-color:var(--color-product-qr-accent)!important;background:color-mix(in srgb, var(--color-product-qr-accent) 8%, var(--color-surface))!important;color:var(--color-product-qr-accent)!important;box-shadow:none!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]){--creation-accent:var(--color-product-qr);--creation-glow:var(--color-product-qr);--creation-accent-rgb:var(--rgb-product-qr)}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button:nth-child(2){--home-tab-accent:var(--color-product-qr)!important;color:var(--color-product-qr)!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button:nth-child(2):is(:hover,:focus-visible,.is-active){background:color-mix(in srgb, var(--color-product-qr) 9%, var(--color-surface))!important;color:var(--color-product-qr)!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs button:nth-child(2) .public-home-draft-dot{background:var(--color-product-qr)!important;box-shadow:0 0 0 .2rem color-mix(in srgb, var(--color-product-qr) 14%, transparent)!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.input,.select,textarea,.qr-textarea):focus{border-color:var(--color-product-qr)!important;outline-color:color-mix(in srgb, var(--color-product-qr) 34%, transparent)!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-generator-progress-step:hover,.qr-generator-progress-step:focus-visible,.qr-generator-type-card:hover,.qr-generator-type-card:focus-visible,.qr-generator-type-card-active,.qr-generator-mode-card-active,.qr-creation-tab-active,.qr-download-pack-card:hover,.qr-download-preset:hover){border-color:var(--color-product-qr)!important;background:color-mix(in srgb, var(--color-product-qr) 7%, var(--color-surface-raised))!important;box-shadow:0 12px 28px color-mix(in srgb, var(--color-product-qr) 14%, transparent)!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-type-card:not(.qr-generator-type-card-locked),.qr-generator-mode-card:not(:disabled),.qr-content-mode-card:not(.qr-content-mode-card-disabled)):is(:hover,:focus-visible,:focus-within),:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-type-card-active,.qr-generator-mode-card-active,.qr-content-mode-card-active){border-color:var(--color-product-qr)!important;background:var(--color-surface-raised)!important;box-shadow:0 0 0 1px color-mix(in srgb, var(--color-product-qr) 12%, transparent), 0 10px 24px color-mix(in srgb, var(--color-product-qr) 12%, transparent)!important;background-image:none!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-type-card-active .qr-generator-type-card-copy strong,.qr-content-mode-card-active .qr-content-mode-card-copy strong){color:var(--color-product-qr)!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) .qr-generator-step-badge{border-color:var(--color-product-qr)!important;background:color-mix(in srgb, var(--color-product-qr) 12%, var(--color-surface))!important;color:var(--color-product-qr)!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-generator-progress-step-active,.qr-mockup-step-active) .qr-generator-progress-index,:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) .qr-mockup-step-active .qr-mockup-step-index{border-color:var(--color-product-qr)!important;background:var(--color-product-qr)!important;color:var(--color-on-accent)!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.btn-primary,.qr-generator-flow-next,.qr-export-inline-cta,.qr-download-choice-button){border-color:var(--color-product-qr)!important;color:var(--color-product-qr)!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.btn-primary,.qr-generator-flow-next,.qr-export-inline-cta,.qr-download-choice-button):is(:hover,:focus-visible):enabled{border-color:var(--color-product-qr)!important;background:var(--color-product-qr)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 24px color-mix(in srgb, var(--color-product-qr) 22%, transparent)!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.btn-secondary,.qr-generator-flow-back,.qr-export-inline-ghost):hover:enabled{border-color:var(--color-product-qr)!important;background:color-mix(in srgb, var(--color-product-qr) 8%, var(--color-surface))!important;color:var(--color-product-qr)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-workspace{--brand:var(--color-product-short-link);--sl-panel-bg:var(--color-surface-raised);--sl-panel-muted-bg:var(--color-surface-secondary);--sl-control-bg:var(--color-surface);--sl-control-focus-bg:var(--color-surface);--sl-card-shadow:0 12px 28px rgb(var(--rgb-canvas) / 10%);--sl-card-shadow-soft:0 10px 24px rgb(var(--rgb-canvas) / 8%);--sl-accent-text:var(--color-product-short-link);--sl-danger-text:var(--color-danger);color:var(--color-text)}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-type-card,.sl-upgrade-note,.sl-destination-card,.sl-detail-card,.sl-success,.sl-short-url-readonly,.sl-short-url-editor,.sl-upload-zone,.sl-recipient-empty){-webkit-backdrop-filter:none;border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important;box-shadow:0 12px 28px rgb(var(--rgb-canvas) / 10%)!important;background-image:none!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-type-card:before{filter:none!important;background:0 0!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-upload-zone.is-drag-active{border-color:var(--color-brand)!important;background:color-mix(in srgb, var(--color-brand) 10%, var(--color-surface-raised))!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-brand) 14%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-upload-zone.is-drag-active{border-color:var(--color-product-qr-glow)!important;background:color-mix(in srgb, var(--color-product-qr-glow) 10%, var(--color-surface-raised))!important;box-shadow:0 0 14px color-mix(in srgb, var(--color-product-qr-glow) 22%, transparent)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-type-link:hover,.sl-type-link.is-selected){border-color:var(--color-product-short-link)!important;background:color-mix(in srgb, var(--color-product-short-link) 7%, var(--color-surface-raised))!important;box-shadow:0 12px 28px color-mix(in srgb, var(--color-product-short-link) 14%, transparent)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-type-image:hover,.sl-type-image.is-selected){border-color:var(--color-plan-pro)!important;background:color-mix(in srgb, var(--color-plan-pro) 7%, var(--color-surface-raised))!important;box-shadow:0 12px 28px color-mix(in srgb, var(--color-plan-pro) 14%, transparent)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-type-pdf:hover,.sl-type-pdf.is-selected){border-color:var(--color-brand)!important;background:color-mix(in srgb, var(--color-brand) 7%, var(--color-surface-raised))!important;box-shadow:0 12px 28px color-mix(in srgb, var(--color-brand) 14%, transparent)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-type-link,:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-type-link :is(.sl-type-icon,.sl-type-state,.sl-type-copy strong){color:var(--color-product-short-link)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-type-image{color:var(--color-plan-pro)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-type-pdf{color:var(--color-brand)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-type-pdf :is(.sl-type-icon,.sl-type-state,.sl-type-copy strong){color:inherit!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-type-pdf{color:var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-type-pdf:hover,.sl-type-pdf.is-selected){border-color:var(--color-product-qr-glow)!important;background:color-mix(in srgb, var(--color-product-qr-glow) 7%, var(--color-surface-raised))!important;box-shadow:0 12px 28px color-mix(in srgb, var(--color-product-qr-glow) 14%, transparent)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-field .input,.sl-field select,.sl-field textarea){border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:none!important;background-image:none!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-field .input,.sl-field textarea)::placeholder{opacity:1;color:var(--color-text-muted)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-field .input,.sl-field select,.sl-field textarea):focus{outline-offset:2px;border-color:var(--color-product-short-link)!important;outline:2px solid color-mix(in srgb, var(--color-product-short-link) 34%, transparent)!important;box-shadow:none!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step,:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step:disabled,:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step:hover,:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step:focus-visible{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step:focus-visible .qr-mockup-step-index{outline:3px solid var(--color-info);outline-offset:3px}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step-index{background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step-label{color:var(--color-text-muted)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step-active .qr-mockup-step-index{background:var(--color-product-short-link)!important;color:var(--color-on-plan)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step-active .qr-mockup-step-label{color:var(--color-product-short-link)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step-complete .qr-mockup-step-index{background:var(--color-success)!important;color:var(--color-on-plan)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step-complete .qr-mockup-step-label{color:var(--color-success)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .qr-mockup-step-line{background:color-mix(in srgb, var(--color-product-short-link) 24%, var(--color-border))!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-step-button-submit,.sl-success-open,.sl-upgrade-note button){border:1px solid var(--color-product-short-link)!important;color:var(--color-product-short-link)!important;box-shadow:none!important;background:0 0!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-step-button-submit{border-color:var(--color-product-short-link-glow)!important;color:var(--color-product-short-link-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-step-button-submit.is-ready:not(:disabled){box-shadow:0 0 14px color-mix(in srgb, var(--color-product-short-link-glow) 24%, transparent), 0 10px 24px rgb(var(--rgb-canvas) / 28%)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-step-button-submit,.sl-success-open,.sl-upgrade-note button):hover:enabled,:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-step-button-submit,.sl-success-open,.sl-upgrade-note button):focus-visible:enabled{border-color:var(--color-product-short-link)!important;background:var(--color-product-short-link)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 24px color-mix(in srgb, var(--color-product-short-link) 22%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-step-button-submit:hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-step-button-submit:focus-visible:enabled{border-color:var(--color-product-short-link-glow)!important;box-shadow:0 0 14px color-mix(in srgb, var(--color-product-short-link-glow) 28%, transparent), 0 10px 24px rgb(var(--rgb-canvas) / 30%)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-step-button-next,.sl-step-button-submit){--qr-product-accent:var(--color-brand);border-color:var(--color-brand)!important;color:var(--color-brand)!important;background:0 0!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-step-button-next,.sl-step-button-submit).is-ready:not(:disabled){background:var(--color-brand)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand) 20%, transparent)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-step-button-next,.sl-step-button-submit):hover:enabled,:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-step-button-next,.sl-step-button-submit):focus-visible:enabled{border-color:var(--color-brand)!important;background:var(--color-brand)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 24px color-mix(in srgb, var(--color-brand) 24%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-step-button-next,.sl-step-button-submit){--qr-product-accent:var(--color-product-qr-glow);border-color:var(--color-product-qr-glow)!important;color:var(--color-product-qr-glow)!important;background:0 0!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-step-button-next,.sl-step-button-submit).is-ready:not(:disabled){background:var(--color-product-qr-glow)!important;color:var(--color-canvas)!important;box-shadow:0 0 14px color-mix(in srgb, var(--color-product-qr-glow) 26%, transparent), 0 10px 24px rgb(var(--rgb-canvas) / 28%)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-step-button-next,.sl-step-button-submit):hover:enabled,:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) :is(.sl-step-button-next,.sl-step-button-submit):focus-visible:enabled{border-color:var(--color-product-qr-glow)!important;background:var(--color-product-qr-glow)!important;color:var(--color-canvas)!important;box-shadow:0 0 14px color-mix(in srgb, var(--color-product-qr-glow) 30%, transparent), 0 10px 24px rgb(var(--rgb-canvas) / 30%)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-step-button-back{border-color:var(--color-border)!important;color:var(--color-text-muted)!important;box-shadow:none!important;background:0 0!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-step-button-back:hover:enabled{border-color:var(--color-product-short-link)!important;background:color-mix(in srgb, var(--color-product-short-link) 8%, var(--color-surface))!important;color:var(--color-product-short-link)!important;box-shadow:none!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-success-actions :is(.sl-success-open,.sl-success-manage){border-radius:.85rem;justify-content:center;align-items:center;gap:.55rem;min-height:3rem;padding:0 1rem;font-weight:760;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s,color .16s;display:inline-flex;border:1px solid var(--color-product-short-link)!important;background:var(--color-surface-secondary)!important;color:var(--color-product-short-link)!important;box-shadow:none!important;background-image:none!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-success-actions :is(.sl-success-open,.sl-success-manage):is(:hover,:focus-visible){transform:translateY(-1px);border-color:var(--color-product-short-link)!important;background:color-mix(in srgb, var(--color-product-short-link) 9%, var(--color-surface-secondary))!important;color:var(--color-product-short-link)!important;box-shadow:0 8px 20px rgb(var(--rgb-canvas) / 14%)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-success-actions :is(.sl-success-open,.sl-success-manage):focus-visible{outline:2px solid color-mix(in srgb, var(--color-product-short-link) 46%, transparent);outline-offset:3px}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-success-actions .sl-success-manage{border-color:var(--color-brand)!important;color:var(--color-brand)!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-success-actions .sl-success-manage:is(:hover,:focus-visible){border-color:var(--color-brand)!important;background:color-mix(in srgb, var(--color-brand) 9%, var(--color-surface-secondary))!important;color:var(--color-brand)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-success-actions :is(.sl-success-open,.sl-success-manage){border-color:var(--color-product-short-link-glow)!important;color:var(--color-product-short-link-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-success-actions :is(.sl-success-open,.sl-success-manage):is(:hover,:focus-visible){border-color:var(--color-product-short-link-glow)!important;background:color-mix(in srgb, var(--color-product-short-link-glow) 14%, var(--color-surface-secondary))!important;color:var(--color-product-short-link-glow)!important;box-shadow:0 0 12px color-mix(in srgb, var(--color-product-short-link-glow) 18%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-success-actions .sl-success-open{border-color:var(--color-product-short-link)!important;color:var(--color-product-short-link)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-success-actions .sl-success-open:is(:hover,:focus-visible){border-color:var(--color-product-short-link)!important;background:color-mix(in srgb, var(--color-product-short-link) 14%, var(--color-surface-secondary))!important;color:var(--color-product-short-link)!important;box-shadow:0 0 12px color-mix(in srgb, var(--color-product-short-link) 18%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-success-actions .sl-success-manage{border-color:var(--color-product-qr-glow)!important;color:var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-success-actions .sl-success-manage:is(:hover,:focus-visible){border-color:var(--color-product-qr-glow)!important;background:color-mix(in srgb, var(--color-product-qr-glow) 14%, var(--color-surface-secondary))!important;color:var(--color-product-qr-glow)!important;box-shadow:0 0 12px color-mix(in srgb, var(--color-product-qr-glow) 18%, transparent)!important}.public-home-tool-panel.is-creation-completed{border:0!important;display:none!important}.public-home-tool:has(.public-home-tool-panel.is-creation-completed) .public-home-tool-builder{padding-top:0!important}:is(.connected-creation-workspace:has(.link-studio-page),.public-home-tool[data-active-tool=shortLink]) .sl-alert{border-color:var(--color-danger)!important;background:color-mix(in srgb, var(--color-danger) 7%, var(--color-surface-raised))!important;color:var(--color-danger)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-generator-type-card-icon,.qr-generator-type-card-mockup .qr-generator-type-card-icon){box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-generator-type-card-icon,.qr-generator-type-card-mockup .qr-generator-type-card-icon):before,:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-generator-type-card-icon,.qr-generator-type-card-mockup .qr-generator-type-card-icon):after{content:none!important;display:none!important}.qr-studio-shell :is(.qr-generator-type-card-icon,.qr-generator-type-card-mockup .qr-generator-type-card-icon){box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}.qr-studio-shell .qr-content-mode-card{position:relative!important}.qr-studio-shell .qr-content-mode-card-select{border-radius:inherit!important;width:100%!important;height:100%!important;min-height:0!important;position:absolute!important;inset:0!important}.public-creation-time-notice{border-color:var(--color-info)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important;box-shadow:0 16px 34px rgb(var(--rgb-canvas) / 22%)!important;background-image:none!important}.public-creation-time-notice.is-warning{border-color:var(--color-warning)!important}.public-creation-time-notice.is-danger{border-color:var(--color-danger)!important}:is(.modal-panel:has(.public-home-exit-dialog),.modal-panel:has(.sl-asset-preview-dialog),.modal-panel:has(.sl-asset-delete-dialog),.modal-panel:has(.qr-action-modal),.modal-panel:has(.qr-export-download-modal)){border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important;box-shadow:0 22px 52px rgb(var(--rgb-canvas) / 42%)!important;background-image:none!important}:is(.modal-panel:has(.public-home-exit-dialog) :is(.modal-hoppla-head,.modal-hoppla-body),.modal-panel:has(.sl-asset-preview-dialog) :is(.modal-hoppla-head,.modal-hoppla-body),.modal-panel:has(.sl-asset-delete-dialog) :is(.modal-hoppla-head,.modal-hoppla-body),.modal-panel:has(.qr-action-modal) :is(.modal-hoppla-head,.modal-hoppla-body)){background:var(--color-surface-raised)!important;color:var(--color-text)!important;background-image:none!important}.modal-panel:has(.public-home-exit-dialog) .public-home-exit-dialog-intro{border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;background-image:none!important}.modal-panel:has(.public-home-exit-dialog) .public-home-exit-dialog-continue{border-color:var(--color-info)!important;color:var(--color-info)!important;box-shadow:none!important;background:0 0!important}:is(.modal-panel:has(.public-home-exit-dialog) .public-home-exit-dialog-continue:hover:enabled,.modal-panel:has(.public-home-exit-dialog) .public-home-exit-dialog-continue:focus-visible:enabled){background:var(--color-info)!important;color:var(--color-on-accent)!important}:is(.modal-panel:has(.public-home-exit-dialog) .public-home-exit-dialog-cancel,.modal-panel:has(.sl-asset-delete-dialog) .btn-danger){border-color:var(--color-danger)!important;color:var(--color-danger)!important;box-shadow:none!important;background:0 0!important}:is(.modal-panel:has(.public-home-exit-dialog) .public-home-exit-dialog-cancel:hover:enabled,.modal-panel:has(.public-home-exit-dialog) .public-home-exit-dialog-cancel:focus-visible:enabled,.modal-panel:has(.sl-asset-delete-dialog) .btn-danger:hover:enabled,.modal-panel:has(.sl-asset-delete-dialog) .btn-danger:focus-visible:enabled){border-color:var(--color-danger)!important;background:var(--color-danger)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--color-danger) 20%, transparent)!important}.toast,.toast-warning,.toast-error,:is(:root[data-theme=dark],:root.dark,html.dark) :is(.toast,.toast-warning,.toast-error){background:var(--color-surface-raised)!important;color:var(--color-text)!important;background-image:none!important}.toast{border-color:var(--color-info)!important;box-shadow:0 16px 34px rgb(var(--rgb-canvas) / 22%)!important}.toast-success{border-color:var(--color-success)!important;box-shadow:0 0 14px color-mix(in srgb, var(--color-success) 16%, transparent), 0 16px 34px rgb(var(--rgb-canvas) / 22%)!important}.toast-warning{border-color:var(--color-warning)!important;box-shadow:0 0 14px color-mix(in srgb, var(--color-warning) 16%, transparent), 0 16px 34px rgb(var(--rgb-canvas) / 22%)!important}.toast-error{border-color:var(--color-danger)!important;box-shadow:0 0 14px color-mix(in srgb, var(--color-danger) 16%, transparent), 0 16px 34px rgb(var(--rgb-canvas) / 22%)!important}@media (width<=980px){:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-workspace-bar{background:var(--color-surface-raised)!important;box-shadow:0 8px 22px rgb(var(--rgb-canvas) / 18%)!important}}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-content-stage-card,.qr-content-mode-panel,.qr-hoppla-color-hero,.qr-hoppla-color-card,.qr-hoppla-slider-card,.qr-hoppla-picker-popover,.qr-hoppla-note,.qr-logo-upload-card,.qr-logo-control-card,.qr-hoppla-logo-current,.qr-hoppla-logo-folder-browser,.qr-hoppla-logo-empty,.qr-hoppla-locked-feature){border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important;box-shadow:none!important;background-image:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) .qr-content-stage-card:before{display:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) :is(.qr-content-mode-card,.qr-hoppla-palette-card,.qr-hoppla-segmented-button,.qr-hoppla-position-preset,.qr-hoppla-action-tile,.qr-hoppla-picker-trigger-shell,.qr-hoppla-picker-hex-shell,.qr-hoppla-text-input,.qr-logo-chip,.qr-logo-chip-icon,.qr-hoppla-logo-source-button,.qr-hoppla-logo-asset-card){border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:none!important;background-image:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-hoppla-inline-button,.qr-hoppla-action-tile,.qr-hoppla-segmented-button,.qr-hoppla-position-preset,.qr-hoppla-palette-card,.qr-hoppla-picker-trigger-shell,.qr-logo-chip):before{background:0 0!important;display:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-content-mode-card:hover:not(:disabled),.qr-hoppla-palette-card:hover:not(:disabled),.qr-hoppla-segmented-button:hover:not(:disabled),.qr-hoppla-position-preset:hover:not(:disabled),.qr-hoppla-action-tile:hover:not(:disabled),.qr-hoppla-picker-trigger-shell:hover,.qr-logo-chip:hover,.qr-hoppla-logo-source-button:hover:not(:disabled),.qr-hoppla-logo-asset-card:hover:not(:disabled)){border-color:var(--creation-accent)!important;background:color-mix(in srgb, var(--creation-accent) 7%, var(--color-surface))!important;color:var(--color-text)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--creation-accent) 12%, transparent)!important;background-image:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-content-mode-card-active,.qr-hoppla-palette-card-active,.qr-hoppla-segmented-button-active,.qr-hoppla-position-preset-active,.qr-logo-chip-active,.qr-hoppla-logo-source-button.is-active,.qr-hoppla-logo-asset-card.is-active){border-color:var(--creation-accent)!important;background:color-mix(in srgb, var(--creation-accent) 10%, var(--color-surface))!important;color:var(--color-text)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--creation-accent) 14%, transparent)!important;background-image:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-content-stage-copy h3,.qr-content-mode-head h4,.qr-content-mode-card-copy strong,.qr-hoppla-color-copy h3,.qr-hoppla-section-head h4,.qr-hoppla-picker-toolbar strong,.qr-hoppla-palette-card strong,.qr-hoppla-locked-feature-copy strong,.qr-logo-upload-copy h4,.qr-logo-current strong,.qr-hoppla-logo-current-copy strong){color:var(--color-text)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-content-stage-copy p,.qr-content-mode-head p,.qr-content-mode-card-copy span,.qr-hoppla-color-copy p,.qr-hoppla-section-head p,.qr-hoppla-note p,.qr-hoppla-picker-description,.qr-hoppla-palette-card small,.qr-hoppla-locked-feature-copy p,.qr-logo-upload-copy p,.qr-logo-current small,.qr-hoppla-logo-current-copy small,.qr-hoppla-slider-head span,.qr-hoppla-painted-meter span,.qr-hoppla-marker-column h5,.qr-hoppla-position-field small){color:var(--color-text-muted)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-content-mode-kicker,.qr-hoppla-color-kicker,.qr-color-section-kicker,.qr-hoppla-picker-reset,.qr-hoppla-slider-head strong,.qr-hoppla-painted-meter strong,.qr-hoppla-toggle){color:var(--creation-accent)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-hoppla-picker-trigger-shell,.qr-hoppla-picker-hex-shell,.qr-hoppla-text-input):focus-within{outline-offset:2px;border-color:var(--creation-accent)!important;outline:2px solid color-mix(in srgb, var(--creation-accent) 34%, transparent)!important;box-shadow:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-hoppla-warning-banner,.qr-hoppla-reliability-item-warning,.qr-hoppla-logo-warning){border-color:color-mix(in srgb, var(--color-warning) 42%, var(--color-border))!important;background:color-mix(in srgb, var(--color-warning) 9%, var(--color-surface))!important;color:var(--color-warning)!important;box-shadow:none!important;background-image:none!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-hoppla-warning-banner p,.qr-hoppla-logo-warning p){color:var(--color-text-muted)!important}:is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool.is-connected-creation[data-active-tool=qrCode]) :is(.qr-hoppla-picker-error,.qr-color-field-error,.qr-color-field-status-invalid){color:var(--color-danger)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-content-short-url,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-content-short-url-button{background:0 0!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-mode-info-trigger,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-content-short-url-copy>div>span,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-content-short-url-copy>div>small{color:var(--color-on-accent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-content-short-url-copy>div>strong{color:var(--color-product-qr-glow)!important}:is(.qr-studio-shell-mockup,.qr-studio-left,.qr-studio-card.qr-studio-card-panel,.qr-studio-card.qr-studio-card-mockup,.qr-mockup-custom-panel,.qr-generator-section,.qr-generator-section-focus):has(.qr-structure-step){box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-color:#0000!important}:is(.qr-studio-shell-mockup,.qr-studio-left,.qr-studio-card.qr-studio-card-panel,.qr-studio-card.qr-studio-card-mockup,.qr-mockup-custom-panel,.qr-generator-section,.qr-generator-section-focus):has(.qr-structure-step):before{box-shadow:none!important;background:0 0!important;border-color:#0000!important}:is(.qr-studio-shell-mockup,.qr-studio-left,.qr-studio-card.qr-studio-card-panel,.qr-studio-card.qr-studio-card-mockup,.qr-mockup-custom-panel,.qr-generator-section,.qr-generator-section-focus):has(.qr-structure-step):after{box-shadow:none!important;background:0 0!important;border-color:#0000!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-structure-card{background:var(--color-surface-raised)!important;border-color:var(--color-border)!important;box-shadow:none!important;background-image:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.qr-structure-option,.qr-structure-reliability-level):before{background:0 0!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.qr-structure-option:hover,.qr-structure-reliability-level:hover){border-color:var(--color-product-qr-accent)!important;background:color-mix(in srgb, var(--color-product-qr-accent) 8%, var(--color-surface-secondary))!important;box-shadow:0 0 14px color-mix(in srgb, var(--color-product-qr-accent) 14%, transparent)!important;background-image:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.qr-structure-option-active,.qr-structure-reliability-level-active){border-color:var(--color-product-qr-glow)!important;background:color-mix(in srgb, var(--color-product-qr-glow) 10%, var(--color-surface-secondary))!important;box-shadow:0 0 16px color-mix(in srgb, var(--color-product-qr-glow) 16%, transparent)!important;background-image:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-structure-option-active small,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-structure-reliability-level-active strong,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-structure-reliability-level-active span{color:var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-structure-qrshape-preview .qr-structure-icon-preview{color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-structure-reliability-note-warn{background:var(--color-surface-secondary)!important;border-color:var(--color-warning)!important;background-image:none!important}:is(.qr-studio-shell-mockup,.qr-studio-left,.qr-studio-card.qr-studio-card-panel,.qr-studio-card.qr-studio-card-mockup,.qr-mockup-custom-panel,.qr-generator-section,.qr-generator-section-focus):has(:is(.qr-hoppla-color-studio,.qr-hoppla-logo-studio,.qr-export-layout,.qr-completion-panel)){box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border-color:#0000!important}:is(.qr-studio-shell-mockup,.qr-studio-left,.qr-studio-card.qr-studio-card-panel,.qr-studio-card.qr-studio-card-mockup,.qr-mockup-custom-panel,.qr-generator-section,.qr-generator-section-focus):has(:is(.qr-hoppla-color-studio,.qr-hoppla-logo-studio,.qr-export-layout,.qr-completion-panel)):before{box-shadow:none!important;background:0 0!important;border-color:#0000!important}:is(.qr-studio-shell-mockup,.qr-studio-left,.qr-studio-card.qr-studio-card-panel,.qr-studio-card.qr-studio-card-mockup,.qr-mockup-custom-panel,.qr-generator-section,.qr-generator-section-focus):has(:is(.qr-hoppla-color-studio,.qr-hoppla-logo-studio,.qr-export-layout,.qr-completion-panel)):after{box-shadow:none!important;background:0 0!important;border-color:#0000!important}:is(.qr-hoppla-color-hero,.qr-hoppla-color-card,.qr-hoppla-slider-card,.qr-hoppla-picker-popover,.qr-hoppla-note,.qr-hoppla-locked-feature,.qr-hoppla-logo-current,.qr-hoppla-logo-folder-browser,.qr-hoppla-logo-empty,.qr-export-card,.qr-export-summary-item,.qr-export-background-option,.qr-export-option-card,.qr-export-option-tooltip,.qr-completion-panel){border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important;box-shadow:none!important;background-image:none!important}:is(.qr-hoppla-color-card,.qr-hoppla-logo-card,.qr-export-card,.qr-export-account-card,.qr-export-summary-item,.qr-export-background-option,.qr-export-option-card):before,:is(.qr-hoppla-color-card,.qr-hoppla-logo-card,.qr-export-card,.qr-export-account-card,.qr-export-summary-item,.qr-export-background-option,.qr-export-option-card):after{box-shadow:none!important;background-image:none!important}:is(.qr-hoppla-segmented,.qr-hoppla-position-pad,.qr-export-folder-note,.qr-export-credit-note,.qr-static-withdrawal-confirmation,.qr-export-primary-lock){border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text)!important;box-shadow:none!important;background-image:none!important}.qr-hoppla-logo-current-thumb{border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;box-shadow:none!important;background-image:none!important}:is(.qr-hoppla-color-copy h3,.qr-hoppla-section-head h4,.qr-hoppla-marker-column h5,.qr-hoppla-inline-field-head span,.qr-hoppla-inline-field-head strong,.qr-hoppla-logo-current-copy strong,.qr-export-card-head h4,.qr-export-summary-item strong,.qr-export-background-option strong,.qr-export-option-label,.qr-completion-panel h2,.qr-completion-panel h3){color:var(--color-text)!important}:is(.qr-hoppla-color-copy p,.qr-hoppla-section-head p,.qr-hoppla-note p,.qr-hoppla-slider-head span,.qr-hoppla-position-field small,.qr-hoppla-locked-feature-copy p,.qr-hoppla-logo-current-copy small,.qr-export-card-head p,.qr-export-summary-item span,.qr-export-background-option span,.qr-export-option-card small,.qr-export-folder-note,.qr-export-credit-note,.qr-static-withdrawal-confirmation small,.qr-completion-panel p){color:var(--color-text-muted)!important}:is(.qr-hoppla-color-kicker,.qr-color-section-kicker,.qr-hoppla-slider-head strong,.qr-hoppla-picker-reset){color:var(--creation-accent)!important}:is(.qr-hoppla-toggle,.qr-hoppla-toggle span){color:var(--color-text)!important}.qr-hoppla-toggle input,.qr-static-withdrawal-confirmation input{accent-color:var(--creation-accent)!important}:is(.qr-hoppla-inline-button,.qr-hoppla-segmented-button,.qr-hoppla-position-preset,.qr-hoppla-action-tile,.qr-logo-chip,.qr-hoppla-logo-source-button,.qr-hoppla-logo-asset-card,.qr-export-background-option,.qr-export-option-card,.qr-export-inline-ghost,.qr-download-choice-button){border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:none!important;background-image:none!important}:is(.qr-hoppla-inline-button,.qr-hoppla-segmented-button,.qr-hoppla-position-preset,.qr-hoppla-action-tile,.qr-logo-chip,.qr-hoppla-logo-source-button,.qr-hoppla-logo-asset-card,.qr-export-background-option,.qr-export-option-card,.qr-export-inline-ghost,.qr-download-choice-button):hover:not(:disabled){border-color:var(--creation-accent)!important;background:color-mix(in srgb, var(--creation-accent) 7%, var(--color-surface))!important;color:var(--color-text)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--creation-accent) 12%, transparent)!important;background-image:none!important}:is(.qr-hoppla-segmented-button-active,.qr-hoppla-position-preset-active,.qr-logo-chip-active,.qr-hoppla-logo-source-button.is-active,.qr-hoppla-logo-asset-card.is-active,.qr-export-background-option-active,.qr-export-option-card-active){border-color:var(--creation-accent)!important;background:color-mix(in srgb, var(--creation-accent) 10%, var(--color-surface))!important;color:var(--color-text)!important;box-shadow:none!important;background-image:none!important}:is(.qr-hoppla-inline-button,.qr-hoppla-segmented-button,.qr-hoppla-position-preset,.qr-hoppla-action-tile,.qr-logo-chip,.qr-hoppla-logo-source-button,.qr-hoppla-logo-asset-card,.qr-export-background-option,.qr-export-option-card,.qr-export-inline-cta,.qr-export-inline-ghost,.qr-download-choice-button):focus-visible{outline-offset:3px;outline:3px solid var(--creation-accent)!important}.qr-hoppla-inline-button-danger{border-color:var(--color-danger)!important;color:var(--color-danger)!important;background:0 0!important}.qr-hoppla-inline-button-danger:hover:not(:disabled){border-color:var(--color-danger)!important;background:var(--color-danger)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 22px color-mix(in srgb, var(--color-danger) 18%, transparent)!important}:is(.qr-hoppla-warning-banner,.qr-hoppla-logo-warning){border-color:var(--color-warning)!important;background:var(--color-surface-raised)!important;color:var(--color-warning)!important;box-shadow:none!important;background-image:none!important}:is(.qr-hoppla-warning-banner p,.qr-hoppla-logo-warning p){color:var(--color-text-muted)!important}.qr-export-inline-cta{border-color:var(--creation-accent)!important;background:var(--creation-accent)!important;color:var(--color-on-accent)!important;box-shadow:0 10px 24px color-mix(in srgb, var(--creation-accent) 18%, transparent)!important;background-image:none!important}.qr-export-inline-cta:hover:not(:disabled){border-color:var(--creation-accent)!important;background:var(--creation-accent)!important;color:var(--color-on-accent)!important;box-shadow:0 14px 28px color-mix(in srgb, var(--creation-accent) 24%, transparent)!important;background-image:none!important}.qr-export-option-tooltip:after{background:var(--color-surface-raised)!important;border-right-color:var(--color-border)!important;border-bottom-color:var(--color-border)!important}.qr-export-status-pill-review{border-color:var(--color-info)!important;background:color-mix(in srgb, var(--color-info) 10%, var(--color-surface))!important;color:var(--color-info)!important}.qr-export-status-pill-ready{border-color:var(--color-success)!important;background:color-mix(in srgb, var(--color-success) 10%, var(--color-surface))!important;color:var(--color-success)!important}.qr-export-status-pill-warn{border-color:var(--color-warning)!important;background:color-mix(in srgb, var(--color-warning) 10%, var(--color-surface))!important;color:var(--color-warning)!important}.qr-static-withdrawal-error,.qr-static-withdrawal-error button{color:var(--color-danger)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.qr-hoppla-segmented-button-active,.qr-hoppla-position-preset-active,.qr-logo-chip-active,.qr-hoppla-logo-source-button.is-active,.qr-hoppla-logo-asset-card.is-active,.qr-export-background-option-active,.qr-export-option-card-active){border-color:var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.qr-hoppla-segmented-button-active,.qr-hoppla-position-preset-active,.qr-logo-chip-active,.qr-hoppla-logo-source-button.is-active,.qr-hoppla-logo-asset-card.is-active) :is(strong,span){color:var(--color-product-qr-glow)!important}.qr-hoppla-color-studio :is(.qr-hoppla-section-head h4,.qr-hoppla-section-head p,.qr-hoppla-picker-label,.qr-hoppla-picker-value,.qr-hoppla-picker-toolbar strong,.qr-hoppla-slider-head span,.qr-hoppla-slider-head strong,.qr-hoppla-marker-column h5,.qr-hoppla-toggle,.qr-hoppla-toggle span,.qr-hoppla-text-soon-label){color:var(--color-text)!important}.qr-hoppla-color-studio :is(.qr-hoppla-color-card,.qr-hoppla-slider-card,.qr-hoppla-toggle-card,.qr-hoppla-marker-toggles,.qr-hoppla-gradient-stack,.qr-hoppla-gradient-toolbar,.qr-hoppla-picker-trigger-shell,.qr-hoppla-picker-hex-shell){border-color:var(--color-border)!important;background:var(--color-surface)!important;box-shadow:none!important;background-image:none!important}.qr-hoppla-color-studio :is(.qr-hoppla-marker-toggles,.qr-hoppla-gradient-stack,.qr-hoppla-gradient-toolbar){background:0 0!important}.qr-logo-chip-icon{color:var(--qr-logo-brand-color)!important;border-color:var(--color-border)!important;background:var(--color-preview-surface)!important;box-shadow:none!important;background-image:none!important}.qr-logo-chip-icon svg,.qr-logo-chip-icon svg path{color:var(--qr-logo-brand-color)!important;fill:var(--qr-logo-brand-color)!important}.qr-export-folder-card{padding:clamp(1.15rem,2vw,1.5rem)!important}.qr-export-folder-card .qr-export-card-head{margin-bottom:1.15rem}.qr-export-folder-card .qr-export-card-head>div{gap:.45rem;display:grid}.qr-export-folder-card .qr-export-card-head h4,.qr-export-folder-card .qr-export-card-head p{margin:0!important}.qr-export-folder-card .qr-export-card-head p{max-width:42rem;line-height:1.55}.qr-export-folder-body{gap:.75rem!important}.qr-export-folder-body .qr-export-folder-select{border-radius:.9rem;min-height:3.2rem;border-color:var(--color-border)!important;background:var(--color-surface)!important;width:100%!important;color:var(--color-text)!important;box-shadow:none!important}.qr-export-folder-body .qr-export-folder-select:focus-visible{outline:3px solid color-mix(in srgb, var(--creation-accent) 22%, transparent);outline-offset:2px;border-color:var(--creation-accent)!important}.qr-export-folder-create-fields{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1.15rem;gap:1.1rem!important}.qr-export-folder-field{gap:.5rem;display:grid}.qr-export-folder-field>span{letter-spacing:.02em;font-size:.8rem;font-weight:750;color:var(--color-text)!important}.qr-export-folder-field .input{border-radius:.9rem;width:100%;min-height:3.2rem;padding-inline:1rem;border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:none!important}.qr-export-folder-field .input::placeholder{color:var(--color-text-muted)!important}.qr-export-folder-field .input:focus{outline:none;border-color:var(--creation-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--creation-accent) 18%, transparent)!important}.qr-export-folder-colors{border-radius:0;background:0 0!important;border:0!important;gap:.65rem!important;padding:.1rem 0 .25rem!important}.qr-export-folder-colors legend{color:var(--color-text)!important;letter-spacing:.02em!important;text-transform:none!important;padding:0!important;font-size:.8rem!important;font-weight:750!important}.qr-export-folder-colors>div{grid-template-columns:repeat(6,2.35rem);align-items:center;gap:.75rem!important;margin-top:0!important;display:grid!important}.qr-export-folder-colors .folder-create-color{border-color:var(--color-surface)!important}.qr-export-folder-colors .folder-create-color:focus-visible{outline:3px solid var(--folder-color);outline-offset:3px}.qr-export-folder-create-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);padding-top:.2rem;gap:.75rem!important;display:grid!important}.qr-export-folder-create-actions :is(.qr-export-inline-ghost,.qr-export-inline-cta){border-radius:.9rem;justify-content:center;width:100%;min-height:3.05rem}.qr-export-folder-create-actions .qr-export-inline-ghost{border-color:var(--creation-accent)!important;color:var(--creation-accent)!important;background:0 0!important}.qr-export-folder-create-actions .qr-export-inline-ghost:hover:not(:disabled){border-color:var(--creation-accent)!important;background:color-mix(in srgb, var(--creation-accent) 8%, var(--color-surface))!important;color:var(--creation-accent)!important}.qr-export-folder-create-actions :is(.qr-export-inline-ghost,.qr-export-inline-cta):disabled{cursor:not-allowed;border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important;box-shadow:none!important}.qr-studio-shell-mockup:not(.link-studio-mockup-shell) .qr-stitch-preview-card{border-color:var(--color-preview-surface)!important;background:var(--color-preview-surface)!important;-webkit-backdrop-filter:none!important;background-image:none!important}.qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-stitch-preview-square,.qr-preview-panel,.qr-preview-shell,.qr-preview-stage,.qr-preview-stage-compact,.qr-preview-frame){border-color:var(--color-preview-surface)!important;background:var(--color-preview-surface)!important;background-image:none!important}.qr-studio-shell-mockup:not(.link-studio-mockup-shell) .qr-stitch-preview-heading h2{color:var(--color-preview-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) .qr-stitch-preview-card{border-color:var(--color-border)!important;background:var(--color-surface-raised)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-stitch-preview-square,.qr-preview-panel,.qr-preview-shell,.qr-preview-stage,.qr-preview-stage-compact,.qr-preview-frame){border-color:var(--color-surface-raised)!important;background:var(--color-surface-raised)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) .qr-stitch-preview-heading h2,:is(:root[data-theme=dark],:root.dark,html.dark) .public-home-tool:not(.is-connected-creation)[data-active-tool=qrCode] .qr-content-stage-basic :is(.qr-content-mode-kicker,.qr-content-mode-head h4,.qr-content-mode-head p,.qr-content-mode-card-copy strong){color:var(--color-text)!important}@media (width<=520px){.qr-export-folder-colors>div{grid-template-columns:repeat(3,2.35rem)}.qr-export-folder-create-actions{grid-template-columns:1fr}}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode],.qr-studio-shell-mockup:not(.link-studio-mockup-shell)){--creation-accent:var(--color-product-qr);--creation-accent-rgb:var(--rgb-product-qr)}:is(:is(:root[data-theme=dark],:root.dark,html.dark) body:has(.connected-creation-workspace.qr-page-shell-qrstudio),:is(:root[data-theme=dark],:root.dark,html.dark) body:has(.public-home-tool[data-active-tool=qrCode].is-builder)){background-color:var(--color-canvas)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) .public-home-tool-tabs button:nth-child(2){--home-tab-accent:var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) .public-home-tool-tabs button:nth-child(2):is(:hover,:focus-visible,.is-active){border-color:var(--color-product-qr-glow)!important;background:color-mix(in srgb, var(--color-product-qr-glow) 9%, var(--color-surface))!important;color:var(--color-product-qr-glow)!important;background-image:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace.qr-page-shell-qrstudio,.public-home-tool[data-active-tool=qrCode]) .public-home-tool-tabs button:nth-child(2) .public-home-draft-dot{background:var(--color-product-qr-glow)!important;box-shadow:0 0 0 .2rem color-mix(in srgb, var(--color-product-qr-glow) 14%, transparent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-generator-type-card,.qr-generator-mode-card,.qr-generator-more-card,.qr-content-mode-card,.qr-content-panel,.qr-generator-subsection,.qr-structure-card,.qr-structure-option,.qr-structure-reliability-level,.qr-hoppla-color-card,.qr-hoppla-slider-card,.qr-hoppla-logo-card,.qr-export-card,.qr-export-summary-item,.qr-export-background-option,.qr-export-option-card){border-color:var(--color-border)!important;background-color:var(--color-surface-raised)!important;color:var(--color-text)!important;background-image:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-generator-type-card,.qr-generator-mode-card,.qr-generator-more-card,.qr-content-mode-card,.qr-structure-option,.qr-structure-reliability-level,.qr-hoppla-segmented-button,.qr-hoppla-position-preset,.qr-hoppla-action-tile,.qr-logo-chip,.qr-hoppla-logo-source-button,.qr-hoppla-logo-asset-card,.qr-export-background-option,.qr-export-option-card):is(:hover,:focus-visible){border-color:var(--color-border-strong)!important;background-color:var(--color-surface-raised)!important;box-shadow:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-generator-type-card-active,.qr-generator-mode-card-active,.qr-content-mode-card-active,.qr-structure-option-active,.qr-structure-reliability-level-active,.qr-hoppla-segmented-button-active,.qr-hoppla-position-preset-active,.qr-logo-chip-active,.qr-hoppla-logo-source-button.is-active,.qr-hoppla-logo-asset-card.is-active,.qr-export-background-option-active,.qr-export-option-card-active){border-color:var(--color-product-qr-accent)!important;background-color:color-mix(in srgb, var(--color-product-qr) 8%, var(--color-surface-raised))!important;box-shadow:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) .qr-generator-type-card .qr-generator-type-card-icon{color:var(--color-on-accent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) .qr-generator-type-card:is(:hover,:focus-visible,.qr-generator-type-card-active) .qr-generator-type-card-icon{color:var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) .qr-logo-chip .qr-logo-chip-icon{border-color:var(--color-border)!important;background:var(--color-preview-surface)!important;background-image:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) .qr-logo-chip .qr-logo-chip-icon,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) .qr-logo-chip .qr-logo-chip-icon svg,:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) .qr-logo-chip .qr-logo-chip-icon svg *{color:var(--qr-logo-brand-color)!important;fill:var(--qr-logo-brand-color)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-generator-progress-step-active,.qr-mockup-step-active) :is(.qr-generator-progress-index,.qr-mockup-step-index){border-color:var(--color-product-qr-glow)!important;background:var(--color-product-qr-glow)!important;color:var(--color-canvas)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-generator-progress-step-active .qr-generator-progress-copy strong,.qr-mockup-step-active .qr-mockup-step-label,.qr-generator-step-badge){color:var(--color-product-qr-glow)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-content-mode-kicker,.qr-content-mode-head h4,.qr-content-panel-head h3,.qr-form-field>span,.qr-generator-section-head h3,.qr-color-section-kicker,.qr-hoppla-color-kicker,.qr-hoppla-section-head h4,.qr-export-card-head h4){color:var(--color-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.input,.select,textarea,.qr-textarea,.qr-hoppla-picker-trigger-shell,.qr-hoppla-picker-hex-shell){border-color:var(--color-border)!important;background-color:var(--color-surface)!important;color:var(--color-text)!important;background-image:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.input,.select,textarea,.qr-textarea,.qr-hoppla-picker-trigger-shell,.qr-hoppla-picker-hex-shell):is(:hover,:focus-visible){border-color:var(--color-border-strong)!important;box-shadow:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.input,.select,textarea,.qr-textarea):focus-visible{outline:2px solid color-mix(in srgb, var(--color-product-qr) 48%, transparent)!important;outline-offset:2px!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-generator-flow-next,.qr-content-stage-continue,.qr-mockup-continue-button,.qr-export-inline-cta,.qr-download-choice-button):not(:disabled){border-color:var(--button-qr-rest-border)!important;background:var(--button-qr-rest-bg)!important;color:var(--button-qr-rest-text)!important;box-shadow:var(--button-qr-glow-rest)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-generator-flow-next,.qr-content-stage-continue,.qr-mockup-continue-button,.qr-export-inline-cta,.qr-download-choice-button):is(:hover,:focus-visible):not(:disabled){border-color:var(--button-qr-hover-border)!important;background:var(--button-qr-hover-bg)!important;color:var(--button-qr-hover-text)!important;box-shadow:var(--button-qr-glow-hover)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-generator-flow-next,.qr-content-stage-continue,.qr-mockup-continue-button,.qr-export-inline-cta,.qr-download-choice-button):disabled{opacity:1;border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-text-muted)!important;box-shadow:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-generator-progress-step-complete .qr-generator-progress-index,.qr-mockup-step-complete .qr-mockup-step-index){border-color:var(--color-success)!important;background:var(--color-success)!important;color:var(--color-canvas)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-warning,.qr-hoppla-warning-banner,.qr-hoppla-logo-warning,.qr-export-status-pill-warn){border-color:var(--color-warning)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .qr-studio-shell-mockup:not(.link-studio-mockup-shell) :is(.qr-error,.qr-static-withdrawal-error,.qr-hoppla-inline-button-danger){border-color:var(--color-danger)!important;color:var(--color-danger)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .modal-panel:has(.qr-export-download-modal){--color-brand:var(--color-product-qr-glow);--color-product-qr:var(--color-product-qr-glow);--rgb-product-qr:var(--rgb-product-qr-glow);--creation-accent:var(--color-product-qr-glow);border-color:var(--color-border)!important;background:var(--color-surface-raised)!important;color:var(--color-text)!important;background-image:none!important}.sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout){--sidebar-action-accent:var(--color-brand);--sidebar-action-rest-text:var(--color-brand);--sidebar-action-rest-shadow:var(--button-qr-glow-rest);--sidebar-action-hover-shadow:var(--button-qr-glow-hover);isolation:isolate;outline:none;position:relative;overflow:hidden;border:1px solid var(--sidebar-action-accent)!important;color:var(--sidebar-action-rest-text)!important;box-shadow:var(--sidebar-action-rest-shadow)!important;filter:none!important;background:0 0!important;border-radius:.5rem!important;transition:color .18s,border-color .18s,box-shadow .18s,transform .18s!important}.sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout):before{z-index:-1;border-radius:inherit;background:var(--sidebar-action-accent);content:"";pointer-events:none;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translate(-102%)}.sidebar .sidebar-logout{--sidebar-action-accent:var(--color-danger);--sidebar-action-rest-text:var(--color-danger);--sidebar-action-rest-shadow:0 0 14px color-mix(in srgb, var(--color-danger) 10%, transparent), 0 10px 22px color-mix(in srgb, var(--color-canvas) 18%, transparent);--sidebar-action-hover-shadow:0 0 18px color-mix(in srgb, var(--color-danger) 22%, transparent), 0 12px 26px color-mix(in srgb, var(--color-danger) 16%, transparent)}.sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout):is(:hover,:focus-visible){transform:translateY(-1px);border-color:var(--sidebar-action-accent)!important;color:var(--color-on-accent)!important;box-shadow:var(--sidebar-action-hover-shadow)!important;filter:none!important;background:0 0!important}.sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout):is(:hover,:focus-visible):before{transform:translate(0)}.sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout):focus-visible{outline:3px solid var(--sidebar-action-accent);outline-offset:3px}.sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout):active{transform:translateY(0)}:is(:root[data-theme=dark],:root.dark,html.dark) .sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout){--sidebar-action-rest-text:var(--color-on-accent)}body .sidebar.sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout){border-color:var(--sidebar-action-accent)!important;color:var(--sidebar-action-rest-text)!important}body .sidebar.sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout):is(:hover,:focus-visible){border-color:var(--sidebar-action-accent)!important;color:var(--color-on-accent)!important}:is(:root[data-theme=dark],:root.dark,html.dark) body .sidebar.sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout){color:var(--color-on-accent)!important}.sidebar.sidebar-collapsed :is(.sidebar-primary-button,.sidebar-logout){border-radius:999px!important}:is(:root[data-theme=light],:root.light,html.light) body .sidebar.sidebar .nav-link{border-color:var(--color-brand)!important;color:var(--color-text)!important}:is(:root[data-theme=light],:root.light,html.light) body .sidebar.sidebar .nav-link:is(:hover,.nav-link-active){border-color:var(--color-brand)!important;color:var(--color-brand)!important}:is(:root[data-theme=dark],:root.dark,html.dark) body .sidebar.sidebar .nav-link,:is(:root[data-theme=dark],:root.dark,html.dark) body .sidebar.sidebar .nav-link:is(:hover,.nav-link-active){border-color:var(--color-brand)!important;color:var(--color-on-accent)!important}@media (prefers-reduced-motion:reduce){.sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout),.sidebar :is(.sidebar-primary-button,.sidebar-support-link,.sidebar-logout):before{transition-duration:.01ms!important}}.app-sidebar-account-card{--account-context-accent:var(--color-brand);border:1px solid color-mix(in srgb, var(--account-context-accent) 34%, var(--color-border));box-shadow:0 12px 28px color-mix(in srgb, var(--color-canvas) 22%, transparent);border-radius:1.35rem;padding:.45rem;background:var(--color-surface)!important;background-image:none!important}.app-sidebar-account-card-organization{--account-context-accent:var(--color-plan-free)}.app-sidebar-account-button{min-height:4.25rem;box-shadow:none;border:1px solid #0000;border-radius:999px;gap:.7rem;padding:.45rem .5rem;background:var(--color-surface-secondary)!important;background-image:none!important}:is(.app-sidebar-account-button:is(:hover,:focus-visible),.app-sidebar-account-card:has(.app-sidebar-account-menu) .app-sidebar-account-button){border-color:var(--account-context-accent);color:var(--color-text);box-shadow:0 8px 20px color-mix(in srgb, var(--account-context-accent) 10%, transparent);transform:none;background:color-mix(in srgb, var(--account-context-accent) 7%, var(--color-surface-secondary))!important}.app-sidebar-account-button:focus-visible{outline:3px solid var(--account-context-accent);outline-offset:2px}.app-sidebar-account-avatar{border:1px solid var(--account-context-accent);width:2.65rem;height:2.65rem;color:var(--color-on-accent);box-shadow:none;border-radius:999px;flex:0 0 2.65rem;position:relative;background:var(--account-context-accent)!important;background-image:none!important}.app-sidebar-account-copy{gap:.1rem}.app-sidebar-account-copy small{color:var(--account-context-accent);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.61rem;font-weight:850;line-height:1.2;overflow:hidden}.app-sidebar-account-copy strong,.app-sidebar-account-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-sidebar-account-copy strong{color:var(--color-text);font-size:.88rem}.app-sidebar-account-copy span{color:var(--color-text-muted);font-size:.7rem}.app-sidebar-account-chevron{width:1rem;height:1rem;color:var(--account-context-accent)}.app-sidebar-account-menu{max-height:min(22rem,100vh - 18rem);box-shadow:none;background:0 0;border:0;border-radius:0;gap:.45rem;margin-top:.45rem;padding:.35rem 0 0;display:grid;overflow-y:auto}.app-sidebar-account-menu-heading{justify-content:space-between;align-items:baseline;gap:.5rem;padding:.15rem .2rem .3rem;display:flex}.app-sidebar-account-menu-heading strong{color:var(--color-text);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:850}.app-sidebar-account-menu-heading span{color:var(--color-text-muted);font-size:.65rem}.app-sidebar-account-option{--account-option-accent:var(--color-brand);border:1px solid var(--color-border);min-height:3.75rem;color:var(--color-text);box-shadow:none;cursor:pointer;opacity:1;border-radius:1rem;grid-template-columns:2.35rem minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.5rem;transition:border-color .16s,background-color .16s,box-shadow .16s,transform .16s;display:grid;background:var(--color-surface)!important;background-image:none!important}.app-sidebar-account-option-organization{--account-option-accent:var(--color-plan-free)}.app-sidebar-account-option:is(:hover,:focus-visible),.app-sidebar-account-option-active{border-color:var(--account-option-accent);box-shadow:0 8px 18px color-mix(in srgb, var(--account-option-accent) 10%, transparent);transform:translateY(-1px);background:color-mix(in srgb, var(--account-option-accent) 8%, var(--color-surface))!important;background-image:none!important}.app-sidebar-account-option:focus-visible{outline:3px solid var(--account-option-accent);outline-offset:2px}.app-sidebar-account-option-avatar{border:1px solid color-mix(in srgb, var(--account-option-accent) 55%, var(--color-border));background:color-mix(in srgb, var(--account-option-accent) 11%, var(--color-surface));width:2.35rem;height:2.35rem;color:var(--account-option-accent);font-family:var(--hoppla-font-title);border-radius:999px;place-items:center;font-size:.82rem;font-weight:850;display:grid}.app-sidebar-account-option-copy{text-align:left;gap:.08rem;min-width:0;display:grid}.app-sidebar-account-option-copy small,.app-sidebar-account-option-copy strong,.app-sidebar-account-option-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-sidebar-account-option-copy small{color:var(--account-option-accent);letter-spacing:.07em;text-transform:uppercase;font-size:.56rem;font-weight:850}.app-sidebar-account-option-copy strong{color:var(--color-text);font-size:.78rem;line-height:1.25}.app-sidebar-account-option-copy span{color:var(--color-text-muted);font-size:.65rem;line-height:1.25}.app-sidebar-account-option-status{text-align:center;border-radius:999px;align-items:center;gap:.2rem;max-width:4.5rem;padding:.22rem .38rem;font-size:.56rem;font-weight:850;line-height:1.15;display:inline-flex}.app-sidebar-account-option-status svg{flex:none;width:.7rem;height:.7rem}.app-sidebar-account-option-status-active{background:color-mix(in srgb, var(--color-success) 12%, var(--color-surface));color:var(--color-success)}.app-sidebar-account-option-status-frozen{background:color-mix(in srgb, var(--color-danger) 10%, var(--color-surface));color:var(--color-danger)}.app-sidebar-account-option-enter{width:.85rem;height:.85rem;color:var(--color-text-muted);transform:rotate(-90deg)}.app-sidebar-account-option-frozen{border-color:color-mix(in srgb, var(--color-danger) 38%, var(--color-border));filter:none;opacity:.72}.app-sidebar-account-option-frozen:is(:hover,:focus-visible){border-color:var(--color-danger);opacity:1;background:color-mix(in srgb, var(--color-danger) 7%, var(--color-surface))!important}.sidebar.sidebar-collapsed .app-sidebar-account-card{box-shadow:none;border-color:#0000;padding:0;background:0 0!important}.sidebar.sidebar-collapsed .app-sidebar-account-button{border-color:var(--account-context-accent);background:var(--color-surface-secondary)!important}.app-mobile-menu-account{--mobile-account-accent:var(--color-brand);border-color:var(--color-border);border-radius:1rem;grid-template-columns:2.5rem minmax(0,1fr) auto;gap:.7rem;min-height:4rem;padding:.55rem;background:var(--color-surface)!important}.app-mobile-menu-account-organization{--mobile-account-accent:var(--color-plan-free)}.app-mobile-menu-account:is(:hover,:focus-visible),.app-mobile-menu-account-active{border-color:var(--mobile-account-accent);color:var(--color-text);background:color-mix(in srgb, var(--mobile-account-accent) 8%, var(--color-surface))!important}.app-mobile-menu-account-avatar{border:1px solid var(--mobile-account-accent);background:color-mix(in srgb, var(--mobile-account-accent) 11%, var(--color-surface));width:2.5rem;height:2.5rem;color:var(--mobile-account-accent);font-family:var(--hoppla-font-title);border-radius:999px;place-items:center;font-weight:850;display:grid}.app-mobile-menu-account-copy{text-align:left;gap:.08rem;min-width:0;display:grid}.app-mobile-menu-account-copy :is(small,strong,span){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-mobile-menu-account-copy small{color:var(--mobile-account-accent);letter-spacing:.07em;text-transform:uppercase;font-size:.58rem;font-weight:850}.app-mobile-menu-account-copy strong{color:var(--color-text);font-size:.82rem}.app-mobile-menu-account-copy span{color:var(--color-text-muted);font-size:.68rem}.app-mobile-menu-account-status{background:var(--color-success);width:1rem;height:1rem;color:var(--color-on-accent);border-radius:999px;padding:.16rem}:is(:root[data-theme=light],:root.light,html.light) body .sidebar.sidebar .sidebar-section>.nav-link{border-color:var(--color-border)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:none!important}:is(:root[data-theme=light],:root.light,html.light) body .sidebar.sidebar .sidebar-section>.nav-link:is(:hover,:focus-visible,.nav-link-active){border-color:var(--color-brand)!important;background:var(--color-surface)!important;color:var(--color-text)!important;box-shadow:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) body .sidebar.sidebar .sidebar-section>.nav-link{border-color:var(--color-border)!important;background:var(--color-surface-secondary)!important;color:var(--color-on-accent)!important;box-shadow:none!important}:is(:root[data-theme=dark],:root.dark,html.dark) body .sidebar.sidebar .sidebar-section>.nav-link:is(:hover,:focus-visible,.nav-link-active){border-color:var(--color-product-qr-glow)!important;background:var(--color-surface-secondary)!important;color:var(--color-on-accent)!important;box-shadow:none!important}body .sidebar.sidebar .sidebar-support-link{--sidebar-action-accent:#6366f1;--sidebar-action-rest-text:#6366f1;--sidebar-action-rest-shadow:0 0 14px color-mix(in srgb, var(--sidebar-action-accent) 10%, transparent), 0 10px 22px color-mix(in srgb, var(--color-canvas) 18%, transparent);--sidebar-action-hover-shadow:0 0 18px color-mix(in srgb, var(--sidebar-action-accent) 22%, transparent), 0 12px 26px color-mix(in srgb, var(--sidebar-action-accent) 16%, transparent);border-color:var(--sidebar-action-accent)!important;color:var(--sidebar-action-rest-text)!important}:is(:root[data-theme=dark],:root.dark,html.dark) body .sidebar.sidebar .sidebar-support-link{--sidebar-action-accent:#818cf8;--sidebar-action-rest-text:#818cf8}body .sidebar.sidebar .sidebar-support-link:is(:hover,:focus-visible){border-color:var(--sidebar-action-accent)!important;color:var(--color-on-accent)!important}.sidebar-logout-confirmation{border:1px solid var(--color-danger);width:100%;min-height:3.15rem;color:var(--color-danger);box-shadow:0 0 14px color-mix(in srgb, var(--color-danger) 10%, transparent), 0 10px 22px color-mix(in srgb, var(--color-canvas) 18%, transparent);background:0 0;border-radius:.5rem;grid-template-columns:minmax(0,1fr) 3.15rem 3.15rem;animation:.18s ease-out both sidebar-logout-confirmation-enter;display:grid;overflow:hidden}.sidebar-logout-confirmation-label{min-width:0;font-family:var(--hoppla-font-title);letter-spacing:.025em;text-transform:uppercase;align-items:center;padding:.75rem .9rem;font-size:.76rem;font-weight:800;line-height:1.15;display:flex}.sidebar-logout-confirmation-action{border:0;border-left:1px solid color-mix(in srgb, var(--color-danger) 58%, transparent);min-width:0;color:var(--color-danger);cursor:pointer;background:0 0;border-radius:0;place-items:center;transition:background-color .16s,color .16s,box-shadow .16s;display:grid}.sidebar-logout-confirmation-label,.sidebar-logout-confirmation-action.sidebar-logout-confirmation-cancel{color:var(--color-text)}.sidebar-logout-confirmation-action svg{width:1.25rem;height:1.25rem}.sidebar-logout-confirmation-accept:is(:hover,:focus-visible){background:var(--color-danger);color:var(--color-on-accent);box-shadow:inset 0 0 14px color-mix(in srgb, var(--color-on-accent) 12%, transparent)}.sidebar-logout-confirmation-cancel:is(:hover,:focus-visible){background:var(--color-surface-secondary);color:var(--color-text)}.sidebar-logout-confirmation-action:focus-visible{z-index:1;outline-offset:-3px;outline:2px solid;position:relative}.sidebar-logout-confirmation-action:disabled{cursor:wait}@keyframes sidebar-logout-confirmation-enter{0%{opacity:0;transform:scaleX(.94)}to{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.sidebar-logout-confirmation{animation:none}}.qr-private-type-picker{gap:1rem;display:grid}button.public-home-lease-indicator{font:inherit;cursor:default}button.public-home-lease-indicator[title*=Retry],button.public-home-lease-indicator[title*=Réessayer]{cursor:pointer}.qr-private-type-intro{gap:.35rem;display:grid}.qr-private-type-intro h3,.qr-private-type-intro p{margin:0}.qr-private-type-intro h3{color:var(--color-text)}.qr-private-type-intro p,.qr-private-type-selection-help,.qr-private-type-empty{color:var(--color-text-muted)}.qr-private-type-search{max-width:34rem;display:block}.qr-generator-type-sections-experience{gap:1.35rem}.qr-generator-type-card-experience{isolation:isolate;position:relative;overflow:visible}.qr-generator-type-card-experience.qr-generator-type-card-mockup .qr-generator-type-card-copy em{display:block!important}.qr-generator-type-card-experience .qr-generator-type-card-copy{position:static!important}.qr-generator-type-card-experience .qr-generator-type-card-copy em{z-index:2;max-height:0;color:var(--color-text-muted);text-align:left;visibility:hidden;opacity:0;background:var(--color-surface-raised);border-radius:0 0 var(--hoppla-control-radius) var(--hoppla-control-radius);box-shadow:var(--hoppla-panel-shadow);border:1px solid #0000;border-top:0;padding:0 .9rem;font-style:normal;line-height:1.45;transition:max-height .18s,padding .18s,opacity .14s,transform .18s,visibility 0s linear .18s;display:block;position:absolute;inset:calc(100% - .55rem) -1px auto;overflow:hidden;transform:translateY(-.35rem)}.qr-generator-type-card-experience:is(:hover,:focus-visible,.qr-generator-type-card-active){z-index:8}.qr-generator-type-card-experience:is(:hover,:focus-visible) .qr-generator-type-card-copy em{visibility:visible;opacity:1;border-color:currentColor;max-height:7rem;padding:.85rem .9rem .9rem;transition-delay:0s;transform:translateY(0)}.qr-private-preview-empty,.qr-private-preview-copy{text-align:center;justify-items:center;gap:.55rem;display:grid}.qr-private-preview-empty{max-width:18rem;color:var(--color-text-muted)}.qr-private-preview-empty strong,.qr-private-preview-copy strong{color:var(--color-text)}.qr-private-preview-copy{color:var(--color-text-muted);padding:.9rem 1rem 0}.qr-private-preview-copy span,.qr-private-preview-copy small{display:block}.qr-content-single-mode{color:var(--color-text-muted);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--hoppla-control-radius);gap:.45rem;padding:1rem;display:grid}.qr-content-single-mode strong{color:var(--color-text)}.qr-content-mode-card-copy small{color:var(--color-text-muted);margin-top:.4rem;font-weight:500;line-height:1.45;display:block}.qr-content-field-group-title{color:var(--color-text);grid-column:1/-1;margin:.35rem 0 0}.qr-content-internal-options{color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--hoppla-control-radius);grid-column:1/-1;padding:.85rem 1rem}.qr-content-internal-options summary{color:var(--color-text);cursor:pointer;font-weight:700}.qr-content-source-choice{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.qr-content-source-choice button{color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--hoppla-control-radius);cursor:pointer;background:0 0;padding:.75rem 1rem}.qr-content-source-choice button.is-active{color:var(--color-brand);border-color:var(--color-brand)}.qr-content-short-url-retry{color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--hoppla-control-radius);cursor:pointer;background:0 0}.qr-private-design-stage{gap:1.1rem;display:grid}.qr-private-design-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-export-quota-notice{color:var(--color-text);background:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--hoppla-control-radius);margin:1rem 0 0;padding:.85rem 1rem}@media (hover:none){.qr-generator-type-card-experience.qr-generator-type-card-active .qr-generator-type-card-copy em{visibility:visible;opacity:1;border-color:currentColor;max-height:7rem;padding:.85rem .9rem .9rem;transition-delay:0s;transform:translateY(0)}}@media (width<=640px){.qr-private-design-tabs{grid-template-columns:1fr}.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-card.qr-stitch-preview-card-private,.qr-studio-shell-mockup .qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card.qr-stitch-preview-card-private{grid-template-columns:minmax(0,1fr)!important}.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-card-private .qr-stitch-preview-heading,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-card-private .qr-stitch-preview-square,.qr-studio-shell-mockup .qr-studio-responsive-preview .qr-stitch-preview-card-private .qr-private-preview-copy,.qr-studio-shell-mockup .qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card-private>.qr-stitch-preview-heading,.qr-studio-shell-mockup .qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card-private>.qr-stitch-preview-square,.qr-studio-shell-mockup .qr-studio-responsive-preview.qr-stitch-preview-panel>.qr-stitch-preview-card-private>.qr-private-preview-copy{grid-column:1!important}.qr-stitch-preview-card-private .qr-stitch-preview-square{margin-inline:auto;width:min(100%,13rem)!important}}@media (prefers-reduced-motion:reduce){.qr-generator-type-card-experience .qr-generator-type-card-copy em{transition:none}}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs-single.is-link button.is-active{border-bottom-color:var(--color-product-short-link)!important;background:color-mix(in srgb, var(--color-product-short-link) 9%, var(--color-surface))!important;color:var(--color-product-short-link)!important}:is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs-single.is-qr button.is-active{border-bottom-color:var(--color-product-qr-accent)!important;background:color-mix(in srgb, var(--color-product-qr-accent) 9%, var(--color-surface))!important;color:var(--color-product-qr-accent)!important}:is(:root[data-theme=light],:root.light,html.light) :is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs-single.is-qr button.is-active{border-bottom-color:var(--color-product-qr)!important;background:color-mix(in srgb, var(--color-product-qr) 9%, var(--color-surface))!important;color:var(--color-product-qr)!important}:is(:root[data-theme=dark],:root.dark,html.dark) :is(.connected-creation-workspace,.public-home-tool.is-connected-creation) .public-home-tool-tabs-single.is-qr button.is-active{border-bottom-color:var(--color-product-qr-glow)!important;background:color-mix(in srgb, var(--color-product-qr-glow) 9%, var(--color-surface))!important;color:var(--color-product-qr-glow)!important}.public-home-tool-tabs-single.is-link button.is-active{border-bottom-color:var(--color-product-short-link)!important;background:color-mix(in srgb, var(--color-product-short-link) 9%, var(--color-surface))!important;color:var(--color-product-short-link)!important}.public-home-tool-tabs-single.is-qr button.is-active{border-bottom-color:var(--color-product-qr-accent)!important;background:color-mix(in srgb, var(--color-product-qr-accent) 9%, var(--color-surface))!important;color:var(--color-product-qr-accent)!important}:is(:root[data-theme=light],:root.light,html.light) .public-home-tool-tabs-single.is-qr button.is-active{border-bottom-color:var(--color-product-qr)!important;background:color-mix(in srgb, var(--color-product-qr) 9%, var(--color-surface))!important;color:var(--color-product-qr)!important}:is(:root[data-theme=dark],:root.dark,html.dark) .public-home-tool-tabs-single.is-qr button.is-active{border-bottom-color:var(--color-product-qr-glow)!important;background:color-mix(in srgb, var(--color-product-qr-glow) 9%, var(--color-surface))!important;color:var(--color-product-qr-glow)!important}