@layer reset{*,*:before,*:after{box-sizing:border-box}body{margin:0;text-align:start}ul,ol{list-style:none;margin:0;padding:0}button{border:none;background:none;padding:0;margin:0}[role=button]{cursor:pointer}:is(button,[type=button],[type=reset],[type=submit]):not(:disabled){cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}}@layer design-tokens{@property --background{syntax: "<color>"; initial-value: #fafafa; inherits: true;}@property --foreground{syntax: "<color>"; initial-value: #18181b; inherits: true;}@property --primary{syntax: "<color>"; initial-value: #edc148; inherits: true;}@property --primary-foreground{syntax: "<color>"; initial-value: #18181b; inherits: true;}@property --muted{syntax: "<color>"; initial-value: #e4e4e7; inherits: true;}@property --muted-foreground{syntax: "<color>"; initial-value: #52525b; inherits: true;}@property --border{syntax: "<color>"; initial-value: #d4d4d8; inherits: true;}@property --destructive{syntax: "<color>"; initial-value: #dc2626; inherits: true;}@property --destructive-foreground{syntax: "<color>"; initial-value: #fafafa; inherits: true;}}@layer design-tokens{@property --space-1{syntax: "<length>"; initial-value: 4px; inherits: true;}@property --space-2{syntax: "<length>"; initial-value: 8px; inherits: true;}@property --space-3{syntax: "<length>"; initial-value: 12px; inherits: true;}@property --space-4{syntax: "<length>"; initial-value: 16px; inherits: true;}@property --space-6{syntax: "<length>"; initial-value: 24px; inherits: true;}@property --space-8{syntax: "<length>"; initial-value: 32px; inherits: true;}}@layer design-tokens{@property --text-xs{syntax: "<length>"; initial-value: 12px; inherits: true;}@property --text-sm{syntax: "<length>"; initial-value: 14px; inherits: true;}@property --text-base{syntax: "<length>"; initial-value: 16px; inherits: true;}@property --text-lg{syntax: "<length>"; initial-value: 18px; inherits: true;}@property --text-xl{syntax: "<length>"; initial-value: 20px; inherits: true;}@property --font-normal{syntax: "<number>"; initial-value: 400; inherits: true;}@property --font-medium{syntax: "<number>"; initial-value: 500; inherits: true;}@property --font-semibold{syntax: "<number>"; initial-value: 600; inherits: true;}@property --leading-none{syntax: "<number>"; initial-value: 1; inherits: true;}@property --leading-tight{syntax: "<number>"; initial-value: 1.25; inherits: true;}@property --leading-normal{syntax: "<number>"; initial-value: 1.5; inherits: true;}@property --leading-relaxed{syntax: "<number>"; initial-value: 1.625; inherits: true;}}@layer design-tokens{@property --radius-none{syntax: "<length>"; initial-value: 0px; inherits: true;}@property --radius-xs{syntax: "<length>"; initial-value: 2px; inherits: true;}@property --radius-sm{syntax: "<length>"; initial-value: 4px; inherits: true;}@property --radius-md{syntax: "<length>"; initial-value: 6px; inherits: true;}@property --radius-lg{syntax: "<length>"; initial-value: 8px; inherits: true;}@property --radius-xl{syntax: "<length>"; initial-value: 12px; inherits: true;}@property --radius-2xl{syntax: "<length>"; initial-value: 16px; inherits: true;}@property --radius-full{syntax: "<length>"; initial-value: 9999px; inherits: true;}}@layer design-tokens{@property --shadow-elevation{syntax: "<length>"; initial-value: 4px; inherits: true;}@property --shadow-strength{syntax: "<number>"; initial-value: .1; inherits: true;}}@layer design-tokens;@layer components{@property --button-scale{syntax: "<number>"; initial-value: 1; inherits: true;}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-weight:var(--font-medium);line-height:var(--leading-normal);transition:all .2s cubic-bezier(.2,0,0,1);cursor:pointer;transform:scale(var(--button-scale));-webkit-user-select:none;user-select:none;text-decoration:none}.btn-primary{background:var(--primary);color:var(--primary-foreground);padding:var(--space-2) var(--space-4);border:none;box-shadow:0 var(--shadow-elevation) calc(var(--shadow-elevation) * 2) hsla(0,0%,0%,var(--shadow-strength))}.btn-primary:hover:not(:disabled){--button-scale: 1.02;--shadow-elevation: 6px}.btn-primary:active:not(:disabled){--button-scale: .98;--shadow-elevation: 2px}.btn-secondary{background:var(--muted);color:var(--foreground);padding:var(--space-2) var(--space-4);border:1px solid var(--border)}.btn-secondary.btn-square{padding:var(--space-2);aspect-ratio:1;min-width:2.5rem}.btn-secondary:hover:not(:disabled){--button-scale: 1.02;background:var(--background)}.btn-secondary:active:not(:disabled){--button-scale: .98}.btn:disabled{opacity:.5;cursor:not-allowed;--button-scale: 1;--shadow-elevation: 4px}}@layer components{@property --input-glow{syntax: "<color>"; initial-value: transparent; inherits: false;}fieldset{border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-4);margin:0}fieldset legend{padding-inline:var(--space-2)}.form-label{display:flex;flex-direction:column;gap:var(--space-1);color:var(--foreground);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-normal);margin-bottom:var(--space-2)}.form-input{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--foreground);font-size:var(--text-base);line-height:var(--leading-normal);padding:var(--space-2) var(--space-3);transition:all .2s cubic-bezier(.2,0,0,1);width:100%;box-shadow:0 0 0 0 var(--input-glow)}.form-input:hover{border-color:var(--primary)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--input-glow)}.form-input[type=number]{-moz-appearance:textfield}.form-input[type=number]::-webkit-outer-spin-button,.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-label--error{color:var(--destructive, #ef4444)}.form-label--error .form-input{border-color:var(--destructive);box-shadow:0 0 0 3px color-mix(in srgb,var(--destructive) 20%,transparent)}.form-input:disabled{opacity:.5;cursor:not-allowed;background:var(--muted)}}@layer components{@property --checkbox-scale{syntax: "<number>"; initial-value: .95; inherits: false;}@property --checkbox-bg{syntax: "<color>"; initial-value: transparent; inherits: false;}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);color:var(--foreground);font-size:var(--text-sm);line-height:var(--leading-normal);-webkit-user-select:none;user-select:none;cursor:pointer;margin-bottom:var(--space-2)}.checkbox-input{position:absolute;opacity:0;width:0;height:0}.checkbox-control{display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;background:var(--checkbox-bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all .2s cubic-bezier(.2,0,0,1);transform:scale(var(--checkbox-scale));cursor:pointer}.checkbox-control:after{content:"";transform:scale(0);width:.5rem;height:.5rem;border-radius:var(--radius-sm);background:var(--primary-foreground);transition:transform .2s cubic-bezier(.2,0,0,1)}.checkbox-label:hover .checkbox-control{--checkbox-scale: 1;border-color:var(--primary)}.checkbox-input:focus+.checkbox-control{--checkbox-scale: 1;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.checkbox-input:checked+.checkbox-control{--checkbox-bg: var(--primary);border-color:var(--primary)}.checkbox-input:checked+.checkbox-control:after{transform:scale(1)}.checkbox-input:disabled+.checkbox-control{--checkbox-scale: .95;background:var(--muted);border-color:var(--border);cursor:not-allowed}.checkbox-input:disabled~.checkbox-label{color:var(--muted-foreground);cursor:not-allowed}}@layer components;@layer reset,design-tokens,globals,components;@layer globals{html{color-scheme:light dark}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:100%;min-height:100vh;background:var(--background);color:var(--foreground);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--background: #09090b;--foreground: #fafafa;--primary: #edc148;--primary-foreground: #09090b;--muted: #27272a;--muted-foreground: #a1a1aa;--border: #27272a;--destructive: #ef4444;--destructive-foreground: #ffffff}}}