.directory .directory-heading,.directory .directory-row{display:flex;align-items:center;gap:var(--space-1)}.directory .directory-heading{margin-top:var(--space-4);margin-bottom:var(--space-15);border-radius:var(--radius-sm)}.panel.directory .directory-heading h2{flex:1;min-width:0;margin:0;font-size:var(--font-body);font-weight:var(--weight-medium);line-height:1.5;letter-spacing:normal;color:var(--color-deep)}.directory .directory-heading:not(.directory-root) h2{padding:var(--space-15) var(--space-2)}.panel.directory .directory-root h2 a{flex:1;font:inherit;color:inherit}.directory .directory-heading:has(a[aria-current=page]){background:var(--color-accent)}.panel.directory .directory-heading:has(a[aria-current=page]) h2,.panel.directory .directory-heading:has(a[aria-current=page]) button{color:var(--color-paper)}.panel.directory .directory-root h2 a.on{background:transparent}.directory .directory-heading:has(a[aria-current=page]) button:hover{background:var(--color-accent-deep)}.directory .directory-pages{margin-left:var(--space-2)}.directory .directory-children{margin-left:var(--space-4)}.directory .directory-row a{flex:1;min-width:0}.directory a{padding:var(--space-15) var(--space-2);font-size:var(--font-caption)}.panel.directory a{gap:var(--space-15)}.directory a .no{flex-shrink:0;font-size:var(--font-mini)}.panel.directory a .no{min-width:0}.directory button.directory-toggle{display:grid;place-items:center;flex:0 0 var(--space-5);width:var(--space-5);height:var(--space-5);padding:0;margin:0;border:0;background:transparent;color:var(--color-muted);font-size:var(--font-lead);border-radius:var(--radius-sm)}.directory-toggle .icon{width:var(--font-body);height:var(--font-body)}.directory-toggle[aria-expanded=false] .icon{transform:rotate(-90deg)}.directory button.directory-toggle:hover{background:var(--color-accent-soft);color:var(--color-accent)}.directory button.directory-toggle:focus-visible,.directory a:focus-visible{outline:var(--space-0) solid var(--color-accent);outline-offset:var(--space-0)}.directory .directory-empty{margin:var(--space-15) var(--space-2);color:var(--color-muted);font-size:var(--font-caption)}.directory-planned{display:flex;align-items:center;gap:var(--space-15);padding:var(--space-15) var(--space-2);color:var(--color-muted);font-size:var(--font-caption)}.directory-planned .no,.directory-planned small{font-size:var(--font-mini)}.directory-planned small{margin-left:auto}.screen:has(>.route-loading){display:flex;flex-direction:column}.screen:has(>.route-loading)>.pagebar{flex:none}.route-loading{--route-loading-top-inset: 0px;--route-loading-bottom-inset: max(var(--space-5), env(safe-area-inset-bottom));flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:calc(var(--space-5) + var(--route-loading-top-inset)) var(--page-gutter) var(--route-loading-bottom-inset);background:linear-gradient(180deg,var(--color-paper),var(--color-bg));color:var(--ink-3);font:var(--text-body)}.route-loading--reserve-top{--route-loading-top-inset: var(--safe-top)}.route-loading--with-tabbar{--route-loading-bottom-inset: calc(var(--space-5) + var(--tab-height))}.route-loading-indicator{flex:none;width:var(--icon-display);height:var(--icon-display);border:var(--space-0) solid var(--color-accent-soft);border-top-color:var(--color-accent);border-right-color:var(--color-accent-light);border-radius:var(--radius-pill);animation:route-loading-turn calc(var(--dur-base) * 3) linear infinite}.route-loading-label{flex:none}@keyframes route-loading-turn{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.route-loading-indicator{animation:none}}.mobile-preview-trigger,.mobile-preview-layer{--mobile-preview-touch: 44px;--mobile-preview-layer: 40}.mobile-preview-trigger{position:absolute;top:50%;right:50%;width:var(--mobile-preview-touch);height:var(--mobile-preview-touch);transform:translateY(-50%);padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:inherit;pointer-events:auto;cursor:pointer}.mobile-preview-trigger:focus-visible{outline:var(--space-0) solid var(--color-accent);outline-offset:calc(-1 * var(--space-0))}.mobile-preview-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--mobile-preview-layer);display:flex;align-items:flex-end;background:color-mix(in srgb,var(--ink-1) 20%,transparent);pointer-events:auto;overscroll-behavior:contain;color:var(--ink-1);font:var(--text-body)}.mobile-preview-sheet{display:flex;flex-direction:column;width:100%;height:82%;max-height:calc(100% - var(--space-4));min-height:0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-paper);box-shadow:var(--elev-3);overflow:hidden;outline:none}.mobile-preview-sheet>header{display:flex;flex:none;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--page-gutter) var(--space-3);border-bottom:var(--shell-hairline) solid var(--color-line)}.mobile-preview-sheet h2{margin:0;font:var(--text-title-m)}.mobile-preview-sheet header p{margin:var(--space-1) 0 0;font:var(--text-caption);color:var(--ink-3)}.mobile-preview-sheet header button{display:grid;place-items:center;flex:none;width:var(--mobile-preview-touch);height:var(--mobile-preview-touch);padding:0;border:0;border-radius:var(--radius-pill);background:var(--color-bg);color:var(--ink-2);cursor:pointer}.mobile-preview-sheet header .icon{width:var(--icon-control);height:var(--icon-control)}.mobile-preview-states{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding:var(--space-2) var(--page-gutter)}.mobile-preview-states ul{margin:0;padding:0;list-style:none}.mobile-preview-states ul ul{margin-left:var(--space-3);padding-left:var(--space-2);border-left:var(--shell-hairline) solid var(--color-line)}.mobile-preview-states button{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:var(--mobile-preview-touch);padding:var(--space-25) var(--space-3);margin:var(--space-1) 0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--ink-2);font:var(--text-body);text-align:left;cursor:pointer}.mobile-preview-states button span{min-width:0;overflow-wrap:anywhere}.mobile-preview-states button.is-group{color:var(--ink-1);font-weight:var(--weight-medium)}.mobile-preview-states button[aria-current=page]{background:var(--color-accent-soft);color:var(--color-accent-deep)}.mobile-preview-states button .icon{flex:none;width:var(--icon-inline);height:var(--icon-inline)}.mobile-preview-sheet>footer{flex:none;padding:var(--space-3) var(--page-gutter) max(var(--space-4),env(safe-area-inset-bottom));border-top:var(--shell-hairline) solid var(--color-line)}.mobile-preview-sheet footer button{width:100%;min-height:var(--mobile-preview-touch);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-pill);background:var(--color-bg);color:var(--ink-2);font:var(--text-control);cursor:pointer}.mobile-preview-sheet button:focus-visible{outline:var(--space-0) solid var(--color-accent);outline-offset:calc(-1 * var(--space-0))}.mobile-preview-sheet button:active{background:var(--color-accent-soft)}.page-navigation{--page-navigation-center: calc(var(--shell-capsule-top) + var(--shell-capsule-height) / 2);--page-navigation-back-size: var(--control-m)}.page-navigation>.page-navigation-back{position:absolute;top:var(--page-navigation-center);left:var(--shell-page-back-left);transform:translateY(-50%);display:grid;place-items:center;width:var(--page-navigation-back-size);height:var(--page-navigation-back-size);padding:0;border:0;border-radius:50%;background:var(--shell-page-back-surface);color:var(--color-deep);cursor:pointer}.page-navigation-back>.icon{width:var(--icon-control);height:var(--icon-control)}.page-navigation>:is(.name,.assistant-tabs){position:absolute;top:var(--page-navigation-center);left:50%;transform:translate(-50%,-50%)}@media(max-width:767px),(max-width:900px)and (pointer:coarse)and (orientation:landscape){.page-navigation{--page-navigation-center: calc(var(--shell-mobile-capsule-top) + var(--shell-capsule-height) / 2);--page-navigation-back-size: var(--shell-touch-min)}}.demo-reset-options{border:0;margin:0;padding:0}.demo-reset-options legend{font-size:var(--font-caption);color:var(--color-muted)}.panel .demo-reset-options label{display:flex;align-items:flex-start;gap:var(--space-2);line-height:1.5;color:var(--color-ink)}.demo-reset-options input{flex:none;margin:var(--space-0) 0 0;accent-color:var(--color-accent)}.demo-reset-confirm{margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-paper);font-size:var(--font-caption);line-height:1.6}.demo-reset-confirm p{margin:0}.demo-reset-confirm>div{display:flex;gap:var(--space-2)}:root{--color-ink: #273e5c;--color-deep: #273e5c;--color-muted: #7b8b9d;--color-accent: #3769de;--color-accent-deep: #2c5eb1;--color-accent-light: #6d96db;--color-accent-soft: #e7efff;--color-bg: #f8fbff;--color-paper: #ffffff;--color-pale: #edf4fd;--color-line: #e5edf5;--color-gold: #d5a951;--color-gold-soft: #faf3df;--color-tag-ink: #254964;--radius-card: 14px;--radius-sm: 8px;--radius-pill: 999px;--space-0: 2px;--space-1: 4px;--space-15: 6px;--space-2: 8px;--space-25: 10px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font-huge: 29px;--font-display: 26px;--font-section: 21px;--font-title: 18px;--font-lead: 16px;--font-body: 14px;--font-caption: 12px;--font-mini: 10px;--font-tiny: 8px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: var(--weight-medium);--weight-bold: 700;--font-serif: "Baskerville", "Times New Roman", serif;--shadow-card: 0 2px 10px rgba(73, 103, 138, .06);--safe-top: 44px;--tab-height: 88px}:root{--color-sky: #e6f1fc;--color-cream: #f8f3e9;--color-cream-line: #d9c593;--color-brown: #6b5127;--color-brown-soft: #8c733f;--color-brown-btn: #715439;--color-mint-bg: #e3f1ee;--color-mint-ink: #76928a;--color-sage-bg: #f0f5ed;--color-sage-ink: #7c9685;--color-slate: #3e5572;--color-label: #3b5574;--color-icon-blue-light: #bbd5ff;--color-icon-blue-mid: #6493ed;--color-icon-blue-deep: #3465d7}:root{--banner-expo-surface: #697bd1}:root{--color-red: #d9393b;--color-red-deep: #b0262f;--color-red-gold: #f7c873;--color-red-gold-light: #ffe7b3}:root{--font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--ink-1: #273e5c;--ink-2: #3e5572;--ink-3: #627185;--ink-4: #7b8b9d;--ink-disabled: #94a5b6;--ink-warm-1: #6b5127;--ink-warm-2: #8c733f;--ink-mint: #52696e;--ink-danger: #b35a62;--font-numeral: 20px;--font-title-xl: 22px;--leading-mini: 14px;--leading-caption: 18px;--leading-body: 22px;--leading-lead: 24px;--leading-title: 26px;--leading-numeral: 26px;--leading-title-xl: 30px;--leading-display: 32px;--text-display: var(--weight-medium) var(--font-display)/var(--leading-display) var(--font-sans);--text-title-xl: 700 var(--font-title-xl)/var(--leading-title-xl) var(--font-sans);--text-title-l: var(--weight-medium) var(--font-title)/var(--leading-title) var(--font-sans);--text-title-m: var(--weight-medium) var(--font-lead)/var(--leading-lead) var(--font-sans);--text-body-l: 400 var(--font-lead)/var(--leading-lead) var(--font-sans);--text-numeral: var(--weight-medium) var(--font-numeral)/var(--leading-numeral) var(--font-sans);--text-body: 400 var(--font-body)/var(--leading-body) var(--font-sans);--text-control: 500 var(--font-body)/var(--leading-body) var(--font-sans);--text-caption: 400 var(--font-caption)/var(--leading-caption) var(--font-sans);--text-tag: 500 var(--font-caption)/var(--leading-caption) var(--font-sans);--page-gutter: var(--space-4);--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--control-l: 48px;--control-m: 36px;--control-s: 32px;--tag-height: 20px;--icon-inline: 14px;--icon-meta: 16px;--icon-control: 20px;--icon-nav: 24px;--icon-display: 32px;--elev-subtle: 0 1px 4px rgba(73, 103, 138, .06);--elev-1: var(--shadow-card);--elev-2: 0 6px 24px rgba(62, 85, 114, .16);--elev-3: 0 16px 48px rgba(38, 54, 76, .18);--ease-standard: cubic-bezier(.2, .8, .2, 1);--dur-fast: .18s;--dur-base: .3s;--dur-slow: .38s}.phone{-webkit-tap-highlight-color:transparent}.page{padding:var(--safe-top) var(--space-4) var(--space-6);min-height:100%;color:var(--color-ink)}.page.with-tab{padding-bottom:calc(var(--tab-height) + var(--space-4))}.title{font-size:var(--font-title);font-weight:var(--weight-medium);color:var(--color-deep)}.muted{color:var(--color-muted);font-size:var(--font-caption)}.card{background:var(--color-paper);border:1px solid var(--color-line);border-radius:var(--radius-card);padding:var(--space-4);margin-bottom:var(--space-3);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);background:var(--color-accent);color:var(--color-paper);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);font-size:var(--font-body);border:0;cursor:pointer;font:inherit}.btn-ghost{background:var(--color-paper);color:var(--color-accent);border:1px solid var(--color-line)}.empty{padding:var(--space-6) 0;text-align:center;color:var(--color-muted)}.row{display:flex;align-items:center;gap:var(--space-3)}.col{display:flex;flex-direction:column;gap:var(--space-2)}.icon{width:var(--icon-control);height:var(--icon-control);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}:root{--shell-preview-small-width: 375px;--shell-preview-small-height: 812px;--shell-preview-medium-width: 402px;--shell-preview-medium-height: 874px;--shell-preview-large-width: 440px;--shell-preview-large-height: 956px;--shell-phone-width: var(--shell-preview-medium-width);--shell-phone-height: var(--shell-preview-medium-height);--shell-preview-control-height: 36px;--shell-preview-control-size: 13px;--shell-preview-control-padding-block: 7px;--shell-preview-control-padding-inline: 10px;--shell-preview-arrow-size: var(--icon-meta);--shell-preview-arrow-gap: var(--space-2);--shell-preview-control-radius: 8px;--shell-preview-control-ink: #273e5c;--shell-preview-control-label: #7b8b9d;--shell-preview-control-surface: #fff;--shell-preview-control-border: #d4dff0;--shell-preview-control-hover: #e7efff;--shell-preview-toolbar-space: calc(var(--shell-preview-control-height) + var(--space-3) * 2);--shell-phone-radius: 40px;--shell-page-title-size: 17px;--shell-island-width: 104px;--shell-island-height: 30px;--shell-island-top: 12px;--shell-island-surface: #0d0f12;--shell-device-clearance: 30px;--shell-device-bezel: 8px;--shell-device-metal-edge: 9px;--shell-device-outer-edge: 10px;--shell-device-ink: #101419;--shell-device-metal: #969da6;--shell-device-edge: #414952;--shell-device-key-surface: linear-gradient(90deg, #4e5864, #a4acb6 48%, #596370);--shell-device-key-shadow: inset 0 0 0 1px #3e4752;--shell-device-shadow: 0 12px 32px rgba(30, 53, 69, .18);--shell-device-key-width: 3px;--shell-device-key-offset: -13px;--shell-device-key-radius: 2px;--shell-device-mute-top: 96px;--shell-device-mute-height: 20px;--shell-device-volume-up-top: 136px;--shell-device-volume-down-top: 184px;--shell-device-volume-height: 36px;--shell-device-power-top: 154px;--shell-device-power-height: 58px;--shell-mobile-nav-height: 76px;--shell-mobile-nav-bottom: 10px;--shell-mobile-capsule-top: 16px;--shell-capsule-top: 53px;--shell-capsule-height: 30px;--shell-page-back-left: 14px;--shell-page-back-surface: rgba(255, 255, 255, .8);--shell-mobile-capsule-right: 10px;--shell-capsule-ring-size: 15px;--shell-capsule-ring-stroke: 2px;--shell-capsule-dot-size: 5px;--shell-touch-min: 44px;--shell-nav-idle: #94a5b6;--shell-nav-active: #3769de;--shell-nav-surface: #ffffffed;--shell-nav-line: #e4ecf6;--shell-nav-icon-size: 24px;--shell-nav-label-size: 10px;--shell-nav-label-leading: 14px;--shell-nav-label-gap: 5px;--shell-tennis-min: 68px;--shell-tennis-max: 84px;--shell-tennis-ball-fill: radial-gradient(circle at 34% 26%, #f8f391 0, #ede776 48%, #d7ce65 100%);--shell-tennis-ball-line: #fffce0;--shell-hairline: 1px;--shell-focus-width: 2px;--shell-focus-offset: 3px;--shell-focus-color: #4b8ab6}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:#e8eff4;color:var(--color-ink);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:14px}button{font-family:inherit}.shell{height:100%;display:grid;grid-template-columns:236px 1fr 240px}.shell.phone-only{grid-template-columns:1fr}.shell.phone-only .panel{display:none}.shell[data-preview-size=small]{--shell-phone-width: var(--shell-preview-small-width);--shell-phone-height: var(--shell-preview-small-height)}.shell[data-preview-size=large]{--shell-phone-width: var(--shell-preview-large-width);--shell-phone-height: var(--shell-preview-large-height)}.panel{background:#f3f7fc;padding:20px 14px;overflow:auto;border-right:1px solid #dde6f1}.panel.right{border-right:0;border-left:1px solid #dde6f1}.panel h1{font-size:15px;margin:0 0 14px;color:#273e5c;display:flex;align-items:center;gap:8px}.panel h1 em{font-style:italic;color:#3769de;font-family:Arial Rounded MT Bold,sans-serif}.panel h2{font-size:12px;color:#7b8b9d;font-weight:var(--weight-medium);letter-spacing:.04em;margin:18px 0 6px;display:flex;gap:8px}.panel h2 .no{color:#a3b3c6;font-variant-numeric:tabular-nums}.panel a{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px;color:#3b4f6b;text-decoration:none;font-size:13px}.panel a .no{color:#9fb0c4;font-size:11px;min-width:38px;font-variant-numeric:tabular-nums}.panel a:hover{background:#e7efff}.panel a.on{background:#3769de;color:#fff}.panel a.on .no{color:#c9d9ff}.panel .tag{font-size:10px;color:#3769de;background:#e7efff;border-radius:999px;padding:1px 6px;margin-left:auto}.panel a.on .tag{background:#fff3;color:#fff}.panel label{display:block;font-size:12px;color:#7b8b9d;margin:10px 0 4px}.panel select,.panel button{width:100%;padding:7px 10px;font-size:13px;border:1px solid #d4dff0;border-radius:8px;background:#fff;color:#273e5c}.panel button{cursor:pointer;margin-top:6px}.panel button:hover{background:#e7efff;border-color:#b9ccf0}.panel .hint{font-size:12px;color:#9fb0c4;line-height:1.5;margin-top:12px}.stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:var(--space-3);overflow:hidden}.stage-toolbar{display:none;position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);align-items:center;justify-content:space-between;gap:var(--space-3)}.preview-size-control{display:grid;gap:var(--space-1)}.preview-size-control label{margin:0;font-size:var(--shell-preview-control-size);color:var(--shell-preview-control-label)}.preview-size-control select,.stage .restore{min-height:var(--shell-preview-control-height);padding:var(--shell-preview-control-padding-block) var(--shell-preview-control-padding-inline);font:inherit;font-size:var(--shell-preview-control-size);color:var(--shell-preview-control-ink);border:var(--shell-hairline) solid var(--shell-preview-control-border);border-radius:var(--shell-preview-control-radius);background:var(--shell-preview-control-surface);cursor:pointer}.preview-size-control select:focus-visible,.stage .restore:focus-visible{outline:var(--shell-focus-width) solid var(--shell-focus-color);outline-offset:var(--shell-focus-offset)}.preview-size-select{position:relative;display:grid}.preview-size-select select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:calc(var(--shell-preview-control-padding-inline) + var(--shell-preview-arrow-size) + var(--shell-preview-arrow-gap))}.preview-size-select .preview-size-arrow{position:absolute;right:calc(var(--shell-hairline) + var(--shell-preview-control-padding-inline));top:50%;transform:translateY(-50%);width:var(--shell-preview-arrow-size);height:var(--shell-preview-arrow-size);color:var(--shell-preview-control-ink);pointer-events:none}.stage-toolbar .preview-size-control{display:flex;align-items:center;gap:var(--space-2)}.stage .restore:hover{background:var(--shell-preview-control-hover)}.shell.phone-only .stage{padding-top:var(--shell-preview-toolbar-space)}.shell.phone-only .stage-toolbar{display:flex}.phone-device{position:relative;flex:none;width:var(--shell-phone-width);height:var(--shell-phone-height);zoom:var(--phone-zoom, 1)}.phone{width:100%;height:100%;background:var(--color-bg);border-radius:var(--shell-phone-radius);position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 var(--shell-device-bezel) var(--shell-device-ink),0 0 0 var(--shell-device-metal-edge) var(--shell-device-metal),0 0 0 var(--shell-device-outer-edge) var(--shell-device-edge),var(--shell-device-shadow)}.phone-side-keys{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.phone-side-key{position:absolute;left:var(--shell-device-key-offset);width:var(--shell-device-key-width);border-radius:var(--shell-device-key-radius);background:var(--shell-device-key-surface);box-shadow:var(--shell-device-key-shadow)}.phone-side-key.is-mute{top:var(--shell-device-mute-top);height:var(--shell-device-mute-height)}.phone-side-key.is-volume-up{top:var(--shell-device-volume-up-top);height:var(--shell-device-volume-height)}.phone-side-key.is-volume-down{top:var(--shell-device-volume-down-top);height:var(--shell-device-volume-height)}.phone-side-key.is-power{left:auto;right:var(--shell-device-key-offset);top:var(--shell-device-power-top);height:var(--shell-device-power-height)}.island{position:absolute;top:var(--shell-island-top);left:50%;transform:translate(-50%);width:var(--shell-island-width);height:var(--shell-island-height);border-radius:var(--radius-pill);background:var(--shell-island-surface);z-index:7;pointer-events:none}.statusbar{position:absolute;top:0;left:0;right:0;height:var(--safe-top);display:flex;align-items:flex-end;justify-content:space-between;padding:0 24px 7px 34px;font-size:16px;font-weight:var(--weight-medium);color:var(--color-slate);pointer-events:none;z-index:6;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.statusbar .status-icons{display:flex;align-items:center;gap:6px}.statusbar .status-icons .icon{width:17px;height:13px;stroke-width:1.8}.statusbar .status-icons .signal{width:18px;height:12px}.statusbar .battery{width:25px;height:12px;border:1px solid currentColor;border-radius:4px;padding:1px;position:relative;opacity:.9}.statusbar .battery:before{content:"";display:block;background:currentColor;height:8px;border-radius:2px;width:18px}.statusbar .battery:after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:5px;background:currentColor;border-radius:1px}.capsule{position:absolute;top:var(--shell-capsule-top);right:14px;width:70px;height:var(--shell-capsule-height);border-radius:18px;background:#ffffffdf;border:1px solid #fff;display:flex;align-items:center;z-index:6;pointer-events:none;color:#202c3f}.capsule span{display:flex;align-items:center;justify-content:center;width:50%;height:15px}.capsule span+span{border-left:1px solid rgba(31,43,63,.13)}.capsule .dots{gap:3px}.capsule .dots i{width:4px;height:4px;border-radius:50%;background:currentColor;display:block}.capsule .circle{width:var(--shell-capsule-ring-size);height:var(--shell-capsule-ring-size);border:var(--shell-capsule-ring-stroke) solid currentColor;border-radius:50%;display:grid;place-items:center;box-sizing:border-box}.capsule .circle:after{content:"";width:var(--shell-capsule-dot-size);height:var(--shell-capsule-dot-size);background:currentColor;border-radius:50%}.screen{flex:1;min-height:0;overflow:auto;scrollbar-width:none;overscroll-behavior-y:contain}.screen::-webkit-scrollbar{display:none}.tabbar{position:absolute;left:0;right:0;bottom:0;height:var(--tab-height);background:var(--shell-nav-surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:var(--shell-hairline) solid var(--shell-nav-line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:minmax(0,1fr);padding:8px 10px 22px;z-index:5}.tabbar :is(a,button){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--shell-nav-label-gap);font-size:var(--shell-nav-label-size);font-weight:400;line-height:var(--shell-nav-label-leading);color:var(--shell-nav-idle);text-decoration:none;position:relative}.tabbar :is(a,button) .icon{width:var(--shell-nav-icon-size);height:var(--shell-nav-icon-size);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tabbar :is(a,button).on{color:var(--shell-nav-active);font-weight:700}.tabbar button{border:0;background:transparent;padding:0;cursor:pointer}.pagebar{position:sticky;top:0;height:calc(var(--safe-top) + 48px);display:flex;align-items:flex-end;justify-content:center;padding:0 var(--space-4) 8px;z-index:4;background:linear-gradient(var(--color-bg) 75%,transparent)}.pagebar .back{position:absolute;left:14px;bottom:6px;width:36px;height:36px;border-radius:50%;border:0;background:#fffc;display:grid;place-items:center;cursor:pointer;color:var(--color-deep)}.pagebar .back .icon{width:18px;height:18px}.pagebar .name{font-size:var(--shell-page-title-size);font-weight:var(--weight-bold);color:#294563;line-height:var(--leading-lead)}.page.sub{padding-top:var(--space-3)}@media(max-width:1100px){.shell{grid-template-columns:1fr}.panel{display:none}.stage{padding-top:var(--shell-preview-toolbar-space)}.stage-toolbar{display:flex}}@media(max-width:767px),(max-width:900px)and (pointer:coarse)and (orientation:landscape){html,body,#root,.shell{width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--color-bg)}.shell,.shell.phone-only{display:block}.panel,.stage-toolbar,.shell.phone-only .stage-toolbar,.island,.statusbar,.phone-side-keys{display:none}.capsule{top:calc(env(safe-area-inset-top) + var(--shell-mobile-capsule-top));right:var(--shell-mobile-capsule-right)}.stage,.shell.phone-only .stage{width:100%;height:100%;display:block;padding:0;overflow:hidden}.phone-device{width:100%;height:100%;zoom:1}.phone{--safe-top: var(--space-2);--tab-height: calc(var(--shell-mobile-nav-height) + env(safe-area-inset-bottom));width:100%;height:100%;min-width:0;border-radius:0;box-shadow:none;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.tabbar{left:env(safe-area-inset-left);right:env(safe-area-inset-right);padding-bottom:calc(var(--shell-mobile-nav-bottom) + env(safe-area-inset-bottom))}.tabbar :is(a,button){min-height:var(--shell-touch-min)}.pagebar .back{width:var(--shell-touch-min);height:var(--shell-touch-min);bottom:0}}.phone{container-type:inline-size}.phone .tabbar .hi{--tennis-nav-size:clamp(var(--shell-tennis-min),20cqw,var(--shell-tennis-max));min-height:var(--shell-touch-min);width:100%;padding:0;gap:0;justify-content:flex-end;overflow:visible}.phone .tabbar .hi .ticket-orb{position:relative;display:block;flex:none;width:var(--tennis-nav-size);height:calc(var(--tennis-nav-size) * 1.05);margin:0 0 calc(-1 * var(--space-1));padding:0;border:0;border-radius:0;outline:0;overflow:visible;background:none;box-shadow:none;line-height:1}.phone .ticket-orb .tennis-nav-mascot{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:none;transform-origin:50% 88%;animation:none;transition:none;transform:none!important}.phone .tennis-nav-mascot>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.phone .tennis-nav-mascot>.tennis-nav-base{position:absolute;inset:auto 0 0;width:100%;height:auto;aspect-ratio:1}.phone .tennis-nav-mascot{--tennis-racket-shape:4.7% 55.26%,4.94% 54.07%,5.42% 52.79%,6.22% 51.52%,7.42% 50.32%,9.25% 49.28%,11.56% 48.41%,13.88% 48.72%,15.47% 49.04%,17.3% 49.6%,19.38% 50.8%,20.73% 51.83%,22.49% 53.67%,23.44% 54.94%,25.52% 58.05%,30.62% 66.59%,32.7% 67.54%,34.45% 67.78%,36.12% 67.62%,37.8% 67.7%,39.15% 68.74%,40.27% 70.26%,40.43% 72.17%,39.63% 73.92%,38.28% 75.44%,36.6% 75.68%,35.17% 74.8%,34.05% 73.76%,32.62% 73.44%,31.26% 72.49%,29.67% 71.21%,27.99% 70.1%,26.48% 69.22%,24.88% 68.66%,23.29% 68.5%,21.53% 68.5%,18.9% 68.42%,17.62% 68.42%,15.87% 68.26%,14.43% 67.94%,13.08% 67.46%,11.32% 66.59%,9.41% 65.31%,7.42% 63.4%,6.14% 61.64%,5.34% 60.13%,4.94% 58.85%,4.7% 57.26%,4.7% 55.26%;--tennis-racket-hole:4.06% 54.62%,4.3% 53.43%,4.78% 52.15%,5.58% 50.88%,6.78% 49.68%,8.61% 48.64%,10.92% 47.77%,13.24% 48.08%,14.83% 48.4%,17.94% 48.96%,20.02% 50.16%,21.37% 51.19%,23.13% 53.03%,24.08% 54.3%,26.16% 57.41%,31.26% 67.23%,32.7% 67.54%,34.45% 67.78%,36.12% 67.62%,37.8% 67.7%,39.15% 68.74%,40.27% 70.26%,40.43% 72.17%,39.63% 73.92%,38.28% 75.44%,36.6% 75.68%,35.17% 74.8%,34.05% 73.76%,32.62% 73.44%,31.26% 72.49%,29.67% 71.21%,27.99% 70.1%,27.12% 69.86%,25.52% 69.3%,23.93% 69.14%,22.17% 69.14%,19.54% 69.06%,18.26% 69.06%,15.23% 68.9%,13.79% 68.58%,12.44% 68.1%,10.68% 67.23%,8.77% 65.95%,6.78% 64.04%,5.5% 62.28%,4.7% 60.77%,4.3% 59.49%,4.06% 56.62%,4.06% 54.62%;--tennis-racket-backing:3.74% 54.3%,3.98% 53.11%,4.46% 51.83%,5.26% 50.56%,6.46% 49.36%,8.29% 48.32%,10.6% 47.45%,12.92% 47.76%,14.51% 48.08%,18.26% 48.64%,20.34% 49.84%,21.69% 50.87%,23.45% 52.71%,24.4% 53.98%,26.48% 57.09%,31.58% 67.55%,32.7% 67.54%,34.45% 67.78%,36.12% 67.62%,37.8% 67.7%,39.15% 68.74%,40.27% 70.26%,40.43% 72.17%,39.63% 73.92%,38.28% 75.44%,36.6% 75.68%,35.17% 74.8%,34.05% 73.76%,32.62% 73.44%,31.26% 72.49%,29.67% 71.21%,27.99% 70.1%,27.44% 70.18%,25.84% 69.62%,24.25% 69.46%,22.49% 69.46%,19.86% 69.38%,18.58% 69.38%,14.91% 69.22%,13.47% 68.9%,12.12% 68.42%,10.36% 67.55%,8.45% 66.27%,6.46% 64.36%,5.18% 62.6%,4.38% 61.09%,3.98% 59.81%,3.74% 56.3%,3.74% 54.3%;--tennis-ball-shape:77.51% 54.15%,79.67% 54.63%,81.34% 55.9%,82.22% 57.74%,82.38% 59.49%,81.82% 61.24%,81.18% 61.8%,80.94% 61.24%,80.3% 60.85%,79.43% 60.77%,78.55% 61.16%,77.91% 62.04%,77.35% 63.24%,76.32% 63.8%,74.96% 63.4%,73.76% 62.6%,72.97% 61.48%,72.49% 59.97%,72.49% 58.61%,72.89% 57.1%,73.68% 55.9%,75.2% 54.78%,76.63% 54.31%,77.51% 54.15%}.phone .tennis-nav-mascot.is-swinging>.tennis-nav-base{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,var(--tennis-racket-hole),0 0,var(--tennis-ball-shape),0 0)}.phone :is(.tennis-nav-swing,.tennis-nav-ball,.tennis-nav-petal-rest,.tennis-nav-ball-rest){position:absolute;inset:auto 0 0;width:100%;aspect-ratio:1;display:block;visibility:hidden;pointer-events:none}.phone .tennis-nav-swing{transform-origin:40% 70.4%}.phone :is(.tennis-nav-swing,.tennis-nav-ball,.tennis-nav-petal-rest,.tennis-nav-ball-rest)>img{display:block;width:100%;height:auto;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.phone .tennis-nav-swing>img{clip-path:polygon(var(--tennis-racket-shape))}.phone .tennis-nav-ball>img{position:relative;z-index:1;clip-path:polygon(var(--tennis-ball-shape))}.phone .tennis-nav-petal-rest{clip-path:polygon(var(--tennis-racket-backing))}.phone .tennis-nav-petal-rest>img{clip-path:polygon(evenodd,0 0,100% 0,100% 100%,0 100%,0 0,32.5% 67%,41% 67%,41% 76%,32.5% 76%,32.5% 67%,0 0)}.phone .tennis-nav-ball-rest{clip-path:polygon(var(--tennis-ball-shape))}.phone .tennis-nav-ball-fill{position:absolute;left:72.49%;top:54.15%;width:9.89%;height:9.89%;border-radius:50%;overflow:hidden;opacity:0;background:var(--shell-tennis-ball-fill)}.phone .tennis-nav-ball-fill:after{content:"";position:absolute;top:-12%;right:60%;bottom:-12%;left:-44%;border:var(--shell-hairline) solid var(--shell-tennis-ball-line);border-radius:50%}.phone .tennis-nav-mascot.is-swinging>:is(.tennis-nav-swing,.tennis-nav-ball,.tennis-nav-petal-rest,.tennis-nav-ball-rest){visibility:visible}.phone .tennis-nav-mascot.is-swinging>:is(.tennis-nav-swing,.tennis-nav-ball){will-change:transform}.phone .hi :is(.ip-pose,.ticket-wordmark){display:none}.phone .hi:focus-visible{outline:var(--shell-focus-width) solid var(--shell-focus-color);outline-offset:var(--shell-focus-offset);border-radius:var(--space-3)}@media(prefers-reduced-motion:reduce){.phone .ticket-orb .tennis-nav-mascot{animation:none;transition:none;transform:none}.phone .tennis-nav-mascot.is-swinging>.tennis-nav-base{clip-path:none}.phone .tennis-nav-mascot>:is(.tennis-nav-swing,.tennis-nav-ball,.tennis-nav-petal-rest,.tennis-nav-ball-rest){visibility:hidden}}.page.bare{padding:0;height:100%;min-height:0;position:relative}