@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/93a6e477e1480c92-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/c7e0cf6c760983e7-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(/_next/static/media/9d5a263311222317-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Fallback;src:local("Arial");ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.00%;size-adjust:105.43%}.__className_b51245{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.__variable_b51245{--font-display:"Bricolage Grotesque","Bricolage Grotesque Fallback"}@layer tokens, base, components, utilities;@layer tokens{:root{--bg:oklch(15% 0.012 70);--bg-deep:oklch(11% 0.010 70);--surface:oklch(19% 0.013 75);--surface-2:oklch(23% 0.014 78);--surface-glass:oklch(22% 0.014 78/0.62);--border:oklch(30% 0.012 80/0.7);--border-strong:oklch(40% 0.02 82/0.8);--hairline:oklch(100% 0 0/0.06);--text:oklch(96% 0.006 80);--text-dim:oklch(78% 0.008 82);--text-mute:oklch(68% 0.01 84);--text-faint:oklch(62% 0.01 84);--on-gold:oklch(20% 0.03 80);--gold:oklch(80% 0.13 84);--gold-deep:oklch(72% 0.14 78);--gold-soft:oklch(80% 0.13 84/0.14);--gold-line:oklch(80% 0.13 84/0.40);--gold-grad:linear-gradient(135deg,oklch(86% 0.12 92),oklch(76% 0.15 74));--gold-glow:0 0 0 1px oklch(80% 0.13 84/0.25),0 8px 30px -8px oklch(76% 0.15 74/0.45);--cool:oklch(72% 0.12 255);--cool-soft:oklch(72% 0.12 255/0.14);--cool-line:oklch(72% 0.12 255/0.38);--violet:oklch(74% 0.15 320);--violet-soft:oklch(74% 0.15 320/0.14);--violet-line:oklch(74% 0.15 320/0.40);--violet-grad:linear-gradient(135deg,oklch(80% 0.14 330),oklch(68% 0.17 308));--violet-glow:0 0 0 1px oklch(74% 0.15 320/0.25),0 8px 30px -8px oklch(68% 0.17 308/0.45);--ok:oklch(74% 0.14 150);--warn:oklch(80% 0.14 70);--danger:oklch(64% 0.18 27);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.5rem;--space-4:0.5rem;--space-5:0.75rem;--space-6:0.75rem;--space-7:0.75rem;--space-8:1rem;--space-9:1rem;--space-10:1.25rem;--space-11:1.25rem;--space-12:1.5rem;--space-13:2rem;--space-14:2.5rem;--r-xs:8px;--r-sm:12px;--r-md:16px;--r-lg:22px;--r-xl:28px;--r-pill:999px;--sh-sm:0 1px 2px oklch(0% 0 0/0.3);--sh-md:0 6px 20px -8px oklch(0% 0 0/0.55);--sh-lg:0 22px 50px -16px oklch(0% 0 0/0.6);--sh-pop:0 18px 44px -12px oklch(0% 0 0/0.7);--t-xs:0.72rem;--t-sm:0.82rem;--t-base:0.94rem;--t-md:1.05rem;--t-lg:clamp(1.15rem,1rem + 1vw,1.4rem);--t-xl:clamp(1.5rem,1.1rem + 2.4vw,2.1rem);--t-2xl:clamp(2rem,1.2rem + 4vw,3rem);--font-body:var(--font-inter),system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-display:var(--font-display),var(--font-body);--dur-1:130ms;--dur-2:240ms;--dur-3:420ms;--dur-fluid:540ms;--ease:cubic-bezier(0.22,1,0.36,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--spring:linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849,0.937 34.5%,0.968,0.991 43.2%,1.006,1.013 50.7%,1.011 60.6%,1.003 76.7%,1);--spring-soft:linear(0,0.026,0.099 8.1%,0.4 21.3%,0.532,0.65,0.747,0.83 47.2%,0.915 54.7%,0.948,0.973,0.99,1.001 76.9%,1.006,1.005 89.3%,1);--app-max:640px;--content-max:1180px;--measure:70ch;--rail-w:216px;--rail-gap:var(--space-11);--nav-h:64px;--legal-h:2.1rem;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--safe-l:env(safe-area-inset-left,0px);--z-nav:50;--z-sheet:80;--z-toast:100}:root[data-theme=light]{--bg:oklch(97% 0.006 85);--bg-deep:oklch(93.5% 0.008 85);--surface:oklch(100% 0 0);--surface-2:oklch(96.5% 0.005 85);--surface-glass:oklch(100% 0 0/0.72);--border:oklch(84% 0.008 85/0.9);--border-strong:oklch(72% 0.012 85/0.9);--hairline:oklch(0% 0 0/0.05);--text:oklch(22% 0.008 80);--text-dim:oklch(42% 0.01 82);--text-mute:oklch(50% 0.012 84);--text-faint:oklch(52.5% 0.012 84);--on-gold:oklch(98.5% 0.006 85);--gold:oklch(48% 0.13 76);--gold-deep:oklch(42% 0.13 72);--gold-soft:oklch(48% 0.13 76/0.10);--gold-line:oklch(48% 0.13 76/0.32);--gold-grad:linear-gradient(135deg,oklch(52% 0.13 84),oklch(44% 0.14 70));--gold-glow:0 0 0 1px oklch(48% 0.13 76/0.22),0 8px 24px -10px oklch(44% 0.14 70/0.35);--cool:oklch(48% 0.16 258);--cool-soft:oklch(48% 0.16 258/0.10);--cool-line:oklch(48% 0.16 258/0.30);--violet:oklch(47% 0.19 315);--violet-soft:oklch(47% 0.19 315/0.10);--violet-line:oklch(47% 0.19 315/0.32);--violet-grad:linear-gradient(135deg,oklch(52% 0.18 325),oklch(42% 0.20 305));--violet-glow:0 0 0 1px oklch(47% 0.19 315/0.22),0 8px 24px -10px oklch(42% 0.20 305/0.35);--ok:oklch(46% 0.14 150);--warn:oklch(52% 0.14 70);--danger:oklch(50% 0.20 27);--sh-sm:0 1px 2px oklch(0% 0 0/0.07);--sh-md:0 6px 20px -8px oklch(0% 0 0/0.14);--sh-lg:0 22px 50px -16px oklch(0% 0 0/0.16);--sh-pop:0 18px 44px -12px oklch(0% 0 0/0.20)}@media (prefers-reduced-motion:reduce){:root{--dur-1:0ms;--dur-2:0ms;--dur-3:0ms;--dur-fluid:0ms}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer base{*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100svh;font-family:var(--font-body);font-size:var(--t-base);line-height:1.5;color:var(--text);background:var(--bg-deep);background-image:radial-gradient(120% 80% at 50% -8%,oklch(80% .13 84/.1),transparent 60%),radial-gradient(90% 70% at 100% 0,oklch(72% .12 255/.06),transparent 55%),linear-gradient(180deg,var(--bg) 0,var(--bg-deep) 70%);background-attachment:scroll;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.08;margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--gold-soft);color:var(--text)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--r-xs)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-pill);border:2px solid transparent;background-clip:content-box}}@layer components{.app-main{max-width:var(--app-max);margin:0 auto;padding:calc(var(--space-11) + var(--safe-t)) var(--space-10) calc(var(--space-13) + var(--nav-h) + var(--legal-h) + var(--safe-b) + var(--player-h, 0px));animation:page-in var(--dur-3) var(--ease) backwards}.app-head~.app-main{padding-top:var(--space-6)}.app-head{position:sticky;top:0;z-index:var(--z-nav);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);max-width:var(--app-max);margin:0 auto;padding:calc(var(--space-3) + var(--safe-t)) var(--space-8) var(--space-3);border-radius:0}.app-head-mark{gap:.4rem;font-family:var(--font-display);letter-spacing:.16em;color:var(--text-dim)}.app-head-action,.app-head-back,.app-head-mark{display:inline-flex;align-items:center;font-size:var(--t-sm);font-weight:600}.app-head-action,.app-head-back{gap:.3rem;min-height:44px;padding:0 var(--space-4);margin:0 calc(-1 * var(--space-4));border-radius:var(--r-sm);color:var(--text);text-decoration:none}.app-head-action{color:var(--text-dim);min-width:44px;justify-content:center}.app-head-action:hover,.app-head-back:hover{color:var(--gold)}@media (min-width:1024px){.app-head{max-width:var(--content-max);padding-inline:var(--space-13)}}.page-head{margin-bottom:var(--space-12)}.page-eyebrow{font-size:var(--t-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 .35rem}.page-title{font-size:var(--t-xl);letter-spacing:-.03em}.page-sub{color:var(--text-mute);font-size:var(--t-sm);margin:var(--space-2) 0 0;max-width:var(--measure)}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--sh-md);padding:var(--space-9) var(--space-10)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;border-top:1px solid var(--hairline);pointer-events:none;-webkit-mask:linear-gradient(180deg,#000,transparent 40%);mask:linear-gradient(180deg,#000,transparent 40%)}.card-tight{padding:var(--space-7) var(--space-8)}.card-interactive{display:block;transition:transform var(--dur-2) var(--spring-soft,var(--ease)),border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease),background var(--dur-2) var(--ease);cursor:pointer}.card-interactive:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 32%,oklch(100% 0 0/.07) 48%,transparent 64%);background-size:220% 100%;background-position:200% 0;opacity:0;transition:opacity var(--dur-2) var(--ease)}.card-interactive:hover{border-color:var(--gold-line);box-shadow:var(--sh-lg),var(--gold-glow);transform:translateY(-3px)}.card-interactive:hover:after{opacity:1;animation:sheen .9s var(--ease)}.card-interactive:active{transform:translateY(0) scale(.97);transition-duration:var(--dur-1)}.glass{background:linear-gradient(180deg,oklch(100% 0 0/.05),transparent 42%),var(--surface-glass);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--border-strong);box-shadow:var(--sh-lg),inset 0 1px 0 var(--hairline)}.aufklapper>summary{display:flex;align-items:center;gap:var(--space-3);min-height:44px;cursor:pointer;list-style:none}.aufklapper>summary::-webkit-details-marker{display:none}.aufklapper>summary:after{content:"▾";margin-left:auto;color:var(--text-dim);transition:transform var(--dur-2) var(--ease)}.aufklapper[open]>summary:after{transform:rotate(180deg)}.btn{--_pad:0.72rem 1.1rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--_pad);border-radius:var(--r-sm);font-size:var(--t-base);font-weight:600;line-height:1;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform var(--dur-1) var(--ease),box-shadow var(--dur-2) var(--ease),background var(--dur-2) var(--ease),border-color var(--dur-2) var(--ease),opacity var(--dur-2) var(--ease);touch-action:manipulation}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--gold-grad);color:var(--on-gold);box-shadow:var(--gold-glow)}.btn-primary:hover{box-shadow:0 0 0 1px var(--gold-line),0 12px 34px -8px oklch(76% .15 74/.6)}.btn-secondary{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--gold-line);background:var(--surface)}.btn-ghost{background:transparent;color:var(--text-dim);border-color:var(--border)}.btn-ghost:hover{color:var(--text);border-color:var(--border-strong)}.btn-block{width:100%}.btn-lg{--_pad:var(--space-8) 1.3rem;font-size:var(--t-md);border-radius:var(--r-md)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem var(--space-4);border-radius:var(--r-pill);font-size:var(--t-xs);font-weight:600;background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim)}.chip-gold{background:var(--gold-soft);border-color:var(--gold-line);color:var(--gold)}.chip-cool{background:var(--cool-soft);border-color:var(--cool-line);color:var(--cool)}.chip-violet{background:var(--violet-soft);border-color:var(--violet-line);color:var(--violet)}.chip-ok{background:oklch(74% .14 150/.14);border-color:oklch(74% .14 150/.4);color:var(--ok)}.input,.select,.textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font:inherit;font-size:max(16px,var(--t-base));padding:var(--space-5) var(--space-7);transition:border-color var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--gold-line);box-shadow:0 0 0 3px var(--gold-soft)}.field-label{display:block;font-size:var(--t-sm);font-weight:600;color:var(--text-dim);margin-bottom:var(--space-2)}.tabbar{--tab-pad:var(--space-2);left:50%;transform:translateX(-50%);bottom:calc(var(--space-3) + var(--legal-h) + var(--safe-b));width:min(var(--app-max),calc(100% - var(--space-12)));justify-content:space-between;padding:var(--tab-pad);border-radius:var(--r-pill);box-shadow:var(--sh-lg)}.legal-bar,.tabbar{position:fixed;z-index:var(--z-nav);display:flex}.legal-bar{left:0;right:0;bottom:0;height:calc(var(--legal-h) + var(--safe-b));padding-bottom:var(--safe-b);align-items:center;justify-content:center;gap:var(--space-6);overflow-x:auto;white-space:nowrap;font-size:.7rem;color:var(--text-faint);background:var(--bg-deep)}.legal-bar a{color:inherit}.legal-bar a:hover,.tab{color:var(--text-mute)}.tab{position:relative;flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:.45rem 0;border-radius:var(--r-pill);font-size:11px;font-weight:600;letter-spacing:0;line-height:1.1;white-space:nowrap;transition:color var(--dur-2) var(--ease);z-index:1}.tab-ico{width:22px;height:22px;display:grid;place-items:center;transition:transform var(--dur-2) var(--ease-spring)}.tab[data-active=true]{color:var(--gold)}.tab[data-active=true] .tab-ico{transform:translateY(-1px) scale(1.12)}.tab-pill{position:absolute;top:var(--tab-pad);bottom:var(--tab-pad);left:var(--tab-pad);width:calc((100% - 2 * var(--tab-pad)) / var(--tab-count, 5));border-radius:var(--r-pill);background:var(--gold-soft);border:1px solid var(--gold-line);transform:translateX(calc(var(--tab-index, 0) * 100%));transition:transform var(--dur-3) var(--ease-spring),width var(--dur-3) var(--ease-spring),height var(--dur-3) var(--ease-spring);z-index:0;pointer-events:none}.tabbar[data-ohne-auswahl] .tab-pill{opacity:0}.tab-erstellen{border:0;background:none;cursor:pointer;font:inherit;justify-content:center}.tab-erstellen-knopf{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:var(--gold-grad);color:var(--on-gold);box-shadow:var(--gold-glow);transition:transform var(--dur-2) var(--ease-spring)}.tab-erstellen:active .tab-erstellen-knopf{transform:scale(.92)}.tab-erstellen-label{display:none}@media (max-width:1023.98px){.tabbar:is([data-plaetze="7"],[data-plaetze="8"]){--tab-pad:var(--space-1);width:min(var(--app-max),calc(100% - var(--space-8)))}.tabbar:is([data-plaetze="7"],[data-plaetze="8"]) .tab{font-size:10px}.tabbar:is([data-plaetze="7"],[data-plaetze="8"]) .tab-erstellen-knopf{width:44px;height:44px}}.erstellen-titel{font-family:var(--font-display);font-size:var(--t-lg);letter-spacing:-.015em;margin:0 0 var(--space-5)}.erstellen-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.erstellen-zeile{width:100%;min-height:64px;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-5);border:0;border-radius:var(--r-md);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.erstellen-zeile:focus-visible,.erstellen-zeile:hover{background:var(--surface-2)}.erstellen-zeile:disabled{opacity:.6;cursor:progress}.erstellen-ico{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:var(--text)}.erstellen-ico,.erstellen-zeile[data-ton=aufnahme]{background:var(--surface-2)}.erstellen-zeile[data-ton=aufnahme] .erstellen-ico{background:var(--danger);color:#fff}.erstellen-zeile[data-ton=gold] .erstellen-ico{background:var(--gold-soft);color:var(--gold)}.erstellen-text{display:flex;flex-direction:column;gap:2px}.erstellen-text strong{font-size:var(--t-base);font-weight:600}.erstellen-text span{font-size:var(--t-sm);color:var(--text-dim)}.erstellen-fehler{color:var(--danger);font-size:var(--t-sm);margin:var(--space-5) 0 0}.start{display:flex;flex-direction:column;gap:var(--space-7)}.start-verzoegert-1{animation-delay:70ms}.start-verzoegert-2{animation-delay:.14s}.start-label{font-size:var(--t-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute)}.start-weiter{display:flex;flex-direction:column;gap:var(--space-6)}.start-weiter-zeile{display:flex;gap:var(--space-6);align-items:center}.start-cover{width:72px;height:72px;flex-shrink:0}.song-cover{border-radius:var(--r-md);background:radial-gradient(circle at 30% 25%,oklch(78% .14 60),oklch(50% .16 35) 45%,oklch(20% .04 30))}.song-cover[data-seed="1"]{background:linear-gradient(160deg,oklch(76% .12 185),oklch(32% .06 215))}.song-cover[data-seed="2"]{background:linear-gradient(160deg,oklch(68% .17 290),oklch(26% .08 285))}.song-cover[data-seed="3"]{background:linear-gradient(160deg,oklch(82% .14 75),oklch(40% .1 45))}.song-cover[data-seed="4"]{background:linear-gradient(160deg,oklch(72% .13 245),oklch(28% .07 255))}.song-cover[data-seed="5"]{background:radial-gradient(circle at 70% 20%,oklch(72% .18 350),oklch(36% .12 320) 40%,oklch(18% .04 300))}.start-weiter-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.start-weiter-text strong{font-family:var(--font-display);font-size:var(--t-md);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-weiter-text>span{font-size:var(--t-sm);color:var(--text-dim)}.start-station{display:flex;align-items:center;gap:4px;margin-top:var(--space-1)}.start-station-punkt{width:14px;height:6px;border-radius:3px;background:var(--surface-3,var(--border))}.start-station-punkt[data-stand=erledigt]{background:var(--gold)}.start-station-punkt[data-stand=jetzt]{background:transparent;box-shadow:inset 0 0 0 1px var(--gold)}.start-station-name{margin-left:4px;min-width:0;font-size:var(--t-xs);color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.start-leer{margin:0;color:var(--text-dim);font-size:var(--t-sm);max-width:var(--measure)}.beat-hero{position:relative;min-height:176px;border-radius:var(--r-lg);overflow:hidden;isolation:isolate}.beat-hero-hintergrund{position:absolute;inset:0;z-index:-2}.beat-hero-bild{object-fit:cover;filter:blur(22px) saturate(1.4);transform:scale(1.3)}.beat-hero-schleier{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,oklch(15% .01 80/.25),oklch(15% .01 80/.88))}.beat-hero-inhalt{padding:var(--space-7);display:flex;flex-direction:column;gap:var(--space-6)}.beat-hero-kopf{display:flex;gap:var(--space-6);align-items:center}.beat-hero-cover{border-radius:var(--r-md);box-shadow:var(--sh-md);flex-shrink:0}.beat-hero-text{display:flex;flex-direction:column;gap:2px;min-width:0}.beat-hero-text strong{font-family:var(--font-display);font-size:var(--t-lg);letter-spacing:-.015em}.beat-hero-text>span:last-child{font-size:var(--t-sm);color:var(--text-dim)}.beat-hero-aktionen{display:flex;gap:var(--space-4);align-items:center}.beat-hero-aktionen .btn{flex:1 1}.beat-hero-play{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--text);color:var(--bg);cursor:pointer}.beats{display:flex;flex-direction:column;gap:var(--space-7)}.filter-chips{display:flex;gap:var(--space-3);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.filter-chip{min-height:44px;padding:0 var(--space-6);border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font:inherit;font-size:var(--t-sm);font-weight:600;white-space:nowrap;cursor:pointer}.filter-chip[aria-pressed=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.beat-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.beat-zeile{display:grid;grid-template-columns:56px minmax(0,1fr) 44px 44px;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--r-md)}.beat-zeile[data-spielt]{background:var(--gold-soft)}.beat-zeile-cover{position:relative;width:56px;height:56px;padding:0;border:0;border-radius:var(--r-sm);overflow:hidden;cursor:pointer;background:var(--surface-2)}.beat-zeile-cover img{width:56px;height:56px;object-fit:cover;display:block}.beat-zeile-play{position:absolute;inset:0;display:grid;place-items:center;color:#fff;background:oklch(0 0 0/.35);opacity:0;transition:opacity var(--dur-2) var(--ease)}.beat-zeile-cover:focus-visible .beat-zeile-play,.beat-zeile-cover:hover .beat-zeile-play,.beat-zeile[data-spielt] .beat-zeile-play{opacity:1}.beat-zeile-text{display:flex;flex-direction:column;gap:2px;min-width:0}.beat-zeile-text strong{font-weight:600}.beat-zeile-text span,.beat-zeile-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beat-zeile-text span{font-size:var(--t-sm);color:var(--text-mute)}.beat-zeile-aufnehmen{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--gold-grad);color:var(--on-gold);cursor:pointer}.beat-zeile-aufnehmen:disabled{opacity:.5;cursor:progress}.beat-hero-merken,.beat-zeile-merken{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;cursor:pointer;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-dim)}.beat-hero-merken[aria-pressed=true],.beat-zeile-merken[aria-pressed=true]{color:var(--gold);border-color:var(--gold-line)}.beat-hero-merken{border-color:oklch(100% 0 0/.25);background:oklch(0 0 0/.35);color:#fff}.beats-reiter{display:flex;gap:var(--space-11);overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border)}.beats-reiter button{position:relative;min-height:44px;padding:0;border:0;background:transparent;cursor:pointer;white-space:nowrap;font:inherit;font-size:var(--t-base);color:var(--text-mute);transition:color var(--dur-2) var(--ease)}.beats-reiter button[aria-selected=true]{color:var(--text);font-weight:600}.reiter-strich{position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:var(--gold)}.songs-kopf{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.songs-lupe{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;cursor:pointer;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text)}.songs-lupe[aria-expanded=true]{border-color:var(--gold-line);color:var(--gold)}.beats-reihe{display:flex;flex-direction:column;gap:var(--space-4)}.beats-reihe-kopf{display:flex;justify-content:space-between;align-items:baseline}.beats-reihe-kopf h2{margin:0;font-size:var(--t-md);font-weight:600}.beats-reihe-kopf button{min-height:44px;padding:0 var(--space-2);border:0;background:transparent;color:var(--gold);font:inherit;font-size:var(--t-sm);font-weight:600;cursor:pointer}.beats-kacheln{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8) var(--space-4)}.beats-kachel{width:100%;padding:0;border:0;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2)}.beats-kachel-cover{position:relative;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;background:var(--surface-2)}.beats-kachel-cover img{width:100%;height:100%;object-fit:cover;display:block}.beats-kachel strong{font-size:var(--t-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.beats-kachel>span:last-child{font-size:var(--t-xs);color:var(--text-mute)}.beat-zeile-play[data-spielt],.beats-kachel:focus-visible .beat-zeile-play,.beats-kachel:hover .beat-zeile-play{opacity:1}.start-fehler{margin:0;color:var(--danger);font-size:var(--t-sm)}.start-raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.start-karte{display:flex;flex-direction:column;gap:var(--space-3);color:var(--text);text-decoration:none;min-height:124px}.start-karte>span:last-child{font-size:var(--t-sm);color:var(--text-dim);line-height:1.35}.start-karte-ico{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--r-sm)}.start-karte-ico[data-ton=gold]{background:var(--gold-soft);color:var(--gold)}.start-karte-ico[data-ton=kuehl]{background:var(--cool-soft);color:var(--cool)}.ich-profil{flex-direction:column}.ich-kopf,.ich-profil{display:flex;gap:var(--space-7)}.ich-kopf{align-items:center}.ich-avatar{width:76px;height:76px;flex-shrink:0;padding:3px;background:var(--gold-grad)}.ich-avatar,.ich-avatar>*{border-radius:50%;box-sizing:border-box}.ich-avatar>*{width:100%;height:100%;border:2px solid var(--bg);display:grid;place-items:center;object-fit:cover;background:var(--surface-2);color:var(--gold);font-family:var(--font-display);font-size:1.75rem;font-weight:800}.ich-name{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.ich-name strong{font-family:var(--font-display);font-size:var(--t-lg);font-weight:800;letter-spacing:-.015em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ich-name>span{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);font-size:var(--t-sm);color:var(--text-mute)}.ich-chip{font-size:var(--t-xs);font-weight:600;padding:3px var(--space-3);border-radius:var(--r-pill);background:var(--gold-soft);color:var(--gold)}.ich-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:var(--space-4) 0;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border)}.ich-zahlen>div{display:flex;flex-direction:column-reverse;align-items:center;gap:2px}.ich-zahlen>div+div{border-left:1px solid var(--border)}.ich-zahlen dd{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:700}.ich-zahlen dt{font-size:var(--t-xs);color:var(--text-mute)}.ich-bearbeiten{width:100%}.ich-bereiche{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-11)}.ich-gruppe{list-style:none;margin:0;padding:0;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);overflow:hidden}.ich-zeile{width:100%;min-height:52px;padding:0 var(--space-7);display:flex;align-items:center;gap:var(--space-6);border:0;background:transparent;color:var(--text);text-decoration:none;text-align:left;font:inherit;font-size:var(--t-base);font-weight:600;cursor:pointer}.ich-zeile:hover{background:var(--surface-2)}.ich-rechtliches li+li,.ich-zeile+.ich-zeile{border-top:1px solid var(--border)}.ich-zeile-ico{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--text-dim)}.ich-zeile-ico[data-ton=gold]{background:var(--gold-soft);color:var(--gold)}.ich-zeile-ico[data-ton=kuehl]{background:var(--cool-soft);color:var(--cool)}.ich-zeile-text{display:flex;flex-direction:column;gap:1px;flex:1 1;min-width:0}.ich-zeile-text>span+span{font-size:var(--t-xs);font-weight:400;color:var(--text-mute)}.ich-zeile-pfeil{flex-shrink:0;color:var(--text-mute)}.ich-abmelden{width:100%;min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);border:0;background:transparent;color:var(--text-mute);font:inherit;font-size:var(--t-sm);font-weight:600;cursor:pointer}.ich-abmelden:hover{color:var(--text)}.studio-umschalter{display:flex;padding:3px;margin:0 0 var(--space-8);border-radius:var(--r-pill);background:var(--surface-2)}.studio-umschalter button{position:relative;isolation:isolate;flex:1 1;min-height:44px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--text-dim);font:inherit;font-size:var(--t-sm);font-weight:600;cursor:pointer;transition:color var(--dur-2) var(--ease)}.studio-umschalter button[aria-selected=true]{color:var(--bg)}.studio-umschalter-pille{position:absolute;inset:0;z-index:-1;border-radius:var(--r-pill);background:var(--text)}@media (min-width:1024px){.studio-umschalter{display:none}}.tele-umschalter{display:flex;padding:3px;border-radius:var(--r-pill);background:var(--surface-2);flex-shrink:0}.tele-umschalter button{min-height:44px;padding:0 var(--space-7);border:0;border-radius:var(--r-pill);cursor:pointer;background:transparent;color:var(--text-dim);font:inherit;font-size:var(--t-sm);font-weight:600}.tele-umschalter button[aria-pressed=true]{background:var(--text);color:var(--bg)}.tele{display:flex;flex-direction:column;gap:var(--space-8);margin-top:var(--space-5)}.tele-abschnitt p{margin:0}.tele-titel{margin:0 0 var(--space-3);font-size:var(--t-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute)}.tele-zeile{width:100%;min-height:44px;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-5);padding:var(--space-2) var(--space-3);margin:0 calc(-1 * var(--space-3));border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-dim);font:inherit;text-align:left;cursor:pointer;font-family:var(--font-display);font-size:var(--t-md);line-height:1.45;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.tele-zeile[aria-current=true]{background:var(--gold-soft);color:var(--text)}.tele-text mark{background:none;color:var(--gold);font-weight:700}.tele-silben{flex-shrink:0;font-family:var(--font-body);font-size:var(--t-xs);color:var(--text-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tele-leer{margin:var(--space-5) 0 0;color:var(--text-mute);font-size:var(--t-sm)}.tele-hinweis{margin:0;color:var(--text-mute);font-size:var(--t-xs)}.klang-kopf{display:flex;justify-content:space-between;align-items:center;gap:var(--space-5);margin-bottom:var(--space-8)}.klang-kopf h2{margin:0;font-family:var(--font-display);font-size:var(--t-lg);letter-spacing:-.015em}.klang-kopf span{font-size:var(--t-sm);color:var(--text-mute)}.klang-vergleich{display:flex;padding:3px;border-radius:var(--r-pill);background:var(--surface-2);flex-shrink:0}.klang-vergleich button{min-height:44px;padding:0 var(--space-7);border:0;border-radius:var(--r-pill);cursor:pointer;background:transparent;color:var(--text-dim);font:inherit;font-size:var(--t-sm);font-weight:600;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease)}.klang-vergleich button[aria-pressed=true]{background:var(--text);color:var(--bg)}.klang-gruppen{gap:var(--space-5)}.klang-gruppe,.klang-gruppen{display:flex;flex-direction:column}.klang-gruppe{gap:var(--space-1);padding:var(--space-7);border-radius:var(--r-md);background:var(--surface-2)}.klang-gruppe>strong{font-size:var(--t-base);font-weight:600}.klang-gruppe>span{font-size:var(--t-xs);color:var(--text-mute)}.klang-pills{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.klang-pill{min-height:44px;padding:0 var(--space-8);border-radius:var(--r-pill);cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-dim);font:inherit;font-size:var(--t-sm);font-weight:600;transition:background var(--dur-2) var(--ease),color var(--dur-2) var(--ease),transform var(--dur-1) var(--ease)}.klang-pill:active{transform:scale(.96)}.klang-pill[aria-pressed=true]{background:var(--gold-grad);border-color:transparent;color:var(--on-gold)}.klang-zutaten{margin:var(--space-8) 0 0;font-size:var(--t-sm);color:var(--text-mute)}.klang-zutaten strong{color:var(--text)}.btn[data-gefeiert]{animation:fertig-feier .9s var(--ease)}@keyframes fertig-feier{0%{box-shadow:0 0 0 0 var(--gold-line);transform:scale(1)}40%{transform:scale(1.06)}to{box-shadow:0 0 0 16px transparent;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.btn[data-gefeiert]{animation:none}}.fertigstellen-knopf{min-height:44px;margin:-.3rem 0 var(--space-8);padding:0 var(--space-5) 0 var(--space-7);display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;border-radius:var(--r-pill);border:1px solid var(--gold-line);background:var(--gold-soft);color:var(--gold);font:inherit;font-size:var(--t-sm);font-weight:600}.fertigstellen-knopf[data-fertig]{background:var(--gold-grad);border-color:transparent;color:var(--on-gold)}.fertig-kopf{margin-bottom:var(--space-8)}.fertig-kopf h2{margin:0;font-family:var(--font-display);font-size:var(--t-lg);letter-spacing:-.015em}.fertig-kopf span{font-size:var(--t-sm);color:var(--text-mute)}.fertig-zeile{min-height:56px;display:flex;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-5);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);text-decoration:none}.fertig-zeile:hover{background:var(--surface-3,var(--surface-2))}.fertig-ico{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--surface);color:var(--text-dim)}.fertig-ico[data-ton=gold]{background:var(--gold-soft);color:var(--gold)}.fertig-ico[data-ton=kuehl]{background:var(--cool-soft);color:var(--cool)}.fertig-text{display:flex;flex-direction:column;gap:1px;flex:1 1;min-width:0}.fertig-text strong{font-size:var(--t-base);font-weight:600}.fertig-text span{font-size:var(--t-xs);color:var(--text-mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fertig-pfeil{flex-shrink:0;color:var(--text-mute)}.weiter-label{display:block;font-size:var(--t-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-mute)}.weiter-frage{margin:var(--space-6) 0 var(--space-2)}.weiter-stationen{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.weiter-stationen li{min-height:44px;display:flex;align-items:center;gap:var(--space-5);padding:0 var(--space-5);border-radius:var(--r-sm);background:var(--surface-2);color:var(--text-mute)}.weiter-stationen li[data-stand=erledigt]{color:var(--text)}.weiter-stationen li[data-stand=jetzt]{color:var(--text);font-weight:600;box-shadow:inset 0 0 0 1px var(--gold)}.weiter-punkt{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 2px var(--border)}li[data-stand=erledigt]>.weiter-punkt{background:var(--gold-soft);color:var(--gold);box-shadow:none}li[data-stand=jetzt]>.weiter-punkt{box-shadow:inset 0 0 0 2px var(--gold)}.weiter-name{flex:1 1;min-width:0;font-size:var(--t-base)}.weiter-detail{font-size:var(--t-xs);color:var(--text-mute);text-align:right}.weiter-jetzt{font-size:var(--t-xs);font-weight:600;color:var(--gold)}.weiter-neben{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-5)}.weiter-neben .btn{white-space:nowrap;font-size:var(--t-sm);padding-inline:var(--space-3)}.weiter-unten{display:flex;justify-content:space-between;align-items:center;margin:var(--space-3) 0 var(--space-6)}.clip-seite{display:flex;flex-direction:column;gap:var(--space-8)}.clip-kopf{display:flex;align-items:center;gap:var(--space-5);margin-bottom:0}.clip-zurueck{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text)}.clip-reihe{display:grid;grid-template-columns:126px minmax(0,1fr);gap:var(--space-5);align-items:start}.clip-vorschau{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;text-align:center;font-size:var(--t-xs)}.clip-vorschau img{width:44%;aspect-ratio:1;object-fit:cover;border-radius:4px}.clip-vorschau>strong{font-family:var(--font-display);margin-bottom:auto}.clip-vorschau>span:last-child{margin-bottom:auto}.clip-zeile-vor{color:var(--text-mute)}.clip-zeile-jetzt{color:var(--gold);font-weight:700}.clip-schalter{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-5);border-radius:var(--r-sm);background:var(--surface-2);font-size:var(--t-sm)}.clip-schalter input{width:20px;height:20px;accent-color:var(--gold)}.clip-fehler{margin:0;color:var(--danger);font-size:var(--t-sm)}.clip-hinweis{margin:0;text-align:center}:root:has(.mini-player){--player-h:calc(84px + var(--space-3))}.mini-player{position:fixed;left:0;right:0;margin-inline:auto;bottom:calc(var(--legal-h) + var(--safe-b) + var(--nav-h) + var(--space-13));z-index:var(--z-nav);width:min(var(--app-max),calc(100% - var(--space-12)));display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-radius:var(--r-md);box-shadow:var(--sh-lg)}.mini-player-cover{border-radius:var(--r-xs);object-fit:cover;display:block}.mini-player-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mini-player-text strong{font-weight:600;font-size:var(--t-sm)}.mini-player-text span,.mini-player-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-player-text span{font-size:var(--t-xs);color:var(--text-mute)}.mini-player-knopf{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.mini-player-knopf:hover{color:var(--gold)}.mini-player-knoepfe{display:flex;align-items:center}.mini-player-aufnehmen{color:var(--gold)}.mini-player-aufnehmen:disabled{opacity:.5;cursor:default}.mini-player-spulen{grid-column:1/-1;display:flex;align-items:center;gap:var(--space-3);height:24px;padding:0 var(--space-2);font-size:var(--t-xs);color:var(--text-mute);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mini-player-spulen input{flex:1 1;min-width:0;height:44px;margin:-10px 0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;touch-action:none}.mini-player-spulen input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--gold) var(--anteil),var(--border-strong) var(--anteil))}.mini-player-spulen input::-moz-range-track{height:4px;border-radius:2px;background:var(--border-strong)}.mini-player-spulen input::-moz-range-progress{height:4px;border-radius:2px;background:var(--gold)}.mini-player-spulen input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px var(--gold-soft)}.mini-player-spulen input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--gold)}.mini-player-spulen input:disabled{cursor:default;opacity:.5}.sheet-backdrop{position:fixed;inset:0;background:oklch(0 0 0/.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--z-sheet);animation:fade-in var(--dur-2) var(--ease) both}.sheet:focus{outline:none}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sheet);max-width:var(--app-max);margin:0 auto;background:var(--surface);border:1px solid var(--border);border-bottom:none;border-radius:var(--r-xl) var(--r-xl) 0 0;box-shadow:var(--sh-pop);padding:var(--space-9) var(--space-10) calc(var(--space-12) + var(--safe-b));animation:sheet-up var(--dur-3) var(--ease) both;max-height:calc(100vh - 1.5rem);max-height:calc(100dvh - 1.5rem);overflow-y:auto}.sheet-grip{width:38px;height:4px;border-radius:var(--r-pill);background:var(--border-strong);margin:0 auto .9rem}.sheet-backdrop[data-motion],.sheet[data-motion]{animation:none}.sheet-grip-zone{margin:calc(-1 * var(--space-9)) calc(-1 * var(--space-10)) 0;height:44px;display:grid;place-items:center;cursor:grab;touch-action:none}.sheet-grip-zone .sheet-grip{margin:0}.stat{display:flex;flex-direction:column;gap:.15rem}.stat-num{font-family:var(--font-display);font-size:var(--t-lg);font-weight:600;letter-spacing:-.02em}.stat-label{font-size:var(--t-xs);color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em}.progress{height:8px;border-radius:var(--r-pill);background:var(--surface-2);overflow:hidden}.progress>i{display:block;height:100%;background:var(--gold-grad);border-radius:inherit;transition:width var(--dur-3) var(--ease)}.empty{text-align:center;padding:var(--space-14) var(--space-12);border:1px dashed var(--border-strong);border-radius:var(--r-lg);background:oklch(20% .012 78/.4)}.empty-emoji{font-size:2.4rem;display:block;margin-bottom:var(--space-4);filter:drop-shadow(0 6px 14px oklch(0 0 0/.5))}.empty-ico{width:64px;height:64px;margin:0 auto var(--space-5);display:grid;place-items:center;border-radius:50%;background:var(--gold-soft);color:var(--gold)}.empty-title{font-size:var(--t-md);font-weight:600}.empty-text{color:var(--text-mute);font-size:var(--t-sm);margin:.3rem auto var(--space-9);max-width:32ch}.skeleton{border-radius:var(--r-sm);background:linear-gradient(100deg,var(--surface) 30%,var(--surface-2) 50%,var(--surface) 70%);background-size:200% 100%;animation:shimmer 1.4s linear infinite}.banner{border-radius:var(--r-md);padding:var(--space-8) var(--space-9);border:1px solid var(--border);background:var(--surface)}.banner-gold{background:var(--gold-soft);border-color:var(--gold-line)}.chart-bars{gap:2px;background:var(--surface-2);border-radius:var(--r-sm);padding:var(--space-3) var(--space-4) 0;overflow:hidden}.chart-bar-wrap,.chart-bars{display:flex;align-items:flex-end}.chart-bar-wrap{flex:1 1;height:100%}.chart-bar{width:100%;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--gold) 0,oklch(76% .15 74/.6) 100%);min-height:4px;transition:height .3s var(--ease);box-shadow:0 0 4px oklch(80% .13 84/.25)}@media (prefers-reduced-motion:reduce){.chart-bar{transition:none}}.segmented{display:flex;gap:3px;padding:4px;background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md)}.segment{flex:1 1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.55rem var(--space-2);border-radius:calc(var(--r-md) - 5px);border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font:inherit;font-size:var(--t-base);font-weight:600;cursor:pointer;transition:color var(--dur-2) var(--ease),background var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}.segment[data-active=true]{color:var(--gold);background:var(--gold-soft);border-color:var(--gold-line);box-shadow:var(--sh-sm),inset 0 1px 0 var(--hairline)}.seg-tabs{margin-bottom:var(--space-9)}.seg-tabs .segment{text-align:center;text-decoration:none}.app-notice-bar{max-width:var(--app-max);margin:0 auto;padding:0 var(--space-10)}.app-notice{margin-top:.9rem}.nudge-zeile{gap:.6rem}.nudge-weg{min-width:44px;min-height:44px;display:grid;place-items:center;background:transparent;border:none;color:var(--text-mute);cursor:pointer}.check{width:22px;height:22px;flex:none;accent-color:var(--gold);cursor:pointer}input[type=range]{appearance:none;height:44px;background:transparent;cursor:pointer}input[type=range]:disabled{cursor:default;opacity:.5}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--line,#333)}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--line,#333)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--gold);margin-top:-10px;border:none;-webkit-transition:transform var(--dur-1) var(--ease-spring);transition:transform var(--dur-1) var(--ease-spring)}input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--gold);border:none;-moz-transition:transform var(--dur-1) var(--ease-spring);transition:transform var(--dur-1) var(--ease-spring)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18)}input[type=range]:active::-moz-range-thumb{transform:scale(1.18)}.day-label{font-size:var(--t-xs);color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3)}.bubble{border-radius:var(--r-lg);padding:var(--space-5) 1rem;font-size:var(--t-base);line-height:1.5;max-width:86%;animation:rise var(--dur-2) var(--ease) both}.bubble-ai{align-self:flex-start;background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:var(--r-xs)}.bubble-user{align-self:flex-end;background:var(--gold-grad);color:oklch(20% .03 80);border-bottom-right-radius:var(--r-xs);box-shadow:var(--sh-sm)}.composer{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--nav-h) + 1rem + var(--legal-h) + var(--safe-b) + var(--player-h, 0px));z-index:45;width:min(var(--app-max),calc(100% - var(--space-12)));display:flex;gap:var(--space-3);padding:.45rem .45rem .45rem .5rem;border-radius:var(--r-pill);box-shadow:var(--sh-lg)}.composer input{flex:1 1;background:transparent;border:none;outline:none;color:var(--text);font:inherit;font-size:max(16px,var(--t-base));padding:0 var(--space-4)}.send-btn{flex:none;width:44px;height:44px;border-radius:var(--r-pill);border:none;cursor:pointer;background:var(--gold-grad);color:oklch(20% .03 80);font-size:18px;font-weight:700;display:grid;place-items:center;box-shadow:var(--gold-glow);transition:transform var(--dur-1) var(--ease)}.send-btn:active{transform:scale(.92)}.send-btn:disabled{opacity:.55}.typing{display:inline-flex;gap:4px;align-items:center}.typing i{width:6px;height:6px;border-radius:999px;background:var(--text-mute);animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.legal{max-width:var(--measure);margin:0 auto;padding:var(--space-13) var(--space-11) var(--space-14);line-height:1.8;color:var(--text-dim)}.legal h1{color:var(--text);font-size:var(--t-xl);margin-bottom:var(--space-12)}.legal h2{color:var(--text);font-size:var(--t-md);font-weight:600;margin:var(--space-13) 0 var(--space-2)}.legal a{color:var(--gold);text-decoration:underline}.legal a:hover{color:var(--gold-deep)}.legal strong{color:var(--text)}.legal ul{padding-left:var(--space-11)}.legal-meta{color:var(--text-mute);font-size:var(--t-sm);margin-top:var(--space-13)}.consent-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-toast);display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:var(--space-9) var(--space-11) calc(var(--space-9) + var(--safe-b));background:var(--bg-deep);border-top:1px solid var(--border);color:var(--text)}.consent-text{margin:0;font-size:var(--t-sm);line-height:1.5;max-width:var(--measure)}.consent-text a{color:var(--gold);text-decoration:underline}.te-cols,.te-side{display:contents}@media (min-width:1024px){.app-shell{padding-left:calc(var(--rail-w) + var(--rail-gap) + var(--safe-l))}:root{--legal-h:0px}.legal-bar{position:static;height:auto;padding:var(--space-11) var(--space-10) var(--space-13);background:none;overflow-x:visible;white-space:normal;flex-wrap:wrap}.app-main{max-width:var(--content-max);padding:calc(var(--space-13) + var(--safe-t)) var(--space-13) calc(var(--space-13) + var(--player-h, 0px))}.mini-player{bottom:var(--space-11);left:calc(var(--rail-w) + var(--rail-gap) + var(--safe-l));width:min(var(--app-max),calc(100% - var(--rail-w) - var(--rail-gap) - var(--space-13) * 2))}.app-notice-bar{max-width:var(--content-max);padding:0 var(--space-13)}.tabbar{--tab-pad:var(--space-3);left:calc(var(--space-11) + var(--safe-l));top:50%;bottom:auto;transform:translateY(-50%);width:var(--rail-w);flex-direction:column;border-radius:var(--r-lg)}.tab,.tabbar{justify-content:flex-start}.tab{flex:none;flex-direction:row;gap:var(--space-4);padding:var(--space-5) var(--space-6);font-size:var(--t-sm);line-height:1.2}.tab:hover{color:var(--text-dim)}.tab[data-active=true]:hover{color:var(--gold)}.tab[data-active=true] .tab-ico{transform:translateX(1px) scale(1.12)}.tab-pill{left:var(--tab-pad);right:var(--tab-pad);width:auto;top:var(--tab-pad);bottom:auto;height:calc((100% - 2 * var(--tab-pad)) / var(--tab-count, 5));transform:translateY(calc(var(--tab-index, 0) * 100%))}.tab-erstellen{justify-content:flex-start;color:var(--gold)}.tab-erstellen-knopf{width:22px;height:22px;box-shadow:none}.tab-erstellen-knopf svg{width:16px;height:16px}.tab-erstellen-label{display:inline}.composer{left:calc(50% + (var(--rail-w) + var(--rail-gap) + var(--safe-l)) / 2);bottom:calc(var(--space-11) + var(--safe-b));width:min(var(--content-max),calc(100% - var(--rail-w) - var(--rail-gap) - 2 * var(--space-13)))}.sheet{left:calc(var(--rail-w) + var(--rail-gap) + var(--safe-l))}.bubble{max-width:min(86%,var(--measure))}.te-cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:var(--space-12);align-items:start}.te-side{display:flex;flex-direction:column}}.scene-frame{position:relative;aspect-ratio:16/10;border-radius:var(--r-lg);overflow:hidden;contain:layout paint}.scene-frame>.scene-canvas,.scene-frame>.scene-fallback{position:absolute;inset:0}.scene-frame[data-3d=on]>.scene-fallback{opacity:0;transition:opacity var(--dur-3) var(--ease)}.gem-css{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}.gem-css-body,.gem-css-core{position:absolute;top:50%;left:50%;width:44%;aspect-ratio:1;transform:translate(-50%,-50%)}.gem-css-body{background:conic-gradient(from 210deg,var(--gold-deep),var(--gold),var(--gold-deep),oklch(38% .06 84),var(--gold))}.gem-css-core{background:radial-gradient(circle at 50% 45%,oklch(96% .06 90),var(--gold) 60%,transparent 78%);z-index:2}.gem-css-ring{left:50%;border:1px solid var(--gold);opacity:.5;z-index:1}.gem-css-glow,.gem-css-ring{position:absolute;border-radius:50%}.gem-css-glow{inset:18%;background:radial-gradient(circle,var(--gold-soft),transparent 70%);filter:blur(14px);z-index:0}.epk-cover-css{position:relative;width:100%;height:100%;border-radius:var(--r-lg);overflow:hidden}.epk-cover-css-img{width:100%;height:100%;object-fit:cover;display:block}.epk-cover-css-frame{border-radius:var(--r-lg);border:2px solid var(--gold);box-shadow:inset 0 0 0 1px var(--gold-line),0 0 28px var(--gold-glow,transparent)}.epk-cover-css-frame,.welcome-scene{position:absolute;inset:0;pointer-events:none}.welcome-scene{z-index:0;border-radius:0;aspect-ratio:auto}.welcome-css{position:relative;width:100%;height:100%;display:grid;place-items:center;isolation:isolate}.welcome-css-diamond{width:34%;aspect-ratio:1;transform:rotate(45deg);background:conic-gradient(from 210deg,var(--gold-deep),var(--gold),var(--gold-deep),oklch(38% .06 84),var(--gold));opacity:.5}.welcome-css-glow{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,var(--gold-soft),transparent 70%);filter:blur(20px)}}@keyframes blink{0%,60%,to{opacity:.25}30%{opacity:1}}@layer utilities{.stack,.stack-2{display:flex;flex-direction:column}.stack-2{gap:var(--space-3)}@media (max-width:1023.98px){.studio-bereich[data-aktiv=false]{display:none}}.stack-3{gap:.75rem}.stack-3,.stack-4{display:flex;flex-direction:column}.stack-4{gap:1rem}.row,.row-between{display:flex;align-items:center;gap:var(--space-4)}.row-between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1 1}.center{display:flex;align-items:center;justify-content:center}.text-dim{color:var(--text-dim)}.text-mute{color:var(--text-mute)}.text-faint{color:var(--text-faint)}.text-gold{color:var(--gold)}.text-cool{color:var(--cool)}.text-violet{color:var(--violet)}.text-sm{font-size:var(--t-sm)}.text-xs{font-size:var(--t-xs)}.display{font-family:var(--font-display);letter-spacing:-.02em}.uppercase{text-transform:uppercase;letter-spacing:.1em}.balance{text-wrap:balance}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-3{margin-bottom:1.5rem}.full{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pressable{transition:transform var(--dur-1) var(--ease);touch-action:manipulation}.pressable:active{transform:scale(.97)}.beat-liste>li,.ich-gruppe>*,.reveal{animation:rise var(--dur-3) var(--ease) both}.beat-liste>li:nth-child(2),.ich-gruppe>:nth-child(2){animation-delay:40ms}.beat-liste>li:nth-child(3),.ich-gruppe>:nth-child(3){animation-delay:80ms}.beat-liste>li:nth-child(4),.ich-gruppe>:nth-child(4){animation-delay:.12s}.beat-liste>li:nth-child(5),.ich-gruppe>:nth-child(5){animation-delay:.16s}.beat-liste>li:nth-child(n+6),.ich-gruppe>:nth-child(n+6){animation-delay:.2s}.stagger>*{animation:rise var(--dur-3) var(--ease) both}.stagger>:first-child{animation-delay:40ms}.stagger>:nth-child(2){animation-delay:90ms}.stagger>:nth-child(3){animation-delay:.14s}.stagger>:nth-child(4){animation-delay:.19s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.29s}.stagger>:nth-child(7){animation-delay:.34s}.stagger>:nth-child(8){animation-delay:.39s}.stagger>:nth-child(n+9){animation-delay:.44s}.shimmer-gold{background:linear-gradient(100deg,var(--gold-deep) 20%,oklch(94% .09 96) 50%,var(--gold-deep) 80%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gold-shimmer 7s linear infinite}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes sheen{0%{background-position:200% 0}to{background-position:-120% 0}}@keyframes gold-shimmer{0%{background-position:220% 0}to{background-position:-220% 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--gold-soft)}50%{box-shadow:0 0 0 6px transparent}}