:root{color-scheme:light;--paper: oklch(96% .012 104);--surface: oklch(99% .006 104);--surface-strong: oklch(92% .018 104);--ink: oklch(23% .025 145);--muted: oklch(47% .022 145);--line: oklch(84% .02 104);--accent: oklch(62% .11 72);--accent-ink: oklch(24% .04 72);--good: oklch(55% .11 150);--danger: oklch(52% .12 25);--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 3rem;font-family:Avenir Next,Segoe UI,Noto Sans TC,sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{min-height:2.75rem}.primary-button,.ghost-button,.text-button{align-items:center;border-radius:100px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;isolation:isolate;justify-content:center;letter-spacing:.0125rem;line-height:1.25rem;min-height:2.5rem;overflow:hidden;padding:0 1.5rem;position:relative;transition:box-shadow .2s cubic-bezier(.2,0,0,1),background .2s ease,border-color .2s ease}.primary-button:before,.ghost-button:before,.text-button:before{background:currentColor;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s ease;z-index:-1}.primary-button:hover:before,.ghost-button:hover:before,.text-button:hover:before{opacity:.08}.primary-button:focus-visible:before,.ghost-button:focus-visible:before,.text-button:focus-visible:before{opacity:.1}.primary-button:active:before,.ghost-button:active:before,.text-button:active:before{opacity:.1}.primary-button{background:var(--ink);border:none;color:var(--paper)}.primary-button:hover{box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026}.ghost-button{background:transparent;border:1px solid var(--line);color:var(--ink)}.ghost-button:hover{border-color:var(--ink)}.text-button{background:transparent;border:none;color:var(--accent-ink);padding:0 .75rem}.primary-button:disabled,.ghost-button:disabled,.text-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.38}.primary-button:disabled:before,.ghost-button:disabled:before,.text-button:disabled:before{opacity:0}.field{display:grid;gap:.375rem}.field span{color:var(--muted);font-size:.875rem;font-weight:700}input,textarea{background:var(--surface);border:1px solid var(--line);border-radius:.5rem;color:var(--ink);min-height:2.75rem;padding:.75rem .875rem;width:100%}textarea{min-height:7rem;resize:vertical}:focus-visible{outline:3px solid color-mix(in oklch,var(--accent) 70%,transparent);outline-offset:3px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:.5rem;padding:clamp(1rem,2vw,1.5rem)}.eyebrow{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}input[type=checkbox],input[type=radio]{width:1.15rem;height:1.15rem;min-height:auto;padding:0;cursor:pointer}