:root{--color-first-1: #E9E1FA;--color-first-2: #D4BFFF;--color-first-3: #BB99FF;--color-first-7: #452880;--color-first-8: #351D66;--color-first-9: #26134D;--color-second-1: #99FFEE;--color-second-2: #80FFEA;--color-second-3: #00F5CC;--color-second-7: #006655;--color-second-8: #004D40;--color-second-9: #00332A;--color-neutral-0: #FFFFFF;--color-neutral-1: #F5F2FA;--color-neutral-2: #DFDCE5;--color-neutral-3: #CAC7D1;--color-neutral-7: #5C5766;--color-neutral-8: #35313D;--color-neutral-9: #110F14;--color-success-1: #B2FFF2;--color-success-2: #80FFEA;--color-success-3: #00F5CC;--color-success-7: #006655;--color-success-8: #004D40;--color-success-9: #00332A;--color-warning-1: #FAFAD4;--color-warning-2: #ECF2AA;--color-warning-3: #E3EB8D;--color-warning-7: #616627;--color-warning-8: #494D1F;--color-warning-9: #303314;--color-error-1: #FAD2DF;--color-error-2: #F2BBCD;--color-error-3: #F0A3BD;--color-error-7: #804055;--color-error-8: #66293D;--color-error-9: #4D1729;--color-first-1-dk: #26134D;--color-first-2-dk: #351D66;--color-first-3-dk: #452880;--color-first-7-dk: #C9AEFF;--color-first-8-dk: #D4BFFF;--color-first-9-dk: #E9E1FA;--color-second-1-dk: #052E27;--color-second-2-dk: #004D40;--color-second-3-dk: #006655;--color-second-7-dk: #00F5CC;--color-second-8-dk: #80FFEA;--color-second-9-dk: #B2FFF2;--color-neutral-0-dk: #0F1114;--color-neutral-1-dk: #1D1F24;--color-neutral-2-dk: #25282E;--color-neutral-3-dk: #3D424D;--color-neutral-7-dk: #CAC7D1;--color-neutral-8-dk: #DFDCE5;--color-neutral-9-dk: #F5F2FA;--color-success-1-dk: #052E27;--color-success-2-dk: #004D40;--color-success-3-dk: #006655;--color-success-7-dk: #00F5CC;--color-success-8-dk: #80FFEA;--color-success-9-dk: #B2FFF2;--color-warning-1-dk: #303314;--color-warning-2-dk: #494D1F;--color-warning-3-dk: #616627;--color-warning-7-dk: #E3EB8D;--color-warning-8-dk: #ECF2AA;--color-warning-9-dk: #FAFAD4;--color-error-1-dk: #4D1729;--color-error-2-dk: #66293D;--color-error-3-dk: #804055;--color-error-7-dk: #F0A3BD;--color-error-8-dk: #F2BBCD;--color-error-9-dk: #FAD2DF}[data-theme=light]{--color-first-1: #E9E1FA;--color-first-2: #D4BFFF;--color-first-3: #BB99FF;--color-first-7: #361F66;--color-first-8: #2E1A55;--color-first-9: #26134D;--color-second-1: #99FFEE;--color-second-2: #80FFEA;--color-second-3: #00F5CC;--color-second-7: #004D40;--color-second-8: #003D36;--color-second-9: #00332A;--color-neutral-0: #FFFFFF;--color-neutral-1: #F5F2FA;--color-neutral-2: #DFDCE5;--color-neutral-3: #CAC7D1;--color-neutral-7: #35313D;--color-neutral-8: #201D26;--color-neutral-9: #110F14;--color-success-1: #B2FFF2;--color-success-2: #80FFEA;--color-success-3: #00F5CC;--color-success-7: #004D40;--color-success-8: #003D36;--color-success-9: #00332A;--color-warning-1: #FAFAD4;--color-warning-2: #ECF2AA;--color-warning-3: #E3EB8D;--color-warning-7: #494D1F;--color-warning-8: #3A3D18;--color-warning-9: #303314;--color-error-1: #FAD2DF;--color-error-2: #F2BBCD;--color-error-3: #F0A3BD;--color-error-7: #66293D;--color-error-8: #561F32;--color-error-9: #4D1729}[data-theme=dark]{--color-first-1: var(--color-first-1-dk);--color-first-2: var(--color-first-2-dk);--color-first-3: var(--color-first-3-dk);--color-first-7: var(--color-first-7-dk);--color-first-8: var(--color-first-8-dk);--color-first-9: var(--color-first-9-dk);--color-second-1: var(--color-second-1-dk);--color-second-2: var(--color-second-2-dk);--color-second-3: var(--color-second-3-dk);--color-second-7: var(--color-second-7-dk);--color-second-8: var(--color-second-8-dk);--color-second-9: var(--color-second-9-dk);--color-neutral-0: var(--color-neutral-0-dk);--color-neutral-1: var(--color-neutral-1-dk);--color-neutral-2: var(--color-neutral-2-dk);--color-neutral-3: var(--color-neutral-3-dk);--color-neutral-7: var(--color-neutral-7-dk);--color-neutral-8: var(--color-neutral-8-dk);--color-neutral-9: var(--color-neutral-9-dk);--color-success-1: var(--color-success-1-dk);--color-success-2: var(--color-success-2-dk);--color-success-3: var(--color-success-3-dk);--color-success-7: var(--color-success-7-dk);--color-success-8: var(--color-success-8-dk);--color-success-9: var(--color-success-9-dk);--color-warning-1: var(--color-warning-1-dk);--color-warning-2: var(--color-warning-2-dk);--color-warning-3: var(--color-warning-3-dk);--color-warning-7: var(--color-warning-7-dk);--color-warning-8: var(--color-warning-8-dk);--color-warning-9: var(--color-warning-9-dk);--color-error-1: var(--color-error-1-dk);--color-error-2: var(--color-error-2-dk);--color-error-3: var(--color-error-3-dk);--color-error-7: var(--color-error-7-dk);--color-error-8: var(--color-error-8-dk);--color-error-9: var(--color-error-9-dk);--shadow-sm: var(--shadow-sm-dk);--shadow-md: var(--shadow-md-dk);--shadow-lg: var(--shadow-lg-dk)}:root{--font-family-base: system-ui, -apple-system, sans-serif;--font-family-heading: system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: clamp(1.125rem, calc(1.05rem + .25vw) , 1.25rem);--font-size-xl: clamp(1.25rem, calc(1.1rem + .5vw) , 1.5rem);--font-size-2xl: clamp(1.5rem, calc(1.275rem + .75vw) , 1.875rem);--font-size-3xl: clamp(1.875rem, calc(1.5rem + 1.25vw) , 2.5rem);--font-size-4xl: clamp(2.25rem, calc(1.8rem + 1.5vw) , 3rem);--font-size-5xl: clamp(3rem, calc(2.4rem + 2vw) , 4rem);--font-size-6xl: clamp(3.75rem, calc(3rem + 2.5vw) , 5rem);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.75}:root{--space-0-5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: clamp(1.5rem, calc(1.2rem + 1vw) , 2rem);--space-10: clamp(2rem, calc(1.7rem + 1vw) , 2.5rem);--space-12: clamp(2.5rem, calc(2.2rem + 1vw) , 3rem);--space-16: clamp(3rem, calc(2.4rem + 2vw) , 4rem);--space-20: clamp(3.5rem, calc(2.6rem + 3vw) , 5rem);--space-24: clamp(4rem, calc(2.8rem + 4vw) , 6rem);--space-32: clamp(5rem, calc(3.2rem + 6vw) , 8rem);--space-40: clamp(6rem, calc(3.6rem + 8vw) , 10rem);--space-48: clamp(7rem, calc(4rem + 10vw) , 12rem);--space-64: clamp(8rem, calc(3.2rem + 16vw) , 16rem)}:root{--radius-xs: .25rem;--radius-s: .5rem;--radius-m: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px 0 rgb(17 20 26 / .07), 0 1px 2px -1px rgb(17 20 26 / .05);--shadow-md: 0 6px 16px -2px rgb(17 20 26 / .1), 0 2px 6px -2px rgb(17 20 26 / .06);--shadow-lg: 0 20px 40px -4px rgb(17 20 26 / .12), 0 6px 16px -4px rgb(17 20 26 / .07);--shadow-sm-dk: 0 1px 3px 0 rgb(0 0 0 / .4), 0 0 0 1px rgb(255 255 255 / .06);--shadow-md-dk: 0 6px 16px -2px rgb(0 0 0 / .5), 0 2px 6px -2px rgb(0 0 0 / .3), 0 0 0 1px rgb(255 255 255 / .06);--shadow-lg-dk: 0 20px 40px -4px rgb(0 0 0 / .6), 0 6px 16px -4px rgb(0 0 0 / .4), 0 0 0 1px rgb(255 255 255 / .06);--transition-fast: .15s ease;--transition-normal: .25s ease}:root{--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px}:root{--width-narrow: 45ch;--width-prose: 65ch;--width-content: 80ch;--width-layout: 768px;--width-wide: 1200px}.prose{max-width:var(--width-prose);color:inherit;font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-loose)}.prose--lg{font-size:var(--font-size-lg)}.prose p{margin:0}.prose p+p{margin-top:var(--space-8)}.prose h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:inherit;margin:0 0 var(--space-6)}.prose h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:inherit;margin:var(--space-8) 0 var(--space-4)}.prose h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:inherit;margin:var(--space-6) 0 var(--space-3)}.prose strong{font-weight:var(--font-weight-semibold)}.prose em{font-style:italic}.prose a{color:var(--color-first-7);text-decoration:underline;text-underline-offset:.2em;transition:color var(--transition-fast)}.prose a:hover{color:var(--color-first-9)}.prose ul,.prose ol{margin:var(--space-4) 0;padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2);line-height:var(--line-height-loose)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose small{display:block;font-size:var(--font-size-sm);color:var(--color-neutral-7);line-height:var(--line-height-normal);margin-top:var(--space-3)}.fn-bar{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);width:fit-content;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2);background:var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:100}@media (max-width: 480px){.fn-bar{bottom:var(--space-4)}.fn-label--menu{display:none}}.fn-bar--contained{position:relative;bottom:auto;left:auto;transform:none;width:fit-content}.fn-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:none;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.fn-btn:disabled{opacity:.35;cursor:not-allowed}.fn-bar--glass{background:#fff9;backdrop-filter:blur(8px) saturate(1.8);-webkit-backdrop-filter:blur(8px) saturate(1.8);border:1px solid rgba(255,255,255,.5)}.fn-bar--dark{background:var(--color-neutral-9)}.fn-bar--dark .fn-btn--ghost{color:var(--color-neutral-0)}.fn-bar--dark .fn-btn--ghost:hover:not(:disabled){background:var(--color-neutral-7)}.fn-bar--dark .fn-btn--ghost:active:not(:disabled){background:var(--color-neutral-7)}.fn-bar--dark .fn-btn--primary{background:var(--color-neutral-0);color:var(--color-neutral-9)}.fn-bar--dark .fn-btn--primary:hover:not(:disabled){background:var(--color-neutral-2)}.fn-bar--dark .fn-btn--primary:active:not(:disabled){background:var(--color-neutral-0)}.fn-bar--first{background:var(--color-first-3)}.fn-bar--first .fn-btn--ghost{color:var(--color-neutral-9)}.fn-bar--first .fn-btn--ghost:hover:not(:disabled){background:var(--color-first-2)}.fn-bar--first .fn-btn--ghost:active:not(:disabled){background:var(--color-first-1)}.fn-bar--first .fn-btn--primary{background:var(--color-neutral-9);color:var(--color-first-3)}.fn-bar--first .fn-btn--primary:hover:not(:disabled){background:var(--color-neutral-7)}.fn-bar--first .fn-btn--primary:active:not(:disabled){background:var(--color-neutral-9)}.fn-btn--ghost{background:transparent;color:var(--color-neutral-9)}.fn-btn--ghost:hover:not(:disabled){background:var(--color-neutral-2)}.fn-btn--ghost:active:not(:disabled){background:var(--color-neutral-3)}.fn-btn--primary{background:var(--color-neutral-9);color:var(--color-neutral-0)}.fn-btn--primary:hover:not(:disabled){background:var(--color-neutral-7)}.fn-btn--primary:active:not(:disabled){background:var(--color-neutral-9)}.pb-wrap{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.pb-track{width:100%;height:12px;background:var(--color-neutral-2);border-radius:var(--radius-full);overflow:hidden}.pb-fill{height:100%;background:var(--color-first-3);border-radius:var(--radius-full);transition:width var(--transition-normal)}.pb-meta{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4)}.pb-title{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-9)}.pb-fraction{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-neutral-9);white-space:nowrap}.fm-bar{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);width:calc(100% - var(--space-8));max-width:900px;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6);background:var(--color-neutral-0);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:100}.fm-bar--light{background:var(--color-neutral-0)}.fm-bar--glass{background:#ffffff8c;backdrop-filter:blur(16px) saturate(1.8);-webkit-backdrop-filter:blur(16px) saturate(1.8);border:1px solid rgba(255,255,255,.5)}.fm-bar--contained{position:relative;top:auto;left:auto;transform:none;width:100%}.fm-logo{display:block;color:var(--color-neutral-9);flex-shrink:0}.fm-nav{display:none;align-items:center;gap:var(--space-1);margin-left:auto}@media (min-width: 768px){.fm-nav{display:flex}}.fm-nav-item{padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-full);background:transparent;font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-neutral-9);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.fm-nav-item:hover{background:var(--color-neutral-2)}.fm-nav-item:active{background:var(--color-neutral-3)}.fm-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}@media (min-width: 768px){.fm-actions{margin-left:0}}.fm-user-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-neutral-7);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.fm-user-btn:hover{background:var(--color-neutral-2);color:var(--color-neutral-9)}.fm-menu-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-full);background:var(--color-neutral-9);color:var(--color-neutral-0);font-family:var(--font-family-base);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.fm-menu-btn:hover{background:var(--color-neutral-7)}@media (min-width: 768px){.fm-menu-btn{display:none}}.tt-wrap{position:relative;display:inline-flex;width:fit-content;background:#110f14;border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1)}.tt-pill{position:absolute;top:4px;height:calc(100% - 8px);background:#fff;border-radius:var(--radius-full);transition:left var(--transition-normal),width var(--transition-normal);pointer-events:none}[data-theme=dark] .tt-wrap{background:#ede9f5}[data-theme=dark] .tt-pill{background:#0d0b10}[data-theme=dark] .tt-btn{color:#110f1459}[data-theme=dark] .tt-btn--active{color:#ede9f5}[data-theme=dark] .tt-btn:hover:not(.tt-btn--active){color:#110f14a6}.tt-btn{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-full);background:transparent;color:#ffffff73;cursor:pointer;transition:color var(--transition-fast)}.tt-btn--active{color:#110f14}.tt-btn:hover:not(.tt-btn--active){color:#ffffffbf}.drops-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.drop-item{position:absolute;border-radius:50%/60% 60% 40% 40%;background:transparent;-webkit-backdrop-filter:brightness(.95) saturate(1.15) contrast(1.04);backdrop-filter:brightness(.95) saturate(1.15) contrast(1.04);box-shadow:inset 0 -2px 5px #ffffff40,inset 2px 2px 6px #ffffff4d,0 3px 8px #0000001a,0 1px 2px #0000000f;will-change:transform,top}.drop-trail{position:absolute;clip-path:polygon(25% 0%,75% 0%,100% 100%,0% 100%);background:#00000002;-webkit-backdrop-filter:brightness(.985);backdrop-filter:brightness(.985);pointer-events:none;animation:trail-fade 2.8s ease-out forwards}@keyframes trail-fade{0%{opacity:.5}to{opacity:0}}.drop-item:before{content:"";position:absolute;top:10%;left:18%;width:32%;height:26%;background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.85),transparent 65%);border-radius:50%}.drop-item:after{content:"";position:absolute;bottom:22%;right:18%;width:14%;height:11%;background:radial-gradient(circle,rgba(255,255,255,.45),transparent 70%);border-radius:50%}.sn-note{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:var(--sn-size, 240px);min-height:var(--sn-size, 240px);padding:var(--space-6);background:var(--color-neutral-9);border-radius:var(--radius-m);box-shadow:var(--shadow-md);font-family:var(--font-family-base);transition:opacity var(--transition-normal),background var(--transition-normal)}.sn-note--checked{opacity:.25}.sn-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-neutral-0);line-height:var(--line-height-normal);margin:0;transition:text-decoration var(--transition-fast)}.sn-note--checked .sn-text{text-decoration:line-through}.sn-checkbox{align-self:flex-end;display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:var(--space-4);border:2px solid var(--color-neutral-0);border-radius:var(--radius-xs);background:transparent;color:var(--color-neutral-0);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.sn-note--checked .sn-checkbox{background:var(--color-neutral-0);color:var(--color-neutral-9)}.cp-wrapper{display:flex;flex-direction:column;gap:var(--space-12)}.cp-group-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-9);margin-bottom:var(--space-4)}.cp-block{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.cp-band{display:flex;flex-direction:column}.cp-band--light{background:var(--color-neutral-0)}.cp-band--dark{background:var(--color-neutral-0);flex-direction:column-reverse}.cp-row{display:grid;grid-template-columns:repeat(var(--cp-cols),1fr)}.cp-label{display:flex;flex-direction:column;gap:2px;padding:var(--space-3) var(--space-3) var(--space-2);background:var(--color-neutral-0)}.cp-label-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-label-hex{font-size:var(--font-size-xs);color:var(--color-neutral-7);font-variant-numeric:tabular-nums}.cp-chip{display:block;width:100%;height:clamp(60px,10vw,100px);border:none;cursor:pointer;transition:filter var(--transition-fast)}.cp-chip:hover{filter:brightness(1.1)}.cp-hint{font-size:var(--font-size-xs);color:var(--color-neutral-7);margin-top:var(--space-2)}.ec-group{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--bp-md)}.ec-card{background:var(--color-neutral-0);border:none;border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow var(--transition-fast)}.ec-card--open{box-shadow:var(--shadow-md)}.ec-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-family-base);transition:background var(--transition-fast)}.ec-header:hover{background:var(--color-neutral-2)}.ec-header:active{background:var(--color-neutral-9);color:var(--color-neutral-0)}.ec-header:active .ec-title,.ec-header:active .ec-subtitle,.ec-header:active .ec-chevron{color:var(--color-neutral-0)}.ec-card--open .ec-header{border-bottom:1px solid var(--color-neutral-2)}.ec-header-text{display:flex;flex-direction:column;gap:var(--space-1)}.ec-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-neutral-9);line-height:var(--line-height-tight)}.ec-subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-7);line-height:var(--line-height-normal)}.ec-chevron{flex-shrink:0;color:var(--color-neutral-9);transition:transform var(--transition-normal)}.ec-chevron--open{transform:rotate(180deg)}.ec-body{overflow:hidden;transition:max-height var(--transition-normal)}.ec-content{padding:var(--space-5) var(--space-6);font-size:var(--font-size-md);color:var(--color-neutral-9);line-height:var(--line-height-loose)}.tr-row{position:relative;display:inline-flex;width:fit-content;background:var(--color-neutral-0);border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1)}.tr-pill{position:absolute;top:3px;height:calc(100% - 6px);background:var(--color-neutral-9);border-radius:var(--radius-full);transition:left var(--transition-normal),width var(--transition-normal);pointer-events:none}.tr-btn{position:relative;z-index:1;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);color:var(--color-neutral-7);background:transparent;cursor:pointer;transition:color var(--transition-fast);white-space:nowrap}.tr-btn:hover:not(.tr-btn--active){color:var(--color-neutral-7)}.tr-btn--active{color:var(--color-neutral-0);font-weight:var(--font-weight-semibold)}.ts-row--bordered{border:1.5px solid var(--color-neutral-9)}.ts-row{position:relative;display:inline-flex;width:fit-content;background:var(--color-neutral-0);border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1);transition:background var(--transition-normal)}.ts-row--success.ts-row--on{background:var(--color-success-3)}.ts-row--success .ts-pill{background:var(--color-neutral-9)}.ts-row--success.ts-row--on .ts-btn--active{color:var(--color-success-3)}.ts-row--neutral{background:var(--color-neutral-0)}.ts-row--neutral .ts-pill{background:var(--color-neutral-9)}.ts-row--neutral .ts-btn--active{color:var(--color-neutral-0)}.ts-pill{position:absolute;top:3px;height:calc(100% - 6px);border-radius:var(--radius-full);transition:left var(--transition-normal),width var(--transition-normal);pointer-events:none}.ts-btn{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);color:var(--color-neutral-7);background:transparent;cursor:pointer;transition:color var(--transition-fast);white-space:nowrap}.ts-btn:hover:not(.ts-btn--active){color:var(--color-neutral-7)}.ts-btn--active{color:var(--color-neutral-0);font-weight:var(--font-weight-semibold)}.ts-check{flex-shrink:0}.oc-group{display:flex;flex-direction:column;gap:var(--space-2);max-width:480px}.oc-card{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-neutral-0);border:2px solid var(--color-neutral-0);border-radius:var(--radius-m);cursor:pointer;text-align:left;font-family:var(--font-family-base);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.oc-card:hover{border:2px solid var(--color-neutral-9)}.oc-card--checked{background:var(--color-neutral-9);border-color:var(--color-neutral-9)}.oc-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-9);line-height:var(--line-height-normal);transition:color var(--transition-fast)}.oc-card--checked .oc-label{color:var(--color-neutral-0)}.c-group{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--bp-md)}.c-card{background:var(--color-neutral-0);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);container-type:inline-size}.c-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-neutral-2)}.c-header-text{display:flex;flex-direction:column;gap:var(--space-1)}.c-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-neutral-9);line-height:var(--line-height-tight)}.c-subtitle{font-size:var(--font-size-sm);color:var(--color-neutral-7);line-height:var(--line-height-normal)}.c-card--glass{background:#fff9;backdrop-filter:blur(4px) saturate(1.8);-webkit-backdrop-filter:blur(4px) saturate(1.8);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-lg)}.c-card--glass .c-header{border-bottom-color:#fff6}.c-card--dark{background:var(--color-neutral-7)}.c-card--dark .c-header{border-bottom-color:var(--color-neutral-9)}.c-card--dark .c-title,.c-card--dark .c-subtitle,.c-card--dark .c-content{color:var(--color-neutral-0)}.c-content{padding:var(--space-5) var(--space-6);font-size:var(--font-size-md);color:var(--color-neutral-9);line-height:var(--line-height-loose)}@container (min-width: 480px){.c-header,.c-content{padding:var(--space-6) var(--space-8)}}.icc-group--grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);max-width:var(--bp-md)}.icc-group--grid .icc-card{flex-direction:column}.icc-group--grid .icc-icon{margin-bottom:var(--space-6)}.icc-group--list{display:flex;flex-direction:column;gap:var(--space-3);max-width:var(--bp-md)}.icc-group--list .icc-card{flex-direction:column}@media (min-width: 480px){.icc-group--list .icc-card{flex-direction:row;align-items:flex-start;gap:var(--space-5)}.icc-group--list .icc-icon{margin-bottom:0;flex-shrink:0}}.icc-card{display:flex;gap:var(--space-4);padding:var(--space-10);background:var(--color-neutral-9);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);font-family:var(--font-family-base)}.icc-icon{display:flex;align-items:center;justify-content:flex-start;color:var(--color-first-3);width:2.4rem;height:2.4rem;flex-shrink:0}.icc-icon svg{width:100%;height:100%}.icc-text{display:flex;flex-direction:column;gap:var(--space-3)}.icc-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-0);line-height:var(--line-height-tight);margin:0}.icc-body{font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-neutral-0);line-height:var(--line-height-loose);margin:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background:var(--color-neutral-1);color:var(--color-neutral-9)}.app{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--color-neutral-0);border-right:1px solid var(--color-neutral-2);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-8)}.sidebar-logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.sidebar-logo-svg{color:var(--color-neutral-9);display:block}.sidebar-logo-tag{font-size:var(--font-size-xs);color:var(--color-neutral-7);text-transform:uppercase;letter-spacing:.14em}.sidebar-group{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-section-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-7);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-4)}.sidebar-item{display:block;width:100%;text-align:left;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-neutral-7);background:transparent;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-item:hover{background:var(--color-neutral-1)}.sidebar-item--active{background:var(--color-neutral-1);color:var(--color-first-7);font-weight:var(--font-weight-medium)}.canvas{display:flex;flex-direction:column}.canvas-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-neutral-2);background:var(--color-neutral-0)}.canvas-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-9)}.canvas-content{padding:var(--space-10) var(--space-8);flex:1}