@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-divide-y-reverse:0;--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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;--font-mono:"SF Mono", ui-monospace, Menlo, Monaco, "Cascadia Mono", Consolas, monospace;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--leading-tight:1.25;--leading-relaxed:1.625;--radius-2xl:1rem;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Helvetica Neue", "Segoe UI", Roboto, Arial, sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", var(--font-display);--text-display:clamp(2.5rem, 6.5vw, 5rem);--text-display--line-height:1.05;--text-display--letter-spacing:-.028em;--text-display--font-weight:600;--text-title1:clamp(2rem, 4.5vw, 3rem);--text-title1--line-height:1.08;--text-title1--letter-spacing:-.022em;--text-title1--font-weight:600;--text-section:clamp(1.625rem, 3.4vw, 2.5rem);--text-section--line-height:1.12;--text-section--letter-spacing:-.02em;--text-section--font-weight:600;--text-title3:clamp(1.25rem, 2.2vw, 1.5rem);--text-title3--line-height:1.2;--text-title3--letter-spacing:-.014em;--text-title3--font-weight:600;--text-headline:1.0625rem;--text-headline--line-height:1.3;--text-headline--letter-spacing:-.012em;--text-headline--font-weight:600;--text-body:1.0625rem;--text-body--line-height:1.47059;--text-body--letter-spacing:-.01em;--text-callout:1rem;--text-callout--line-height:1.4;--text-callout--letter-spacing:-.008em;--text-subhead:.9375rem;--text-subhead--line-height:1.45;--text-subhead--letter-spacing:-.006em;--text-footnote:.8125rem;--text-footnote--line-height:1.4;--text-footnote--letter-spacing:.002em;--text-caption:.75rem;--text-caption--line-height:1.35;--text-caption--letter-spacing:.01em;--text-label:.75rem;--text-label--line-height:1.2;--text-label--letter-spacing:.055em;--text-code:.8125rem;--text-code--line-height:1.6;--radius-pill:980px;--radius-card:1.25rem;--radius-panel:1rem;--radius-control:.75rem;--radius-chip:.5rem;--ease-apple:cubic-bezier(.28, .11, .32, 1);--ease-apple-spring:cubic-bezier(.5, 1.5, .5, 1);--ease-apple-out:cubic-bezier(.16, 1, .3, 1);--duration-instant:.15s;--duration-fast:.25s;--duration-base:.3s;--duration-medium:.4s;--duration-slow:.6s;--duration-ambient:34s;--container-studio:1400px;--container-lesson:49rem;--blur-material:20px;--blur-haze:56px;--color-system-red:#ff453a;--color-system-orange:#ff9f0a;--color-system-yellow:#ffd60a;--color-system-green:#30d158;--color-system-teal:#40c8e0;--color-system-blue:#0a84ff;--color-system-indigo:#5e5ce6;--color-system-purple:#bf5af2;--color-system-pink:#ff375f;--color-canvas:#000;--color-surface:#1d1d1f;--color-surface-subtle:#161617;--color-surface-hover:#2c2c2e;--color-surface-elevated:#2c2c2e;--color-text-primary:#f5f5f7;--color-text-secondary:#a1a1a6;--color-text-muted:#86868b;--color-accent-blue:#2997ff;--color-accent-blue-hover:#45a5ff;--color-accent-fill:#0071e3;--color-accent-fill-hover:#0077ed;--color-accent-signal:#30d158;--color-accent-lime:#e2f952;--color-syntax-plain:#fff;--color-syntax-keyword:#fc5fa3;--color-syntax-string:#fc6a5d;--color-syntax-number:#d0bf69;--color-syntax-comment:#7f8c98;--color-syntax-type:#5dd8ff;--color-syntax-function:#67b7a4;--color-syntax-identifier:#ae7ceb;--color-syntax-property:#41a1c0;--color-syntax-preprocessor:#fd8f3f;--color-editor-canvas:#1f1f24;--color-editor-gutter:#22222a;--color-editor-line:#2f2f3a;--color-editor-selection:#3f638b;--color-border-subtle:#ffffff1f;--color-border-divider:#ffffff3d;--color-border-focus:#ffffff47;--color-fill-quaternary:#ffffff0f;--color-fill-tertiary:#ffffff1f;--color-state-success:#30d158;--color-state-error:#ff453a;--color-state-warning:#ff9f0a;--color-glass:#161617c7;--color-haze:#4e4e5275;--bloom-a:#2997ff38;--bloom-b:#bf5af22b;--bloom-c:#30d1581c;--lift-top:#ffffff0d;--grid-line:#ffffff1c;--podium-1:#e8c26a;--podium-2:#c3c5cc;--podium-3:#c98a5e;--color-nav-surface:#101011e6;--color-scrim:#0000007a;--color-axis-conditional:#30d158;--color-axis-iterative:#0a84ff;--color-axis-data-structure:#bf5af2;--color-axis-tracing:#ff9f0a;--color-axis-debugging:#ff453a;--shadow-card:0 8px 30px #00000080;--shadow-raise:0 1px 3px #0006;--shadow-overlay:0 18px 60px #0000009e;--shadow-focus:0 0 0 4px #2997ff47}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background-color:var(--color-canvas);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-body);font-optical-sizing:auto;font-synthesis-weight:none;line-height:var(--text-body--line-height);letter-spacing:var(--text-body--letter-spacing);transition:background-color var(--duration-slow) var(--ease-apple), color var(--duration-slow) var(--ease-apple)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-wrap:balance}h1{font-size:var(--text-display);font-weight:600;line-height:var(--text-display--line-height);letter-spacing:var(--text-display--letter-spacing)}h2{font-size:var(--text-section);font-weight:600;line-height:var(--text-section--line-height);letter-spacing:var(--text-section--letter-spacing)}h3{font-size:var(--text-title3);font-weight:600;line-height:var(--text-title3--line-height);letter-spacing:var(--text-title3--letter-spacing)}h4,h5,h6{font-size:var(--text-headline);font-weight:600;line-height:var(--text-headline--line-height);letter-spacing:var(--text-headline--letter-spacing)}h5{font-size:var(--text-callout)}h6{font-size:var(--text-subhead)}p{text-wrap:pretty}small{font-size:var(--text-footnote);letter-spacing:var(--text-footnote--letter-spacing);color:var(--color-text-secondary)}code,kbd,pre,samp{font-family:var(--font-mono);font-variant-ligatures:none}a{color:inherit;transition:color var(--duration-base) var(--ease-apple);text-decoration:none}a:not([class]){color:var(--color-accent-blue);transition:color var(--duration-base) var(--ease-apple), background-size var(--duration-base) var(--ease-apple);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:100% 0}a:not([class]):hover{color:var(--color-accent-blue-hover);background-size:100% 1px}button,[role=button],summary{cursor:pointer}button,input,select,textarea{font:inherit;letter-spacing:inherit}button,[role=button],input,select,textarea,summary,label{transition:background-color var(--duration-base) var(--ease-apple), border-color var(--duration-base) var(--ease-apple), color var(--duration-base) var(--ease-apple), box-shadow var(--duration-base) var(--ease-apple), opacity var(--duration-base) var(--ease-apple), transform var(--duration-base) var(--ease-apple)}:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:3px;border-radius:var(--radius-chip)}::selection{background-color:#2997ff52}@supports (color:color-mix(in lab, red, red)){::selection{background-color:color-mix(in srgb, var(--color-accent-blue) 32%, transparent)}}::selection{color:var(--color-text-primary)}::placeholder{color:var(--color-text-muted)}hr{border:0;border-top:1px solid var(--color-border-subtle)}*{scrollbar-width:thin;scrollbar-color:var(--color-fill-tertiary) transparent}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-fill-tertiary);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-focus)}.scroll-hidden{scrollbar-width:none}.scroll-hidden::-webkit-scrollbar{display:none}}@layer components{.app-backdrop{z-index:-1;pointer-events:none;background-image:linear-gradient(180deg, var(--lift-top), transparent 44%);position:fixed;inset:0;overflow:hidden}.app-backdrop:before{content:"";background-image:radial-gradient(38rem 30rem at 16% 10%, var(--bloom-a), transparent 68%), radial-gradient(32rem 26rem at 86% 4%, var(--bloom-b), transparent 66%), radial-gradient(44rem 34rem at 64% 82%, var(--bloom-c), transparent 70%);animation:bloom-drift var(--duration-ambient) var(--ease-apple) infinite alternate;will-change:transform;position:absolute;inset:-22%}.app-backdrop:after{content:"";background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-size:5rem 5rem;position:absolute;inset:0;-webkit-mask-image:radial-gradient(125% 88% at 50% -12%,#000 0%,#0000 74%);mask-image:radial-gradient(125% 88% at 50% -12%,#000 0%,#0000 74%)}.btn{border-radius:var(--radius-pill);min-height:2.75rem;font-family:var(--font-sans);font-size:var(--text-callout);letter-spacing:-.01em;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-base) var(--ease-apple), border-color var(--duration-base) var(--ease-apple), color var(--duration-base) var(--ease-apple), box-shadow var(--duration-base) var(--ease-apple), transform var(--duration-base) var(--ease-apple);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.375rem;font-weight:500;line-height:1.2;display:inline-flex}.btn:active:not(:disabled){transition-duration:var(--duration-instant);transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.btn-primary{background-color:var(--color-accent-fill);color:#fff;font-weight:600}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-fill-hover)}.btn-secondary{border-color:var(--color-border-subtle);color:var(--color-text-primary);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:var(--color-fill-quaternary);border-color:var(--color-border-focus);box-shadow:var(--shadow-raise);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:scale(.97)}.btn-ghost{color:var(--color-accent-blue);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-fill-quaternary);color:var(--color-accent-blue-hover)}.btn-destructive{background-color:var(--color-system-red);color:#fff;font-weight:600}.btn-destructive:hover:not(:disabled){background-color:#ff5b52}@supports (color:color-mix(in lab, red, red)){.btn-destructive:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-system-red) 88%, #fff)}}.btn-block{width:100%}.btn-done{background-color:#30d15824}@supports (color:color-mix(in lab, red, red)){.btn-done{background-color:color-mix(in srgb, var(--color-state-success) 14%, transparent)}}.btn-done{border-color:#30d1586b}@supports (color:color-mix(in lab, red, red)){.btn-done{border-color:color-mix(in srgb, var(--color-state-success) 42%, transparent)}}.btn-done{color:var(--color-state-success);cursor:default;font-weight:600}.btn-locked{border-color:var(--color-border-subtle);color:var(--color-text-muted);cursor:not-allowed;background-color:#0000}.btn-link{color:var(--color-accent-blue);font-size:var(--text-callout);transition:color var(--duration-base) var(--ease-apple);align-items:center;gap:.25rem;font-weight:400;display:inline-flex}.btn-link>.chevron{transition:transform var(--duration-base) var(--ease-apple);display:inline-block}.btn-link:hover{color:var(--color-accent-blue-hover);text-underline-offset:.2em;text-decoration:underline}.btn-link:hover>.chevron{transform:translate(3px)}.btn-back{color:var(--color-text-secondary);font-size:var(--text-footnote);transition:color var(--duration-base) var(--ease-apple);align-items:center;gap:.375rem;font-weight:500;display:inline-flex}.btn-back>.chevron{transition:transform var(--duration-base) var(--ease-apple);display:inline-block}.btn-back:hover{color:var(--color-accent-blue)}.btn-back:hover>.chevron{transform:translate(-3px)}.btn-icon{border-radius:var(--radius-pill);min-width:2.75rem;min-height:2.75rem;color:var(--color-text-secondary);background-color:#0000;place-items:center;display:grid}.btn-icon:hover:not(:disabled){background-color:var(--color-fill-quaternary);color:var(--color-text-primary)}.btn-icon:active:not(:disabled){transition-duration:var(--duration-instant);transform:scale(.94)}.btn-social{background-color:var(--color-canvas);border-color:var(--color-border-subtle);color:var(--color-text-primary);gap:.625rem;font-weight:500}html:not(.light) .btn-social{background-color:var(--color-surface)}.btn-social:hover:not(:disabled){background-color:var(--color-fill-quaternary);border-color:var(--color-border-focus);box-shadow:var(--shadow-raise);transform:translateY(-1px)}.btn-social:active:not(:disabled){transform:scale(.97)}.btn-social .brand-mark{flex:none;width:1.125rem;height:1.125rem}.card{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);transition:background-color var(--duration-base) var(--ease-apple), border-color var(--duration-base) var(--ease-apple), box-shadow var(--duration-base) var(--ease-apple), transform var(--duration-base) var(--ease-apple)}.card-interactive:hover{box-shadow:var(--shadow-card);border-color:var(--color-border-focus);transform:translateY(-2px)}.media-zoom{overflow:hidden}.media-zoom>img,.media-zoom>svg,.media-zoom>.media-zoom-target{transition:transform var(--duration-slow) var(--ease-apple)}.media-zoom:hover>img,.media-zoom:hover>svg,.media-zoom:hover>.media-zoom-target{transform:scale(1.04)}.input{background-color:var(--color-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);width:100%;min-height:2.75rem;color:var(--color-text-primary);font-size:var(--text-callout);padding:.6875rem .875rem}.input:hover:not(:disabled){border-color:var(--color-border-focus)}.input:focus{border-color:var(--color-accent-blue);box-shadow:var(--shadow-focus);outline:none}.input:disabled{opacity:.5}.input[aria-invalid=true]{border-color:var(--color-state-error)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 4px #ff453a2e}@supports (color:color-mix(in lab, red, red)){.input[aria-invalid=true]:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--color-state-error) 18%, transparent)}}.field-label{font-size:var(--text-footnote);color:var(--color-text-secondary);letter-spacing:var(--text-footnote--letter-spacing);font-weight:500}.badge{background-color:var(--color-fill-quaternary);border-radius:var(--radius-pill);font-size:var(--text-caption);letter-spacing:var(--text-caption--letter-spacing);color:var(--color-text-secondary);align-items:center;gap:.375rem;padding:.1875rem .625rem;font-weight:600;display:inline-flex}.divider{background-color:var(--color-border-subtle);height:1px}.pill{border:1px solid var(--pill-tone,#86868b);flex-shrink:0;align-items:center;gap:.375rem;padding:.1875rem .625rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.pill{border:1px solid color-mix(in srgb, var(--pill-tone,var(--color-text-muted)) 42%, transparent)}}.pill{border-radius:var(--radius-pill);background-color:var(--pill-tone,#86868b)}@supports (color:color-mix(in lab, red, red)){.pill{background-color:color-mix(in srgb, var(--pill-tone,var(--color-text-muted)) 14%, transparent)}}.pill{color:var(--pill-tone,var(--color-text-secondary));font-size:var(--text-caption);letter-spacing:var(--text-caption--letter-spacing);white-space:nowrap;font-weight:600}.pill>.pill-dot{border-radius:var(--radius-pill);background-color:currentColor;width:.375rem;height:.375rem}.pill-live>.pill-dot{animation:pill-pulse 1.6s var(--ease-apple) infinite}.divider-labeled{font-size:var(--text-footnote);color:var(--color-text-muted);align-items:center;gap:.75rem;display:flex}.divider-labeled:before,.divider-labeled:after{content:"";background-color:var(--color-border-subtle);flex:1;height:1px}.section-alt{background-color:#1d1d1fe0}@supports (color:color-mix(in lab, red, red)){.section-alt{background-color:color-mix(in srgb, var(--color-surface) 88%, transparent)}}.segmented{background-color:var(--color-fill-quaternary);border-radius:var(--radius-pill);flex-wrap:wrap;gap:.125rem;padding:.1875rem;display:inline-flex}.segment{border-radius:var(--radius-pill);min-height:2.25rem;font-size:var(--text-footnote);color:var(--color-text-secondary);white-space:nowrap;padding-inline:.875rem;font-weight:500}.segment:hover{color:var(--color-text-primary)}.segment[aria-pressed=true],.segment[aria-selected=true]{background-color:var(--color-surface-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-raise)}.table-shell{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);overflow:hidden}.fade-x{--fade-start:0px;--fade-end:0px;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--fade-start), #000 calc(100% - var(--fade-end)), transparent 100%);scroll-padding-inline:2.5rem}.fade-frame:has(>.fade-x:focus-visible){outline:2px solid var(--color-accent-blue);outline-offset:3px;border-radius:var(--radius-chip)}.fade-x:focus-visible{outline:none}.drag-pan{overscroll-behavior-x:contain}.drag-pan[data-can-scroll=true]{cursor:grab}.drag-pan[data-panning=true]{cursor:grabbing;-webkit-user-select:none;user-select:none}.scroll-hint{display:none}.panel:has([data-can-scroll=true]) .scroll-hint{display:inline}.panel{background-color:var(--color-surface);background-image:linear-gradient(180deg, var(--color-fill-quaternary), transparent 7rem);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);min-height:0;box-shadow:var(--shadow-raise);flex-direction:column;display:flex;position:relative;overflow:clip}.panel:before{content:"";background-image:linear-gradient(90deg, transparent, var(--color-border-focus) 22%, var(--color-border-focus) 78%, transparent);pointer-events:none;height:1px;position:absolute;inset:0 0 auto}.panel-head{border-bottom:1px solid var(--color-border-subtle);background-color:#2c2c2e8c;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem .75rem;padding:.75rem 1rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.panel-head{background-color:color-mix(in srgb, var(--color-surface-elevated) 55%, transparent)}}.panel-head:after{content:"";background-color:var(--panel-accent,var(--color-accent-blue));border-radius:var(--radius-pill);height:2px;margin-inline:1rem;position:absolute;inset:auto 0 -1px}.panel-title{min-width:0;font-size:var(--text-footnote);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary);align-items:center;gap:.5rem;font-weight:600;display:flex}.panel-title>.panel-dot{border-radius:var(--radius-pill);background-color:var(--panel-accent,var(--color-accent-blue));flex-shrink:0;width:.4375rem;height:.4375rem}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:auto;gap:1.25rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}.panel-flow{flex-direction:column;flex:auto;gap:1.25rem;min-height:0;padding:1rem;display:flex}.panel-foot{border-top:1px solid var(--color-border-subtle);background-color:#2c2c2e66;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.625rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.panel-foot{background-color:color-mix(in srgb, var(--color-surface-elevated) 40%, transparent)}}.panel-foot{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted)}.deck{background-color:var(--color-nav-surface);-webkit-backdrop-filter:saturate(180%) blur(var(--blur-material));backdrop-filter:saturate(180%) blur(var(--blur-material));border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);box-shadow:var(--shadow-raise);scrollbar-width:none;align-items:center;gap:.75rem;padding:.4375rem .75rem;display:flex;overflow-x:auto}.deck::-webkit-scrollbar{display:none}.deck-cell{flex-direction:column;flex-shrink:0;gap:.0625rem;min-width:0;display:flex}.deck-cell>.deck-key{font-size:var(--text-caption);color:var(--color-text-muted);white-space:nowrap;line-height:1.1}.deck-cell>.deck-value{font-family:var(--font-mono);font-size:var(--text-footnote);font-variant-numeric:tabular-nums;color:var(--color-text-primary);white-space:nowrap;font-weight:600;line-height:1.2}.deck-rule{background-color:var(--color-border-subtle);flex-shrink:0;align-self:stretch;width:1px;margin-block:.125rem}.deck-back{border-radius:var(--radius-pill);width:2.25rem;height:2.25rem;color:var(--color-text-secondary);flex-shrink:0;place-items:center;margin-left:-.25rem;display:grid}.deck-back:hover{background-color:var(--color-fill-quaternary);color:var(--color-text-primary)}.deck-spread{justify-content:space-between;gap:1rem;padding-inline:1.25rem}.deck-spread>.deck-back{margin-left:0}.above-dock{bottom:calc(3.8rem + 1rem + max(1rem, env(safe-area-inset-bottom)))}.navbar{z-index:50;background-color:var(--color-nav-surface);-webkit-backdrop-filter:saturate(180%) blur(calc(var(--blur-material) * 1.6));backdrop-filter:saturate(180%) blur(calc(var(--blur-material) * 1.6));border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);transition:padding var(--duration-base) var(--ease-apple), background-color var(--duration-base) var(--ease-apple), border-color var(--duration-base) var(--ease-apple), box-shadow var(--duration-base) var(--ease-apple);position:sticky;top:.75rem}.navbar[data-scrolled=true]{box-shadow:var(--shadow-card);border-color:var(--color-border-focus)}.nav-link{border-radius:var(--radius-pill);font-size:var(--text-footnote);color:var(--color-text-secondary);padding:.5rem .75rem;font-weight:500}.nav-link:hover{color:var(--color-text-primary);background-color:var(--color-fill-quaternary)}.dropdown-panel{background-color:var(--color-glass);-webkit-backdrop-filter:saturate(180%) blur(var(--blur-material));backdrop-filter:saturate(180%) blur(var(--blur-material));border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-card);transform-origin:var(--dropdown-origin,top center);animation:pop-in var(--duration-fast) var(--ease-apple) both;padding:.375rem}.dropdown-item{border-radius:var(--radius-chip);width:100%;font-size:var(--text-subhead);color:var(--color-text-primary);text-align:left;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.dropdown-item:hover{background-color:var(--color-fill-quaternary)}.dropdown-item[aria-selected=true],.dropdown-item[aria-current=true]{background-color:#2997ff24}@supports (color:color-mix(in lab, red, red)){.dropdown-item[aria-selected=true],.dropdown-item[aria-current=true]{background-color:color-mix(in srgb, var(--color-accent-blue) 14%, transparent)}}.dropdown-item[aria-selected=true],.dropdown-item[aria-current=true]{color:var(--color-accent-blue)}.chevron-toggle{transition:transform var(--duration-fast) var(--ease-apple);display:inline-block}[aria-expanded=true] .chevron-toggle{transform:rotate(180deg)}.tooltip{z-index:60;background-color:var(--color-text-primary);color:var(--color-canvas);border-radius:var(--radius-chip);font-size:var(--text-caption);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast) var(--ease-apple) var(--duration-fast), transform var(--duration-fast) var(--ease-apple) var(--duration-fast);padding:.25rem .5rem;position:absolute;transform:scale(.96)}.tooltip-host:hover>.tooltip,.tooltip-host:focus-visible>.tooltip{opacity:1;transform:scale(1)}.toast{background-color:var(--color-glass);-webkit-backdrop-filter:saturate(180%) blur(var(--blur-material));backdrop-filter:saturate(180%) blur(var(--blur-material));border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-card);font-size:var(--text-subhead);color:var(--color-text-primary);animation:toast-in var(--duration-medium) var(--ease-apple-spring) both;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;display:flex}.toast[data-leaving=true]{animation:toast-out var(--duration-fast) var(--ease-apple-out) both}.toast-dot{border-radius:var(--radius-pill);background-color:var(--toast-accent,var(--color-accent-blue));flex:none;width:.5rem;height:.5rem;margin-top:.4375rem}.toast-progress{border-radius:var(--radius-pill);background-color:var(--toast-accent,var(--color-accent-blue));transform-origin:0;height:2px;animation:toast-progress var(--toast-duration,5s) linear both;inset-inline:0;position:absolute;bottom:0}.scrim{z-index:70;background-color:var(--color-haze);-webkit-backdrop-filter:blur(var(--blur-haze)) saturate(55%);backdrop-filter:blur(var(--blur-haze)) saturate(55%);animation:fade-in var(--duration-fast) var(--ease-apple) both;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);width:100%;max-width:28rem;box-shadow:var(--shadow-overlay);animation:overlay-in var(--duration-medium) var(--ease-apple) both;padding:1.5rem}.skeleton{background-color:var(--color-fill-quaternary);border-radius:var(--radius-chip);position:relative;overflow:hidden}.skeleton:after{content:"";background-image:linear-gradient(90deg, transparent, var(--color-fill-tertiary), transparent);animation:shimmer 1.4s var(--ease-apple) infinite;position:absolute;inset:0;transform:translate(-100%)}.notif-dot{border-radius:var(--radius-pill);background-color:var(--color-system-red);width:.5rem;height:.5rem;animation:dot-pop var(--duration-medium) var(--ease-apple-spring) both;position:absolute;top:.25rem;right:.25rem}.notif-count{border-radius:var(--radius-pill);background-color:var(--color-system-red);color:#fff;min-width:1.125rem;min-height:1.125rem;animation:dot-pop var(--duration-medium) var(--ease-apple-spring) both;place-items:center;padding-inline:.25rem;font-size:.6875rem;font-weight:600;display:grid;position:absolute;top:0;right:0}.dock{bottom:max(1rem, env(safe-area-inset-bottom));z-index:45;background-color:var(--color-nav-surface);max-width:calc(100vw - 1.5rem);-webkit-backdrop-filter:saturate(180%) blur(calc(var(--blur-material) * 1.6));backdrop-filter:saturate(180%) blur(calc(var(--blur-material) * 1.6));border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);scrollbar-width:none;align-items:center;gap:.25rem;padding:.375rem;display:flex;position:fixed;left:50%;overflow-x:auto;transform:translate(-50%)}.dock::-webkit-scrollbar{display:none}.dock-item{border-radius:calc(var(--radius-pill) - .25rem);min-width:4rem;min-height:2.75rem;color:var(--color-text-secondary);font-size:var(--text-caption);white-space:nowrap;flex-direction:column;align-items:center;gap:.1875rem;padding:.375rem .5rem;font-weight:500;line-height:1.1;display:flex}.dock-item:hover{background-color:var(--color-fill-quaternary);color:var(--color-text-primary)}.dock-item[aria-current=page]{background-color:var(--color-fill-quaternary);color:var(--color-accent-blue)}.dock-item:active{transition-duration:var(--duration-instant);transform:scale(.94)}.has-dock{padding-bottom:calc(3.8rem + 2rem + max(1rem, env(safe-area-inset-bottom)))}.dock-group{align-items:center;gap:.25rem;display:flex}.dock-divider{background-color:var(--color-border-divider);flex:none;width:1px;height:1.75rem;margin-inline:.125rem}.dock-self{background-color:var(--color-fill-quaternary);box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.dock-quit:hover{color:var(--color-state-error)}.page-head{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;padding:1rem 1.25rem;display:flex}.page-stat{flex-direction:column;gap:.125rem;min-width:0;display:flex}.page-stat>.page-stat-value{font-family:var(--font-display);font-size:var(--text-title3);letter-spacing:-.014em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.page-stat>.page-stat-label{font-size:var(--text-caption);color:var(--color-text-muted)}.page-stat-boxed{background-color:var(--color-fill-quaternary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);padding:.625rem .875rem}.page-progress{border-radius:var(--radius-pill);background-color:var(--color-fill-quaternary);width:100%;height:.375rem;position:relative;overflow:hidden}.page-progress>span{width:var(--progress,0%);border-radius:var(--radius-pill);background-image:linear-gradient(90deg, var(--color-accent-blue), #6d7cf9);position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab, red, red)){.page-progress>span{background-image:linear-gradient(90deg, var(--color-accent-blue), color-mix(in srgb, var(--color-accent-blue) 55%, var(--color-system-purple)))}}.page-progress>span{transition:width var(--duration-slow) var(--ease-apple)}.avatar-slot{aspect-ratio:1;border-radius:var(--radius-pill);width:100%;transition:box-shadow var(--duration-base) var(--ease-apple), filter var(--duration-base) var(--ease-apple), transform var(--duration-base) var(--ease-apple);overflow:hidden;box-shadow:inset 0 0 0 2px #0000}.avatar-slot:not(:disabled):hover{transform:translateY(-2px)}.avatar-slot:not(:disabled):active{transition-duration:var(--duration-instant);transform:scale(.94)}.avatar-slot-active{box-shadow:inset 0 0 0 2px var(--color-surface), 0 0 0 2px var(--color-accent-blue)}.avatar-slot-locked{filter:grayscale();opacity:.35;cursor:not-allowed}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.75rem;display:grid}.stat-box{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);flex-direction:column;gap:.25rem;padding:.875rem 1rem;display:flex}.stat-box>.stat-value{font-family:var(--font-display);font-size:var(--text-title3);letter-spacing:-.014em;font-variant-numeric:tabular-nums;font-weight:600;line-height:1}.stat-box>.stat-label{font-size:var(--text-caption);color:var(--color-text-muted)}.beranda-intro{background-color:#1e2731;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;padding:1.125rem 1.25rem;display:flex}@supports (color:color-mix(in lab, red, red)){.beranda-intro{background-color:color-mix(in srgb, var(--color-accent-blue) 8%, var(--color-surface))}}.beranda-intro{border:1px solid #2997ff47}@supports (color:color-mix(in lab, red, red)){.beranda-intro{border:1px solid color-mix(in srgb, var(--color-accent-blue) 28%, transparent)}}.beranda-intro{border-radius:var(--radius-card)}.beranda-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.75rem;display:grid}.beranda-tujuan{flex-direction:column;gap:.5rem;min-height:11rem;padding:1.125rem 1.25rem;display:flex}.beranda-tujuan-ikon{width:2.25rem;height:2.25rem;color:var(--color-accent-blue);background-color:var(--color-fill-quaternary);border-radius:var(--radius-pill);place-items:center;margin-bottom:.25rem;display:grid}.tour{z-index:60;pointer-events:none;position:fixed;inset:0}.tour-veil{top:var(--tour-top,0);left:var(--tour-left,0);width:var(--tour-width,0);height:var(--tour-height,0);border-radius:var(--radius-control);box-shadow:0 0 0 9999px var(--color-scrim), inset 0 0 0 2px var(--color-accent-blue);transition:top var(--duration-base) var(--ease-apple), left var(--duration-base) var(--ease-apple), width var(--duration-base) var(--ease-apple), height var(--duration-base) var(--ease-apple);position:absolute}.tour-veil-full{width:auto;height:auto;box-shadow:inset 0 0 0 9999px var(--color-scrim);border-radius:0;inset:0}.tour-card{bottom:calc(5.5rem + max(1rem, env(safe-area-inset-bottom)));pointer-events:auto;background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);width:min(26rem,100vw - 2rem);box-shadow:var(--shadow-overlay);animation:overlay-in var(--duration-medium) var(--ease-apple) both;flex-direction:column;gap:.625rem;padding:1.125rem 1.25rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tour-card-center{top:50%;bottom:auto;transform:translate(-50%,-50%)}.tour-dots{align-items:center;gap:.3125rem;display:flex}.tour-dot{border-radius:var(--radius-pill);background-color:var(--color-fill-tertiary);width:.375rem;height:.375rem}.tour-dot-on{background-color:var(--color-accent-blue);width:1.125rem}.prep-mark{border-radius:var(--radius-pill);background-color:var(--color-fill-tertiary);width:.5rem;height:.5rem;transition:background-color var(--duration-base) var(--ease-apple), width var(--duration-base) var(--ease-apple);flex:none}.prep-mark-done{background-color:var(--color-state-success)}.prep-mark-now{background-color:var(--color-accent-blue);width:1.25rem;animation:prep-pulse 1.4s var(--ease-apple) infinite}@media (prefers-reduced-motion:reduce){.prep-mark-now{animation:none}}dialog.sheet-wide{width:min(46rem,100vw - 2rem);max-height:min(88vh,50rem)}.dasar-slide{min-height:19rem;animation:dasar-masuk var(--duration-medium) var(--ease-apple) both;flex-direction:column;gap:1rem;display:flex}@media (prefers-reduced-motion:reduce){.dasar-slide{animation:none}}.dasar-kaki{border-top:1px solid var(--color-border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding:1rem 1.5rem 1.25rem;display:flex}.dasar-titik-baris{align-items:center;gap:.3125rem;display:flex}.dasar-titik{border-radius:var(--radius-pill);background-color:var(--color-fill-tertiary);width:.375rem;height:.375rem;transition:width var(--duration-base) var(--ease-apple), background-color var(--duration-base) var(--ease-apple)}.dasar-titik-aktif{background-color:var(--color-accent-blue);width:1.125rem}.dasar-demo{background-color:var(--color-fill-quaternary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.dasar-tekan{background-color:var(--color-accent-fill);border-radius:var(--radius-pill);color:#fff;min-height:2.25rem;font-size:var(--text-footnote);align-self:flex-start;padding-inline:.875rem;font-weight:600}.dasar-tekan:hover{background-color:var(--color-accent-fill-hover)}.dasar-tekan:active{transition-duration:var(--duration-instant);transform:scale(.96)}.dasar-sakelar-baris{flex-wrap:wrap;gap:.5rem;display:flex}.dasar-sakelar{border:1px solid var(--color-border-subtle);border-radius:var(--radius-chip);min-height:2.25rem;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-caption);padding-inline:.75rem}.dasar-sakelar:hover{border-color:var(--color-border-focus)}.dasar-sakelar[aria-pressed=true]{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background-color:#2997ff1a}@supports (color:color-mix(in lab, red, red)){.dasar-sakelar[aria-pressed=true]{background-color:color-mix(in srgb, var(--color-accent-blue) 10%, transparent)}}.dasar-wadah{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex}.dasar-wadah-nama{font-family:var(--font-mono);font-size:var(--text-footnote);color:var(--color-text-muted)}.dasar-wadah-nilai{font-family:var(--font-display);font-size:var(--text-title3);font-variant-numeric:tabular-nums;animation:dasar-nilai var(--duration-base) var(--ease-apple) both;font-weight:600}.dasar-deret{flex-wrap:wrap;gap:.375rem;display:flex}.dasar-sel{background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-chip);min-width:3rem;min-height:2.5rem;font-family:var(--font-mono);font-size:var(--text-footnote);color:var(--color-text-secondary);transition:border-color var(--duration-base) var(--ease-apple), color var(--duration-base) var(--ease-apple);place-items:center;padding-inline:.625rem;display:grid}.dasar-sel-aktif{border-color:var(--color-accent-blue);color:var(--color-accent-blue);background-color:#2997ff1a}@supports (color:color-mix(in lab, red, red)){.dasar-sel-aktif{background-color:color-mix(in srgb, var(--color-accent-blue) 10%, transparent)}}.dasar-hasil{font-family:var(--font-mono);font-size:var(--text-footnote);color:var(--color-text-primary)}.dasar-catatan{font-size:var(--text-caption);color:var(--color-text-muted)}dialog.sheet{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);width:min(34rem,100vw - 2.5rem);max-height:min(82vh,46rem);color:var(--color-text-primary);scrollbar-width:thin;box-shadow:var(--shadow-overlay), inset 0 1px 0 #ffffff12, inset 0 -1px 0 #0000002e;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden auto}html.light dialog.sheet{box-shadow:var(--shadow-overlay), inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #0000000d}dialog.sheet[open]{animation:overlay-in var(--duration-medium) var(--ease-apple) both}dialog.sheet::backdrop{animation:fade-in var(--duration-fast) var(--ease-apple) both;background-color:#0000}.sheet-veil{z-index:90;opacity:0;pointer-events:none;background-color:var(--color-haze);-webkit-backdrop-filter:blur(var(--blur-haze)) saturate(55%);backdrop-filter:blur(var(--blur-haze)) saturate(55%);transition:opacity var(--duration-fast) var(--ease-apple);position:fixed;inset:0}body:has(dialog[open]) .sheet-veil{opacity:1}body:has(dialog[open]){overflow:hidden}dialog.sheet{overscroll-behavior:contain}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sheet-veil{background-color:var(--color-scrim)}}.sheet-head{z-index:1;background-color:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle);align-items:flex-start;gap:1rem;padding:1.125rem 1.5rem .875rem;display:flex;position:sticky;top:0}.sheet-title{color:var(--color-accent-blue)}.sheet-body{padding:1.125rem 1.5rem 1.75rem}.sheet-close{border-radius:var(--radius-pill);background-color:#0000;border:0;flex:none;place-items:center;width:2.25rem;height:2.25rem;margin:-.375rem -.5rem -.375rem 0;display:grid}.sheet-close>.sheet-close-dot{border-radius:var(--radius-pill);background-color:var(--color-system-red);color:#0000008c;width:.875rem;height:.875rem;transition:filter var(--duration-instant) var(--ease-apple);place-items:center;display:grid;box-shadow:inset 0 0 0 1px #0003}.sheet-close svg{opacity:0;transition:opacity var(--duration-instant) var(--ease-apple)}.sheet-close:hover svg,.sheet-close:focus-visible svg{opacity:1}.sheet-close:active>.sheet-close-dot{filter:brightness(.85)}.card-trigger{text-align:left;width:100%;display:block}.card-trigger>.card-cue{color:var(--color-text-muted);transition:color var(--duration-base) var(--ease-apple), transform var(--duration-base) var(--ease-apple);position:absolute;top:1.125rem;right:1.125rem}.card-trigger:hover>.card-cue{color:var(--color-accent-blue);transform:translate(3px)}.code-card{background-color:var(--color-editor-canvas);border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);transition:border-color var(--duration-base) var(--ease-apple), box-shadow var(--duration-base) var(--ease-apple), transform var(--duration-base) var(--ease-apple);overflow:clip}.code-card:hover{border-color:var(--color-border-focus)}.code-chrome{border-bottom:1px solid var(--color-border-subtle);background-color:var(--color-fill-quaternary);align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}.code-dots{gap:.375rem;display:flex}.code-dots>span{border-radius:var(--radius-pill);width:.625rem;height:.625rem}.code-dots>span:first-child{background-color:var(--color-system-red)}.code-dots>span:nth-child(2){background-color:var(--color-system-yellow)}.code-dots>span:nth-child(3){background-color:var(--color-system-green)}.code-title{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted)}.code-body{font-family:var(--font-mono);font-size:var(--text-code);line-height:var(--text-code--line-height);color:var(--color-syntax-plain);tab-size:2;margin:0;padding:1.5rem;overflow-x:auto}.code-line{white-space:pre;display:block}html[data-reveal-ready=true] .code-card[data-reveal]:not([data-revealed=true]) .code-line{opacity:0;transform:translateY(.375rem)}.code-line{transition:opacity var(--duration-fast) var(--ease-apple), transform var(--duration-fast) var(--ease-apple)}.code-card[data-revealed=true] .code-line{opacity:1;transform:none}.code-line:first-child{transition-delay:0s}.code-line:nth-child(2){transition-delay:.15s}.code-line:nth-child(3){transition-delay:.3s}.code-line:nth-child(4){transition-delay:.45s}.code-line:nth-child(5){transition-delay:.6s}.code-line:nth-child(n+6){transition-delay:.75s}.tok-bracket{color:var(--color-syntax-plain)}.tok-keyword{color:var(--color-syntax-keyword);font-weight:600}.tok-var{color:var(--color-syntax-identifier);font-weight:500}.tok-op{color:var(--color-syntax-plain)}.tok-number{color:var(--color-syntax-number)}.tok-string{color:var(--color-syntax-string)}.tok-comment{color:var(--color-syntax-comment);font-style:italic}.code-copy{border-radius:var(--radius-chip);min-width:2rem;min-height:2rem;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-caption);place-items:center;display:inline-grid}.code-copy:hover{background-color:var(--color-fill-quaternary);color:var(--color-text-primary)}.code-copy>svg{transition:opacity var(--duration-fast) var(--ease-apple);grid-area:1/1}.code-copy>.code-copy-done{opacity:0}.code-copy[data-copied=true]{color:var(--color-state-success)}.code-copy[data-copied=true]>.code-copy-idle{opacity:0}.code-copy[data-copied=true]>.code-copy-done{opacity:1}.lesson-flow{flex-direction:column;gap:1.5rem;margin-top:1.75rem;display:flex}.lesson-flow>*{margin-top:0}.lesson-flow>h2{margin-top:1rem}.lesson-flow>*{max-width:46rem}.lesson-flow>.lesson-wide{max-width:none}.lesson-head{max-width:46rem}.lesson-flow :where(ul){padding-left:1.25rem;list-style:outside}.lesson-flow :where(ol){padding-left:1.25rem;list-style:decimal}.lesson-flow :where(li+li){margin-top:.375rem}.wiki.lesson{max-width:none}.lesson-deck{top:max(.75rem, env(safe-area-inset-top));z-index:40;position:sticky}.analogi{border:1px solid #2997ff59;flex-direction:column;gap:.5rem;padding:1rem 1.125rem;display:flex}@supports (color:color-mix(in lab, red, red)){.analogi{border:1px solid color-mix(in srgb, var(--color-accent-blue) 35%, transparent)}}.analogi{border-radius:var(--radius-panel);background-color:#2997ff14}@supports (color:color-mix(in lab, red, red)){.analogi{background-color:color-mix(in srgb, var(--color-accent-blue) 8%, transparent)}}.analogi>.analogi-title{font-family:var(--font-display);font-size:var(--text-headline);color:var(--color-text-primary);align-items:center;gap:.5rem;font-weight:600;display:flex}.ingat{border-left:3px solid var(--color-accent-signal);color:var(--color-text-primary);padding:.75rem 0 .75rem 1rem;font-weight:500}.banding{gap:.75rem;display:grid}@media (min-width:40rem){.banding-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}}.banding-col{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background-color:var(--color-editor-canvas);flex-direction:column;gap:.5rem;display:flex;overflow:clip}.banding-col>.banding-head{border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-caption);letter-spacing:var(--text-caption--letter-spacing);align-items:center;gap:.375rem;padding:.5rem .875rem;font-weight:600;display:flex}.banding-col[data-tone=salah]>.banding-head{color:var(--color-state-error);background-color:#ff453a1a}@supports (color:color-mix(in lab, red, red)){.banding-col[data-tone=salah]>.banding-head{background-color:color-mix(in srgb, var(--color-state-error) 10%, transparent)}}.banding-col[data-tone=benar]>.banding-head{color:var(--color-state-success);background-color:#30d1581a}@supports (color:color-mix(in lab, red, red)){.banding-col[data-tone=benar]>.banding-head{background-color:color-mix(in srgb, var(--color-state-success) 10%, transparent)}}.banding-col>pre{font-family:var(--font-mono);font-size:var(--text-code);line-height:var(--text-code--line-height);color:var(--color-syntax-plain);margin:0;padding:0 .875rem .875rem;overflow-x:auto}.kuis-choice{border:1px solid var(--color-border-subtle);border-radius:var(--radius-control);background-color:var(--color-canvas);text-align:left;width:100%;min-height:2.75rem;color:var(--color-text-secondary);align-items:flex-start;gap:.625rem;padding:.625rem .875rem;display:flex}.kuis-choice:hover:not(:disabled){border-color:var(--color-border-focus);color:var(--color-text-primary)}.kuis-choice>.kuis-mark{border:1px solid var(--color-border-focus);border-radius:var(--radius-pill);width:1.375rem;height:1.375rem;font-family:var(--font-mono);font-size:var(--text-caption);flex-shrink:0;place-items:center;display:grid}.kuis-choice[data-state=benar]{border-color:var(--color-state-success);background-color:#30d1581a}@supports (color:color-mix(in lab, red, red)){.kuis-choice[data-state=benar]{background-color:color-mix(in srgb, var(--color-state-success) 10%, transparent)}}.kuis-choice[data-state=benar]{color:var(--color-text-primary)}.kuis-choice[data-state=benar]>.kuis-mark{border-color:var(--color-state-success);color:var(--color-state-success)}.kuis-choice[data-state=salah]{border-color:var(--color-state-error);background-color:#ff453a1a}@supports (color:color-mix(in lab, red, red)){.kuis-choice[data-state=salah]{background-color:color-mix(in srgb, var(--color-state-error) 10%, transparent)}}.kuis-choice[data-state=salah]>.kuis-mark{border-color:var(--color-state-error);color:var(--color-state-error)}.memori{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background-color:var(--color-editor-canvas);gap:0;display:grid;overflow:clip}@media (min-width:48rem){.memori{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.memori-code{font-family:var(--font-mono);font-size:var(--text-code);line-height:var(--text-code--line-height);color:var(--color-syntax-plain);margin:0;padding:1rem}.memori-line{border-radius:var(--radius-chip);white-space:pre;transition:background-color var(--duration-fast) var(--ease-apple);padding-inline:.5rem;display:block}.memori-line[data-active=true]{background-color:var(--color-editor-line)}.memori-state{border-top:1px solid var(--color-border-subtle);background-color:var(--color-surface);flex-direction:column;gap:.75rem;padding:1rem;display:flex}@media (min-width:48rem){.memori-state{border-top:0;border-left:1px solid var(--color-border-subtle)}}.memori-cells{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;display:grid}.memori-cell{border:1px solid var(--color-border-subtle);border-radius:var(--radius-chip);background-color:var(--color-canvas);flex-direction:column;gap:.125rem;padding:.5rem .625rem;display:flex}.memori-cell>.memori-name{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-syntax-identifier)}.memori-cell>.memori-value{font-family:var(--font-mono);font-size:var(--text-footnote);color:var(--color-text-primary);font-variant-numeric:tabular-nums;font-weight:600}.memori-cell[data-changed=true]{border-color:var(--color-accent-signal);background-color:#30d1581f}@supports (color:color-mix(in lab, red, red)){.memori-cell[data-changed=true]{background-color:color-mix(in srgb, var(--color-accent-signal) 12%, transparent)}}.memori-note{font-size:var(--text-footnote);color:var(--color-text-secondary)}.memori-bar{border-top:1px solid var(--color-border-subtle);background-color:#2c2c2e66;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}@supports (color:color-mix(in lab, red, red)){.memori-bar{background-color:color-mix(in srgb, var(--color-surface-elevated) 40%, transparent)}}.memori-bar{grid-column:1/-1}.memori-step-count{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;display:grid}.badge-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-panel);background-color:var(--color-surface);transition:border-color var(--duration-base) var(--ease-apple), background-color var(--duration-base) var(--ease-apple), transform var(--duration-base) var(--ease-apple);flex-direction:column;gap:.5rem;padding:.875rem;display:flex}.badge-card[data-earned=true]{border-color:var(--badge-tone,#2997ff)}@supports (color:color-mix(in lab, red, red)){.badge-card[data-earned=true]{border-color:color-mix(in srgb, var(--badge-tone,var(--color-accent-blue)) 45%, transparent)}}.badge-card[data-earned=true]{background-color:var(--badge-tone,#2997ff)}@supports (color:color-mix(in lab, red, red)){.badge-card[data-earned=true]{background-color:color-mix(in srgb, var(--badge-tone,var(--color-accent-blue)) 9%, transparent)}}.badge-card[data-earned=false]{background-color:var(--color-canvas)}.badge-medal{border-radius:var(--radius-chip);background-color:var(--badge-tone,#2997ff);place-items:center;width:2.25rem;height:2.25rem;display:grid}@supports (color:color-mix(in lab, red, red)){.badge-medal{background-color:color-mix(in srgb, var(--badge-tone,var(--color-accent-blue)) 16%, transparent)}}.badge-medal{color:var(--badge-tone,var(--color-accent-blue))}.badge-card[data-earned=false]>.badge-medal{background-color:var(--color-fill-quaternary);color:var(--color-text-muted)}.badge-name{font-family:var(--font-display);font-size:var(--text-callout);color:var(--color-text-primary);font-weight:600;line-height:1.25}.badge-card[data-earned=false]>.badge-name{color:var(--color-text-secondary)}.badge-text{font-size:var(--text-caption);color:var(--color-text-muted);line-height:1.45}.badge-meter{border-radius:var(--radius-pill);background-color:var(--color-fill-quaternary);width:100%;height:.1875rem;margin-top:auto;position:relative;overflow:hidden}.badge-meter>span{width:var(--badge-progress,0%);border-radius:var(--radius-pill);background-color:var(--color-text-muted);transition:width var(--duration-slow) var(--ease-apple);position:absolute;inset:0 auto 0 0}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:.75rem;display:grid}@media (min-width:40rem){.podium{gap:1.25rem}}.podium-slot{flex-direction:column;justify-content:flex-end;gap:.625rem;min-width:0;display:flex}.podium-slot[data-rank="1"]{order:2}.podium-slot[data-rank="2"]{order:1}.podium-slot[data-rank="3"]{order:3}.podium-bar{background-image:linear-gradient(180deg, var(--podium-tone), var(--podium-tone));border-radius:1rem 1rem .25rem .25rem;justify-content:center;align-items:flex-start;padding-top:.875rem;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.podium-bar{background-image:linear-gradient(180deg, var(--podium-tone), color-mix(in srgb, var(--podium-tone) 22%, transparent))}}.podium-bar{transform-origin:bottom;transition:transform var(--duration-slow) var(--ease-apple);box-shadow:inset 0 1px #ffffff47}html[data-reveal-ready=true] [data-reveal]:not([data-revealed=true]) .podium-bar{transform:scaleY(.04)}.podium-rank{font-family:var(--font-display);letter-spacing:-.03em;color:#000;font-weight:600;line-height:1}@supports (color:color-mix(in lab, red, red)){.podium-rank{color:color-mix(in srgb, var(--color-canvas) 72%, var(--podium-tone))}}html.light .podium-rank{color:#fff}@supports (color:color-mix(in lab, red, red)){html.light .podium-rank{color:color-mix(in srgb, #fff 78%, var(--podium-tone))}}.podium-floor{background-image:linear-gradient(90deg, transparent, var(--color-border-focus) 12%, var(--color-border-focus) 88%, transparent);height:1px}.rank-row{border-radius:var(--radius-control);transition:background-color var(--duration-base) var(--ease-apple), transform var(--duration-base) var(--ease-apple);grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center;gap:.875rem;padding:.75rem 1rem;display:grid;position:relative;overflow:hidden}.rank-row:before{content:"";width:var(--rank-share,0%);background-image:linear-gradient(90deg,#2997ff29,#0000);position:absolute;inset:0 auto 0 0}@supports (color:color-mix(in lab, red, red)){.rank-row:before{background-image:linear-gradient(90deg, color-mix(in srgb, var(--color-accent-blue) 16%, transparent), transparent)}}.rank-row:before{transition:width var(--duration-slow) var(--ease-apple)}.rank-row:hover{background-color:var(--color-fill-quaternary)}.rank-row>*{position:relative}.rank-number{font-family:var(--font-mono);font-size:var(--text-footnote);font-variant-numeric:tabular-nums;color:var(--color-text-muted);text-align:right}.wiki{max-width:46rem;color:var(--color-text-primary);font-size:var(--text-body);line-height:1.65}.wiki :where(h1){letter-spacing:-.02em;border-bottom:1px solid var(--color-border-subtle);padding-bottom:.5rem;font-size:clamp(1.875rem,4vw,2.5rem);font-weight:600;line-height:1.15}.wiki :where(h2){border-bottom:1px solid var(--color-border-subtle);letter-spacing:-.014em;margin-top:2.5rem;padding-bottom:.375rem;font-size:1.375rem;font-weight:600}.wiki :where(h3){letter-spacing:-.01em;margin-top:1.75rem;font-size:1.0625rem;font-weight:600}.wiki :where(p,ul,ol,table,pre,blockquote){margin-top:.875rem}.prose-justify :where(p){text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}.prose-justify :where(.wiki-lead,.wiki-note,.prose-aside){text-align:left;-webkit-hyphens:manual;hyphens:manual}.wiki :where(table){border-collapse:collapse;width:100%;font-size:var(--text-footnote)}.wiki :where(th,td){border:1px solid var(--color-border-subtle);text-align:left;vertical-align:top;padding:.5rem .75rem}.wiki :where(th){background-color:var(--color-fill-quaternary);font-weight:600}.wiki :where(code){background-color:var(--color-fill-quaternary);border-radius:.25rem;padding:.0625rem .25rem;font-size:.9em}.wiki :where(blockquote){border-left:2px solid var(--color-border-subtle);color:var(--color-text-secondary);padding-left:1rem}.wiki :where(.wiki-lead){color:var(--color-text-secondary);font-style:italic}.wiki :where(.wiki-note){font-size:var(--text-footnote);color:var(--color-text-muted)}.wiki-toc{border:1px solid var(--color-border-subtle);background-color:var(--color-fill-quaternary);min-width:min(20rem,100%);font-size:var(--text-footnote);margin-top:1.75rem;padding:.875rem 1.25rem 1.125rem;display:inline-block}.wiki-toc>p{margin:0 0 .25rem;font-weight:600}.wiki-toc ol{margin:0;padding-left:1.25rem}[data-reveal]{transition:opacity var(--duration-slow) var(--ease-apple), transform var(--duration-slow) var(--ease-apple);transition-delay:var(--reveal-delay,0s)}html[data-reveal-ready=true] [data-reveal]:not([data-revealed=true]){opacity:0;transform:translateY(1.5rem)}[data-revealed=true]{opacity:1;transform:none}[data-reveal-group]>*{transition:opacity var(--duration-slow) var(--ease-apple), transform var(--duration-slow) var(--ease-apple)}html[data-reveal-ready=true] [data-reveal-group]:not([data-revealed=true])>*{opacity:0;transform:translateY(1rem)}[data-reveal-group][data-revealed=true]>*{opacity:1;transform:none}[data-reveal-group]>:first-child{transition-delay:0s}[data-reveal-group]>:nth-child(2){transition-delay:60ms}[data-reveal-group]>:nth-child(3){transition-delay:.12s}[data-reveal-group]>:nth-child(4){transition-delay:.18s}[data-reveal-group]>:nth-child(5){transition-delay:.24s}[data-reveal-group]>:nth-child(n+6){transition-delay:.3s}.animate-pop-in{animation:pop-in var(--duration-fast) var(--ease-apple) both}.animate-overlay-in{animation:overlay-in var(--duration-medium) var(--ease-apple) both}.animate-fade-in{animation:fade-in var(--duration-base) var(--ease-apple) both}.animate-reveal-up{animation:reveal-up var(--duration-slow) var(--ease-apple) both}.animate-form-in{animation:overlay-in var(--duration-slow) var(--ease-apple) both}.animate-nudge{animation:nudge var(--duration-medium) var(--ease-apple) both}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.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}.inset-y-0{inset-block:0}.top-0{top:0}.top-full{top:100%}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.z-20{z-index:20}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.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}}.mx-auto{margin-inline:auto}.-my-1{margin-block:calc(var(--spacing) * -1)}.-my-1\.5{margin-block:calc(var(--spacing) * -1.5)}.my-auto{margin-block:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.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-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-auto{margin-top:auto}.-mr-2{margin-right:calc(var(--spacing) * -2)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-auto{margin-right:auto}.mb-1{margin-bottom:var(--spacing)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.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-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-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.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-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.size-16{width:calc(var(--spacing) * 16);height:calc(var(--spacing) * 16)}.size-full{width:100%;height:100%}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-4{height:calc(var(--spacing) * 4)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-14{height:calc(var(--spacing) * 14)}.h-24{height:calc(var(--spacing) * 24)}.h-26{height:calc(var(--spacing) * 26)}.h-33{height:calc(var(--spacing) * 33)}.h-44{height:calc(var(--spacing) * 44)}.h-72{height:calc(var(--spacing) * 72)}.h-full{height:100%}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-\[70dvh\]{max-height:70dvh}.max-h-full{max-height:100%}.min-h-0{min-height:0}.min-h-5{min-height:calc(var(--spacing) * 5)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-13{min-height:calc(var(--spacing) * 13)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-\[26rem\]{min-height:26rem}.min-h-\[50dvh\]{min-height:50dvh}.min-h-\[60dvh\]{min-height:60dvh}.min-h-dvh{min-height:100dvh}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-14{width:calc(var(--spacing) * 14)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[46rem\]{max-width:46rem}.max-w-\[420px\]{max-width:420px}.max-w-lesson{max-width:var(--container-lesson)}.max-w-md{max-width:var(--container-md)}.max-w-studio{max-width:var(--container-studio)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-9{min-width:calc(var(--spacing) * 9)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.basis-2\/5{flex-basis:40%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.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-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-7{gap:calc(var(--spacing) * 7)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:var(--spacing)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-\(--color-border-subtle\)>:not(:last-child)){border-color:var(--color-border-subtle)}.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-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\(--radius-card\){border-radius:var(--radius-card)}.rounded-\(--radius-chip\){border-radius:var(--radius-chip)}.rounded-\(--radius-control\){border-radius:var(--radius-control)}.rounded-\(--radius-panel\){border-radius:var(--radius-panel)}.rounded-\(--radius-pill\){border-radius:var(--radius-pill)}.rounded-full{border-radius:3.40282e38px}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-accent-blue\){border-color:var(--color-accent-blue)}.border-\(--color-accent-signal\){border-color:var(--color-accent-signal)}.border-\(--color-border-focus\){border-color:var(--color-border-focus)}.border-\(--color-border-subtle\){border-color:var(--color-border-subtle)}.border-\(--color-state-error\){border-color:var(--color-state-error)}.border-\(--color-state-warning\){border-color:var(--color-state-warning)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-transparent{border-color:#0000}.glass{background-color:var(--color-glass);-webkit-backdrop-filter:saturate(180%) blur(var(--blur-material));backdrop-filter:saturate(180%) blur(var(--blur-material));border:1px solid var(--color-border-subtle)}.bg-\(--color-accent-blue\){background-color:var(--color-accent-blue)}.bg-\(--color-accent-signal\){background-color:var(--color-accent-signal)}.bg-\(--color-border-subtle\){background-color:var(--color-border-subtle)}.bg-\(--color-canvas\){background-color:var(--color-canvas)}.bg-\(--color-editor-canvas\){background-color:var(--color-editor-canvas)}.bg-\(--color-editor-gutter\){background-color:var(--color-editor-gutter)}.bg-\(--color-fill-quaternary\){background-color:var(--color-fill-quaternary)}.bg-\(--color-nav-surface\){background-color:var(--color-nav-surface)}.bg-\(--color-state-error\){background-color:var(--color-state-error)}.bg-\(--color-state-error\)\/10{background-color:#ff453a1a}@supports (color:color-mix(in lab, red, red)){.bg-\(--color-state-error\)\/10{background-color:color-mix(in oklab, var(--color-state-error) 10%, transparent)}}.bg-\(--color-state-error\)\/20{background-color:#ff453a33}@supports (color:color-mix(in lab, red, red)){.bg-\(--color-state-error\)\/20{background-color:color-mix(in oklab, var(--color-state-error) 20%, transparent)}}.bg-\(--color-surface\){background-color:var(--color-surface)}.bg-\(--color-surface-elevated\){background-color:var(--color-surface-elevated)}.bg-\(--color-surface-subtle\){background-color:var(--color-surface-subtle)}.bg-\(--color-text-muted\){background-color:var(--color-text-muted)}.bg-canvas{background-color:var(--color-canvas)}.bg-surface-elevated{background-color:var(--color-surface-elevated)}.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))}.from-\(--color-canvas\){--tw-gradient-from:var(--color-canvas);--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))}.to-transparent{--tw-gradient-to:transparent;--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))}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-0{padding-inline:0}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-display{font-size:var(--text-display);line-height:var(--tw-leading,var(--text-display--line-height));letter-spacing:var(--tw-tracking,var(--text-display--letter-spacing));font-weight:var(--tw-font-weight,var(--text-display--font-weight))}.text-headline{font-size:var(--text-headline);line-height:var(--tw-leading,var(--text-headline--line-height));letter-spacing:var(--tw-tracking,var(--text-headline--letter-spacing));font-weight:var(--tw-font-weight,var(--text-headline--font-weight))}.text-section{font-size:var(--text-section);line-height:var(--tw-leading,var(--text-section--line-height));letter-spacing:var(--tw-tracking,var(--text-section--letter-spacing));font-weight:var(--tw-font-weight,var(--text-section--font-weight))}.text-title1{font-size:var(--text-title1);line-height:var(--tw-leading,var(--text-title1--line-height));letter-spacing:var(--tw-tracking,var(--text-title1--letter-spacing));font-weight:var(--tw-font-weight,var(--text-title1--font-weight))}.text-title3{font-size:var(--text-title3);line-height:var(--tw-leading,var(--text-title3--line-height));letter-spacing:var(--tw-tracking,var(--text-title3--letter-spacing));font-weight:var(--tw-font-weight,var(--text-title3--font-weight))}.text-body{font-size:var(--text-body);line-height:var(--tw-leading,var(--text-body--line-height));letter-spacing:var(--tw-tracking,var(--text-body--letter-spacing))}.text-callout{font-size:var(--text-callout);line-height:var(--tw-leading,var(--text-callout--line-height));letter-spacing:var(--tw-tracking,var(--text-callout--letter-spacing))}.text-caption{font-size:var(--text-caption);line-height:var(--tw-leading,var(--text-caption--line-height));letter-spacing:var(--tw-tracking,var(--text-caption--letter-spacing))}.text-footnote{font-size:var(--text-footnote);line-height:var(--tw-leading,var(--text-footnote--line-height));letter-spacing:var(--tw-tracking,var(--text-footnote--letter-spacing))}.text-code{font-size:var(--text-code);line-height:var(--tw-leading,var(--text-code--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-\[0\.625rem\]{font-size:.625rem}.text-\[clamp\(3\.5rem\,14vw\,7rem\)\]{font-size:clamp(3.5rem,14vw,7rem)}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[-0\.03em\]{--tw-tracking:-.03em;letter-spacing:-.03em}.tracking-\[0\.03em\]{--tw-tracking:.03em;letter-spacing:.03em}.tracking-\[0\.04em\]{--tw-tracking:.04em;letter-spacing:.04em}.whitespace-nowrap{white-space:nowrap}.text-\(--color-accent-blue\){color:var(--color-accent-blue)}.text-\(--color-accent-signal\){color:var(--color-accent-signal)}.text-\(--color-state-error\){color:var(--color-state-error)}.text-\(--color-state-success\){color:var(--color-state-success)}.text-\(--color-syntax-comment\){color:var(--color-syntax-comment)}.text-\(--color-syntax-identifier\){color:var(--color-syntax-identifier)}.text-\(--color-syntax-keyword\){color:var(--color-syntax-keyword)}.text-\(--color-syntax-plain\){color:var(--color-syntax-plain)}.text-\(--color-syntax-type\){color:var(--color-syntax-type)}.text-\(--color-text-muted\){color:var(--color-text-muted)}.text-\(--color-text-primary\){color:var(--color-text-primary)}.text-\(--color-text-secondary\){color:var(--color-text-secondary)}.text-accent-blue{color:var(--color-accent-blue)}.text-text-muted{color:var(--color-text-muted)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-100{opacity:1}.shadow-\(--shadow-card\){--tw-shadow:var(--shadow-card);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\(--shadow-raise\){--tw-shadow:var(--shadow-raise);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-style:var(--tw-outline-style);outline-width:1px}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-\(--color-accent-blue\){outline-color:var(--color-accent-blue)}.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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.focus-within\:border-\(--color-border-focus\):focus-within{border-color:var(--color-border-focus)}@media (hover:hover){.hover\:border-\(--color-accent-blue-hover\):hover{border-color:var(--color-accent-blue-hover)}.hover\:border-\(--color-border-focus\):hover{border-color:var(--color-border-focus)}.hover\:bg-\(--color-fill-quaternary\):hover{background-color:var(--color-fill-quaternary)}.hover\:text-\(--color-text-primary\):hover,.hover\:text-text-primary:hover{color:var(--color-text-primary)}}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-60:disabled{opacity:.6}.has-\[\:focus-visible\]\:outline:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:1px}.has-\[\:focus-visible\]\:outline-2:has(:focus-visible){outline-style:var(--tw-outline-style);outline-width:2px}.has-\[\:focus-visible\]\:outline-offset-2:has(:focus-visible){outline-offset:2px}.has-\[\:focus-visible\]\:outline-\(--color-accent-blue\):has(:focus-visible){outline-color:var(--color-accent-blue)}.data-\[scrolled\=true\]\:py-1\.5[data-scrolled=true]{padding-block:calc(var(--spacing) * 1.5)}@media (min-width:40rem){.sm\:static{position:static}.sm\:order-last{order:9999}.sm\:ml-auto{margin-left:auto}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:max-h-\[34rem\]{max-height:34rem}.sm\:min-h-0{min-height:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-6{gap:calc(var(--spacing) * 6)}.sm\:border-0{border-style:var(--tw-border-style);border-width:0}.sm\:bg-transparent{background-color:#0000}.sm\:p-0{padding:0}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:pt-10{padding-top:calc(var(--spacing) * 10)}.sm\:backdrop-blur-none{--tw-backdrop-blur: ;-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:sticky{position:sticky}.lg\:top-6{top:calc(var(--spacing) * 6)}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:max-h-\[calc\(100dvh-14rem\)\]{max-height:calc(100dvh - 14rem)}.lg\:max-h-none{max-height:none}.lg\:flex-1{flex:1}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.lg\:grid-cols-\[minmax\(0\,19rem\)_minmax\(0\,1fr\)_minmax\(0\,21rem\)\]{grid-template-columns:minmax(0,19rem) minmax(0,1fr) minmax(0,21rem)}.lg\:items-start{align-items:flex-start}.lg\:py-28{padding-block:calc(var(--spacing) * 28)}}.light\:opacity-0:where(html.light,html.light *){opacity:0}.light\:opacity-100:where(html.light,html.light *){opacity:1}}html.light{--color-system-red:#ff3b30;--color-system-orange:#ff9500;--color-system-yellow:#fc0;--color-system-green:#34c759;--color-system-teal:#30b0c7;--color-system-blue:#007aff;--color-system-indigo:#5856d6;--color-system-purple:#af52de;--color-system-pink:#ff2d55;--color-canvas:#f2f2f4;--color-surface:#fff;--color-surface-subtle:#e9e9ec;--color-surface-hover:#f2f2f4;--color-surface-elevated:#fff;--color-text-primary:#1d1d1f;--color-text-secondary:#515154;--color-text-muted:#5f5f64;--color-accent-blue:#005cc0;--color-accent-blue-hover:#0071e3;--color-accent-fill:#0071e3;--color-accent-fill-hover:#0077ed;--color-accent-signal:#146c2e;--color-accent-lime:#146c2e;--color-syntax-plain:#1d1d1f;--color-syntax-keyword:#9b2393;--color-syntax-string:#c41a16;--color-syntax-number:#1c00cf;--color-syntax-comment:#5d6c79;--color-syntax-type:#0b4f79;--color-syntax-function:#2b6f76;--color-syntax-identifier:#3900a0;--color-syntax-property:#0f68a0;--color-syntax-preprocessor:#643820;--color-editor-canvas:#fff;--color-editor-gutter:#f6f6f8;--color-editor-line:#ecf5ff;--color-editor-selection:#b3d7ff;--color-border-subtle:#00000014;--color-border-divider:#0000002e;--color-border-focus:#0000003d;--color-fill-quaternary:#0000000a;--color-fill-tertiary:#00000014;--color-state-success:#146c2e;--color-state-error:#d70015;--color-state-warning:#a04a00;--color-glass:#ffffffc7;--color-haze:#7878804d;--bloom-a:#0071e324;--bloom-b:#af52de1c;--bloom-c:#34c75917;--lift-top:#00000008;--grid-line:#00000012;--podium-1:#b3862a;--podium-2:#8b8d94;--podium-3:#a2603a;--color-nav-surface:#ffffffe6;--color-scrim:#00000047;--color-axis-conditional:#146c2e;--color-axis-iterative:#0058c7;--color-axis-data-structure:#8944ab;--color-axis-tracing:#a55b00;--color-axis-debugging:#d70015;--shadow-card:0 8px 30px #00000014;--shadow-raise:0 1px 3px #0000000f;--shadow-overlay:0 18px 60px #00000029;--shadow-focus:0 0 0 4px #005cc033}@media (prefers-color-scheme:light){html:not(.dark):not(.light){--color-system-red:#ff3b30;--color-system-orange:#ff9500;--color-system-yellow:#fc0;--color-system-green:#34c759;--color-system-teal:#30b0c7;--color-system-blue:#007aff;--color-system-indigo:#5856d6;--color-system-purple:#af52de;--color-system-pink:#ff2d55;--color-canvas:#f2f2f4;--color-surface:#fff;--color-surface-subtle:#e9e9ec;--color-surface-hover:#f2f2f4;--color-surface-elevated:#fff;--color-text-primary:#1d1d1f;--color-text-secondary:#515154;--color-text-muted:#5f5f64;--color-accent-blue:#005cc0;--color-accent-blue-hover:#0071e3;--color-accent-fill:#0071e3;--color-accent-fill-hover:#0077ed;--color-accent-signal:#146c2e;--color-accent-lime:#146c2e;--color-syntax-plain:#1d1d1f;--color-syntax-keyword:#9b2393;--color-syntax-string:#c41a16;--color-syntax-number:#1c00cf;--color-syntax-comment:#5d6c79;--color-syntax-type:#0b4f79;--color-syntax-function:#2b6f76;--color-syntax-identifier:#3900a0;--color-syntax-property:#0f68a0;--color-syntax-preprocessor:#643820;--color-editor-canvas:#fff;--color-editor-gutter:#f6f6f8;--color-editor-line:#ecf5ff;--color-editor-selection:#b3d7ff;--color-border-subtle:#00000014;--color-border-divider:#0000002e;--color-border-focus:#0000003d;--color-fill-quaternary:#0000000a;--color-fill-tertiary:#00000014;--color-state-success:#146c2e;--color-state-error:#d70015;--color-state-warning:#a04a00;--color-glass:#ffffffc7;--color-haze:#7878804d;--bloom-a:#0071e324;--bloom-b:#af52de1c;--bloom-c:#34c75917;--lift-top:#00000008;--grid-line:#00000012;--podium-1:#b3862a;--podium-2:#8b8d94;--podium-3:#a2603a;--color-nav-surface:#ffffffe6;--color-scrim:#00000047;--color-axis-conditional:#146c2e;--color-axis-iterative:#0058c7;--color-axis-data-structure:#8944ab;--color-axis-tracing:#a55b00;--color-axis-debugging:#d70015;--shadow-card:0 8px 30px #00000014;--shadow-raise:0 1px 3px #0000000f;--shadow-overlay:0 18px 60px #00000029;--shadow-focus:0 0 0 4px #005cc033}}@media (prefers-reduced-motion:reduce){.app-backdrop:before{animation:none}}@keyframes prep-pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes dasar-masuk{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes dasar-nilai{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes overlay-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translateY(1.25rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(.75rem)scale(.98)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes dot-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes bloom-drift{0%{transform:translate(0)scale(1)}to{transform:translate(2.5%,-2%)scale(1.07)}}@keyframes nudge{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes pill-pulse{0%,to{opacity:1}50%{opacity:.25}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html[data-reveal-ready=true] [data-reveal]:not([data-revealed=true]),html[data-reveal-ready=true] [data-reveal-group]:not([data-revealed=true])>*,.btn:active:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-social:hover:not(:disabled),.card-interactive:hover,.media-zoom:hover>img,.media-zoom:hover>svg,.media-zoom:hover>.media-zoom-target{transform:none}}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}