@layer components{.btn{--btn-height:2.375rem;--btn-padding-x:1rem;--btn-gap:.5rem;--btn-font-size:.84375rem;--btn-radius:var(--radius-control);--btn-lift:var(--lift);--icon-size:1rem;touch-action:manipulation;--icon-offset:-.125rem;justify-content:center;align-items:center;gap:var(--btn-gap);min-height:var(--btn-height);max-width:100%;padding:0 var(--btn-padding-x);border-radius:calc(var(--btn-radius) * var(--corner-scale));corner-shape:var(--corner-shape);background:linear-gradient(180deg, var(--color-surface-raised), var(--color-surface-raised-low)) var(--color-surface-raised-low);color:var(--color-text-strong);box-shadow:var(--shadow-raised);font:var(--font-weight-control) var(--btn-font-size)/1.2 var(--font-family-sans);font-feature-settings:inherit;letter-spacing:0;text-align:center;overflow-wrap:anywhere;appearance:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;transition-property:box-shadow,translate,color;transition-duration:var(--duration-quick);transition-timing-function:var(--easing-glide);border:0;flex-shrink:0;margin:0;text-decoration:none;display:inline-flex;position:relative}@media (hover:hover){.btn:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){translate:0 calc(-1 * var(--btn-lift));box-shadow:var(--shadow-raised-hover)}}.btn:active:not(:disabled,[aria-disabled=true],[aria-busy=true]){translate:0 var(--btn-lift);background:var(--color-surface-inset);box-shadow:var(--shadow-pressed);transition-duration:var(--duration-press)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn:is(:disabled,[aria-disabled=true]){background:var(--color-surface-inset);color:var(--color-text-disabled);box-shadow:var(--shadow-flat);cursor:not-allowed}.btn[aria-busy=true]{cursor:progress}.btn.btn-sm{--btn-height:2rem;--btn-padding-x:.75rem;--btn-gap:.375rem;--btn-font-size:.78125rem;--btn-radius:var(--radius-control-sm);--icon-size:.875rem;--icon-offset:-.0625rem}.btn.btn-lg{--btn-height:2.75rem;--btn-padding-x:1.25rem;--btn-gap:.5rem;--btn-font-size:.9375rem;--btn-radius:var(--radius-control-lg);--icon-size:1.125rem}.btn.btn-square{width:var(--btn-height);padding:0}.btn.btn-pill{--btn-radius:999px;corner-shape:round;padding-inline:calc(var(--btn-padding-x) + 2px)}.btn.btn-pill.btn-square{padding:0}.btn.btn-primary{--code-ink:currentColor;--code-tone:color-mix(in oklab, currentColor 12%, transparent);--code-line:color-mix(in oklab, currentColor 20%, transparent);--kbd-ink:color-mix(in oklab, currentColor 72%, transparent);--kbd-line:color-mix(in oklab, currentColor 32%, transparent);--citation-ink:currentColor;--citation-tone:color-mix(in oklab, currentColor 14%, transparent);--citation-line:color-mix(in oklab, currentColor 22%, transparent);--citation-fill:currentColor;--citation-fill-ink:var(--surface-color,var(--color-surface-inverse));color:var(--color-text-inverse);background:linear-gradient(180deg, var(--color-ink-high), var(--color-ink-low)) var(--color-ink-low);box-shadow:var(--shadow-ink)}@media (hover:hover){.btn.btn-primary:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:linear-gradient(180deg, var(--color-ink-high-hover), var(--color-ink-low-hover)) var(--color-ink-low-hover);box-shadow:var(--shadow-ink-hover)}}.btn.btn-primary:active:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:var(--color-ink-pressed);box-shadow:var(--shadow-ink-pressed)}.btn.btn-primary:is(:disabled,[aria-disabled=true]){background:var(--color-surface-inset);color:var(--color-text-disabled);box-shadow:var(--shadow-flat)}.btn.btn-quiet{color:var(--color-text-muted);box-shadow:none;background:0 0}@media (hover:hover){.btn.btn-quiet:hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:linear-gradient(180deg, var(--color-surface-raised), var(--color-surface-raised-low)) var(--color-surface-raised-low);color:var(--color-text-strong);box-shadow:var(--shadow-raised);translate:none}}.btn.btn-quiet:is([aria-pressed=true],[aria-current=page],:has(+.menu:popover-open,+.popover:popover-open)){background:var(--color-surface-inset);color:var(--color-text-strong);box-shadow:var(--shadow-pressed)}.btn.btn-quiet:is(:disabled,[aria-disabled=true]){box-shadow:none;background:0 0}.btn.btn-danger:not(:disabled,[aria-disabled=true]){color:var(--color-danger)}.btn.btn-brand{--tone:var(--color-brand);--tone-ink:var(--color-brand-ink)}.btn.btn-primary.btn-danger{--tone:var(--color-danger);--tone-ink:var(--color-text-inverse)}.btn:is(.btn-brand,.btn-primary.btn-danger){--code-ink:currentColor;--code-tone:color-mix(in oklab, currentColor 12%, transparent);--code-line:color-mix(in oklab, currentColor 20%, transparent);--kbd-ink:color-mix(in oklab, currentColor 72%, transparent);--kbd-line:color-mix(in oklab, currentColor 32%, transparent);--citation-ink:currentColor;--citation-tone:color-mix(in oklab, currentColor 14%, transparent);--citation-line:color-mix(in oklab, currentColor 22%, transparent);--citation-fill:currentColor;--citation-fill-ink:var(--surface-color,var(--color-surface-inverse));color:var(--tone-ink);background:linear-gradient(180deg, color-mix(in oklab, var(--tone), white 15%), var(--tone) 55%, color-mix(in oklab, var(--tone), black 9%)) var(--tone);box-shadow:inset 0 .5px 0 var(--color-tone-highlight), inset 0 1px 0 var(--color-tone-highlight-soft), inset 0 -1px 2px -1px color-mix(in oklab, var(--tone), black 50%), 0 0 0 .5px color-mix(in oklab, var(--tone), black 26%), 0 1px 2px -1px var(--color-shade-1), 0 3px 6px -3px var(--color-shade-2), 0 10px 18px -8px color-mix(in oklab, var(--tone) 36%, transparent)}@media (hover:hover){.btn:is(.btn-brand,.btn-primary.btn-danger):hover:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:linear-gradient(180deg, color-mix(in oklab, var(--tone), white 21%), color-mix(in oklab, var(--tone), white 5%) 55%, color-mix(in oklab, var(--tone), black 5%)) var(--tone);box-shadow:inset 0 .5px 0 var(--color-tone-highlight), inset 0 1px 0 var(--color-tone-highlight-soft), inset 0 -1px 2px -1px color-mix(in oklab, var(--tone), black 50%), 0 0 0 .5px color-mix(in oklab, var(--tone), black 26%), 0 1px 2px -1px var(--color-shade-1), 0 3px 6px -3px var(--color-shade-2), 0 14px 24px -10px color-mix(in oklab, var(--tone) 46%, transparent)}}.btn:is(.btn-brand,.btn-primary.btn-danger):active:not(:disabled,[aria-disabled=true],[aria-busy=true]){background:color-mix(in oklab, var(--tone), black 12%);box-shadow:inset 0 1px 3px color-mix(in oklab, var(--tone), black 62%), 0 0 0 .5px color-mix(in oklab, var(--tone), black 30%)}.btn:is(.btn-brand,.btn-primary.btn-danger):is(:disabled,[aria-disabled=true]){background:var(--color-surface-inset);color:var(--color-text-disabled);box-shadow:var(--shadow-flat)}@media (pointer:coarse){.btn{min-height:max(var(--btn-height), 2.75rem)}.btn.btn-square{min-width:max(var(--btn-height), 2.75rem)}}@media (prefers-reduced-motion:reduce){.btn{--btn-lift:0px}}@media (forced-colors:active){.btn{outline-offset:-1px;outline:1px solid buttontext}.btn:focus-visible{outline-offset:2px;outline:2px solid highlight}.btn:is(:disabled,[aria-disabled=true]){color:graytext;outline-color:graytext}}.btn-group{isolation:isolate;vertical-align:middle;max-width:100%;display:inline-flex;& .btn{--btn-lift:0px;flex-shrink:1;&:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:.5px}&:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}&:hover{z-index:1}&:focus-visible{z-index:2}}}}@layer theme{:root,:host{--color-zinc-0:oklch(98.6% .0008 265);--color-zinc-5:oklch(96.5% .0011 265);--color-zinc-40:oklch(68.6% .0028 265);--color-zinc-60:oklch(48.6% .003 265);--color-zinc-90:oklch(24.6% .0022 265);--color-zinc-95:oklch(19.4% .0019 265);--color-zinc-100:oklch(15% .0016 265);--color-indigo-50:oklch(56.78% .2478 284.1);--color-surface-inset:light-dark(oklch(96.6% .0011 265),oklch(16.4% .0017 265));--color-surface-raised:light-dark(oklch(100% 0 none),oklch(24.2% .0022 265));--color-surface-inverse:light-dark(oklch(22% .0022 265),oklch(95% .0012 265));--color-text-strong:light-dark(oklch(21% .0022 265),oklch(95% .0012 265));--color-text-muted:light-dark(oklch(48.6% .003 265),oklch(68.6% .0028 265));--color-text-disabled:light-dark(oklch(68.6% .0028 265),oklch(48.6% .003 265));--color-text-inverse:light-dark(oklch(98.6% .0008 265),oklch(19.4% .0019 265));--color-white:oklch(100% 0 none);--color-black:oklch(0% 0 none);--font-family-sans:var(--font-sans,ui-sans-serif), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--color-surface-raised-low:light-dark(oklch(99.3% .0005 265),oklch(22.8% .0021 265));--color-line-contour:light-dark(oklch(22% .002 265/.12),oklch(100% 0 none/.14));--color-line-strong:light-dark(oklch(22% .002 265/.2),oklch(100% 0 none/.23));--color-focus:light-dark(oklch(24.6% .0022 265),oklch(93.2% .0015 265));--color-highlight:light-dark(oklch(100% 0 none/.95),oklch(100% 0 none/.07));--color-lip:light-dark(oklch(100% 0 none/.9),oklch(100% 0 none/.04));--color-shade-1:light-dark(oklch(18% 0 none/.06),oklch(0% 0 none/.55));--color-shade-2:light-dark(oklch(18% 0 none/.045),oklch(0% 0 none/.4));--color-shade-3:light-dark(oklch(18% 0 none/.035),oklch(0% 0 none/.34));--color-shade-4:light-dark(oklch(18% 0 none/.035),oklch(0% 0 none/.3));--color-ink-high:light-dark(oklch(31% .0026 265),oklch(98.8% 0 none));--color-ink-low:light-dark(oklch(20.5% .003 265),oklch(92% .0032 265));--color-ink-high-hover:light-dark(oklch(35% .0028 265),oklch(100% 0 none));--color-ink-low-hover:light-dark(oklch(23% .0034 265),oklch(94.5% .003 265));--color-ink-pressed:light-dark(oklch(19% .003 265),oklch(88% .0035 265));--color-tone-highlight:oklch(100% 0 none/.5);--color-tone-highlight-soft:oklch(100% 0 none/.14);--color-danger:light-dark(oklch(54% .17 25),oklch(74% .14 22));--color-brand:var(--color-indigo-50);--color-brand-ink:oklch(99% .004 284);--shadow-pressed:inset 0 1px 2px -.5px light-dark(oklch(18% 0 none/.07),oklch(0% 0 none/.5)), inset 0 0 0 .5px var(--color-line-contour), 0 .5px 0 var(--color-lip);--shadow-flat:0 0 0 .5px var(--color-line-contour);--shadow-raised:inset 0 1px 0 var(--color-highlight), 0 0 0 .5px var(--color-line-contour), 0 1px 2px -1px var(--color-shade-1), 0 2px 4px -2px var(--color-shade-2), 0 4px 8px -4px var(--color-shade-3);--shadow-raised-hover:inset 0 1px 0 var(--color-highlight), 0 0 0 .5px var(--color-line-strong), 0 1px 2px -1px var(--color-shade-1), 0 3px 6px -3px var(--color-shade-2), 0 6px 12px -6px var(--color-shade-3), 0 10px 20px -10px var(--color-shade-4);--shadow-ink:inset 0 .5px 0 light-dark(oklch(100% 0 none/.3),oklch(100% 0 none)), inset 0 1px 0 light-dark(oklch(100% 0 none/.1),oklch(100% 0 none)), inset 0 -1px 2px -1px light-dark(oklch(0% 0 none/.5),oklch(0% 0 none/.2)), 0 0 0 .5px light-dark(oklch(15% .003 265),oklch(0% 0 none/.55)), 0 1px 2px -1px light-dark(oklch(18% 0 none/.3),oklch(0% 0 none/.55)), 0 2px 4px -2px light-dark(oklch(18% 0 none/.2),oklch(0% 0 none/.4)), 0 4px 8px -4px light-dark(oklch(18% 0 none/.14),oklch(0% 0 none/.34));--shadow-ink-hover:inset 0 .5px 0 light-dark(oklch(100% 0 none/.34),oklch(100% 0 none)), inset 0 1px 0 light-dark(oklch(100% 0 none/.12),oklch(100% 0 none)), inset 0 -1px 2px -1px light-dark(oklch(0% 0 none/.5),oklch(0% 0 none/.2)), 0 0 0 .5px light-dark(oklch(15% .003 265),oklch(0% 0 none/.55)), 0 1px 2px -1px light-dark(oklch(18% 0 none/.3),oklch(0% 0 none/.55)), 0 3px 6px -3px light-dark(oklch(18% 0 none/.22),oklch(0% 0 none/.4)), 0 6px 12px -6px light-dark(oklch(18% 0 none/.16),oklch(0% 0 none/.34)), 0 10px 20px -10px light-dark(oklch(18% 0 none/.12),oklch(0% 0 none/.3));--shadow-ink-pressed:inset 0 1px 3px light-dark(oklch(0% 0 none/.55),oklch(0% 0 none/.28)), 0 0 0 .5px light-dark(oklch(15% .003 265),oklch(0% 0 none/.55));--radius-control-sm:.5rem;--radius-control:.625rem;--radius-control-lg:.75rem;--font-weight-control:460;--lift:.5px;--easing-glide:cubic-bezier(.22, 1, .36, 1);--duration-press:60ms;--duration-quick:.16s;--color-code-function:var(--ui-code-function);--color-code-keyword:var(--ui-code-keyword);--color-code-number:var(--ui-code-number);--color-code-property:var(--ui-code-property);--color-code-string:var(--ui-code-string);--color-code-surface:light-dark(var(--color-zinc-0),var(--color-zinc-95));--font-sans:"Geist", "Noto Sans TC"}}
@layer components{.icon{width:var(--icon-size,1em);height:var(--icon-size,1em);margin-inline:var(--icon-offset,0);stroke-width:var(--icon-stroke,1.5);color:var(--icon-color,inherit);vertical-align:-.125em;flex:none}}