@layer reset,design-tokens,globals,components;@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;user-select:none;-webkit-user-select:none}button,a,[role=button],label,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}: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 --surface{syntax: "<color>"; initial-value: #fff8f1; inherits: true;}@property --surface-container-lowest{syntax: "<color>"; initial-value: #ffffff; inherits: true;}@property --surface-container-low{syntax: "<color>"; initial-value: #fcf2e5; inherits: true;}@property --surface-container{syntax: "<color>"; initial-value: #f6eddf; inherits: true;}@property --surface-container-high{syntax: "<color>"; initial-value: #f0e7d9; inherits: true;}@property --surface-container-highest{syntax: "<color>"; initial-value: #eae1d4; inherits: true;}@property --foreground{syntax: "<color>"; initial-value: #1f1b13; inherits: true;}@property --muted-foreground{syntax: "<color>"; initial-value: #52525b; inherits: true;}@property --primary{syntax: "<color>"; initial-value: #edc148; inherits: true;}@property --primary-foreground{syntax: "<color>"; initial-value: #18181b; inherits: true;}@property --primary-container{syntax: "<color>"; initial-value: #edc148; inherits: true;}@property --on-primary-container{syntax: "<color>"; initial-value: #674f00; inherits: true;}@property --secondary{syntax: "<color>"; initial-value: #5d5e61; inherits: true;}@property --secondary-container{syntax: "<color>"; initial-value: #dfdfe2; inherits: true;}@property --tertiary{syntax: "<color>"; initial-value: #006590; inherits: true;}@property --tertiary-container{syntax: "<color>"; initial-value: #87ceff; inherits: true;}@property --gold{syntax: "<color>"; initial-value: #ffd35b; inherits: true;}@property --silver{syntax: "<color>"; initial-value: #a8b2b7; inherits: true;}@property --bronze{syntax: "<color>"; initial-value: #965232; inherits: true;}@property --border{syntax: "<color>"; initial-value: #d1c5af; inherits: true;}@property --outline{syntax: "<color>"; initial-value: #7f7663; inherits: true;}@property --muted{syntax: "<color>"; initial-value: #eae1d4; 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;}@property --space-10{syntax: "<length>"; initial-value: 40px; inherits: true;}@property --space-12{syntax: "<length>"; initial-value: 48px; inherits: true;}@property --space-16{syntax: "<length>"; initial-value: 64px; inherits: true;}@property --space-24{syntax: "<length>"; initial-value: 96px; inherits: true;}@property --content-max-inline-size{syntax: "<length>"; initial-value: 1200px; 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 --text-2xl{syntax: "<length>"; initial-value: 24px; inherits: true;}@property --text-hero{syntax: "<length>"; initial-value: 40px; 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 --font-bold{syntax: "<number>"; initial-value: 700; 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;}@property --tracking-tight{syntax: "<length>"; initial-value: -.025em; 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))}@media(hover:hover)and (pointer:fine){.btn-primary:hover:not(:disabled){--button-scale: 1.02;--shadow-elevation: 6px}.btn-secondary:hover:not(:disabled){--button-scale: 1.02;background:var(--background)}}.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-inline-size:2.5rem}.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-block-end: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);inline-size:100%;box-shadow:0 0 0 0 var(--input-glow)}@media(hover:hover)and (pointer:fine){.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;appearance:textfield}.form-input[type=number]::-webkit-outer-spin-button,.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.form-input.ng-user-invalid{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-block-end:var(--space-2)}.checkbox-input{position:absolute;opacity:0;inline-size:0;block-size:0}.checkbox-control{display:flex;align-items:center;justify-content:center;inline-size:1.125rem;block-size: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);inline-size:.5rem;block-size:.5rem;border-radius:var(--radius-sm);background:var(--primary-foreground);transition:transform .2s cubic-bezier(.2,0,0,1)}@media(hover:hover)and (pointer:fine){.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{.icon{flex:none;inline-size:var(--icon-size, 1.5rem);block-size:var(--icon-size, 1.5rem);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}}@layer components{.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}@layer components;@layer globals{html{color-scheme:light dark;overscroll-behavior:none}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--content-max-inline-size: 75rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-hero: 2.5rem}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;inline-size:100%;min-block-size:100dvb;overscroll-behavior:none;background:var(--background);color:var(--foreground);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}@media(prefers-color-scheme:dark){:root{--background: #131315;--surface: #131315;--surface-container-lowest: #0e0e10;--surface-container-low: #1c1b1d;--surface-container: #201f22;--surface-container-high: #2a2a2c;--surface-container-highest: #353437;--foreground: #e5e1e4;--muted-foreground: #d1c5af;--primary: #edc148;--primary-foreground: #131315;--primary-container: #edc148;--on-primary-container: #3e2e00;--secondary: #c8c6c9;--secondary-container: #47464a;--tertiary: #c8e6ff;--tertiary-container: #87ceff;--bronze: #e08963;--border: #2e2d30;--outline: #9a907b;--muted: #2a2a2c;--destructive: #ef4444;--destructive-foreground: #ffffff}}}
