:root{color-scheme:light;--ms-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ms-font-serif: "Iowan Old Style", "Palatino Linotype", Georgia, serif;--ms-color-parchment: #f6f0df;--ms-color-paper: #fffaf0;--ms-color-cream-100: #fbf5e7;--ms-color-cream-200: #eadfca;--ms-color-ink-800: #273238;--ms-color-ink-600: #53636a;--ms-color-moss-700: #395742;--ms-color-moss-500: #66845f;--ms-color-moss-200: #dce8cf;--ms-color-sky-500: #608aa0;--ms-color-sky-400: #9ec2cf;--ms-color-sky-150: #e4f1f2;--ms-color-plum-500: #8b6688;--ms-color-plum-150: #f0e4ee;--ms-color-amber-500: #b9823a;--ms-color-amber-400: #e2b75e;--ms-color-amber-150: #faedc9;--ms-color-rose-500: #b06363;--ms-color-rose-150: #f7dddd;--ms-surface-page: var(--ms-color-parchment);--ms-surface-panel: var(--ms-color-paper);--ms-surface-muted: var(--ms-color-cream-100);--ms-text-primary: var(--ms-color-ink-800);--ms-text-muted: var(--ms-color-ink-600);--ms-accent-primary: var(--ms-color-moss-700);--ms-accent-primary-soft: var(--ms-color-moss-200);--ms-accent-secondary: var(--ms-color-sky-400);--ms-accent-warning: var(--ms-color-amber-400);--ms-accent-danger: var(--ms-color-rose-500);--ms-magic-sky: #176f86;--ms-magic-amber: #9f5b12;--ms-magic-plum: #723274;--ms-magic-frost: #1c6f97;--ms-magic-gleam: rgba(39, 50, 56, .92);--ms-magic-gleam-soft: rgba(39, 50, 56, .38);--ms-magic-paper: rgba(255, 250, 240, .68);--ms-space-1: .25rem;--ms-space-2: .5rem;--ms-space-3: .75rem;--ms-space-4: 1rem;--ms-space-5: 1.25rem;--ms-space-6: 1.5rem;--ms-space-8: 2rem;--ms-space-10: 2.5rem;--ms-radius-sm: 6px;--ms-radius-md: 8px;--ms-radius-lg: 14px;--ms-radius-pill: 999px;--ms-shadow-1: 0 2px 0 rgba(39, 50, 56, .16), 0 12px 32px rgba(57, 87, 66, .12);--ms-shadow-2: 0 3px 0 rgba(39, 50, 56, .18), 0 18px 42px rgba(57, 87, 66, .18);--ms-border-ink: 1px solid rgba(39, 50, 56, .16);--ms-focus: 0 0 0 4px rgba(158, 194, 207, .48);--ms-motion-slow: .72s cubic-bezier(.2, .8, .2, 1);--ms-motion-fast: .16s ease}[data-ms-theme=dark],.ms-theme-dark{color-scheme:dark;--ms-color-parchment: #1e2524;--ms-color-paper: #26302d;--ms-color-cream-100: #2f3933;--ms-color-cream-200: #495546;--ms-color-ink-800: #f5efd9;--ms-color-ink-600: #c9c5b7;--ms-color-moss-700: #b9d0a6;--ms-color-moss-500: #8baa79;--ms-color-moss-200: #3d5140;--ms-color-sky-500: #b7d6df;--ms-color-sky-400: #86b4c0;--ms-color-sky-150: #30484e;--ms-color-plum-500: #d0afcf;--ms-color-plum-150: #4d3b4e;--ms-color-amber-500: #f0c677;--ms-color-amber-400: #d7a944;--ms-color-amber-150: #514323;--ms-color-rose-500: #e09292;--ms-color-rose-150: #5c3535;--ms-surface-page: var(--ms-color-parchment);--ms-surface-panel: var(--ms-color-paper);--ms-surface-muted: var(--ms-color-cream-100);--ms-text-primary: var(--ms-color-ink-800);--ms-text-muted: var(--ms-color-ink-600);--ms-accent-primary: var(--ms-color-moss-700);--ms-accent-primary-soft: var(--ms-color-moss-200);--ms-accent-secondary: var(--ms-color-sky-400);--ms-accent-warning: var(--ms-color-amber-400);--ms-accent-danger: var(--ms-color-rose-500);--ms-magic-sky: #9eeaff;--ms-magic-amber: #ffd36e;--ms-magic-plum: #f0a6ff;--ms-magic-frost: #c6f4ff;--ms-magic-gleam: rgba(255, 250, 240, .96);--ms-magic-gleam-soft: rgba(255, 250, 240, .46);--ms-magic-paper: rgba(255, 250, 240, .86);--ms-border-ink: 1px solid rgba(245, 239, 217, .18);--ms-focus: 0 0 0 4px rgba(134, 180, 192, .42)}[data-ms-density=compact],.ms-density-compact{--ms-space-2: .375rem;--ms-space-3: .625rem;--ms-space-4: .75rem;--ms-space-5: 1rem;--ms-space-6: 1.25rem}[data-ms-density=comfortable],.ms-density-comfortable{--ms-space-3: .875rem;--ms-space-4: 1.125rem;--ms-space-5: 1.5rem;--ms-space-6: 1.75rem}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--ms-text-primary);font-family:var(--ms-font-sans);background:linear-gradient(120deg,rgba(228,241,242,.76),transparent 38%),linear-gradient(180deg,var(--ms-surface-panel),var(--ms-surface-page))}button,input{font:inherit}a{color:inherit;text-decoration:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}.ms-button{align-items:center;border:var(--ms-border-ink);border-radius:var(--ms-radius-sm);cursor:pointer;display:inline-flex;font-weight:750;gap:var(--ms-space-2);justify-content:center;letter-spacing:0;line-height:1;min-width:2.5rem;overflow:hidden;position:relative;transition:transform var(--ms-motion-fast),box-shadow var(--ms-motion-fast),background-color var(--ms-motion-fast);white-space:nowrap}.ms-button:before,.ms-button:after{content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--ms-motion-fast),transform .52s ease}.ms-button:before{background:radial-gradient(circle at 24% 24%,var(--ms-magic-paper),transparent .48rem),linear-gradient(120deg,transparent 0 30%,var(--ms-magic-gleam-soft) 46%,transparent 62%);transform:translate(-72%) skew(-18deg)}.ms-button:after{border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ms-magic-sky) 42%,transparent),0 0 26px color-mix(in srgb,var(--ms-magic-amber) 34%,transparent)}.ms-button:hover{box-shadow:var(--ms-shadow-1),0 0 24px color-mix(in srgb,var(--ms-magic-sky) 24%,transparent);transform:translateY(-2px)}.ms-button:hover:before{opacity:1;transform:translate(72%) skew(-18deg)}.ms-button:hover:after,.ms-button:focus-visible:after{opacity:1}.ms-button:active{box-shadow:none;transform:translateY(1px) scale(.985)}.ms-button:focus-visible,.ms-field__control:focus-visible,.ms-switch__input:focus-visible+.ms-switch__track{box-shadow:var(--ms-focus);outline:none}.ms-button--sm{font-size:.82rem;min-height:2rem;padding:0 var(--ms-space-3)}.ms-button--md{font-size:.92rem;min-height:2.5rem;padding:0 var(--ms-space-4)}.ms-button--lg{font-size:1rem;min-height:3rem;padding:0 var(--ms-space-5)}.ms-button--primary{background:var(--ms-accent-primary);color:var(--ms-surface-panel)}.ms-button--secondary{background:var(--ms-color-amber-150);color:var(--ms-color-ink-800)}.ms-button--ghost{background:var(--ms-surface-panel);color:var(--ms-text-primary)}.ms-button--danger{background:var(--ms-accent-danger);color:var(--ms-surface-panel)}.ms-button__icon{display:inline-flex;flex:0 0 auto;position:relative;z-index:1}.ms-button__label{position:relative;z-index:1}.ms-accordion{border:var(--ms-border-ink);border-radius:var(--ms-radius-md);overflow:hidden;transition:box-shadow var(--ms-motion-fast),transform var(--ms-motion-fast)}.ms-accordion:hover{box-shadow:var(--ms-shadow-1),0 0 28px color-mix(in srgb,var(--ms-color-sky-400) 18%,transparent);transform:translateY(-1px)}.ms-accordion__item+.ms-accordion__item{border-top:var(--ms-border-ink)}.ms-accordion__trigger{align-items:center;background:var(--ms-surface-panel);border:0;color:var(--ms-color-ink-800);cursor:pointer;display:flex;font-weight:850;justify-content:space-between;min-height:3rem;overflow:hidden;padding:0 var(--ms-space-4);position:relative;text-align:left;transition:background-color var(--ms-motion-fast),color var(--ms-motion-fast);width:100%}.ms-accordion__trigger:before{background:linear-gradient(120deg,transparent,rgba(255,250,240,.5),transparent);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transform:translate(-70%);transition:opacity var(--ms-motion-fast),transform .52s ease}.ms-accordion__trigger:hover:before,.ms-accordion__trigger[aria-expanded=true]:before{opacity:1;transform:translate(70%)}.ms-accordion__trigger:hover,.ms-accordion__trigger[aria-expanded=true]{background:color-mix(in srgb,var(--ms-color-sky-150) 42%,var(--ms-surface-panel))}.ms-accordion__trigger:focus-visible{box-shadow:var(--ms-focus);outline:none}.ms-accordion__chevron{border-bottom:2px solid currentColor;border-right:2px solid currentColor;height:.55rem;transform:rotate(45deg);transition:transform var(--ms-motion-fast);width:.55rem}.ms-accordion__trigger[aria-expanded=true] .ms-accordion__chevron{transform:rotate(225deg)}.ms-accordion__panel{background:var(--ms-surface-muted);color:var(--ms-text-muted);line-height:1.65;padding:var(--ms-space-4);animation:ms-panel-reveal .22s ease both}.ms-alert{align-items:flex-start;background:var(--ms-surface-panel);border:var(--ms-border-ink);border-radius:var(--ms-radius-md);box-shadow:var(--ms-shadow-1);display:flex;gap:var(--ms-space-3);overflow:hidden;padding:var(--ms-space-4);position:relative;transition:box-shadow var(--ms-motion-fast),transform var(--ms-motion-fast)}.ms-alert:after,.ms-toast:after,.ms-card:after{background:radial-gradient(circle at 20% 20%,rgba(255,250,240,.62),transparent .7rem),linear-gradient(115deg,transparent 0 32%,rgba(255,250,240,.34) 45%,transparent 62%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transform:translate(-34%);transition:opacity var(--ms-motion-fast),transform .56s ease}.ms-alert:hover,.ms-toast:hover,.ms-card:hover{box-shadow:var(--ms-shadow-2),0 0 34px color-mix(in srgb,var(--ms-color-amber-400) 18%,transparent);transform:translateY(-2px)}.ms-alert:hover:after,.ms-toast:hover:after,.ms-card:hover:after{opacity:.9;transform:translate(24%)}.ms-alert__icon{align-items:center;animation:ms-icon-breathe 3.8s ease-in-out infinite;border-radius:var(--ms-radius-sm);display:inline-flex;flex:0 0 auto;height:2rem;justify-content:center;width:2rem}.ms-alert>*,.ms-toast>*,.ms-card>*{position:relative;z-index:1}.ms-alert strong{display:block}.ms-alert p{color:var(--ms-text-muted);line-height:1.65;margin:var(--ms-space-1) 0 0}.ms-alert--moss{box-shadow:inset 4px 0 0 var(--ms-color-moss-500),var(--ms-shadow-1)}.ms-alert--sky{box-shadow:inset 4px 0 0 var(--ms-color-sky-400),var(--ms-shadow-1)}.ms-alert--amber{box-shadow:inset 4px 0 0 var(--ms-color-amber-400),var(--ms-shadow-1)}.ms-alert--plum{box-shadow:inset 4px 0 0 var(--ms-color-plum-500),var(--ms-shadow-1)}.ms-alert--danger{box-shadow:inset 4px 0 0 var(--ms-color-rose-500),var(--ms-shadow-1)}.ms-avatar{align-items:center;background:linear-gradient(145deg,#e4f1f2b8,#dce8cfbd),var(--ms-color-paper);border:var(--ms-border-ink);border-radius:50%;color:var(--ms-color-moss-700);display:inline-flex;font-weight:900;justify-content:center;overflow:hidden;position:relative;transition:box-shadow var(--ms-motion-fast),transform var(--ms-motion-fast)}.ms-avatar:after{animation:ms-orbit-glint 4.4s linear infinite;border:1px solid color-mix(in srgb,var(--ms-color-sky-400) 58%,transparent);border-radius:50%;content:"";inset:.18rem;opacity:0;pointer-events:none;position:absolute}.ms-avatar:hover{box-shadow:0 0 28px color-mix(in srgb,var(--ms-color-sky-400) 32%,transparent);transform:translateY(-2px) scale(1.03)}.ms-avatar:hover:after{opacity:1}.ms-avatar--sm{font-size:.72rem;height:2rem;width:2rem}.ms-avatar--md{font-size:.9rem;height:2.75rem;width:2.75rem}.ms-avatar--lg{font-size:1.12rem;height:3.5rem;width:3.5rem}.ms-avatar img{height:100%;object-fit:cover;width:100%}.ms-breadcrumb ol{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ms-space-2);list-style:none;margin:0;padding:0}.ms-breadcrumb li{align-items:center;color:var(--ms-color-ink-600);display:inline-flex;font-size:.88rem;font-weight:800;gap:var(--ms-space-2)}.ms-breadcrumb a{border-radius:5px;color:var(--ms-color-sky-500);transition:background-color var(--ms-motion-fast),box-shadow var(--ms-motion-fast),color var(--ms-motion-fast)}.ms-breadcrumb a:hover{background:color-mix(in srgb,var(--ms-color-sky-150) 54%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--ms-color-sky-400) 22%,transparent);color:var(--ms-color-moss-700)}.ms-breadcrumb a:focus-visible{box-shadow:var(--ms-focus);outline:none}.ms-breadcrumb [aria-current=page]{color:var(--ms-color-ink-800)}.ms-breadcrumb__separator{color:#27323857}.ms-checkbox{align-items:flex-start;cursor:pointer;display:inline-flex;gap:var(--ms-space-3);transition:transform var(--ms-motion-fast)}.ms-checkbox:hover{transform:translateY(-1px)}.ms-checkbox__input{height:1px;opacity:0;position:absolute;width:1px}.ms-checkbox__box{align-items:center;background:var(--ms-surface-panel);border:var(--ms-border-ink);border-radius:5px;display:inline-flex;flex:0 0 auto;height:1.35rem;justify-content:center;margin-top:.08rem;transition:background-color var(--ms-motion-fast),box-shadow var(--ms-motion-fast),transform var(--ms-motion-fast);width:1.35rem}.ms-checkbox__box:after{border-bottom:2px solid var(--ms-color-paper);border-right:2px solid var(--ms-color-paper);content:"";height:.62rem;opacity:0;transform:rotate(45deg) translate(-1px,-1px);width:.34rem}.ms-checkbox__input:checked+.ms-checkbox__box{background:var(--ms-color-moss-700);box-shadow:0 0 0 3px color-mix(in srgb,var(--ms-color-moss-500) 18%,transparent),0 0 22px color-mix(in srgb,var(--ms-color-moss-500) 32%,transparent);transform:scale(1.05)}.ms-checkbox__input:checked+.ms-checkbox__box:after{opacity:1}.ms-checkbox__input:focus-visible+.ms-checkbox__box{box-shadow:var(--ms-focus)}.ms-checkbox__label,.ms-checkbox__hint{display:block}.ms-checkbox__label{font-size:.9rem;font-weight:800}.ms-checkbox__hint{color:var(--ms-text-muted);font-size:.78rem;margin-top:.1rem}.ms-progress{display:grid;gap:var(--ms-space-2);min-width:14rem}.ms-progress__header{align-items:center;color:var(--ms-color-ink-600);display:flex;font-size:.84rem;font-weight:800;justify-content:space-between}.ms-progress__header strong{color:var(--ms-color-ink-800)}.ms-progress__track{background:#eadfcab8;border:var(--ms-border-ink);border-radius:var(--ms-radius-pill);height:.85rem;overflow:hidden;position:relative}.ms-progress__track:after{animation:ms-mana-track 2.2s linear infinite;background:linear-gradient(90deg,transparent,rgba(255,250,240,.8),transparent);content:"";inset:0;position:absolute;transform:translate(-100%)}.ms-progress__bar{background:linear-gradient(90deg,var(--ms-color-moss-500),var(--ms-color-sky-400)),var(--ms-color-moss-500);display:block;height:100%;box-shadow:0 0 18px color-mix(in srgb,var(--ms-color-sky-400) 46%,transparent);transition:width var(--ms-motion-slow)}.ms-radio-group{border:0;display:grid;gap:var(--ms-space-3);margin:0;padding:0}.ms-radio-group legend{font-size:.9rem;font-weight:850;padding:0}.ms-radio-group__options{display:flex;flex-wrap:wrap;gap:var(--ms-space-2)}.ms-radio{align-items:center;background:var(--ms-surface-panel);border:var(--ms-border-ink);border-radius:var(--ms-radius-pill);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:800;gap:var(--ms-space-2);min-height:2.35rem;padding:0 var(--ms-space-3);transition:box-shadow var(--ms-motion-fast),transform var(--ms-motion-fast),background-color var(--ms-motion-fast)}.ms-radio:hover{background:color-mix(in srgb,var(--ms-color-amber-150) 36%,var(--ms-surface-panel));box-shadow:0 0 22px color-mix(in srgb,var(--ms-color-amber-400) 22%,transparent);transform:translateY(-1px)}.ms-radio__input{height:1px;opacity:0;position:absolute;width:1px}.ms-radio__dot{align-items:center;border:var(--ms-border-ink);border-radius:50%;display:inline-flex;height:1rem;justify-content:center;transition:box-shadow var(--ms-motion-fast),transform var(--ms-motion-fast);width:1rem}.ms-radio__dot:after{background:var(--ms-color-moss-700);border-radius:50%;content:"";height:.5rem;opacity:0;width:.5rem}.ms-radio__input:checked+.ms-radio__dot:after{opacity:1}.ms-radio__input:checked+.ms-radio__dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--ms-color-moss-500) 18%,transparent),0 0 18px color-mix(in srgb,var(--ms-color-moss-500) 34%,transparent);transform:scale(1.08)}.ms-radio__input:focus-visible+.ms-radio__dot{box-shadow:var(--ms-focus)}.ms-radio:has(.ms-radio__input:disabled){cursor:not-allowed;opacity:.55}.ms-separator{background:#27323829;border:0;margin:0;overflow:hidden;position:relative}.ms-separator:after{animation:ms-separator-spark 3.2s ease-in-out infinite;background:linear-gradient(90deg,transparent,var(--ms-color-sky-400),transparent);content:"";inset:0;position:absolute;transform:translate(-100%)}.ms-separator--horizontal{height:1px;width:100%}.ms-separator--vertical{align-self:stretch;min-height:1.5rem;width:1px}.ms-skeleton{animation:ms-skeleton-pulse 1.8s ease-in-out infinite;background:linear-gradient(90deg,#eadfca70,#e4f1f2b3,#eadfca70),var(--ms-color-cream-200);background-size:220% 100%;border-radius:var(--ms-radius-sm);display:block}.ms-skeleton--text{height:1rem;width:12rem}.ms-skeleton--block{height:6rem;width:18rem}.ms-skeleton--circle{border-radius:50%;height:3rem;width:3rem}@keyframes ms-skeleton-pulse{0%{background-position:120% 0}to{background-position:-120% 0}}.ms-slider{display:grid;gap:var(--ms-space-3);min-width:14rem}.ms-slider__header{align-items:center;display:flex;font-size:.88rem;font-weight:850;justify-content:space-between}.ms-slider__header strong{color:var(--ms-color-moss-700)}.ms-slider__control{accent-color:var(--ms-color-moss-700);cursor:pointer;filter:drop-shadow(0 0 0 transparent);transition:filter var(--ms-motion-fast),transform var(--ms-motion-fast);width:100%}.ms-slider__control:hover{filter:drop-shadow(0 0 10px color-mix(in srgb,var(--ms-color-sky-400) 42%,transparent));transform:translateY(-1px)}.ms-slider__control:focus-visible{box-shadow:var(--ms-focus);outline:none}.ms-spinner{display:inline-flex}.ms-spinner__mark{animation:ms-spinner-turn .82s linear infinite;border:2px solid rgba(57,87,66,.18);border-radius:50%;border-top-color:var(--ms-color-moss-700);box-shadow:0 0 18px color-mix(in srgb,var(--ms-color-sky-400) 28%,transparent);display:block}.ms-spinner--sm .ms-spinner__mark{height:1rem;width:1rem}.ms-spinner--md .ms-spinner__mark{height:1.5rem;width:1.5rem}.ms-spinner--lg .ms-spinner__mark{height:2.25rem;width:2.25rem}@keyframes ms-spinner-turn{to{transform:rotate(360deg)}}.ms-tooltip{display:inline-flex;position:relative}.ms-tooltip__content{animation:ms-tooltip-enter .16s ease both;background:var(--ms-color-ink-800);border-radius:var(--ms-radius-sm);bottom:calc(100% + var(--ms-space-2));box-shadow:var(--ms-shadow-1);color:var(--ms-color-paper);font-size:.78rem;font-weight:800;left:50%;line-height:1.35;max-width:14rem;padding:var(--ms-space-2) var(--ms-space-3);position:absolute;transform:translate(-50%);width:max-content;z-index:20}.ms-pagination,.ms-pagination__pages{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ms-space-2)}.ms-pagination__page{background:var(--ms-surface-panel);border:var(--ms-border-ink);border-radius:var(--ms-radius-sm);cursor:pointer;font-weight:850;height:2rem;min-width:2rem;transition:background-color var(--ms-motion-fast),box-shadow var(--ms-motion-fast),transform var(--ms-motion-fast)}.ms-pagination__page:hover{background:color-mix(in srgb,var(--ms-color-sky-150) 46%,var(--ms-surface-panel));box-shadow:0 0 18px color-mix(in srgb,var(--ms-color-sky-400) 22%,transparent);transform:translateY(-1px)}.ms-pagination__page[aria-current=page]{background:var(--ms-color-moss-700);color:var(--ms-color-paper)}.ms-pagination__page:focus-visible{box-shadow:var(--ms-focus);outline:none}.ms-badge{align-items:center;border:var(--ms-border-ink);border-radius:var(--ms-radius-pill);display:inline-flex;font-size:.74rem;font-weight:800;letter-spacing:0;line-height:1;min-height:1.55rem;overflow:hidden;padding:0 var(--ms-space-3);position:relative;text-transform:uppercase;transition:box-shadow var(--ms-motion-fast),transform var(--ms-motion-fast);width:max-content}.ms-badge:after{background:linear-gradient(115deg,transparent,rgba(255,250,240,.68),transparent);content:"";inset:0;opacity:0;position:absolute;transform:translate(-70%);transition:opacity var(--ms-motion-fast),transform .52s ease}.ms-badge:hover{box-shadow:0 0 18px color-mix(in srgb,var(--ms-color-amber-400) 24%,transparent);transform:translateY(-1px)}.ms-badge:hover:after{opacity:1;transform:translate(70%)}.ms-badge--moss{background:var(--ms-color-moss-200);color:var(--ms-color-moss-700)}.ms-badge--sky{background:var(--ms-color-sky-150);color:var(--ms-color-sky-500)}.ms-badge--amber{background:var(--ms-color-amber-150);color:#75511f}.ms-badge--plum{background:var(--ms-color-plum-150);color:var(--ms-color-plum-500)}.ms-card{align-content:start;background:var(--ms-surface-panel);border:var(--ms-border-ink);border-radius:var(--ms-radius-md);box-shadow:var(--ms-shadow-1);display:grid;gap:var(--ms-space-4);min-height:12rem;overflow:hidden;padding:var(--ms-space-5);position:relative;transition:box-shadow var(--ms-motion-fast),transform var(--ms-motion-fast)}.ms-card>.ms-badge{justify-self:start}.ms-card:before{content:"";height:4px;inset:0 0 auto;position:absolute}.ms-card--moss:before{background:var(--ms-color-moss-500)}.ms-card--sky:before{background:var(--ms-color-sky-400)}.ms-card--amber:before{background:var(--ms-color-amber-400)}.ms-card--plum:before{background:var(--ms-color-plum-500)}.ms-field,.ms-form-control{display:grid;gap:var(--ms-space-2)}.ms-field__label,.ms-form-control__label,.ms-switch__label{align-items:center;color:var(--ms-color-ink-800);display:inline-flex;font-size:.88rem;font-weight:800;gap:var(--ms-space-1)}.ms-field__control{background:var(--ms-surface-panel);border:var(--ms-border-ink);border-radius:var(--ms-radius-sm);color:var(--ms-color-ink-800);min-height:2.75rem;padding:0 var(--ms-space-4);transition:border-color var(--ms-motion-fast),box-shadow var(--ms-motion-fast),transform var(--ms-motion-fast);width:100%}.ms-field__control-shell{display:grid;position:relative}.ms-field__control-shell .ms-field__control{grid-area:1 / 1}.ms-field__trail{animation:ms-field-trail-chase .68s cubic-bezier(.16,1,.3,1) both;height:1.45rem;left:calc(var(--field-trail-x) - 8.75rem);mix-blend-mode:screen;overflow:visible;pointer-events:none;position:absolute;top:calc(50% + .22rem);width:7.5rem;z-index:2}.ms-field__trail:before,.ms-field__trail:after{content:"";pointer-events:none;position:absolute}.ms-field__trail:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--field-trail-color, var(--ms-magic-sky)) 86%,var(--ms-magic-gleam)),transparent),repeating-linear-gradient(90deg,transparent 0 .55rem,var(--ms-magic-gleam-soft) .6rem .66rem,transparent .72rem .98rem);border-radius:var(--ms-radius-pill);box-shadow:0 0 12px color-mix(in srgb,var(--field-trail-color, var(--ms-magic-sky)) 58%,transparent),0 0 28px color-mix(in srgb,var(--field-trail-color, var(--ms-magic-sky)) 34%,transparent);height:.22rem;left:0;top:calc(50% - .11rem);width:100%}.ms-field__trail:after{animation:ms-field-caret-dodge .68s cubic-bezier(.16,1,.3,1) both;background:radial-gradient(circle,var(--ms-magic-gleam) 0 .22rem,transparent .3rem),conic-gradient(from 110deg,transparent,var(--field-trail-color, var(--ms-magic-sky)),transparent 42%,var(--ms-magic-paper),transparent 68%);border-radius:50%;filter:drop-shadow(0 0 12px color-mix(in srgb,var(--field-trail-color, var(--ms-magic-sky)) 68%,transparent));height:1.28rem;right:.34rem;top:calc(50% - .64rem);width:1.28rem}.ms-field__trail--bolt{--field-trail-color: var(--ms-magic-sky)}.ms-field__trail--ember{--field-trail-color: var(--ms-magic-amber)}.ms-field__trail--frost{--field-trail-color: var(--ms-magic-frost)}.ms-field__trail--backward{animation-name:ms-field-trail-retreat;left:calc(var(--field-trail-x) + 1.25rem)}.ms-field__trail--backward:after{animation-name:ms-field-caret-backstep;left:.34rem;right:auto}.ms-field__control:hover:not(:disabled){box-shadow:0 0 20px color-mix(in srgb,var(--ms-color-sky-400) 18%,transparent);transform:translateY(-1px)}.ms-field__control:disabled{cursor:not-allowed;opacity:.62}.ms-field__hint{color:var(--ms-text-muted);font-size:.78rem}.ms-field__error,.ms-form-control__error{color:var(--ms-color-rose-500);font-size:.78rem;font-weight:800}.ms-form-control__hint{color:var(--ms-text-muted);font-size:.78rem;margin:0}.ms-form-control__error{margin:0}.ms-field[data-invalid] .ms-field__control,.ms-form-control[data-invalid] .ms-field__control{border-color:#b06363b8;box-shadow:0 0 22px color-mix(in srgb,var(--ms-color-rose-500) 20%,transparent)}.ms-form-control[data-disabled]{opacity:.68}.ms-switch{align-items:center;cursor:pointer;display:inline-flex;gap:var(--ms-space-3);transition:transform var(--ms-motion-fast);width:max-content}.ms-switch:hover{transform:translateY(-1px)}.ms-switch__input{height:1px;opacity:0;position:absolute;width:1px}.ms-switch__track{background:var(--ms-color-cream-200);border:var(--ms-border-ink);border-radius:var(--ms-radius-pill);display:inline-flex;height:1.65rem;padding:3px;position:relative;transition:background-color var(--ms-motion-fast),box-shadow var(--ms-motion-fast);width:3rem}.ms-switch__track:after{background:radial-gradient(circle,rgba(255,250,240,.78),transparent .58rem);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--ms-motion-fast)}.ms-switch:hover .ms-switch__track:after,.ms-switch__input:checked+.ms-switch__track:after{opacity:1}.ms-switch__thumb{background:var(--ms-color-paper);border:var(--ms-border-ink);border-radius:50%;display:block;height:1.1rem;transform:translate(0);transition:transform var(--ms-motion-fast);width:1.1rem}.ms-switch__input:checked+.ms-switch__track{background:var(--ms-color-moss-500);box-shadow:0 0 24px color-mix(in srgb,var(--ms-color-moss-500) 34%,transparent)}.ms-switch__input:checked+.ms-switch__track .ms-switch__thumb{transform:translate(1.3rem)}.ms-dialog{display:grid;inset:0;place-items:center;position:fixed;z-index:50}.ms-dialog__scrim{animation:ms-scrim-enter .18s ease both;background:#27323857;border:0;cursor:pointer;inset:0;position:absolute}.ms-dialog__panel{animation:ms-dialog-enter .22s cubic-bezier(.2,.8,.2,1) both;background:linear-gradient(180deg,rgba(228,241,242,.5),transparent 46%),var(--ms-surface-panel);border:var(--ms-border-ink);border-radius:var(--ms-radius-md);box-shadow:var(--ms-shadow-2);display:grid;gap:var(--ms-space-5);max-height:min(82vh,42rem);max-width:min(92vw,34rem);overflow:auto;padding:var(--ms-space-6);position:relative;width:100%}.ms-dialog__panel:before{background:radial-gradient(circle at 22% 0%,rgba(226,183,94,.3),transparent 10rem),linear-gradient(120deg,rgba(255,250,240,.34),transparent 36%);content:"";inset:0;pointer-events:none;position:absolute}.ms-dialog__panel>*{position:relative;z-index:1}.ms-dialog__header,.ms-dialog__footer,.ms-toast{align-items:flex-start;display:flex;gap:var(--ms-space-4);justify-content:space-between}.ms-dialog__header h2{font-family:var(--ms-font-serif);font-size:1.8rem;line-height:1.05;margin:0}.ms-dialog__header p,.ms-dialog__body,.ms-toast p{color:var(--ms-text-muted);line-height:1.65}.ms-dialog__header p,.ms-toast p{margin:var(--ms-space-2) 0 0}.ms-dialog__body{font-size:.95rem}.ms-dialog__footer{justify-content:flex-end}.ms-select__wrap{position:relative}.ms-select__wrap:after{border-color:var(--ms-text-muted) transparent transparent;border-style:solid;border-width:6px 5px 0;content:"";pointer-events:none;position:absolute;right:var(--ms-space-4);top:calc(50% - 2px)}.ms-select__control{appearance:none;cursor:pointer;padding-right:var(--ms-space-10)}.ms-select__wrap:focus-within:after{border-top-color:var(--ms-color-moss-700);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--ms-color-sky-400) 44%,transparent))}.ms-tabs{display:grid;gap:var(--ms-space-3)}.ms-tabs__list{align-items:center;background:var(--ms-surface-muted);border:var(--ms-border-ink);border-radius:var(--ms-radius-sm);display:inline-flex;gap:var(--ms-space-1);overflow:hidden;padding:4px;position:relative;width:max-content}.ms-tabs__list[aria-orientation=vertical]{align-items:stretch;flex-direction:column;width:min(100%,12rem)}.ms-tabs__tab{background:transparent;border:0;border-radius:5px;color:var(--ms-text-muted);cursor:pointer;font-weight:800;min-height:2rem;padding:0 var(--ms-space-3);transition:background-color var(--ms-motion-fast),box-shadow var(--ms-motion-fast),color var(--ms-motion-fast),transform var(--ms-motion-fast)}.ms-tabs__tab:hover{background:color-mix(in srgb,var(--ms-color-sky-150) 48%,transparent);color:var(--ms-color-ink-800);transform:translateY(-1px)}.ms-tabs__tab[aria-selected=true]{background:var(--ms-color-moss-700);box-shadow:0 0 22px color-mix(in srgb,var(--ms-color-moss-500) 32%,transparent);color:var(--ms-color-paper)}.ms-tabs__tab:focus-visible{box-shadow:var(--ms-focus);outline:none}.ms-tabs__panel{animation:ms-panel-reveal .18s ease both;background:var(--ms-surface-panel);border:var(--ms-border-ink);border-radius:var(--ms-radius-md);color:var(--ms-text-muted);line-height:1.65;min-height:7rem;padding:var(--ms-space-4)}.ms-toast-viewport{display:grid;gap:var(--ms-space-3);max-width:26rem;width:100%}.ms-toast{background:var(--ms-surface-panel);border:var(--ms-border-ink);border-radius:var(--ms-radius-md);box-shadow:var(--ms-shadow-1);animation:ms-toast-enter .24s ease both;min-height:5rem;overflow:hidden;padding:var(--ms-space-4);position:relative}.ms-toast strong{display:block;font-size:.96rem}.ms-toast--moss{box-shadow:inset 4px 0 0 var(--ms-color-moss-500),var(--ms-shadow-1)}.ms-toast--sky{box-shadow:inset 4px 0 0 var(--ms-color-sky-400),var(--ms-shadow-1)}.ms-toast--amber{box-shadow:inset 4px 0 0 var(--ms-color-amber-400),var(--ms-shadow-1)}.ms-toast--plum{box-shadow:inset 4px 0 0 var(--ms-color-plum-500),var(--ms-shadow-1)}@keyframes ms-dialog-enter{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ms-panel-reveal{0%{opacity:0;transform:translateY(-.35rem)}to{opacity:1;transform:translateY(0)}}@keyframes ms-icon-breathe{0%,to{box-shadow:0 0 color-mix(in srgb,var(--ms-color-amber-400) 0%,transparent);transform:scale(1)}50%{box-shadow:0 0 18px color-mix(in srgb,var(--ms-color-amber-400) 26%,transparent);transform:scale(1.05)}}@keyframes ms-orbit-glint{to{transform:rotate(360deg)}}@keyframes ms-mana-track{to{transform:translate(100%)}}@keyframes ms-separator-spark{0%{opacity:0;transform:translate(-100%)}35%,65%{opacity:.72}to{opacity:0;transform:translate(100%)}}@keyframes ms-tooltip-enter{0%{opacity:0;transform:translate(-50%,.35rem) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes ms-scrim-enter{0%{opacity:0}to{opacity:1}}@keyframes ms-toast-enter{0%{opacity:0;transform:translateY(.5rem) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ms-field-trail-chase{0%{opacity:0;transform:translate(-.8rem) scaleX(.2)}14%{opacity:1;transform:translate(-.12rem) scaleX(1.08)}34%{filter:contrast(1.45) brightness(1.14);transform:translate(.08rem) scaleX(.92)}to{opacity:0;filter:contrast(1) brightness(1);transform:translate(.7rem) scaleX(.34)}}@keyframes ms-field-caret-dodge{0%{transform:translate(-.8rem) rotate(-28deg) scale(.76)}18%{transform:translate(.12rem) rotate(10deg) scale(1.08)}to{transform:translate(1.1rem) rotate(52deg) scale(.28)}}@keyframes ms-field-trail-retreat{0%{opacity:0;transform:translate(.8rem) scaleX(.2)}14%{opacity:1;transform:translate(.12rem) scaleX(1.08)}34%{filter:contrast(1.45) brightness(1.14);transform:translate(-.08rem) scaleX(.92)}to{opacity:0;filter:contrast(1) brightness(1);transform:translate(-.7rem) scaleX(.34)}}@keyframes ms-field-caret-backstep{0%{transform:translate(.8rem) rotate(28deg) scale(.76)}18%{transform:translate(-.12rem) rotate(-10deg) scale(1.08)}to{transform:translate(-1.1rem) rotate(-52deg) scale(.28)}}@media(prefers-reduced-motion:reduce){.ms-accordion,.ms-accordion__trigger,.ms-accordion__panel,.ms-alert,.ms-alert__icon,.ms-avatar,.ms-avatar:after,.ms-badge,.ms-card,.ms-checkbox,.ms-checkbox__box,.ms-dialog__panel,.ms-dialog__scrim,.ms-field__control,.ms-field__trail,.ms-pagination__page,.ms-progress__bar,.ms-progress__track:after,.ms-radio,.ms-radio__dot,.ms-separator:after,.ms-slider__control,.ms-spinner__mark,.ms-switch,.ms-switch__track,.ms-switch__thumb,.ms-tabs__panel,.ms-tabs__tab,.ms-toast,.ms-tooltip__content{animation:none;transition:none}}@media(max-width:560px){.ms-dialog__header,.ms-dialog__footer,.ms-toast{align-items:stretch;flex-direction:column}.ms-tabs__list{width:100%}.ms-tabs__tab{flex:1 1 0}}.site-shell{background:linear-gradient(180deg,rgba(255,250,240,.82) 0,rgba(235,244,237,.48) 26rem,transparent 52rem),linear-gradient(120deg,rgba(158,194,207,.46) 0 26%,transparent 54%),linear-gradient(155deg,transparent 0 42%,rgba(132,82,120,.14) 42% 58%,transparent 72%),repeating-linear-gradient(100deg,rgba(39,50,56,.026) 0 1px,transparent 1px 16px),var(--ms-surface-page);color:var(--ms-text-primary);min-height:100vh;overflow-x:hidden;position:relative}.site-shell:before{background:repeating-linear-gradient(0deg,rgba(255,250,240,.18) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,rgba(39,50,56,.035) 0 1px,transparent 1px 23px);content:"";inset:0;mix-blend-mode:multiply;opacity:.26;pointer-events:none;position:fixed;z-index:0}.site-shell:after{animation:page-mana-drift 18s ease-in-out infinite;background:radial-gradient(circle at 18% 22%,rgba(226,183,94,.2),transparent 16rem),radial-gradient(circle at 78% 18%,rgba(158,194,207,.26),transparent 18rem),radial-gradient(circle at 52% 72%,rgba(132,82,120,.16),transparent 20rem);content:"";inset:0;opacity:.72;pointer-events:none;position:fixed;z-index:0}.site-shell>*{position:relative;z-index:1}.cursor-trail-layer{inset:0;overflow:hidden;pointer-events:none;position:fixed}.cursor-trail-layer{z-index:77}.cursor-trail{animation:cursor-trail-fade .52s ease-out both;height:1.2rem;left:var(--cursor-x);position:absolute;top:var(--cursor-y);transform:translate(-100%,-50%) rotate(var(--cursor-angle));transform-origin:right center;width:var(--cursor-length)}.cursor-trail:before,.cursor-trail:after{content:"";position:absolute}.cursor-trail:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cursor-color, var(--ms-magic-sky)) 82%,var(--ms-magic-gleam)),var(--ms-magic-paper)),repeating-linear-gradient(90deg,transparent 0 .42rem,var(--ms-magic-gleam-soft) .46rem .52rem,transparent .56rem .82rem);border-radius:var(--ms-radius-pill);box-shadow:0 0 14px color-mix(in srgb,var(--cursor-color, var(--ms-magic-sky)) 56%,transparent),0 0 30px color-mix(in srgb,var(--cursor-color, var(--ms-magic-sky)) 28%,transparent);height:.24rem;right:0;top:calc(50% - .12rem);width:100%}.cursor-trail:after{background:radial-gradient(circle,var(--ms-magic-gleam),transparent 68%);border-radius:50%;height:.82rem;right:-.2rem;top:calc(50% - .41rem);width:.82rem}.cursor-trail--sky{--cursor-color: var(--ms-magic-sky)}.cursor-trail--amber{--cursor-color: var(--ms-magic-amber)}.cursor-trail--plum{--cursor-color: var(--ms-magic-plum)}.spell-impact-layer{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:80}.typing-spell-layer{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:79}.spell-impact{animation:spell-impact-cut .82s cubic-bezier(.16,1,.3,1) both;height:9rem;left:var(--impact-x);position:absolute;top:var(--impact-y);transform:translate(-50%,-50%);width:9rem}.spell-impact:before,.spell-impact:after{content:"";inset:0;position:absolute}.spell-impact:before{background:radial-gradient(circle,var(--ms-magic-gleam) 0 .32rem,transparent .36rem),conic-gradient(from 12deg,transparent 0 8%,var(--ms-magic-gleam) 9% 10%,transparent 11% 24%,color-mix(in srgb,var(--ms-magic-amber) 86%,transparent) 25% 27%,transparent 28% 44%,color-mix(in srgb,var(--ms-magic-sky) 92%,transparent) 45% 47%,transparent 48% 68%,color-mix(in srgb,var(--ms-magic-plum) 72%,transparent) 69% 71%,transparent 72%);border-radius:50%;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--ms-magic-amber) 58%,transparent));-webkit-mask:radial-gradient(circle,transparent 0 32%,#000 33% 48%,transparent 49%);mask:radial-gradient(circle,transparent 0 32%,#000 33% 48%,transparent 49%)}.spell-impact:after{background:linear-gradient(90deg,transparent 0 18%,var(--ms-magic-gleam) 49%,transparent 82%),linear-gradient(0deg,transparent 0 18%,color-mix(in srgb,var(--ms-magic-sky) 92%,transparent) 49%,transparent 82%),linear-gradient(135deg,transparent 0 28%,color-mix(in srgb,var(--ms-magic-amber) 88%,transparent) 49%,transparent 70%),linear-gradient(45deg,transparent 0 28%,var(--ms-magic-paper) 49%,transparent 70%);border-radius:50%;mix-blend-mode:screen}.typing-spell{animation:typing-spell-chase .68s cubic-bezier(.16,1,.3,1) both;height:1.85rem;left:calc(var(--typing-x) - var(--typing-width) - 1.45rem);position:absolute;top:calc(var(--typing-y) + .54rem);transform:translateY(-50%);width:var(--typing-width)}.typing-spell:before,.typing-spell:after{content:"";pointer-events:none;position:absolute}.typing-spell:before{background:linear-gradient(90deg,transparent 0,color-mix(in srgb,var(--ms-magic-gleam) 26%,transparent) 12%,var(--ms-magic-gleam) 72%,transparent 100%),repeating-linear-gradient(90deg,transparent 0 .6rem,var(--ms-magic-gleam-soft) .64rem .72rem,transparent .78rem 1.05rem);border-radius:var(--ms-radius-pill);box-shadow:0 0 16px color-mix(in srgb,var(--typing-color, var(--ms-magic-sky)) 58%,transparent),0 0 34px color-mix(in srgb,var(--typing-color, var(--ms-magic-sky)) 34%,transparent);height:.28rem;left:0;top:calc(50% - .14rem);width:100%}.typing-spell:after{animation:typing-caret-dodge .68s cubic-bezier(.16,1,.3,1) both;background:radial-gradient(circle,var(--ms-magic-gleam) 0 .28rem,transparent .34rem),conic-gradient(from 120deg,transparent,var(--typing-color, var(--ms-magic-sky)),transparent 42%,var(--ms-magic-paper),transparent 68%);border-radius:50%;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--typing-color, var(--ms-magic-sky)) 68%,transparent));height:1.65rem;right:.18rem;top:calc(50% - .82rem);width:1.65rem}.typing-spell--bolt{--typing-color: var(--ms-magic-sky)}.typing-spell--ember{--typing-color: var(--ms-magic-amber)}.typing-spell--frost{--typing-color: var(--ms-magic-frost)}.typing-spell[data-direction=backward]{animation-name:typing-spell-retreat;left:calc(var(--typing-x) + 1.45rem)}.typing-spell[data-direction=backward]:after{animation-name:typing-caret-backstep;left:.18rem;right:auto}.site-shell[data-ms-theme=dark]{background:linear-gradient(180deg,rgba(38,48,45,.9) 0,rgba(33,48,52,.58) 26rem,transparent 54rem),linear-gradient(120deg,rgba(134,180,192,.2) 0 32%,transparent 56%),linear-gradient(155deg,transparent 0 42%,rgba(132,82,120,.18) 42% 58%,transparent 74%),repeating-linear-gradient(100deg,rgba(255,250,240,.025) 0 1px,transparent 1px 18px),var(--ms-surface-page)}.site-header{align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--ms-surface-page) 82%,transparent);border-bottom:var(--ms-border-ink);display:grid;gap:var(--ms-space-4);grid-template-columns:auto minmax(0,1fr) auto;min-height:4.75rem;padding:0 clamp(1rem,5vw,3rem);position:sticky;top:0;z-index:20}.site-brand{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;font:inherit;font-weight:900;gap:var(--ms-space-3);padding:0}.site-brand__mark{align-items:center;background:linear-gradient(135deg,var(--ms-color-moss-700),var(--ms-color-sky-500));border:var(--ms-border-ink);border-radius:var(--ms-radius-sm);color:var(--ms-color-paper);display:inline-flex;height:2.35rem;justify-content:center;width:2.35rem}.site-nav{align-items:center;display:flex;gap:var(--ms-space-2);justify-content:center}.site-nav__item{background:transparent;border:0;border-radius:var(--ms-radius-sm);color:var(--ms-text-muted);cursor:pointer;font:inherit;font-size:.9rem;font-weight:850;min-height:2.35rem;padding:0 var(--ms-space-3)}.site-nav__item:hover,.site-nav__item[aria-current=page]{background:color-mix(in srgb,var(--ms-surface-panel) 74%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ms-text-primary) 12%,transparent);color:var(--ms-text-primary)}.site-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ms-space-2);justify-content:flex-end}.hero-section,.page-shell,.section-band{margin:0 auto;max-width:1540px;padding-left:clamp(1.25rem,4vw,4.5rem);padding-right:clamp(1.25rem,4vw,4.5rem)}.hero-section{display:grid;gap:clamp(2rem,6vw,5rem);grid-template-columns:minmax(30rem,.88fr) minmax(36rem,1.12fr);min-height:calc(100vh - 4.75rem);padding-bottom:clamp(3rem,8vw,6rem);padding-top:clamp(3rem,8vw,6rem)}.hero-copy{align-self:center;display:grid;gap:var(--ms-space-5)}.hero-copy h1,.page-heading h1,.anime-window h2,.pattern-grid h3,.feature-card__icon+h3{font-family:var(--ms-font-serif);letter-spacing:0;margin:0}.hero-copy h1{font-size:clamp(3.25rem,8vw,6.9rem);line-height:.9;max-width:11.2ch;text-shadow:0 2px 0 color-mix(in srgb,var(--ms-color-paper) 76%,transparent),0 18px 48px rgba(57,87,66,.18)}.site-shell[data-lang=ko] .hero-copy h1{font-size:clamp(3rem,5.25vw,5.25rem);line-height:1.08;max-width:10.8em;overflow-wrap:normal;word-break:keep-all}.site-shell[data-lang=ko] .hero-copy p,.site-shell[data-lang=ko] .page-heading p{word-break:keep-all}.hero-copy p,.page-heading p,.anime-window p,.feature-grid p{color:var(--ms-text-muted);line-height:1.75;margin:0}.hero-copy p{font-size:1.08rem;max-width:42rem}.hero-actions,.anime-window__actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ms-space-3)}.anime-stage{align-self:center;aspect-ratio:1.18;border:2px solid color-mix(in srgb,var(--ms-text-primary) 24%,transparent);border-radius:14px;box-shadow:0 5px color-mix(in srgb,var(--ms-text-primary) 18%,transparent),0 42px 90px #3957424d;min-height:40rem;overflow:hidden;position:relative;transform-style:preserve-3d;transition:transform .36s ease,box-shadow .36s ease}.anime-stage:hover{box-shadow:0 5px color-mix(in srgb,var(--ms-text-primary) 18%,transparent),0 54px 110px #3957425c,0 0 62px color-mix(in srgb,var(--ms-color-sky-400) 28%,transparent);transform:translateY(-3px)}.anime-stage:before{background:linear-gradient(180deg,transparent 0 66%,rgba(39,50,56,.1) 100%),repeating-linear-gradient(8deg,transparent 0 18px,rgba(255,250,240,.16) 18px 19px,transparent 19px 38px);content:"";inset:0;pointer-events:none;position:absolute;z-index:3}.anime-stage:after{background:repeating-linear-gradient(90deg,rgba(255,250,240,.09) 0,rgba(255,250,240,.09) 1px,transparent 1px,transparent 5px);content:"";inset:0;mix-blend-mode:overlay;opacity:.76;pointer-events:none;position:absolute;z-index:4}.anime-stage__wash{animation:landing-breathe 9s ease-in-out infinite;background:linear-gradient(180deg,#fffaf0c7,#9ec2cf6b 42%,#daebc6e0),linear-gradient(120deg,rgba(206,130,123,.18),transparent 42%),var(--ms-color-sky-400);inset:0;position:absolute}.site-shell[data-ms-theme=dark] .anime-stage__wash{background:linear-gradient(180deg,#26302d75,#30484eb8 48%,#3d5140c7),var(--ms-color-sky-150)}.anime-stage__cloud{animation:cloud-drift 18s ease-in-out infinite;background:#fffaf0d6;border:var(--ms-border-ink);border-radius:999px;box-shadow:0 12px 28px #fffaf03d;height:2.4rem;position:absolute;width:9rem;z-index:1}.anime-stage__cloud:before,.anime-stage__cloud:after{background:inherit;border:inherit;border-radius:999px;content:"";height:3.2rem;position:absolute;top:-1.2rem;width:4.2rem}.anime-stage__cloud:before{left:1.1rem}.anime-stage__cloud:after{right:1.2rem}.anime-stage__cloud--one{left:9%;top:12%}.anime-stage__cloud--two{animation-delay:1.5s;right:12%;top:23%;transform:scale(.72)}.anime-stage__sun{animation:sun-pulse 5.6s ease-in-out infinite;background:linear-gradient(145deg,#fff6c9,var(--ms-color-amber-400));border:var(--ms-border-ink);border-radius:50%;box-shadow:0 0 0 16px #e2b75e2e,0 0 72px #e2b75e5c;height:5.2rem;position:absolute;right:16%;top:10%;width:5.2rem;z-index:1}.anime-stage__mana-field{background:radial-gradient(circle at var(--spell-x, 50%) var(--spell-y, 50%),rgba(255,250,240,.74),transparent .6rem),radial-gradient(circle at var(--spell-x, 50%) var(--spell-y, 50%),rgba(226,183,94,.32),transparent 9rem),conic-gradient(from 120deg at var(--spell-x, 50%) var(--spell-y, 50%),transparent,rgba(255,250,240,.2),transparent,rgba(158,194,207,.24),transparent);filter:blur(.2px);inset:0;mix-blend-mode:screen;opacity:.72;pointer-events:none;position:absolute;transition:background-position .14s ease;z-index:2}.anime-stage__glyph{animation:glyph-orbit 11s linear infinite;border:1px solid color-mix(in srgb,var(--ms-color-paper) 64%,transparent);border-radius:50%;box-shadow:inset 0 0 0 7px #fffaf014,0 0 28px #e2b75e38;height:9rem;pointer-events:none;position:absolute;width:9rem;z-index:2}.anime-stage__glyph:before,.anime-stage__glyph:after{border:1px solid color-mix(in srgb,var(--ms-color-sky-400) 54%,transparent);border-radius:50%;content:"";inset:18%;position:absolute}.anime-stage__glyph:after{border-color:color-mix(in srgb,var(--ms-color-amber-400) 58%,transparent);inset:36%}.anime-stage__glyph--one{left:7%;top:58%}.anime-stage__glyph--two{animation-direction:reverse;animation-duration:14s;height:6.7rem;right:11%;top:9%;width:6.7rem}.anime-stage__comet{animation:comet-cut 3.9s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(90deg,transparent,rgba(255,250,240,.9),rgba(226,183,94,.76),transparent);border-radius:999px;height:.22rem;pointer-events:none;position:absolute;transform:rotate(-24deg);width:12rem;z-index:3}.anime-stage__comet--one{animation-delay:.4s;left:-24%;top:20%}.anime-stage__comet--two{animation-delay:2.1s;left:-18%;top:72%;width:8rem}.anime-stage__mote{animation:mote-rise 5.8s ease-in-out infinite;background:#fffaf0db;border-radius:50%;box-shadow:0 0 0 1px #e2b75e47,0 0 18px #e2b75e9e;height:.42rem;pointer-events:none;position:absolute;width:.42rem;z-index:3}.anime-stage__mote--one{left:18%;top:72%}.anime-stage__mote--two{animation-delay:1.4s;left:52%;top:54%}.anime-stage__mote--three{animation-delay:2.6s;right:16%;top:64%}.anime-stage__spell-flash{animation:spell-flash .76s ease-out both;background:radial-gradient(circle at var(--spell-x, 50%) var(--spell-y, 50%),rgba(255,250,240,.92),transparent 2.8rem),radial-gradient(circle at var(--spell-x, 50%) var(--spell-y, 50%),rgba(226,183,94,.58),transparent 10rem),conic-gradient(from 0deg at var(--spell-x, 50%) var(--spell-y, 50%),transparent,rgba(255,250,240,.8),transparent 26%,rgba(158,194,207,.62),transparent 54%,rgba(132,82,120,.46),transparent);inset:0;mix-blend-mode:screen;pointer-events:none;position:absolute;z-index:5}.anime-stage__ridge{border:var(--ms-border-ink);border-radius:50% 50% 0 0;position:absolute}.anime-stage__ridge--far{background:linear-gradient(180deg,var(--ms-color-moss-200),color-mix(in srgb,var(--ms-color-sky-400) 34%,var(--ms-color-moss-200)));bottom:5%;height:36%;left:-18%;width:84%}.anime-stage__ridge--near{background:linear-gradient(180deg,color-mix(in srgb,var(--ms-color-moss-500) 88%,var(--ms-color-amber-400)),var(--ms-color-moss-700));bottom:-18%;height:48%;right:-22%;width:92%}.anime-stage__grass{animation:grass-sway 4.2s ease-in-out infinite;background:repeating-linear-gradient(92deg,transparent 0 10px,color-mix(in srgb,var(--ms-color-moss-700) 86%,var(--ms-color-amber-400)) 10px 12px,transparent 12px 28px),linear-gradient(180deg,transparent,rgba(39,50,56,.1));bottom:6%;height:6rem;left:0;opacity:.86;position:absolute;right:0;z-index:1}.anime-window{background:linear-gradient(180deg,color-mix(in srgb,var(--ms-surface-panel) 96%,transparent),color-mix(in srgb,var(--ms-color-paper) 82%,transparent)),var(--ms-surface-panel);border:2px solid color-mix(in srgb,var(--ms-text-primary) 72%,transparent);border-radius:10px;box-shadow:0 3px color-mix(in srgb,var(--ms-text-primary) 12%,transparent),0 24px 55px #27323838;left:10%;position:absolute;right:10%;top:29%;z-index:2;transition:transform .28s ease,box-shadow .28s ease}.anime-stage:hover .anime-window{box-shadow:0 3px color-mix(in srgb,var(--ms-text-primary) 12%,transparent),0 30px 66px #27323847,0 0 40px color-mix(in srgb,var(--ms-color-amber-400) 22%,transparent);transform:translateY(-4px)}.anime-window__bar{border-bottom:var(--ms-border-ink);display:flex;gap:.45rem;padding:var(--ms-space-3)}.anime-window__bar span{background:var(--ms-color-rose-500);border:var(--ms-border-ink);border-radius:50%;height:.72rem;width:.72rem}.anime-window__bar span:nth-child(2){background:var(--ms-color-amber-400)}.anime-window__bar span:nth-child(3){background:var(--ms-color-moss-500)}.anime-window__body{display:grid;gap:var(--ms-space-4);padding:var(--ms-space-6)}.anime-window h2{font-size:2.25rem}.section-band,.page-shell{padding-bottom:clamp(3rem,7vw,5rem);padding-top:clamp(3rem,7vw,5rem)}.page-heading{display:grid;gap:var(--ms-space-3);margin-bottom:var(--ms-space-8);max-width:48rem}.page-heading h1{font-size:clamp(2.4rem,5vw,4.7rem);line-height:.96}.eyebrow{color:var(--ms-color-moss-700);font-size:.76rem;font-weight:900;letter-spacing:0;margin:0;text-transform:uppercase}.feature-grid,.component-groups,.showcase-grid,.pattern-grid,.token-grid,.install-grid{display:grid;gap:var(--ms-space-4)}.feature-grid,.showcase-grid,.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.component-groups{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:var(--ms-space-5)}.feature-card__icon{align-items:center;background:var(--ms-color-sky-150);border:var(--ms-border-ink);border-radius:var(--ms-radius-sm);color:var(--ms-color-sky-500);display:inline-flex;height:2.25rem;justify-content:center;width:2.25rem}.feature-card__icon+h3,.pattern-grid h3{font-size:1.45rem}.component-tags{display:flex;flex-wrap:wrap;gap:var(--ms-space-2)}.component-tags span{background:color-mix(in srgb,var(--ms-surface-panel) 70%,transparent);border:var(--ms-border-ink);border-radius:var(--ms-radius-pill);color:var(--ms-text-muted);font-size:.82rem;font-weight:850;padding:.38rem .7rem}.component-browser{align-items:start;display:grid;gap:var(--ms-space-6);grid-template-columns:minmax(18rem,.24fr) minmax(0,1fr)}.component-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--ms-surface-panel) 94%,transparent),transparent),repeating-linear-gradient(105deg,rgba(39,50,56,.026) 0 1px,transparent 1px 14px),color-mix(in srgb,var(--ms-color-moss-100) 36%,transparent);border:2px solid color-mix(in srgb,var(--ms-text-primary) 22%,transparent);border-radius:var(--ms-radius-md);box-shadow:0 4px color-mix(in srgb,var(--ms-text-primary) 10%,transparent),0 24px 54px #3957421f;display:grid;gap:var(--ms-space-5);padding:var(--ms-space-4);position:sticky;top:6rem}.component-sidebar__intro{display:grid;gap:var(--ms-space-2)}.component-sidebar__list{display:grid;gap:var(--ms-space-5);max-height:calc(100vh - 14rem);min-height:0;overflow-y:auto;padding-right:var(--ms-space-2);scrollbar-color:color-mix(in srgb,var(--ms-color-moss-500) 58%,transparent) color-mix(in srgb,var(--ms-color-paper) 58%,transparent);scrollbar-width:thin}.component-sidebar__list::-webkit-scrollbar{width:.62rem}.component-sidebar__list::-webkit-scrollbar-track{background:linear-gradient(180deg,color-mix(in srgb,var(--ms-color-paper) 72%,transparent),transparent),color-mix(in srgb,var(--ms-color-moss-100) 42%,transparent);border:1px solid color-mix(in srgb,var(--ms-text-primary) 12%,transparent);border-radius:var(--ms-radius-pill)}.component-sidebar__list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--ms-color-moss-500),color-mix(in srgb,var(--ms-color-sky-400) 64%,var(--ms-color-moss-500))),var(--ms-color-moss-500);border:2px solid color-mix(in srgb,var(--ms-color-paper) 76%,transparent);border-radius:var(--ms-radius-pill)}.component-sidebar__list::-webkit-scrollbar-thumb:hover{background:var(--ms-color-moss-700)}.component-sidebar__intro p,.component-detail__header p,.demo-card-grid p,.prop-playground-card p{color:var(--ms-text-muted);line-height:1.65;margin:0}.component-menu-group{display:grid;gap:var(--ms-space-2)}.component-menu-group h2{color:var(--ms-text-muted);font-size:.76rem;font-weight:900;letter-spacing:0;margin:0;text-transform:uppercase}.component-menu{display:grid;gap:var(--ms-space-2)}.component-menu__item{background:linear-gradient(135deg,color-mix(in srgb,var(--ms-surface-panel) 82%,transparent),color-mix(in srgb,var(--ms-color-sky-150) 34%,transparent)),var(--ms-surface-panel);border:var(--ms-border-ink);border-radius:var(--ms-radius-sm);color:var(--ms-text-primary);cursor:pointer;display:grid;gap:.18rem;min-height:3.35rem;overflow:hidden;padding:var(--ms-space-2) var(--ms-space-3);position:relative;text-align:left;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.component-menu__item:before{background:radial-gradient(circle,rgba(255,250,240,.88),transparent .36rem),linear-gradient(90deg,rgba(226,183,94,.46),transparent);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transform:translate(-26%);transition:opacity .18s ease,transform .28s ease}.component-menu__item:hover,.component-menu__item[aria-current=true]{background:var(--ms-surface-panel);box-shadow:0 3px color-mix(in srgb,var(--ms-text-primary) 14%,transparent),0 0 28px color-mix(in srgb,var(--ms-color-sky-400) 24%,transparent);transform:translateY(-1px)}.component-menu__item:hover:before,.component-menu__item[aria-current=true]:before{opacity:.8;transform:translate(18%)}.component-menu__item span{font-weight:900}.component-menu__item small{color:var(--ms-text-muted);font-size:.76rem;font-weight:750}.component-main{display:grid;gap:var(--ms-space-5)}.component-detail-card,.prop-playground-card{gap:var(--ms-space-5);background:linear-gradient(135deg,color-mix(in srgb,var(--ms-surface-panel) 96%,transparent),color-mix(in srgb,var(--ms-color-amber-150) 18%,transparent)),var(--ms-surface-panel);box-shadow:0 4px color-mix(in srgb,var(--ms-text-primary) 9%,transparent),0 26px 58px #3957421f}.component-detail__header{align-items:start;display:flex;gap:var(--ms-space-4);justify-content:space-between}.component-detail__header h2{font-family:var(--ms-font-serif);font-size:clamp(2rem,4vw,3.4rem);line-height:.98;margin:var(--ms-space-2) 0 var(--ms-space-2)}.component-demo-surface{align-items:center;background:repeating-linear-gradient(100deg,rgba(39,50,56,.026) 0 1px,transparent 1px 18px),linear-gradient(135deg,color-mix(in srgb,var(--ms-color-sky-150) 58%,transparent),transparent 55%),linear-gradient(180deg,transparent 0 72%,color-mix(in srgb,var(--ms-color-moss-200) 32%,transparent)),color-mix(in srgb,var(--ms-surface-panel) 72%,transparent);border:2px solid color-mix(in srgb,var(--ms-text-primary) 18%,transparent);border-radius:var(--ms-radius-md);display:grid;min-height:16rem;padding:clamp(1rem,4vw,2rem);overflow:hidden;position:relative}.component-demo-surface:before,.prop-preview:before{animation:preview-mana-sweep 6.4s ease-in-out infinite;background:radial-gradient(circle at 20% 78%,rgba(226,183,94,.28),transparent 8rem),radial-gradient(circle at 82% 22%,rgba(158,194,207,.3),transparent 9rem),linear-gradient(115deg,transparent 0 28%,rgba(255,250,240,.2) 42%,transparent 58%);content:"";inset:0;opacity:.7;pointer-events:none;position:absolute}.component-demo-surface>*,.prop-preview>*{position:relative;z-index:1}.component-demo-surface:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ms-color-sky-400) 32%,transparent),0 22px 48px #39574229}.component-feature-list,.demo-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--ms-space-3)}.component-feature-list span{background:color-mix(in srgb,var(--ms-surface-panel) 72%,transparent);border:var(--ms-border-ink);border-radius:var(--ms-radius-pill);color:var(--ms-text-muted);font-size:.82rem;font-weight:850;padding:.45rem .74rem}.demo-stack{display:grid;gap:var(--ms-space-4);width:min(100%,30rem)}.demo-card-grid,.prop-playground{display:grid;gap:var(--ms-space-4);grid-template-columns:repeat(2,minmax(0,1fr))}.prop-controls{align-content:start;display:grid;gap:var(--ms-space-3)}.prop-preview{background:repeating-linear-gradient(100deg,rgba(39,50,56,.024) 0 1px,transparent 1px 18px),linear-gradient(145deg,color-mix(in srgb,var(--ms-color-amber-150) 56%,transparent),transparent 56%),linear-gradient(180deg,transparent,color-mix(in srgb,var(--ms-color-sky-150) 28%,transparent)),color-mix(in srgb,var(--ms-surface-panel) 74%,transparent);border:2px solid color-mix(in srgb,var(--ms-text-primary) 16%,transparent);border-radius:var(--ms-radius-md);display:grid;gap:var(--ms-space-3);min-height:17rem;overflow:hidden;padding:var(--ms-space-4);position:relative}.prop-preview__label{color:var(--ms-text-muted);font-size:.76rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.prop-preview__stage{align-items:center;display:grid;justify-items:start;min-width:0}.prop-code{background:var(--ms-color-ink-800);border:var(--ms-border-ink);border-radius:var(--ms-radius-md);color:var(--ms-color-paper);display:grid;gap:var(--ms-space-3);grid-column:1 / -1;min-width:0;padding:var(--ms-space-4)}.prop-code .prop-preview__label{color:color-mix(in srgb,var(--ms-color-paper) 72%,transparent)}.prop-code pre{margin:0;overflow:auto}.prop-code code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.84rem;line-height:1.65;white-space:pre}.separator-demo{align-items:stretch;display:flex;gap:var(--ms-space-4);min-height:4rem}.separator-demo span{align-items:center;background:color-mix(in srgb,var(--ms-surface-panel) 78%,transparent);border:var(--ms-border-ink);border-radius:var(--ms-radius-sm);display:inline-flex;font-weight:850;padding:0 var(--ms-space-4)}.stack{display:grid;gap:var(--ms-space-3)}.utility-strip{align-items:center;background:color-mix(in srgb,var(--ms-surface-panel) 76%,transparent);border:var(--ms-border-ink);border-radius:var(--ms-radius-md);display:grid;gap:var(--ms-space-4);grid-template-columns:auto auto minmax(6rem,1fr) minmax(10rem,1.4fr) auto auto;margin-top:var(--ms-space-5);padding:var(--ms-space-4)}.utility-help{background:var(--ms-color-plum-150);border:var(--ms-border-ink);border-radius:50%;color:var(--ms-text-primary);cursor:pointer;font-weight:900;height:2.25rem;width:2.25rem}.dialog-copy{color:var(--ms-text-muted);line-height:1.7;margin:0}.token-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.token-swatch{background:color-mix(in srgb,var(--ms-surface-panel) 72%,transparent);border:var(--ms-border-ink);border-radius:var(--ms-radius-sm);display:grid;gap:var(--ms-space-3);min-height:8rem;padding:var(--ms-space-3)}.token-swatch span{border:var(--ms-border-ink);border-radius:var(--ms-radius-sm);display:block;min-height:4rem}.install-page{min-height:calc(100vh - 4.75rem)}.install-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:58rem}.code-panel{align-items:center;background:var(--ms-color-ink-800);border:var(--ms-border-ink);border-radius:var(--ms-radius-sm);color:var(--ms-color-paper);display:flex;gap:var(--ms-space-3);min-height:3.4rem;padding:0 var(--ms-space-4)}.code-panel code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.9rem;white-space:nowrap}@keyframes landing-breathe{0%,to{filter:saturate(.96) brightness(1)}50%{filter:saturate(1.14) brightness(1.04)}}@keyframes cloud-drift{0%,to{transform:translate(-.3rem)}50%{transform:translate(.9rem)}}@keyframes page-mana-drift{0%,to{filter:saturate(.96);transform:translate3d(-.6rem,-.4rem,0) scale(1)}50%{filter:saturate(1.16);transform:translate3d(.8rem,.5rem,0) scale(1.03)}}@keyframes cursor-trail-fade{0%{opacity:0;transform:translate(-100%,-50%) rotate(var(--cursor-angle)) scaleX(.2)}18%{opacity:1;transform:translate(-100%,-50%) rotate(var(--cursor-angle)) scaleX(1.08)}to{opacity:0;transform:translate(-100%,-50%) rotate(var(--cursor-angle)) scaleX(.42)}}@keyframes sun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes glyph-orbit{to{transform:rotate(360deg)}}@keyframes comet-cut{0%{opacity:0;transform:translateZ(0) rotate(-24deg)}12%,34%{opacity:.95}52%,to{opacity:0;transform:translate3d(62rem,18rem,0) rotate(-24deg)}}@keyframes mote-rise{0%,to{opacity:.32;transform:translate3d(0,.8rem,0) scale(.82)}50%{opacity:1;transform:translate3d(.8rem,-2.4rem,0) scale(1.18)}}@keyframes spell-flash{0%{opacity:0;transform:scale(.72) rotate(0)}18%{opacity:1}to{opacity:0;transform:scale(1.34) rotate(28deg)}}@keyframes grass-sway{0%,to{transform:translate(-.18rem)}50%{transform:translate(.28rem)}}@keyframes preview-mana-sweep{0%,to{opacity:.48;transform:translate(-1.8rem)}50%{opacity:.9;transform:translate(1.8rem)}}@keyframes spell-impact-cut{0%{opacity:0;transform:translate(-50%,-50%) scale(.34) rotate(-18deg)}8%{opacity:1;transform:translate(-50%,-50%) scale(1.08) rotate(0)}18%{filter:contrast(1.55) brightness(1.18);transform:translate(-50%,-50%) scale(.92) rotate(8deg)}to{opacity:0;filter:contrast(1) brightness(1);transform:translate(-50%,-50%) scale(1.72) rotate(34deg)}}@keyframes typing-spell-chase{0%{opacity:0;transform:translate(-1.6rem,-50%) scaleX(.22)}14%{opacity:1;transform:translate(-.35rem,-50%) scaleX(1.08)}32%{filter:contrast(1.55) brightness(1.18);transform:translate(.15rem,-50%) scaleX(.92)}to{opacity:0;filter:contrast(1) brightness(1);transform:translate(1rem,-50%) scaleX(.42)}}@keyframes typing-caret-dodge{0%{transform:translate(-1.1rem) rotate(-30deg) scale(.72)}18%{transform:translate(.18rem) rotate(12deg) scale(1.08)}to{transform:translate(1.4rem) rotate(56deg) scale(.3)}}@keyframes typing-spell-retreat{0%{opacity:0;transform:translate(1.6rem,-50%) scaleX(.22)}14%{opacity:1;transform:translate(.35rem,-50%) scaleX(1.08)}32%{filter:contrast(1.55) brightness(1.18);transform:translate(-.15rem,-50%) scaleX(.92)}to{opacity:0;filter:contrast(1) brightness(1);transform:translate(-1rem,-50%) scaleX(.42)}}@keyframes typing-caret-backstep{0%{transform:translate(1.1rem) rotate(30deg) scale(.72)}18%{transform:translate(-.18rem) rotate(-12deg) scale(1.08)}to{transform:translate(-1.4rem) rotate(-56deg) scale(.3)}}@media(prefers-reduced-motion:reduce){.site-shell:after,.anime-stage__wash,.anime-stage__cloud,.anime-stage__sun,.anime-stage__glyph,.anime-stage__comet,.anime-stage__mote,.anime-stage__grass,.anime-stage__spell-flash,.component-demo-surface:before,.prop-preview:before{animation:none}.spell-impact-layer,.typing-spell-layer,.cursor-trail-layer{display:none}.anime-stage,.anime-window,.component-menu__item,.component-demo-surface{transition:none}}@media(max-width:1240px){.site-header{grid-template-columns:1fr;justify-items:start;padding-bottom:var(--ms-space-4);padding-top:var(--ms-space-4)}.site-nav,.site-actions{justify-content:flex-start}.hero-section,.feature-grid,.showcase-grid,.pattern-grid,.component-browser{grid-template-columns:1fr}.component-sidebar{position:static}.component-sidebar__list{max-height:none;overflow:visible;padding-right:0}.component-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.anime-stage{min-height:30rem}.component-groups,.token-grid,.install-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.site-nav{align-items:stretch;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.site-nav__item,.hero-actions .ms-button,.anime-window__actions .ms-button,.install-grid .ms-button{width:100%}.anime-stage{min-height:25rem}.site-shell[data-lang=ko] .hero-copy h1{font-size:clamp(2.7rem,14vw,4.5rem);max-width:100%}.anime-window{left:6%;right:6%;top:24%}.component-groups,.token-grid,.install-grid,.utility-strip,.component-menu,.demo-card-grid,.prop-playground{grid-template-columns:1fr}.component-detail__header{display:grid}.component-demo-surface{min-height:12rem}.demo-row .ms-button{width:100%}.code-panel code{white-space:normal}}