:root{--color-bg: #f9f9f9;--color-surface: #ffffff;--color-primary: #00606b;--color-secondary: #fceeee;--color-success: #7ab893;--color-warning: #ffb74d;--color-danger: #c62828;--color-on-primary: #ffffff;--color-on-accent: #ffffff;--color-on-success: #1e1e1e;--color-on-warning: #1e1e1e;--color-on-danger: #ffffff;--color-success-text: #2e7d32;--color-warning-text: #965200;--cat-1: #00796b;--cat-2: #b3363d;--cat-3: #7b1fa2;--cat-4: #e65100;--cat-5: #3949ab;--color-text: #1e1e1e;--color-text-secondary: #00606b;--color-border: #e0e0e0;--color-overlay: rgba(0, 0, 0, .1);--color-text-muted: #666666;--field-bg: #f0f1f3;--field-bg-hover: #e8e9ec;--field-bg-focus: #ffffff;--field-text: #1e1e1e;--field-placeholder: #8b8e94;--field-border: transparent;--field-ring: color-mix(in srgb, var(--color-primary) 28%, transparent);--field-height: 44px;--field-radius: 10px;--field-font-size: 16px;--input-color: var(--field-text);--input-border: var(--field-border);--input-background: var(--field-bg);--input-placeholder: var(--field-placeholder);--input-border-focus: var(--color-primary);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--text-xs: .75rem;--text-sm: .85rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--icon-lg: 2rem;--icon-xl: 2.5rem;--hover-bg: color-mix(in srgb, var(--color-text) 7%, transparent);--control-size: 36px;--transition-fast: .15s ease;--duration-press: .1s;--press-scale: .97;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--radius-xs: 4px;--radius-sm: 8px;--radius: 12px;--radius-lg: 18px;--radius-pill: 999px;--material-light-bg: rgba(255, 255, 255, .72);--material-light-blur: blur(16px) saturate(160%);--material-heavy-bg: rgba(255, 255, 255, .82);--material-heavy-blur: blur(28px) saturate(180%);--material-edge: rgba(255, 255, 255, .5);--group-color: var(--input-color);--group-border: var(--input-border);--group-background: #f9f9f9;--group-color-focus: #ffffff;--group-border-focus: var(--input-border-focus);--group-background-focus: #00606b;--container-max-width: 1200px;--gutter: 1rem;--font-size-base: 16px;--line-height-base: 1.6;--tracking-display: -.02em;--tracking-heading: -.01em;--tracking-body: 0;--tracking-caption: .01em;--leading-display: 1.1;--leading-heading: 1.25;--leading-caption: 1.3;--toast-top-offset: 2rem}[data-theme=dark]{--color-bg: #2b2b2b;--color-surface: #3a3a3a;--color-primary: #bdcd00;--color-secondary: #4a4a4a;--color-success: #66bb6a;--color-warning: #ffa726;--color-danger: #ff8a80;--color-on-primary: #1e1e1e;--color-on-accent: #ffffff;--color-on-success: #1e1e1e;--color-on-warning: #1e1e1e;--color-on-danger: #1e1e1e;--color-success-text: #66bb6a;--color-warning-text: #ffa726;--cat-1: #4db6ac;--cat-2: #ef7c83;--cat-3: #ce93d8;--cat-4: #ffb74d;--cat-5: #9fa8da;--color-text: #f5f5f5;--color-text-secondary: #c0c0c0;--color-text-muted: #b0b0b0;--color-border: #5c5c5c;--color-overlay: rgba(0, 0, 0, .4);--material-light-bg: rgba(42, 42, 42, .68);--material-light-blur: blur(16px) saturate(160%);--material-heavy-bg: rgba(42, 42, 42, .8);--material-heavy-blur: blur(28px) saturate(180%);--material-edge: rgba(255, 255, 255, .08);--field-bg: #2d2d2d;--field-bg-hover: #333333;--field-bg-focus: #262626;--field-text: #f5f5f5;--field-placeholder: #9a9a9a;--field-border: transparent;--field-ring: color-mix(in srgb, var(--color-primary) 35%, transparent);--group-color: var(--input-color);--group-border: var(--input-border);--group-background: #3a3a3a;--group-color-focus: #fff;--group-border-focus: var(--input-border-focus);--group-background-focus: #bdcd00}*,*:before,*:after{box-sizing:border-box;padding:0}:where(*:not(form-input):not(form-select):not(form-textarea):not(form-checkbox):not(form-link)),*:before,*:after{margin:0}page-action-bar{display:block;margin-bottom:2rem;margin-bottom:var(--space-6)}html{font-size:16px;font-size:var(--font-size-base);background-color:#f9f9f9;background-color:var(--color-bg);color:#1e1e1e;color:var(--color-text);font-optical-sizing:auto;transition:background-color .3s ease,color .3s ease}body{padding-top:60px;line-height:1.6;line-height:var(--line-height-base);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif}body.header-visible{--toast-top-offset: 72px}main{display:block;padding:1rem;padding:var(--gutter)}h1,h2,h3{font-weight:700;margin:0}h1{font-size:max(1.75rem,min(4vw,2.5rem));line-height:1.1;line-height:var(--leading-display);letter-spacing:-.02em;letter-spacing:var(--tracking-display)}h2{font-size:1.5rem;line-height:1.25;line-height:var(--leading-heading);letter-spacing:-.01em;letter-spacing:var(--tracking-heading)}h3{font-size:1.25rem;line-height:1.25;line-height:var(--leading-heading);letter-spacing:-.01em;letter-spacing:var(--tracking-heading)}p{letter-spacing:0;letter-spacing:var(--tracking-body)}.container{width:100%;max-width:1200px;max-width:var(--container-max-width);margin:0 auto;padding:0 1rem;padding:0 var(--gutter)}.row{display:flex;flex-wrap:wrap;margin:-.5rem;margin:calc(var(--gutter) / -2)}.row>.col{padding:.5rem;padding:calc(var(--gutter) / 2)}.row>.col-6{padding-left:.5rem;padding-left:calc(var(--gutter) / 2);padding-right:.5rem;padding-right:calc(var(--gutter) / 2)}.col{flex:0 0 100%;max-width:100%}.col-auto{flex:0 0 auto;max-width:none}@media (min-width: 768px){main{padding-top:48px}.col-1{flex:0 0 8.3333%;max-width:8.3333%}.col-2{flex:0 0 16.6667%;max-width:16.6667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-5{flex:0 0 41.6667%;max-width:41.6667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333%;max-width:58.3333%}.col-8{flex:0 0 66.6667%;max-width:66.6667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333%;max-width:83.3333%}.col-11{flex:0 0 91.6667%;max-width:91.6667%}.col-12{flex:0 0 100%;max-width:100%}}.section{padding:2rem 0;background-color:#f9f9f9;background-color:var(--color-bg)}.section.surface{background-color:#fff;background-color:var(--color-surface)}.section.dark{background-color:#fceeee;background-color:var(--color-secondary);color:#1e1e1e;color:var(--color-text)}.text-sm{font-size:.85rem!important;font-size:var(--text-sm)!important}.scroll-x{width:100%;overflow-x:auto}.wrap{flex-wrap:wrap}.text-center{text-align:center}.m-0{margin:0!important}.pr-1{padding-right:1rem!important;padding-right:var(--gutter)!important}.pl-1{padding-left:1rem!important;padding-left:var(--gutter)!important}.mr-1{margin-right:1rem!important;margin-right:var(--gutter)!important}.ml-1{margin-left:1rem!important;margin-left:var(--gutter)!important}.mt-1{margin-top:1rem!important;margin-top:var(--gutter)!important}.mt-2{margin-top:2rem!important;margin-top:calc(var(--gutter) * 2)!important}.mt-3{margin-top:3rem!important;margin-top:calc(var(--gutter) * 3)!important}.mt-4{margin-top:4rem!important;margin-top:calc(var(--gutter) * 4)!important}.mb-1{margin-bottom:1rem!important;margin-bottom:var(--gutter)!important}.mb-2{margin-bottom:2rem!important;margin-bottom:calc(var(--gutter) * 2)!important}.mb-3{margin-bottom:3rem!important;margin-bottom:calc(var(--gutter) * 3)!important}.mb-4{margin-bottom:4rem!important;margin-bottom:calc(var(--gutter) * 4)!important}.p-1{padding:1rem!important;padding:var(--gutter)!important}.d-flex{display:flex!important}.gap-1{gap:1rem;gap:var(--gutter)}.form-wrapper{width:100%;margin:0 auto}.justify-center{justify-content:center!important}.align-center{align-items:center!important}.bg-white{background-color:#fff!important;background-color:var(--color-surface)!important}.text-muted{color:#666!important;color:var(--color-text-muted)!important}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}@media (max-width: 480px){.section{padding:2rem 0}.container{padding:0 .75rem}}.preview{width:250px}@media (prefers-reduced-transparency: reduce){:root{--material-light-bg: var(--color-surface);--material-light-blur: none;--material-heavy-bg: var(--color-surface);--material-heavy-blur: none;--material-edge: var(--color-border)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: more){:root{--material-light-bg: var(--color-surface);--material-light-blur: none;--material-heavy-bg: var(--color-surface);--material-heavy-blur: none;--material-edge: var(--color-text);--color-border: var(--color-text-muted)}}