@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/montserrat-cyrillic-ext-300-normal-AjyHH-nA.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-300-normal-Ctr4ZZfs.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/montserrat-cyrillic-300-normal-DyQnI4ta.woff2) format("woff2"),url(/assets/montserrat-cyrillic-300-normal-BVP0yxL_.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/montserrat-vietnamese-300-normal-BIrGnxdC.woff2) format("woff2"),url(/assets/montserrat-vietnamese-300-normal-F69v1y7v.woff) format("woff");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:Montserrat;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/montserrat-latin-ext-300-normal-DiDe5dVi.woff2) format("woff2"),url(/assets/montserrat-latin-ext-300-normal-BCbSOsYO.woff) format("woff");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:Montserrat;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/montserrat-latin-300-normal-BgP24wlQ.woff2) format("woff2"),url(/assets/montserrat-latin-300-normal-sTRdVzlf.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-cyrillic-ext-400-normal-Xqov12YL.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-400-normal-DRPPeomZ.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-cyrillic-400-normal-BPq32Q8K.woff2) format("woff2"),url(/assets/montserrat-cyrillic-400-normal-jEs4Tk-Z.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-vietnamese-400-normal-D4oHqQTd.woff2) format("woff2"),url(/assets/montserrat-vietnamese-400-normal-BeEscFYY.woff) format("woff");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:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-ext-400-normal-B8bwfy6Y.woff2) format("woff2"),url(/assets/montserrat-latin-ext-400-normal-BffdBkAA.woff) format("woff");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:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-400-normal-BLhwKU8k.woff2) format("woff2"),url(/assets/montserrat-latin-400-normal-xItZbAXg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-cyrillic-ext-500-normal-11xBT7e1.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-500-normal-DOzfAZ45.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-cyrillic-500-normal-T0SG181k.woff2) format("woff2"),url(/assets/montserrat-cyrillic-500-normal-CyGtXmN9.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-vietnamese-500-normal-NT-t8RG1.woff2) format("woff2"),url(/assets/montserrat-vietnamese-500-normal-DpeZlV_K.woff) format("woff");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:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-latin-ext-500-normal-BKtbrd6n.woff2) format("woff2"),url(/assets/montserrat-latin-ext-500-normal-DWPqqZgs.woff) format("woff");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:Montserrat;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/montserrat-latin-500-normal-DRFEGfly.woff2) format("woff2"),url(/assets/montserrat-latin-500-normal-Dok2oTci.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-cyrillic-ext-600-normal-BtBW-rpm.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-600-normal-wReYPmz2.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-cyrillic-600-normal-CQEPC0hM.woff2) format("woff2"),url(/assets/montserrat-cyrillic-600-normal-DUglwBrH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-vietnamese-600-normal-DKe6qT_E.woff2) format("woff2"),url(/assets/montserrat-vietnamese-600-normal-SJ-HTWuM.woff) format("woff");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:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-latin-ext-600-normal-DSkTqI9L.woff2) format("woff2"),url(/assets/montserrat-latin-ext-600-normal-CSDhkhgS.woff) format("woff");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:Montserrat;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/montserrat-latin-600-normal-UVxSCcoG.woff2) format("woff2"),url(/assets/montserrat-latin-600-normal-CdhFl4lI.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-cyrillic-ext-700-normal-MyDreaeu.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-700-normal-D-Mk2xRJ.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-cyrillic-700-normal-D-Pqjtdp.woff2) format("woff2"),url(/assets/montserrat-cyrillic-700-normal-BvLYcGP1.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-vietnamese-700-normal-C0x1De3p.woff2) format("woff2"),url(/assets/montserrat-vietnamese-700-normal-DnwGT2D9.woff) format("woff");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:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-latin-ext-700-normal-BOP2Nhf0.woff2) format("woff2"),url(/assets/montserrat-latin-ext-700-normal-DdDFr05Z.woff) format("woff");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:Montserrat;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/montserrat-latin-700-normal-BdjcYUrC.woff2) format("woff2"),url(/assets/montserrat-latin-700-normal-BWkrl476.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/montserrat-cyrillic-ext-400-italic-CRZl7Pbw.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-400-italic-B7dPuRsp.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/montserrat-cyrillic-400-italic-Dekf1MMa.woff2) format("woff2"),url(/assets/montserrat-cyrillic-400-italic-DujvSxAZ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/montserrat-vietnamese-400-italic-CnNqNBsX.woff2) format("woff2"),url(/assets/montserrat-vietnamese-400-italic-CY6mr5hj.woff) format("woff");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:Montserrat;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-ext-400-italic-CqDeWaGF.woff2) format("woff2"),url(/assets/montserrat-latin-ext-400-italic-C0uPIDUh.woff) format("woff");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:Montserrat;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-400-italic-CnlIvBC9.woff2) format("woff2"),url(/assets/montserrat-latin-400-italic-a0UhtteB.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/montserrat-cyrillic-ext-500-italic-Diar4N5o.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-500-italic-GSDxrqhm.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/montserrat-cyrillic-500-italic-BYQp2hv8.woff2) format("woff2"),url(/assets/montserrat-cyrillic-500-italic-BTEyYPuP.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/montserrat-vietnamese-500-italic-C0c1K7aL.woff2) format("woff2"),url(/assets/montserrat-vietnamese-500-italic-Can_StxK.woff) format("woff");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:Montserrat;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/montserrat-latin-ext-500-italic-DtpM8EBF.woff2) format("woff2"),url(/assets/montserrat-latin-ext-500-italic-Ddwrr5Ol.woff) format("woff");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:Montserrat;font-style:italic;font-display:swap;font-weight:500;src:url(/assets/montserrat-latin-500-italic-DXA4yvBS.woff2) format("woff2"),url(/assets/montserrat-latin-500-italic-Dkg8VHej.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brown-900: #33211A;--brown-800: #3D2820;--brown-700: #6E4A3C;--brown-500: #9C8577;--brown-300: #CFC1B4;--brown-200: #E3D7C9;--brown-100: #F1EAE1;--brown-050: #F6EFE7;--cream: #FDFAF6;--paper: #FFFFFF;--canvas: #EFE9E1;--hairline: #EDE4D9;--butter: #FFFACA;--butter-deep: #E8DCB0;--sage: #B5C49F;--sage-ink: #5E7046;--sage-tint: #EEF2E7;--sage-tint-2: #F4F6EF;--blue: #80A4BF;--blue-ink: #4A6274;--blue-tint: #ECF1F5;--slate: #536A7B;--on-dark: #FDFAF6;--on-dark-body: #E4D8CE;--on-dark-muted: #A8968B;--on-dark-hairline: rgba(255, 250, 202, .12);--bg: var(--cream);--surface: var(--paper);--surface-soft: var(--brown-100);--text: var(--brown-700);--text-muted: var(--brown-500);--text-inverse: var(--butter);--accent: var(--butter);--primary: var(--brown-700);--outline: var(--brown-200);--divider: var(--hairline);--illustration-ground: var(--butter);--illustration-stroke: var(--brown-700);--illustration-stroke-dark: var(--butter);--level-beginner: var(--sage);--level-beginner-ink: var(--sage-ink);--level-beginner-tint: var(--sage-tint);--level-intermediate: var(--blue);--level-intermediate-ink: var(--blue-ink);--level-intermediate-tint: var(--blue-tint);--level-advanced: var(--brown-700);--level-advanced-ink: #8A6B5B;--level-advanced-tint: var(--brown-050);--player-bg: var(--brown-900);--player-surface: var(--brown-800);--player-text: var(--on-dark);--player-body: var(--on-dark-body);--player-muted: var(--on-dark-muted);--player-accent: var(--butter)}:root{--font-sans: "Montserrat", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--type-display-xl: 400 40px/1 var(--font-sans);--type-display-l: 600 33px/1.05 var(--font-sans);--type-display-m: 600 25px/1.08 var(--font-sans);--type-display-s: 600 19px/1.2 var(--font-sans);--tracking-display: -.6px;--type-body-l: 400 16px/1.65 var(--font-sans);--type-body: 400 15px/1.62 var(--font-sans);--type-body-s: 400 13.5px/1.55 var(--font-sans);--type-label: 500 12.5px/1.3 var(--font-sans);--type-label-strong: 600 14.5px/1.2 var(--font-sans);--type-sanskrit: italic 400 14px/1.3 var(--font-sans);--tracking-sanskrit: .2px;--type-overline: 700 10.5px/1.2 var(--font-sans);--tracking-overline: 1.4px;--type-tag: 700 9.5px/1 var(--font-sans);--tracking-tag: .9px;--type-meta: 400 8.5px/1.2 var(--font-mono);--tracking-meta: 1.2px;--type-timer: 300 96px/1 var(--font-sans)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--gutter: 20px;--safe-top: 62px;--safe-bottom: 30px;--radius-pill: 999px;--radius-hero: 26px;--radius-card: 16px;--radius-tile: 12px;--radius-tag: 6px;--tap-min: 44px;--button-h: 52px;--icon-button: 36px;--shadow-float: 0 8px 28px rgba(51, 33, 26, .12);--ease-out: cubic-bezier(.2, .8, .2, 1);--dur-fast: .16s;--dur-base: .26s;--dur-breath: 4s}:root{--inset-top: env(safe-area-inset-top, 0px);--inset-bottom: env(safe-area-inset-bottom, 0px);--tabbar-h: 58px;--shell-max: 480px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--canvas);color:var(--text);font:var(--type-body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100dvh;display:flex;justify-content:center}.shell{width:100%;max-width:var(--shell-max);min-height:100dvh;background:var(--bg);position:relative;display:flex;flex-direction:column}.shell.dark{background:var(--player-bg);color:var(--player-text)}.shell.shell-full{max-width:none}.icon-btn{width:var(--icon-button);height:var(--icon-button);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--text);border:0;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.icon-btn:active{transform:scale(.97);filter:brightness(.96)}.dark .icon-btn{background:#fffaca1f;color:var(--butter)}.overline{font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--text-muted)}.sanskrit{font:var(--type-sanskrit);letter-spacing:var(--tracking-sanskrit);color:var(--text-muted)}.btn{height:var(--button-h);padding:0 24px;border-radius:var(--radius-pill);border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:var(--type-label-strong);cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.97);filter:brightness(.96)}.btn-primary{background:var(--primary);color:var(--text-inverse)}.btn-secondary{background:var(--surface-soft);color:var(--text)}.dark .btn-primary{background:var(--butter);color:var(--brown-900)}.dark .btn-ghost{background:transparent;color:var(--butter);border:1px solid rgba(255,250,202,.28)}.chip{flex:0 0 auto;border-radius:var(--radius-pill);padding:9px 14px;font:500 12.5px/1 var(--font-sans);color:var(--text);border:1px solid var(--outline);background:transparent;cursor:pointer;white-space:nowrap}.chip.on{background:var(--primary);color:var(--text-inverse);border-color:var(--primary)}.meta{font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase;color:#b5a699}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--spacing:.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-normal:0em;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--animate-rise:rise var(--dur-base) var(--ease-out) both;--animate-fade:fadein var(--dur-fast) var(--ease-out) both;--font-sans:var(--font-sans);--font-mono:var(--font-mono);--radius-pill:var(--radius-pill);--radius-hero:var(--radius-hero);--radius-card:var(--radius-card);--radius-tile:var(--radius-tile);--radius-tag:var(--radius-tag);--shadow-float:var(--shadow-float);--spacing-button:var(--button-h);--spacing-tabbar:58px}}@layer base{button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),textarea{appearance:none;background:0 0;border:0;border-radius:0;margin:0}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}[hidden]{display:none!important}[data-vaul-drawer]{outline:none}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.-top-5{top:calc(var(--spacing) * -5)}.top-0\.75{top:calc(var(--spacing) * .75)}.top-1\/2{top:50%}.top-16{top:calc(var(--spacing) * 16)}.top-\[calc\(var\(--inset-top\)\+8px\)\]{top:calc(var(--inset-top) + 8px)}.-right-7{right:calc(var(--spacing) * -7)}.right-4{right:calc(var(--spacing) * 4)}.bottom-0{bottom:0}.bottom-\[calc\(var\(--inset-bottom\)\+96px\)\]{bottom:calc(var(--inset-bottom) + 96px)}.left-0\.75{left:calc(var(--spacing) * .75)}.left-1\/2{left:50%}.left-\[21px\]{left:21px}.z-10{z-index:10}.z-55{z-index:55}.z-60{z-index:60}.z-70{z-index:70}.z-71{z-index:71}.z-80{z-index:80}.z-81{z-index:81}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.mx-gutter{margin-inline:var(--gutter)}.my-0\.5{margin-block:calc(var(--spacing) * .5)}.-mt-1{margin-top:calc(var(--spacing) * -1)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-0\.75{margin-top:calc(var(--spacing) * .75)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-2\.5{margin-top:calc(var(--spacing) * 2.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-4\.5{margin-top:calc(var(--spacing) * 4.5)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-5\.5{margin-top:calc(var(--spacing) * 5.5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-9{margin-top:calc(var(--spacing) * 9)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.-mr-1\.5{margin-right:calc(var(--spacing) * -1.5)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}.ml-auto{margin-left:auto}.hs{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto}.hs::-webkit-scrollbar{display:none}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[1\/1\.1\]{aspect-ratio:1/1.1}.aspect-square{aspect-ratio:1}.size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-12{width:calc(var(--spacing) * 12);height:calc(var(--spacing) * 12)}.size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-\[22px\]{width:22px;height:22px}.size-\[34px\]{width:34px;height:34px}.size-\[38px\]{width:38px;height:38px}.size-\[52px\]{width:52px;height:52px}.size-\[60px\]{width:60px;height:60px}.size-\[120px\]{width:120px;height:120px}.size-\[168px\]{width:168px;height:168px}.size-\[190px\]{width:190px;height:190px}.size-icon{width:var(--icon-button);height:var(--icon-button)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-14{height:calc(var(--spacing) * 14)}.h-24{height:calc(var(--spacing) * 24)}.h-\[46px\]{height:46px}.h-\[50px\]{height:50px}.h-\[52px\]{height:52px}.h-\[70\%\]{height:70%}.h-auto{height:auto}.h-button{height:var(--button-h)}.h-full{height:100%}.h-px{height:1px}.max-h-\[46dvh\]{max-height:46dvh}.max-h-\[86dvh\]{max-height:86dvh}.max-h-\[92dvh\]{max-height:92dvh}.min-h-0{min-height:0}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-\[58px\]{min-height:58px}.min-h-dvh{min-height:100dvh}.min-h-tap{min-height:var(--tap-min)}.w-2{width:calc(var(--spacing) * 2)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-36{width:calc(var(--spacing) * 36)}.w-\[46\%\]{width:46%}.w-\[46px\]{width:46px}.w-\[52px\]{width:52px}.w-\[104px\]{width:104px}.w-\[120px\]{width:120px}.w-\[380px\]{width:380px}.w-\[calc\(100\%-40px\)\]{width:calc(100% - 40px)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[22ch\]{max-width:22ch}.max-w-\[38ch\]{max-width:38ch}.max-w-\[220px\]{max-width:220px}.max-w-\[300px\]{max-width:300px}.max-w-\[360px\]{max-width:360px}.max-w-\[420px\]{max-width:420px}.max-w-\[480px\]{max-width:480px}.max-w-\[640px\]{max-width:640px}.max-w-\[1100px\]{max-width:1100px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[calc\(100\%-40px\)\]{max-width:calc(100% - 40px)}.max-w-none{max-width:none}.max-w-shell{max-width:480px}.min-w-0{min-width:0}.min-w-14{min-width:calc(var(--spacing) * 14)}.flex-1{flex:1}.flex-auto{flex:auto}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-\[1\.02\]{scale:1.02}.rotate-\[-1deg\]{rotate:-1deg}.press{transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.press:active{filter:brightness(.96);transform:scale(.97)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.cursor-grab{cursor:grab}.cursor-text{cursor:text}.touch-none{touch-action:none}.list-none{list-style-type:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[minmax\(380px\,480px\)_1fr\]{grid-template-columns:minmax(380px,480px) 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-1\.25{gap:calc(var(--spacing) * 1.25)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-20{gap:calc(var(--spacing) * 20)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-center{align-self:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.rounded-\[8px\]{border-radius:8px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-\[22px\]{border-radius:22px}.rounded-card{border-radius:var(--radius-card)}.rounded-full{border-radius:3.40282e38px}.rounded-hero{border-radius:var(--radius-hero)}.rounded-none{border-radius:0}.rounded-pill{border-radius:var(--radius-pill)}.rounded-tag{border-radius:var(--radius-tag)}.rounded-tile{border-radius:var(--radius-tile)}.rounded-t-sheet{border-top-left-radius:28px;border-top-right-radius:28px}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[1\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:1.5px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-blue{border-color:var(--blue)}.border-butter,.border-butter\/25{border-color:var(--butter)}@supports (color:color-mix(in lab,red,red)){.border-butter\/25{border-color:color-mix(in oklab,var(--butter) 25%,transparent)}}.border-butter\/60{border-color:var(--butter)}@supports (color:color-mix(in lab,red,red)){.border-butter\/60{border-color:color-mix(in oklab,var(--butter) 60%,transparent)}}.border-divider{border-color:var(--divider)}.border-level-advanced-ink{border-color:var(--level-advanced-ink)}.border-outline{border-color:var(--outline)}.border-primary,.border-primary\/60{border-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.border-primary\/60{border-color:color-mix(in oklab,var(--primary) 60%,transparent)}}.border-transparent{border-color:#0000}.bg-accent{background-color:var(--accent)}.bg-bg{background-color:var(--bg)}.bg-blue{background-color:var(--blue)}.bg-blue-tint,.bg-blue-tint\/60{background-color:var(--blue-tint)}@supports (color:color-mix(in lab,red,red)){.bg-blue-tint\/60{background-color:color-mix(in oklab,var(--blue-tint) 60%,transparent)}}.bg-brown-900,.bg-brown-900\/35{background-color:var(--brown-900)}@supports (color:color-mix(in lab,red,red)){.bg-brown-900\/35{background-color:color-mix(in oklab,var(--brown-900) 35%,transparent)}}.bg-brown-900\/45{background-color:var(--brown-900)}@supports (color:color-mix(in lab,red,red)){.bg-brown-900\/45{background-color:color-mix(in oklab,var(--brown-900) 45%,transparent)}}.bg-butter{background-color:var(--butter)}.bg-butter-deep{background-color:var(--butter-deep)}.bg-butter\/8{background-color:var(--butter)}@supports (color:color-mix(in lab,red,red)){.bg-butter\/8{background-color:color-mix(in oklab,var(--butter) 8%,transparent)}}.bg-butter\/10{background-color:var(--butter)}@supports (color:color-mix(in lab,red,red)){.bg-butter\/10{background-color:color-mix(in oklab,var(--butter) 10%,transparent)}}.bg-butter\/12{background-color:var(--butter)}@supports (color:color-mix(in lab,red,red)){.bg-butter\/12{background-color:color-mix(in oklab,var(--butter) 12%,transparent)}}.bg-butter\/14{background-color:var(--butter)}@supports (color:color-mix(in lab,red,red)){.bg-butter\/14{background-color:color-mix(in oklab,var(--butter) 14%,transparent)}}.bg-butter\/16{background-color:var(--butter)}@supports (color:color-mix(in lab,red,red)){.bg-butter\/16{background-color:color-mix(in oklab,var(--butter) 16%,transparent)}}.bg-figure-ground{background-color:var(--figure-ground)}.bg-ground{background-color:var(--illustration-ground)}.bg-level-advanced{background-color:var(--level-advanced)}.bg-level-advanced-ink{background-color:var(--level-advanced-ink)}.bg-level-advanced-tint{background-color:var(--level-advanced-tint)}.bg-level-beginner{background-color:var(--level-beginner)}.bg-level-beginner-tint{background-color:var(--level-beginner-tint)}.bg-level-intermediate{background-color:var(--level-intermediate)}.bg-level-intermediate-tint{background-color:var(--level-intermediate-tint)}.bg-mat{background-color:var(--player-bg)}.bg-mat-card{background-color:var(--mat-card,var(--player-bg))}.bg-outline{background-color:var(--outline)}.bg-phase-cool{background-color:var(--phase-cool)}.bg-phase-peak{background-color:var(--phase-peak)}.bg-phase-warm{background-color:var(--phase-warm)}.bg-phase-work{background-color:var(--phase-work)}.bg-primary,.bg-primary\/8{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/8{background-color:color-mix(in oklab,var(--primary) 8%,transparent)}}.bg-primary\/40{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/40{background-color:color-mix(in oklab,var(--primary) 40%,transparent)}}.bg-sage{background-color:var(--sage)}.bg-sage-tint{background-color:var(--sage-tint)}.bg-sage-tint-2{background-color:var(--sage-tint-2)}.bg-surface{background-color:var(--surface)}.bg-surface-soft{background-color:var(--surface-soft)}.bg-transparent{background-color:#0000}.bg-linear-to-t{--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-t{--tw-gradient-position:to top in oklab}}.bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[radial-gradient\(circle\,rgba\(255\,250\,202\,0\.18\)\,rgba\(255\,250\,202\,0\)_70\%\)\]{background-image:radial-gradient(circle,#fffaca2e,#fffaca00 70%)}.from-bg{--tw-gradient-from:var(--bg);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-70\%{--tw-gradient-from-position:70%}.from-\[62\%\]{--tw-gradient-from-position:62%}.from-\[70\%\]{--tw-gradient-from-position:70%}.to-bg\/0{--tw-gradient-to:var(--bg)}@supports (color:color-mix(in lab,red,red)){.to-bg\/0{--tw-gradient-to:color-mix(in oklab, var(--bg) 0%, transparent)}}.to-bg\/0{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.stroke-small svg{stroke-width:10px}.stroke-thumb svg{stroke-width:12px}.p-0{padding:0}.p-0\.75{padding:calc(var(--spacing) * .75)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-\[4\%\]{padding:4%}.\!px-0{padding-inline:0!important}.\!px-3{padding-inline:calc(var(--spacing) * 3)!important}.\!px-4{padding-inline:calc(var(--spacing) * 4)!important}.px-0{padding-inline:0}.px-1{padding-inline:var(--spacing)}.px-1\.75{padding-inline:calc(var(--spacing) * 1.75)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-2\.25{padding-inline:calc(var(--spacing) * 2.25)}.px-2\.75{padding-inline:calc(var(--spacing) * 2.75)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-3\.25{padding-inline:calc(var(--spacing) * 3.25)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-4\.5{padding-inline:calc(var(--spacing) * 4.5)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-12{padding-inline:calc(var(--spacing) * 12)}.px-gutter{padding-inline:var(--gutter)}.py-0{padding-block:0}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-1\.75{padding-block:calc(var(--spacing) * 1.75)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-2\.25{padding-block:calc(var(--spacing) * 2.25)}.py-2\.75{padding-block:calc(var(--spacing) * 2.75)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-2\.5{padding-top:calc(var(--spacing) * 2.5)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-4\.5{padding-top:calc(var(--spacing) * 4.5)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-5\.5{padding-top:calc(var(--spacing) * 5.5)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-24{padding-top:calc(var(--spacing) * 24)}.pt-\[calc\(var\(--inset-top\)\+10px\)\]{padding-top:calc(var(--inset-top) + 10px)}.pt-\[calc\(var\(--inset-top\)\+12px\)\]{padding-top:calc(var(--inset-top) + 12px)}.pt-\[calc\(var\(--inset-top\)\+28px\)\]{padding-top:calc(var(--inset-top) + 28px)}.pt-\[calc\(var\(--inset-top\)\+72px\)\]{padding-top:calc(var(--inset-top) + 72px)}.pr-0\.5{padding-right:calc(var(--spacing) * .5)}.pr-1{padding-right:var(--spacing)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4\.5{padding-bottom:calc(var(--spacing) * 4.5)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-\[calc\(var\(--inset-bottom\)\+12px\)\]{padding-bottom:calc(var(--inset-bottom) + 12px)}.pb-\[calc\(var\(--inset-bottom\)\+16px\)\]{padding-bottom:calc(var(--inset-bottom) + 16px)}.pb-\[calc\(var\(--inset-bottom\)\+24px\)\]{padding-bottom:calc(var(--inset-bottom) + 24px)}.pb-\[calc\(var\(--inset-bottom\)\+40px\)\]{padding-bottom:calc(var(--inset-bottom) + 40px)}.pb-\[calc\(var\(--inset-bottom\)\+120px\)\]{padding-bottom:calc(var(--inset-bottom) + 120px)}.pb-\[calc\(var\(--spacing-button\)\+var\(--inset-bottom\)\+60px\)\]{padding-bottom:calc(var(--spacing-button) + var(--inset-bottom) + 60px)}.pb-\[calc\(var\(--spacing-tabbar\)\+var\(--inset-bottom\)\+20px\)\]{padding-bottom:calc(var(--spacing-tabbar) + var(--inset-bottom) + 20px)}.pl-0\.5{padding-left:calc(var(--spacing) * .5)}.pl-1{padding-left:var(--spacing)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[26px\]{font-size:26px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.3\]{--tw-leading:1.3;line-height:1.3}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.t-meta{font:var(--type-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase}.t-overline{font:var(--type-overline);letter-spacing:var(--tracking-overline);text-transform:uppercase}.t-stat-label{font:600 9.5px/1 var(--font-sans);letter-spacing:1px;text-transform:uppercase}.t-tag{font:var(--type-tag);letter-spacing:var(--tracking-tag);text-transform:uppercase}.t-display-l{font:var(--type-display-l);letter-spacing:var(--tracking-display)}.t-display-m{font:var(--type-display-m);letter-spacing:-.5px}.t-display-s{font:var(--type-display-s);letter-spacing:-.3px}.t-display-xl{font:var(--type-display-xl);letter-spacing:var(--tracking-display)}.t-hero-question{font:300 22px/1.15 var(--font-sans);letter-spacing:-.4px}.t-hero-title{font:300 26px/1.1 var(--font-sans);letter-spacing:-.5px}.t-page-title{font:600 28px/1.05 var(--font-sans);letter-spacing:-.5px}.t-sanskrit{font:var(--type-sanskrit);letter-spacing:var(--tracking-sanskrit)}.t-title{font:600 26px/1.1 var(--font-sans);letter-spacing:-.5px}.t-title-s{font:600 22px/1.05 var(--font-sans);letter-spacing:-.3px}.tracking-\[-0\.5px\]{--tw-tracking:-.5px;letter-spacing:-.5px}.tracking-\[0\.6px\]{--tw-tracking:.6px;letter-spacing:.6px}.tracking-\[0\.8px\]{--tw-tracking:.8px;letter-spacing:.8px}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.t-body{font:var(--type-body);text-wrap:pretty}.t-body-l{font:var(--type-body-l);text-wrap:pretty}.t-body-s{font:var(--type-body-s);text-wrap:pretty}.t-callout{font:400 13.5px/1.55 var(--font-sans);text-wrap:pretty}.t-note{font:400 12.5px/1.45 var(--font-sans);text-wrap:pretty}.whitespace-nowrap{white-space:nowrap}.text-\[\#3F5464\]{color:#3f5464}.text-\[\#4F5B41\]{color:#4f5b41}.text-\[\#B5A699\]{color:#b5a699}.text-\[\#C9BBB0\]{color:#c9bbb0}.text-accent{color:var(--accent)}.text-blue{color:var(--blue)}.text-blue-ink{color:var(--blue-ink)}.text-brown-300{color:var(--brown-300)}.text-brown-900{color:var(--brown-900)}.text-butter{color:var(--butter)}.text-icon-muted{color:var(--icon-muted)}.text-ink-soft{color:var(--ink-soft)}.text-level-advanced-ink{color:var(--level-advanced-ink)}.text-level-beginner-ink{color:var(--level-beginner-ink)}.text-level-intermediate-ink{color:var(--level-intermediate-ink)}.text-mat-muted{color:var(--player-muted)}.text-mat-text{color:var(--player-text)}.text-meta{color:var(--meta-ink)}.text-on-dark{color:var(--on-dark)}.text-on-dark-body{color:var(--on-dark-body)}.text-on-dark-muted{color:var(--on-dark-muted)}.text-on-dark-soft{color:var(--on-dark-soft)}.text-primary{color:var(--primary)}.text-sage-ink{color:var(--sage-ink)}.text-slate{color:var(--slate)}.text-stroke{color:var(--illustration-stroke)}.text-text{color:var(--text)}.text-text-inverse{color:var(--text-inverse)}.text-text-muted{color:var(--text-muted)}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.overline{text-decoration-line:overline}.accent-primary{accent-color:var(--primary)}.opacity-0{opacity:0}.opacity-35{opacity:.35}.opacity-50{opacity:.5}.shadow-\[0_-12px_40px_rgba\(51\,33\,26\,0\.14\)\]{--tw-shadow:0 -12px 40px var(--tw-shadow-color,#33211a24);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-float{--tw-shadow:var(--shadow-float);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:-1px}.outline-primary{outline-color:var(--primary)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\]{transition-property:left;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.dur-fast{transition-duration:var(--dur-fast)}.ease-yyp{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.no-callout{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.outline-none{--tw-outline-style:none;outline-style:none}.t-action{font:600 13px/1 var(--font-sans)}.t-action-quiet{font:500 13px/1 var(--font-sans)}.t-button{font:600 13.5px/1 var(--font-sans)}.t-caption{font:400 12.5px/1.4 var(--font-sans)}.t-control{font:500 12.5px/1 var(--font-sans)}.t-control-bold{font:700 11.5px/1 var(--font-sans)}.t-control-s{font:500 11.5px/1 var(--font-sans)}.t-control-strong{font:600 12px/1 var(--font-sans)}.t-field-detail{font:400 12px/1.3 var(--font-sans)}.t-field-title{font:500 14.5px/1.3 var(--font-sans)}.t-item-detail{font:400 11px/1.3 var(--font-sans)}.t-item-title{font:600 13.5px/1.2 var(--font-sans)}.t-label{font:var(--type-label)}.t-label-strong{font:var(--type-label-strong)}.t-pill{font:600 11.5px/1 var(--font-sans)}.t-row-detail{font:400 11.5px/1.3 var(--font-sans)}.t-row-title{font:600 14.5px/1.2 var(--font-sans)}.t-small{font:400 13px/1.4 var(--font-sans)}.t-stat{font:600 19px/1 var(--font-sans)}.t-tab{font:500 9.5px/1 var(--font-sans)}.placeholder\:text-text-muted::placeholder{color:var(--text-muted)}.focus\:border-outline:focus{border-color:var(--outline)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-outline:focus-visible{--tw-ring-color:var(--outline)}.active\:text-text:active{color:var(--text)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:text-icon-muted:disabled{color:var(--icon-muted)}.disabled\:text-text-muted:disabled{color:var(--text-muted)}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}@media(prefers-reduced-motion:no-preference){.motion-safe\:animate-fade{animation:var(--animate-fade)}.motion-safe\:animate-rise{animation:var(--animate-rise)}}.dark\:border-mat-accent\/28:where(.dark,.dark *){border-color:var(--player-accent)}@supports (color:color-mix(in lab,red,red)){.dark\:border-mat-accent\/28:where(.dark,.dark *){border-color:color-mix(in oklab,var(--player-accent) 28%,transparent)}}.dark\:border-mat-accent\/40:where(.dark,.dark *){border-color:var(--player-accent)}@supports (color:color-mix(in lab,red,red)){.dark\:border-mat-accent\/40:where(.dark,.dark *){border-color:color-mix(in oklab,var(--player-accent) 40%,transparent)}}.dark\:bg-butter\/8:where(.dark,.dark *){background-color:var(--butter)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-butter\/8:where(.dark,.dark *){background-color:color-mix(in oklab,var(--butter) 8%,transparent)}}.dark\:bg-mat-accent:where(.dark,.dark *),.dark\:bg-mat-accent\/12:where(.dark,.dark *){background-color:var(--player-accent)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-mat-accent\/12:where(.dark,.dark *){background-color:color-mix(in oklab,var(--player-accent) 12%,transparent)}}.dark\:text-brown-900:where(.dark,.dark *){color:var(--brown-900)}.dark\:text-butter:where(.dark,.dark *){color:var(--butter)}.dark\:text-mat-accent:where(.dark,.dark *){color:var(--player-accent)}.\[\&_h1\]\:max-w-\[16ch\] h1{max-width:16ch}.\[\&\:\:-webkit-search-cancel-button\]\:hidden::-webkit-search-cancel-button{display:none}.\[\&\>div\:first-child\]\:mx-0>div:first-child{margin-inline:0}.\[\&\>div\:first-child\]\:w-\[240px\]>div:first-child{width:240px}}:root{--figure-ground:#f4efe8;--ink-soft:#7a6459;--meta-ink:#b5a699;--icon-muted:var(--brown-300);--on-dark-soft:#c9bbb0;--phase-warm:#e6dcd1;--phase-work:#cfc1b4;--phase-peak:var(--butter);--phase-cool:var(--sage)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes pulse{50%{opacity:.5}}@keyframes rise{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}[data-theme=sage]{--bg: #F7F8F2;--accent: #E4EBD6;--primary: #4F5B41;--player-bg: #2A3122;--text: #4F5B41;--text-inverse: #F7F8F2;--illustration-ground: #E4EBD6;--illustration-stroke: #4F5B41;--surface: #FFFFFF;--surface-soft: color-mix(in oklab, #E4EBD6 55%, #FFFFFF);--text-muted: color-mix(in oklab, #4F5B41 62%, #F7F8F2);--outline: color-mix(in oklab, #4F5B41 22%, #F7F8F2);--divider: color-mix(in oklab, #4F5B41 12%, #F7F8F2);--hairline: var(--divider);--player-surface: color-mix(in oklab, #2A3122 88%, #E4EBD6);--player-accent: #E4EBD6;--illustration-stroke-dark: #E4EBD6;--level-advanced: #4F5B41;--level-advanced-tint: color-mix(in oklab, #4F5B41 8%, #F7F8F2)}[data-theme=dusk]{--bg: #EEF3F7;--accent: #DCE6EE;--primary: #3F5464;--player-bg: #1F2A33;--text: #3F5464;--text-inverse: #EEF3F7;--illustration-ground: #DCE6EE;--illustration-stroke: #3F5464;--surface: #FFFFFF;--surface-soft: color-mix(in oklab, #DCE6EE 55%, #FFFFFF);--text-muted: #6E8194;--outline: color-mix(in oklab, #3F5464 22%, #EEF3F7);--divider: color-mix(in oklab, #3F5464 12%, #EEF3F7);--hairline: var(--divider);--player-surface: color-mix(in oklab, #1F2A33 88%, #DCE6EE);--player-accent: #DCE6EE;--illustration-stroke-dark: #DCE6EE;--level-advanced: #3F5464;--level-advanced-ink: #3F5464;--level-advanced-tint: color-mix(in oklab, #3F5464 8%, #EEF3F7)}[data-theme=clay]{--bg: #FBF3EE;--accent: #F0D9CC;--primary: #8A4A36;--player-bg: #3A1F16;--text: #8A4A36;--text-inverse: #FBF3EE;--illustration-ground: #F0D9CC;--illustration-stroke: #8A4A36;--surface: #FFFFFF;--surface-soft: color-mix(in oklab, #F0D9CC 55%, #FFFFFF);--text-muted: color-mix(in oklab, #8A4A36 60%, #FBF3EE);--outline: color-mix(in oklab, #8A4A36 22%, #FBF3EE);--divider: color-mix(in oklab, #8A4A36 12%, #FBF3EE);--hairline: var(--divider);--player-surface: color-mix(in oklab, #3A1F16 88%, #F0D9CC);--player-accent: #F0D9CC;--illustration-stroke-dark: #F0D9CC;--level-advanced: #8A4A36;--level-advanced-ink: #8A4A36;--level-advanced-tint: color-mix(in oklab, #8A4A36 8%, #FBF3EE)}[data-theme=night]{--bg: #33211A;--accent: #B5C49F;--primary: #FFFACA;--player-bg: #33211A;--text: #FDFAF6;--text-inverse: #33211A;--illustration-ground: #3D2820;--illustration-stroke: #FFFACA;--surface: #3D2820;--surface-soft: color-mix(in oklab, #3D2820 80%, #FFFACA);--text-muted: #A8968B;--outline: color-mix(in oklab, #FFFACA 22%, #33211A);--divider: color-mix(in oklab, #FFFACA 12%, #33211A);--hairline: var(--divider);--canvas: #1F1410;--paper: #3D2820;--mat-card: #3D2820;--figure-ground: color-mix(in oklab, #3D2820 70%, #FFFACA);--ink-soft: #C9BBB0;--meta-ink: #8F7F74;--icon-muted: #7A6459;--on-dark-soft: #C9BBB0;--slate: #A9C4D8;--brown-300: #6E5A4E;--phase-warm: color-mix(in oklab, #E6DCD1 35%, #33211A);--phase-work: color-mix(in oklab, #CFC1B4 40%, #33211A);--phase-cool: color-mix(in oklab, #B5C49F 55%, #33211A);--player-surface: #3D2820;--player-accent: #FFFACA;--illustration-stroke-dark: #FFFACA;--sage-tint: color-mix(in oklab, #B5C49F 18%, #33211A);--sage-tint-2: color-mix(in oklab, #B5C49F 12%, #33211A);--sage-ink: #B5C49F;--blue-tint: color-mix(in oklab, #80A4BF 16%, #33211A);--blue-ink: #A9C4D8;--level-beginner-tint: color-mix(in oklab, #B5C49F 18%, #33211A);--level-intermediate-tint: color-mix(in oklab, #80A4BF 18%, #33211A);--level-advanced: #FFFACA;--level-advanced-ink: #E8DCB0;--level-advanced-tint: color-mix(in oklab, #FFFACA 10%, #33211A);color-scheme:dark}.pose-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.pose-card{border-radius:var(--radius-card);overflow:hidden;background:var(--surface);border:1px solid var(--divider);text-decoration:none;color:inherit;display:block;transition:transform var(--dur-fast) var(--ease-out)}.pose-card:active{transform:scale(.97)}.pose-card .art{height:110px;background:var(--illustration-ground);position:relative;color:var(--illustration-stroke)}.pose-card .art>.fig{position:absolute;inset:6%;width:auto;height:auto}.pose-card .dot{position:absolute;top:8px;left:8px;width:8px;height:8px;border-radius:999px}.pose-card .txt{padding:10px 12px 12px}.pose-card .name{font:600 13.5px/1.25 var(--font-sans);color:var(--text)}.pose-card .skt{font:italic 400 11px/1.3 var(--font-sans);color:var(--text-muted);margin-top:2px}.hero-wrap{padding:8px var(--gutter) 0}.hero{position:relative;border-radius:var(--radius-hero);background:var(--illustration-ground);overflow:hidden;height:300px;display:flex;align-items:center;justify-content:center;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.hero:active{cursor:grabbing}.hero .fig{position:relative;width:280px;height:280px;color:var(--illustration-stroke)}.hero .ghost{position:absolute;inset:10px;color:var(--illustration-stroke);opacity:.22;pointer-events:none}.hero .ghost>div{width:280px;height:280px;margin:0 auto}.hero .pill{position:absolute;top:16px;left:16px;background:var(--cream);font:700 10px/1 var(--font-sans);letter-spacing:1px;text-transform:uppercase;padding:7px 12px;border-radius:var(--radius-pill);border:0}.hero .mistake{position:absolute;bottom:16px;left:16px;background:var(--cream);color:var(--blue-ink);font:600 11px/1 var(--font-sans);padding:8px 12px;border-radius:var(--radius-pill);border:0;cursor:pointer}.hero .mistake.on{background:var(--blue-ink);color:var(--cream)}.frame-dots{position:absolute;bottom:16px;right:16px;display:flex;gap:6px}.frame-dots button{width:26px;height:26px;border-radius:999px;background:var(--cream);color:var(--text-muted);border:0;font:400 9px/1 var(--font-mono);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.frame-dots button.on{background:var(--primary);color:var(--text-inverse)}.avoid{margin:12px var(--gutter) 0;background:var(--blue-tint);border-radius:12px;padding:10px 12px;font:400 12.5px/1.5 var(--font-sans);color:#3f5464}.avoid b{font-weight:600}.title-block{padding:22px var(--gutter) 0}.title-block h1{margin:0;font:600 33px/1.05 var(--font-sans);letter-spacing:var(--tracking-display);color:var(--text)}.title-block .sanskrit{display:block;margin-top:6px}.title-block .summary{margin:16px 0 0;font:400 15px/1.62 var(--font-sans);color:var(--text);text-wrap:pretty}.stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px var(--gutter) 0;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.stat-row>div{padding:14px 0;text-align:center;border-right:1px solid var(--divider)}.stat-row>div:last-child{border-right:0}.stat-row .v{font:600 19px/1 var(--font-sans);color:var(--text)}.stat-row .l{font:600 9.5px/1 var(--font-sans);letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-top:4px}.arc{padding:26px 0 0}.arc .head{padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:baseline}.arc .strip{display:flex;align-items:flex-start;padding:14px var(--gutter) 0}.arc .tile{flex:0 0 84px;text-align:center;text-decoration:none;color:inherit}.arc .tile.peak{flex-basis:92px}.arc .tile .box{height:72px;border-radius:var(--radius-tile);background:#f4efe8;border:1px solid #EAE0D4;position:relative;overflow:hidden;color:var(--illustration-stroke);padding:4%}.arc .tile.peak .box{background:var(--illustration-ground);border:1.5px solid var(--primary)}.arc .tile .cap{font:500 10.5px/1.3 var(--font-sans);color:#7a6459;margin-top:8px}.arc .tile.peak .cap{font-weight:700;color:var(--text)}.arc .dash{flex:0 0 20px;height:72px;display:flex;align-items:center;justify-content:center;color:var(--brown-300)}.arc .labels{display:flex;justify-content:space-between;padding:12px var(--gutter) 0}.arc .start{padding:14px var(--gutter) 0;font:400 13.5px/1.55 var(--font-sans);color:var(--text-muted);text-wrap:pretty}.cues{padding:26px var(--gutter) 0}.cues ol{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.cues li{display:flex;gap:12px;align-items:flex-start}.cues .n{flex:0 0 20px;font:400 11px/1 var(--font-mono);color:var(--sage);padding-top:3px}.cues .t{font:400 14px/1.55 var(--font-sans);color:var(--text);text-wrap:pretty}.callout{margin:22px var(--gutter) 0;border-radius:18px;padding:16px 18px}.callout.ease{background:var(--sage-tint-2)}.callout.ease .overline{color:#7e8f67}.callout.ease p{color:#4f5b41}.callout.care{background:var(--blue-tint)}.callout.care .overline{color:var(--blue-ink)}.callout.care p{color:#3f5464}.callout p{margin:7px 0 0;font:400 13.5px/1.55 var(--font-sans);text-wrap:pretty}.skeleton-link{display:block;margin:28px var(--gutter) 0;text-decoration:none}.editor{padding:0 var(--gutter)}.editor .frames{display:flex;gap:6px;margin-top:14px}.editor .canvas{margin-top:12px;aspect-ratio:1;border-radius:var(--radius-card);background:var(--illustration-ground);position:relative;overflow:hidden;touch-action:none}.editor .canvas svg{width:100%;height:100%;display:block;color:var(--illustration-stroke)}.editor .row{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.editor .small{height:36px;padding:0 14px;font:600 12px/1 var(--font-sans)}.editor input[type=range]{flex:1;accent-color:var(--primary)}.editor label{font:500 12.5px/1.3 var(--font-sans);color:var(--text)}.editor .note{font:400 12px/1.5 var(--font-sans);color:var(--text-muted);margin-top:12px;text-wrap:pretty}.player{min-height:100dvh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--player-bg);color:var(--player-text);user-select:none;-webkit-user-select:none;touch-action:pan-y}.player .glow{position:absolute;left:0;right:0;top:0;height:470px;background:radial-gradient(ellipse at 50% 40%,#fffaca29,#fffaca00 70%);pointer-events:none}.player-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--inset-top) + 10px) var(--gutter) 0}.player-head .mid{text-align:center;flex:1;min-width:0}.player-head .title{font:600 10px/1 var(--font-sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--on-dark-muted)}.player-head .pos{font:400 12px/1 var(--font-sans);color:#c9bbb0;margin-top:5px;white-space:nowrap}.player .icon-btn{width:38px;height:38px}.offline{position:relative;margin:14px var(--gutter) 0;display:flex;align-items:center;gap:10px;background:#fdfaf60f;border-radius:14px;padding:10px 14px;font:400 12.5px/1.4 var(--font-sans);color:var(--on-dark-body)}.offline i{width:8px;height:8px;border-radius:999px;background:var(--sage);flex:0 0 auto}.segments{position:relative;display:flex;gap:4px;padding:16px var(--gutter) 0}.segments span{flex:1;height:3px;border-radius:2px;background:#fffaca4d;position:relative;overflow:hidden}.segments span b{position:absolute;left:0;top:0;bottom:0;background:var(--butter)}.stage{position:relative;height:300px;display:flex;align-items:center;justify-content:center;margin-top:10px}.stage .ring{width:280px;height:280px;border-radius:999px;border:1px solid rgba(255,250,202,.14);position:absolute}.stage .breath{width:236px;height:236px;border-radius:999px;background:#fffaca0f;position:absolute;animation:breathe var(--breath-cycle, 8s) ease-in-out infinite}.stage .breath.paused{animation-play-state:paused}.stage .figure{position:relative;width:280px;height:280px;color:var(--butter)}@keyframes breathe{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.08);opacity:1}}.readout{position:relative;text-align:center;padding:0 24px}.readout .breath-label{font:600 11px/1 var(--font-sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--sage);min-height:11px}.readout .name{font:300 38px/1.05 var(--font-sans);letter-spacing:-1px;color:var(--on-dark);margin-top:10px}.readout .sanskrit{font:italic 400 14px/1.3 var(--font-sans);color:var(--butter);opacity:.7;margin-top:6px}.readout .timer{font:300 88px/1 var(--font-sans);letter-spacing:-3px;color:var(--butter);margin-top:22px;font-variant-numeric:tabular-nums}.readout .cue{font:400 16px/1.6 var(--font-sans);color:var(--on-dark-body);margin-top:18px;text-wrap:pretty;min-height:52px}.player-foot{position:relative;margin-top:auto;padding:0 var(--gutter) calc(var(--inset-bottom) + 24px)}.next{display:flex;align-items:center;gap:10px;background:#fdfaf60f;border-radius:16px;padding:10px 12px;margin-bottom:16px}.next .lbl{font:600 10px/1 var(--font-sans);letter-spacing:1.2px;text-transform:uppercase;color:var(--on-dark-muted);flex:0 0 auto}.next .thumb{flex:0 0 34px;height:34px;border-radius:9px;background:#fffaca14;position:relative;overflow:hidden;color:var(--butter);padding:4%}.next .txt{flex:1;font:500 13.5px/1.3 var(--font-sans);color:var(--on-dark)}.next .txt span{color:var(--on-dark-muted);font-weight:400}.controls{display:flex;align-items:center;justify-content:center;gap:22px}.controls button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:transform var(--dur-fast) var(--ease-out)}.controls button:active{transform:scale(.97)}.controls .side{width:50px;height:50px;border-radius:999px;background:transparent;border:1px solid rgba(255,250,202,.25);color:var(--butter)}.controls .main{width:70px;height:70px;border-radius:999px;background:var(--butter);color:var(--brown-900)}.controls .hint{text-align:center;font:400 11px/1.4 var(--font-sans);color:var(--on-dark-muted);margin-top:14px}.finish{position:absolute;inset:0;background:var(--player-bg);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(var(--inset-top) + 24px) 28px calc(var(--inset-bottom) + 28px);text-align:center;z-index:5;overflow-y:auto}.finish>*{flex:0 0 auto}.finish .fig{width:200px;height:200px;color:var(--butter);margin-top:auto}.finish .over{font:600 11px/1 var(--font-sans);letter-spacing:1.5px;text-transform:uppercase;color:var(--sage);margin-top:20px}.finish h1{margin:12px 0 0;font:300 32px/1.1 var(--font-sans);letter-spacing:-.8px;color:var(--on-dark)}.finish .sum{font:400 14px/1.4 var(--font-sans);color:#c9bbb0;margin-top:10px}.finish .ask{font:400 15px/1.4 var(--font-sans);color:var(--on-dark);margin-top:30px}.faces{display:flex;gap:12px;margin-top:14px}.faces button{width:60px;height:60px;border-radius:999px;border:1px solid rgba(255,250,202,.25);background:transparent;color:var(--butter);padding:10px;cursor:pointer}.faces button.on{background:var(--butter);color:var(--brown-900);border-color:var(--butter)}.faces button svg{width:100%;height:100%;display:block}.results{display:flex;gap:8px;margin-top:14px}.results button{height:40px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,250,202,.25);background:transparent;color:var(--butter);font:600 13px/1 var(--font-sans);cursor:pointer}.results button.on{background:var(--butter);color:var(--brown-900)}.finish .done{margin-top:30px;margin-bottom:auto}
