.xui{--x-background: 36 40% 97.5%;--x-foreground: 225 18% 8%;--x-card: 0 0% 100%;--x-popover: 0 0% 100%;--x-field: 0 0% 100%;--x-inset: 34 30% 94.5%;--x-primary: 225 18% 10%;--x-primary-foreground: 225 24% 99%;--x-muted: 34 30% 94.5%;--x-muted-foreground: 225 10% 40%;--x-accent: 34 30% 94.5%;--x-border: 32 16% 72%;--x-input: 30 14% 60.5%;--x-ring: 26 88% 34%;--x-destructive: 2 72% 52%;--x-destructive-foreground: 2 70% 40%;--x-warning: 36 96% 50%;--x-warning-foreground: 26 88% 34%;--x-success: 152 58% 40%;--x-success-foreground: 154 62% 26%;--x-shadow-sm: 0 1px 1px hsl(28 25% 16% / .04), 0 1px 3px hsl(28 25% 16% / .05);--x-shadow-md: 0 1px 2px hsl(28 25% 16% / .05), 0 4px 12px -3px hsl(28 25% 16% / .09);--x-shadow-lg: 0 2px 4px hsl(28 25% 16% / .05), 0 16px 36px -12px hsl(28 25% 16% / .2), 0 6px 14px -6px hsl(28 25% 16% / .1);--x-lit: 0 0 #0000;--x-s0: 2px;--x-s1: 4px;--x-s2: 8px;--x-s3: 12px;--x-s4: 16px;--x-s5: 20px;--x-s6: 24px;--x-s7: 32px;--x-text-micro: 11px;--x-text-meta: 12px;--x-text-label: 13px;--x-text-body: 14px;--x-text-title: 16px;--x-text-page: 18px;--x-text-hero: 28px;--x-text-clock: 44px;--x-lh-tight: 1.25;--x-lh-snug: 1.35;--x-lh-normal: 1.45;--x-r-sm: 6px;--x-r-md: 8px;--x-r-lg: 14px;--x-control-xs: 24px;--x-control-chip: 28px;--x-control-sm: 32px;--x-control: 36px;--x-font: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--x-font-display: "Geologica", "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;color:hsl(var(--x-foreground));font-family:var(--x-font);font-size:var(--x-text-body);font-weight:400;line-height:var(--x-lh-normal);letter-spacing:-.006em;text-align:start;-webkit-font-smoothing:antialiased}.xui *,.xui *:before,.xui *:after{box-sizing:border-box}.xui p{margin:0}.xui [hidden]{display:none!important}.x-btn,.x-chip{letter-spacing:normal}.x-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--x-s2);height:var(--x-control);padding:0 var(--x-s4);border:1px solid transparent;border-radius:var(--x-r-md);color:inherit;font-size:var(--x-text-label);font-weight:500;white-space:nowrap}.x-btn .xi{width:15px;height:15px;flex:none}.x-btn-primary{background:hsl(var(--x-primary)) linear-gradient(#ffffff2e,#fff0 55%);color:hsl(var(--x-primary-foreground));box-shadow:var(--x-shadow-sm)}.x-btn-outline{border-color:hsl(var(--x-input));background:hsl(var(--x-background));box-shadow:var(--x-shadow-sm)}.x-btn-ghost{color:hsl(var(--x-muted-foreground))}.x-btn-ghost:not(.x-btn-icon){border-color:hsl(var(--x-input))}.x-btn-danger{color:hsl(var(--x-destructive-foreground))}.x-btn-sm{height:var(--x-control-sm);padding:0 var(--x-s3);font-size:var(--x-text-meta)}.x-btn-icon{width:var(--x-control-sm);height:var(--x-control-sm);padding:0}.x-btn-icon .xi,.x-btn-sm .xi{width:14px;height:14px}.x-btn-link{height:auto;min-height:var(--x-control-xs);padding:0;font-size:var(--x-text-meta);text-decoration:underline;text-decoration-color:hsl(var(--x-input));text-underline-offset:3px}.x-chip{display:inline-flex;align-items:center;height:var(--x-control-chip);padding:0 var(--x-s3);border:1px solid hsl(var(--x-border));border-radius:999px;background:hsl(var(--x-background));color:hsl(var(--x-muted-foreground));font-size:var(--x-text-meta);font-weight:500;white-space:nowrap}.x-chip-save{height:var(--x-control-sm);color:hsl(var(--x-foreground))}.x-chip.is-on{border-color:transparent;background:hsl(var(--x-primary));color:hsl(var(--x-primary-foreground))}.x-card{position:relative;border:1px solid hsl(var(--x-border));border-radius:var(--x-r-lg);background:hsl(var(--x-card));box-shadow:var(--x-shadow-sm),var(--x-lit)}.x-input{display:flex;align-items:center;gap:var(--x-s2);width:100%;height:var(--x-control);padding:0 var(--x-s3);border:1px solid hsl(var(--x-input));border-radius:var(--x-r-md);background:hsl(var(--x-field));box-shadow:var(--x-shadow-sm);font-size:var(--x-text-label);white-space:nowrap;overflow:hidden}.x-input .xi{flex:none;width:14px;height:14px;color:hsl(var(--x-muted-foreground))}.x-input.is-focus{border-color:hsl(var(--x-ring));box-shadow:0 0 0 2px hsl(var(--x-background)),0 0 0 4px hsl(var(--x-ring) / .4)}.x-placeholder{color:hsl(var(--x-muted-foreground))}.x-select{justify-content:space-between;width:auto;padding-inline:var(--x-s3) var(--x-s2);background:hsl(var(--x-background))}.x-select.x-native{position:relative;padding-inline-end:var(--x-s7);background:hsl(var(--x-field))}.x-select.x-native .xi{position:absolute;inset-inline-end:var(--x-s2);color:#71717a}.x-sm{height:var(--x-control-sm);font-size:var(--x-text-meta)}.x-label{display:block;font-size:var(--x-text-label);font-weight:500;line-height:1}.x-hint{color:hsl(var(--x-muted-foreground));font-size:var(--x-text-meta);line-height:1.6}.x-switch{display:inline-flex;flex:none;align-items:center;width:36px;height:20px;padding:var(--x-s0);border-radius:999px;background:hsl(var(--x-input))}.x-switch:after{content:"";width:16px;height:16px;border-radius:999px;background:hsl(var(--x-background));box-shadow:0 1px 2px #0003}.x-switch.is-on{background:hsl(var(--x-primary))}.x-switch.is-on:after{transform:translate(16px)}.x-switch-row{display:flex;align-items:center;gap:var(--x-s3);min-height:var(--x-control-xs);font-size:var(--x-text-label)}.x-when{display:inline-flex;align-items:center;gap:var(--x-s1);padding:var(--x-s0) var(--x-s2) var(--x-s0) var(--x-s1);border-radius:999px;background:hsl(var(--x-muted));color:hsl(var(--x-foreground));font-size:var(--x-text-micro);font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.x-when:before{content:"";flex:none;width:10px;height:10px;border-radius:999px;background:conic-gradient(currentColor calc(var(--left, 1) * 1turn),transparent 0);box-shadow:inset 0 0 0 1.5px currentColor}.x-when.is-soon{background:hsl(var(--x-warning) / .14);color:hsl(var(--x-warning-foreground))}.x-site{display:inline-grid;place-items:center;flex:none;width:24px;height:24px;border-radius:var(--x-r-sm);background:hsl(var(--hue, 30) 62% 48% / .24);font-size:var(--x-text-micro);font-weight:600}.x-thumb{position:relative;flex:none;width:56px;height:36px;overflow:hidden;border:1px solid hsl(var(--x-border));border-radius:var(--x-r-md);background:linear-gradient(hsl(var(--hue, 220) 30% 50% / .55) 0 0) 6px 11px / 26px 3px no-repeat,linear-gradient(hsl(var(--x-foreground) / .18) 0 0) 6px 18px / 40px 2px no-repeat,linear-gradient(hsl(var(--x-foreground) / .18) 0 0) 6px 23px / 36px 2px no-repeat,linear-gradient(hsl(var(--x-foreground) / .18) 0 0) 6px 28px / 30px 2px no-repeat,linear-gradient(hsl(var(--hue, 220) 20% 40% / .16) 0 0) 0 0 / 100% 6px no-repeat,#fff;box-shadow:var(--x-shadow-sm)}.x-kbd{display:inline-block;padding:1px var(--x-s1);border:1px solid hsl(var(--x-border));border-bottom-width:2px;border-radius:var(--x-r-sm);background:hsl(var(--x-muted));font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--x-text-micro);line-height:15px}.x-toast{display:inline-flex;align-items:center;gap:var(--x-s2);min-height:var(--x-control);padding:var(--x-s1) var(--x-s3);border:1px solid hsl(var(--x-border));border-radius:var(--x-r-lg);background:hsl(var(--x-popover));box-shadow:var(--x-shadow-lg);font-size:var(--x-text-label);font-weight:500;white-space:nowrap}.x-toast .xi{flex:none;width:15px;height:15px;color:hsl(var(--x-success-foreground))}.x-confirmed{position:relative}.x-confirmed:after{content:"";position:absolute;inset:calc(-1 * var(--x-s0));border:2px solid hsl(var(--x-success));border-radius:inherit;animation:x-confirm .42s cubic-bezier(.2,0,0,1) forwards;pointer-events:none}@keyframes x-confirm{0%{opacity:.7;transform:scale(.96)}to{opacity:0;transform:scale(1.06)}}:is(.is-dark,:root[data-theme=dark] .stage:not(.is-light)) .xui{--x-background: 228 14% 6%;--x-foreground: 225 24% 98%;--x-card: 228 12% 9%;--x-popover: 228 11% 12.5%;--x-field: 228 16% 4%;--x-inset: 228 14% 5.5%;--x-primary: 225 24% 97%;--x-primary-foreground: 228 14% 7%;--x-muted: 228 10% 16%;--x-muted-foreground: 225 12% 68%;--x-accent: 228 10% 16%;--x-border: 228 10% 27%;--x-input: 228 10% 36%;--x-ring: 40 94% 63%;--x-destructive: 2 74% 60%;--x-destructive-foreground: 2 84% 70%;--x-warning: 40 96% 57%;--x-warning-foreground: 40 94% 63%;--x-success: 152 52% 48%;--x-success-foreground: 152 58% 60%;--x-shadow-sm: 0 1px 2px hsl(0 0% 0% / .35);--x-shadow-md: 0 1px 2px hsl(0 0% 0% / .35), 0 2px 8px -4px hsl(0 0% 0% / .45);--x-shadow-lg: 0 12px 28px -12px hsl(0 0% 0% / .65), 0 4px 10px -4px hsl(0 0% 0% / .5);--x-lit: inset 0 1px 0 hsl(0 0% 100% / .1)}:is(.is-dark,:root[data-theme=dark] .stage:not(.is-light)) .xui .x-site{background:hsl(var(--hue, 30) 70% 62% / .28)}:is(.is-dark,:root[data-theme=dark] .stage:not(.is-light)) .xui .x-thumb{background-color:#25262d}
