:root{--mood-flow: #0b8a72;--mood-flow-soft: #0d9d82;--mood-flow-pale: #e7f1ee;--mood-flow-border: #c3d9d2;--mood-active: #E08F4E;--mood-active-soft: #EBA670;--mood-active-pale: #FAE9D5;--mood-active-border: #F3CC9E;--mood-calm: #6B7CA8;--mood-calm-soft: #8693BB;--mood-calm-pale: #ECEFF5;--mood-calm-border: #C3CCDF;--brand-ink: 40 42 55;--brand-ink-warm: 49 44 38;--surface-0: #FFFFFF;--surface-1: #f7f7f5;--surface-2: #f1f3ef;--surface-3: #e9ece8;--surface-4: #e2e6e1;--surface-5: #E5E2D8;--surface-6: #C9C6BC;--surface-7: #8C8A82;--surface-8: #4A4945;--surface-on: #1F2024;--stage-0: #FBFAF6;--stage-1: #353742;--stage-2: #2A2C36;--stage-3: #22242D;--stage-4: #1B1D25;--stage-5: #15171E;--stage-6: #101218;--stage-7: #0B0D12;--stage-8: #07080C;--stage-on: #F4F2EC;--ease-spring: cubic-bezier(.32, .72, 0, 1);--ease-breathe: cubic-bezier(.45, 0, .55, 1);--ease-snap: cubic-bezier(.5, 0, .5, 1);--dur-quick: .18s;--dur-base: .28s;--dur-slow: .42s;--dur-loop: 14s;--shadow-quiet: 0 1px 2px rgb(var(--brand-ink) /.04);--shadow-soft: 0 1px 3px rgb(var(--brand-ink) /.05), 0 2px 8px rgb(var(--brand-ink) /.04);--shadow-card: 0 2px 6px rgb(var(--brand-ink) /.06), 0 12px 28px rgb(var(--brand-ink) /.08);--shadow-lift: 0 8px 20px rgb(var(--brand-ink) /.1), 0 24px 56px rgb(var(--brand-ink) /.12);--fs-display-xl: clamp(38px, 2.5vw + 18px, 64px);--fs-display: clamp(28px, 1.4vw + 12px, 38px);--fs-h1: clamp(22px, 1vw + 12px, 30px);--fs-h2: clamp(18px, .5vw + 13px, 22px);--fs-h3: clamp(15px, .3vw + 12px, 17px);--fs-body: clamp(13px, .2vw + 12px, 15px);--fs-label: clamp(11px, .1vw + 10px, 12.5px);--fs-micro: clamp(9.5px, .05vw + 9px, 11px);--space-quark: 4px;--space-atom: 8px;--space-tick: 12px;--space-step: 16px;--space-leap: 24px;--space-room: 32px;--space-area: 48px;--space-stage: 64px;--space-vista: 96px;--space-horizon: 128px}:root{--fluid: cubic-bezier(.32, .72, 0, 1);--fluid-out: cubic-bezier(.22, 1, .36, 1);--himmel-verlauf: radial-gradient(70% 110% at 12% 30%, rgba(255, 253, 247, .85), rgba(255, 253, 247, 0) 62%), radial-gradient(60% 90% at 88% 18%, rgba(63, 197, 150, .3), rgba(63, 197, 150, 0) 58%), radial-gradient(70% 60% at 70% 100%, rgba(11, 138, 114, .16), rgba(11, 138, 114, 0) 60%), linear-gradient(160deg, #ebe8e1 0%, #e7e9e4 52%, #e0e7e2 100%);--r-karte: 16px;--r-gross: 20px;--karten-boden: 78px;--r-feld: 12px;--r-zeile: 10px;--fuell: #f4f5f6;--fuell-tief: #eceef0;--linie: rgba(16, 24, 40, .07);--linie-satt: rgba(16, 24, 40, .12);--sch-1: inset 0 1px 0 rgba(255, 255, 255, .7), 0 1px 2px rgba(15, 30, 25, .04);--sch-2: inset 0 1px 0 rgba(255, 255, 255, .85), 0 1px 2px rgba(15, 30, 25, .04), 0 10px 24px -14px rgba(9, 46, 38, .14);--sch-3: inset 0 1px 0 rgba(255, 255, 255, .9), 0 1px 2px rgba(15, 30, 25, .04), 0 12px 28px -16px rgba(9, 46, 38, .16), 0 32px 64px -32px rgba(9, 46, 38, .22);--porzellan: linear-gradient(180deg, #fbfbf9 0%, #f4f4f0 100%);--porzellan-rand: rgba(20, 30, 26, .055);--w-display: 300;--w-body: 400;--w-ui: 470;--w-strong: 540;--w-kicker: 620}:root{--page-pad-x: 16px;--page-pad-y: 12px;--section-gap: 16px;--card-pad: 16px;--card-pad-lg: 20px;--grid-gap: 12px;--grid-gap-lg: 16px;--sidebar-w: 0px;--sidebar-w-expanded: 224px;--dopamine-w: 256px;--playlist-w: 260px;--library-asset-w: 200px;--library-detail-w: 280px;--fs-display: clamp(28px, 1.4vw + 12px, 38px);--fs-h1: clamp(22px, 1vw + 12px, 30px);--fs-h2: clamp(18px, .5vw + 13px, 22px);--fs-body: clamp(13px, .2vw + 12px, 15px);--fs-meta: clamp(11px, .1vw + 10px, 12.5px);--player-hero-h: clamp(220px, 28vw, 380px);--cols-compose: 1fr;--cols-practice: 1fr;--cols-player: 1fr;--library-combined-w: 320px;--hero-base-gradient: linear-gradient(165deg, #0b1220 0%, #1c1917 60%, #100c0a 100%);--hero-inner-highlight: inset 0 1px 0 rgba(255, 255, 255, .06);--hero-bottom-rim: inset 0 -1px 0 rgba(0, 0, 0, .4);--hero-soft-shadow: 0 20px 50px -25px rgba(0, 0, 0, .5);--hero-cover-shadow: 0 8px 32px -8px rgba(0, 0, 0, .6), inset 0 0 0 1px rgba(255, 255, 255, .08);--noise-pattern-light: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, .9) .5px, transparent 0);--noise-size-fine: 3px 3px;--noise-size-medium: 16px 16px;--noise-size-large: 18px 18px}@media(min-width:1024px){:root{--sidebar-w: 80px;--cols-compose: var(--library-combined-w) minmax(0, 1fr) var(--dopamine-w);--cols-practice: minmax(0, 1fr) var(--dopamine-w)}}@media(min-width:1100px){:root{--page-pad-x: 24px;--page-pad-y: 16px;--section-gap: 20px;--card-pad: 20px;--card-pad-lg: 24px;--grid-gap: 16px;--grid-gap-lg: 20px;--dopamine-w: 280px;--playlist-w: 280px;--library-asset-w: 220px;--library-detail-w: 300px;--cols-player: minmax(0, 1fr) var(--playlist-w)}}@media(min-width:1280px){:root{--sidebar-w: 240px;--library-combined-w: 340px}}@media(min-width:1536px){:root{--cols-compose: var(--library-asset-w) var(--library-detail-w) minmax(0, 1fr) var(--dopamine-w)}}@media(min-width:1600px){:root{--page-pad-x: 32px;--page-pad-y: 20px;--section-gap: 24px;--card-pad: 24px;--card-pad-lg: 28px;--grid-gap: 20px;--grid-gap-lg: 24px;--sidebar-w: 248px;--sidebar-w-expanded: 248px;--dopamine-w: 304px;--playlist-w: 304px;--library-asset-w: 240px;--library-detail-w: 320px}}:root{--bg: #f7f7f5;--ink: #141817;--ink2: #5c635e;--ink3: #6f7671;--teal: #0b8a72;--tealglow: rgba(11, 138, 114, .15);--amber: #c2703e;--kind-hypnosis: #8a7ab8;--kind-breath: #3a7ca5;--glass: rgba(255, 255, 255, .62);--glassb: rgba(255, 255, 255, .9);--hair: rgba(20, 30, 26, .12);--shadow: 0 1px 2px rgba(20, 40, 34, .05), 0 6px 16px -4px rgba(20, 40, 34, .06), 0 20px 48px -12px rgba(11, 138, 114, .1);--shadow-sm: 0 1px 2px rgba(20, 40, 34, .04), 0 4px 12px -2px rgba(20, 40, 34, .05);--shadow-lg: 0 2px 4px rgba(20, 40, 34, .05), 0 14px 34px -8px rgba(20, 40, 34, .09), 0 40px 90px -20px rgba(11, 138, 114, .14);--edge: inset 0 1px 0 rgba(255, 255, 255, .6);--b1: rgba(111, 226, 197, .5);--b2: rgba(11, 138, 114, .32);--b3: rgba(190, 236, 222, .45);--breath: 10.9s;--teal-text: color-mix(in srgb, var(--teal) 80%, var(--ink));--porzellan-glas: linear-gradient(180deg, rgba(255, 255, 255, .86) 0%, rgba(251, 251, 249, .78) 100%);--sch-modal: inset 0 1px 0 rgba(255, 255, 255, .95), 0 1px 2px rgba(15, 30, 25, .05), 0 24px 48px -24px rgba(9, 46, 38, .28), 0 60px 120px -40px rgba(9, 46, 38, .4)}@keyframes aura-drift{0%{transform:translate(-4%,1%) scale(1) rotate(0)}50%{transform:translate(3%,-3%) scale(1.07) rotate(8deg)}to{transform:translate(-4%,1%) scale(1) rotate(0)}}@keyframes aura-breathe{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.055);opacity:1}}@keyframes aura-breathe2{0%,to{transform:scale(1.03);opacity:.5}50%{transform:scale(1)}}@keyframes aura-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes aura-fadein{0%{opacity:0}to{opacity:1}}@keyframes aura-mpop{0%{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:none}}@keyframes aura-hin{0%{opacity:0;transform:translateY(20px);filter:blur(12px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes aura-oin{0%{opacity:0;transform:scale(.86);filter:blur(18px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes aura-glowbreathe{0%,to{opacity:.28}50%{opacity:.64}}@keyframes aura-orbdrift{0%{transform:translate(-6%,-3%) scale(1)}50%{transform:translate(5%,4%) scale(1.09)}to{transform:translate(-6%,-3%) scale(1)}}@keyframes aura-orbdrift2{0%{transform:translate(5%,3%) scale(1.06)}50%{transform:translate(-6%,-5%) scale(1)}to{transform:translate(5%,3%) scale(1.06)}}@keyframes aura-livepulse{0%,to{box-shadow:0 0 color-mix(in oklab,var(--teal),transparent 34%)}55%{box-shadow:0 0 0 7px color-mix(in oklab,var(--teal),transparent 100%)}}@keyframes aura-bswell{0%,to{transform:scale(.86)}50%{transform:scale(1.32)}}:where(.sess[role=dialog],.cele){font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none;font-optical-sizing:auto;color:#333}:where(.sess[role=dialog],.cele),:where(.sess[role=dialog],.cele) *,:where(.sess[role=dialog],.cele) :before,:where(.sess[role=dialog],.cele) :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:where(.sess[role=dialog],.cele) :where(hr){height:0;color:inherit;border-top-width:1px}:where(.sess[role=dialog],.cele) :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}:where(.sess[role=dialog],.cele) :where(h1,h2,h3){letter-spacing:-.018em;text-wrap:balance}:where(.sess[role=dialog],.cele) :where(h4,h5,h6){letter-spacing:-.008em}:where(.sess[role=dialog],.cele) :where(a){color:inherit;text-decoration:inherit}:where(.sess[role=dialog],.cele) :where(b,strong){font-weight:var(--w-strong)}:where(.sess[role=dialog],.cele) :where(small){font-size:80%}:where(.sess[role=dialog],.cele) :where(button,input,optgroup,select,textarea){font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}:where(.sess[role=dialog],.cele) :where(button,select){text-transform:none}:where(.sess[role=dialog],.cele) :where(button,input:where([type=button],[type=reset],[type=submit])){-webkit-appearance:button;background-color:transparent;background-image:none}:where(.sess[role=dialog],.cele) :where(progress){vertical-align:baseline}:where(.sess[role=dialog],.cele) :where(blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre){margin:0}:where(.sess[role=dialog],.cele) :where(ol,ul,menu){list-style:none;margin:0;padding:0}:where(.sess[role=dialog],.cele) :where(button,[role=button]){cursor:pointer}:where(.sess[role=dialog],.cele) :where(:disabled){cursor:default}:where(.sess[role=dialog],.cele) :where(img,svg,video,canvas,audio,iframe,embed,object){display:block;vertical-align:middle}:where(.sess[role=dialog],.cele) :where(img,video){max-width:100%;height:auto}:where(.sess[role=dialog],.cele) :where(button,[role=button],input[type=submit],input[type=button]){letter-spacing:.002em;transition-property:background-color,color,border-color,box-shadow,transform,opacity;transition-duration:.16s;transition-timing-function:var(--fluid-out)}:where(.sess[role=dialog],.cele) :where(button:not(:disabled):active,[role=button]:not([aria-disabled=true]):active){transform:translateY(.5px) scale(.985)}:where(.sess[role=dialog],.cele) :where(button:focus-visible,[role=button]:focus-visible,a:focus-visible){outline:2px solid var(--teal);outline-offset:2px}@media(prefers-reduced-motion:reduce){:where(.sess[role=dialog],.cele) :where(button,[role=button]){transition-duration:.01ms}:where(.sess[role=dialog],.cele) :where(button:not(:disabled):active,[role=button]:active){transform:none}}.app button:active:not(:disabled),.app a:active,.app [role=button]:active{transform:scale(.97);transition-duration:.12s}.app input:focus-visible,.app textarea:focus-visible,.app select:focus-visible{outline:none;border-color:var(--teal)!important;box-shadow:0 0 0 4px var(--tealglow)}.app button:focus-visible,.app a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
