@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-outline-style:solid;--tw-font-weight:initial;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-gray-500:oklch(55.1% .027 264.364);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-normal:400;--font-weight-medium:500;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.absolute{position:absolute}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.border,.border-x,.border-y,.border-t,.border-r,.border-b,.border-l{border-color:var(--border)}}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--primary:oklch(49.476% .24666 309.493);--secondary:oklch(29.313% .00003 271.152);--accent:oklch(60.811% .26912 305.12);--success:oklch(72.3% .219 149.579);--error:oklch(63.7% .237 25.331);--warning:oklch(70.5% .213 47.604);--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}@keyframes ripple{to{opacity:0;transform:scale(4)}}:root{font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}h1{margin:20px 0;font-size:36px}h2{font-size:20px}}.btn{cursor:pointer;border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--color:#ff4141;border-width:1px}.btn.btn-primary{--color:var(--primary)}.btn.btn-secondary{--color:var(--secondary)}.btn.btn-accent{--color:var(--accent)}.btn.btn-success{--color:var(--success)}.btn.btn-error{--color:var(--error)}.btn.btn-warning{--color:var(--warning)}.btn.btn-filled{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color);background-color:var(--color);color:var(--color-white,#fff)}.btn.btn-filled:hover{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.btn.btn-filled:hover{background-color:color-mix(in oklch, var(--color) 95%, black)}}.btn.btn-filled:active{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.btn.btn-filled:active{background-color:color-mix(in oklch, var(--color) 85%, black)}}.btn.btn-outlined{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color);color:var(--color)}.btn.btn-outlined:hover{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.btn.btn-outlined:hover{background-color:color-mix(in oklch, var(--color) 15%, white)}}.btn.btn-outlined:active{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.btn.btn-outlined:active{background-color:color-mix(in oklch, var(--color) 25%, white)}}.btn.btn-ghost{color:var(--color);border-color:#0000}.btn.btn-ghost:hover{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.btn.btn-ghost:hover{background-color:color-mix(in oklch, var(--color) 15%, white)}}.btn.btn-ghost:active{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.btn.btn-ghost:active{background-color:color-mix(in oklch, var(--color) 25%, white)}}.btn.btn-sm{padding-inline:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.btn.btn-md{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:var(--spacing,.25rem);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.btn.btn-lg{padding-inline:calc(var(--spacing,.25rem) * 4);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}.btn.icon-btn{aspect-ratio:1;justify-content:center;align-items:center;padding:0;display:flex}.btn.icon-btn.btn-sm{min-width:calc(var(--spacing,.25rem) * 6)}.btn.icon-btn.btn-md{min-width:calc(var(--spacing,.25rem) * 8)}.btn.icon-btn.btn-lg{min-width:calc(var(--spacing,.25rem) * 10)}.btn.btn-rounded{border-radius:2147483647px}.btn.btn-square{border-radius:var(--radius-sm,.25rem)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}.input-wrapper{align-items:center;gap:var(--spacing,.25rem);border-radius:var(--radius-sm,.25rem);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border);flex-direction:row;display:flex}.input-wrapper input,.input-wrapper textarea{--tw-border-style:none;--tw-outline-style:none;background-color:#0000;border-style:none;outline-style:none;flex-grow:1}.input-wrapper:focus-within{outline-style:var(--tw-outline-style);outline-width:1px}.input-wrapper.input-sm{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:var(--spacing,.25rem);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)))}.input-wrapper.input-md{padding-inline:calc(var(--spacing,.25rem) * 2);padding-block:calc(var(--spacing,.25rem) * 1.5);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.input-wrapper.input-lg{padding-inline:calc(var(--spacing,.25rem) * 3);padding-block:calc(var(--spacing,.25rem) * 2);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,calc(1.5 / 1)))}.input-label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.input-description{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-gray-500,oklch(55.1% .027 264.364))}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}.InputGroup{box-sizing:border-box;background-color:#fff;border:1px solid oklch(14.5% 0 0);flex-direction:row;align-items:center;gap:.5rem;width:14rem;height:2rem;padding-left:.5rem;display:flex;position:relative}@media (prefers-color-scheme:dark){.InputGroup{background-color:oklch(14.5% 0 0);border:1px solid #fff}}.InputGroup:focus-within{outline-offset:-1px;outline:2px solid oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){.InputGroup:focus-within{outline-color:#fff}}.Input{box-sizing:border-box;color:oklch(14.5% 0 0);background-color:#fff;border:none;border-radius:0;width:100%;height:100%;margin:0;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.25rem}@media (any-pointer:coarse){.Input{font-size:1rem;line-height:1.5rem}}@media (prefers-color-scheme:dark){.Input{color:#fff;background-color:oklch(14.5% 0 0)}}.Input::placeholder{color:oklch(55.6% 0 0)}@media (prefers-color-scheme:dark){.Input::placeholder{color:oklch(70.8% 0 0)}}.Input:focus{outline:none}.Label{color:oklch(14.5% 0 0);flex-direction:column;gap:.25rem;font-size:.875rem;font-weight:700;line-height:1.25rem;display:flex;position:relative}@media (prefers-color-scheme:dark){.Label{color:#fff}}.StartAdornment{box-sizing:border-box;color:oklch(55.6% 0 0);border:none;justify-content:center;align-items:center;height:100%;padding:0;display:flex;bottom:0;left:0}@media (prefers-color-scheme:dark){.StartAdornment{color:oklch(70.8% 0 0)}}.ActionButtons{box-sizing:border-box;color:oklch(55.6% 0 0);border:none;justify-content:center;align-items:center;height:100%;padding:0;display:flex;bottom:0;right:0}@media (prefers-color-scheme:dark){.ActionButtons{color:oklch(70.8% 0 0)}}.Trigger,.Clear{box-sizing:border-box;color:oklch(14.5% 0 0);background:0 0;border:none;justify-content:center;align-items:center;width:1.5rem;height:100%;padding:0;display:flex}@media (prefers-color-scheme:dark){.Trigger,.Clear{color:#fff}}.Trigger svg{transition:all .125s ease-in-out}.Trigger[aria-expanded=true] svg{transform:rotate(180deg)}.Positioner{outline:0}.Popup{box-sizing:border-box;color:oklch(14.5% 0 0);width:var(--anchor-width);max-width:var(--available-width);transform-origin:var(--transform-origin);background-color:#fff;border:1px solid oklch(14.5% 0 0);transition:opacity .1s,transform .1s;box-shadow:.25rem .25rem #0000001f}@media (prefers-color-scheme:dark){.Popup{color:#fff;box-shadow:none;background-color:oklch(14.5% 0 0);border:1px solid #fff}}.Popup[data-starting-style],.Popup[data-ending-style]{opacity:0;transform:scale(.95)}.List{box-sizing:border-box;overscroll-behavior:contain;max-height:min(22.5rem, var(--available-height));outline:0;padding-block:.25rem;scroll-padding-block:.25rem;overflow-y:auto}.List[data-empty]{padding:0}.Item{box-sizing:border-box;cursor:default;-webkit-user-select:none;user-select:none;padding-block:.5rem;outline:0;grid-template-columns:1rem 1fr;align-items:center;gap:.5rem;padding-left:.5rem;padding-right:.5rem;font-size:.875rem;line-height:1rem;display:grid}.Item[data-highlighted]{z-index:0;color:#fff;position:relative}@media (prefers-color-scheme:dark){.Item[data-highlighted]{color:oklch(14.5% 0 0)}}.Item[data-highlighted]:before{content:"";z-index:-1;background-color:oklch(14.5% 0 0);position:absolute;inset-block:0;inset-inline:0}@media (prefers-color-scheme:dark){.Item[data-highlighted]:before{background-color:#fff}}.ItemText{grid-column-start:2}.ItemIndicator{grid-column-start:1}.Empty{box-sizing:border-box;color:oklch(55.6% 0 0);padding:1rem 1rem 1rem .5rem;font-size:.875rem;line-height:1rem}@media (prefers-color-scheme:dark){.Empty{color:oklch(70.8% 0 0)}}.Root{box-sizing:border-box;width:100%;max-width:20rem}[role=tablist]{z-index:1;gap:.25rem;margin-bottom:-1px;display:flex;position:relative}[role=tablist] [role=tab]{box-sizing:border-box;color:oklch(43.9% 0 0);-webkit-user-select:none;user-select:none;white-space:nowrap;word-break:keep-all;background:0 0;border:0;outline:0;justify-content:center;align-items:center;height:calc(2rem + 1px);margin:0;padding-block:0;padding-inline:.5rem;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.25rem;display:flex}@media (prefers-color-scheme:dark){[role=tablist] [role=tab]{color:oklch(87% 0 0)}}@media (hover:hover){[role=tablist] [role=tab]:hover{color:oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){[role=tablist] [role=tab]:hover{color:#fff}}}[role=tablist] [role=tab][data-active]{color:oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){[role=tablist] [role=tab][data-active]{color:#fff}}[role=tablist] [role=tab]:focus-visible{outline-offset:-1px;outline:2px solid oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){[role=tablist] [role=tab]:focus-visible{outline-color:#fff}}[role=tabpanel]{box-sizing:border-box;text-align:center;color:oklch(14.5% 0 0);background-color:#fff;outline:0;grid-area:1/1;justify-content:center;align-items:center;width:100%;padding:1rem;font-size:.875rem;line-height:1.25rem;display:flex}@media (prefers-color-scheme:dark){[role=tabpanel]{color:#fff;background-color:oklch(14.5% 0 0)}}[role=tabpanel]:focus-visible{outline-offset:-1px;z-index:1;outline:2px solid oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){[role=tabpanel]:focus-visible{outline-color:#fff}}[role=tabpanel][hidden]{display:none}.PanelViewport{box-sizing:border-box;border:1px solid oklch(14.5% 0 0);grid-template-columns:minmax(0,1fr);width:100%;min-height:8rem;display:grid}@media (prefers-color-scheme:dark){.PanelViewport{border:1px solid #fff}}.Panel{box-sizing:border-box;text-align:center;color:oklch(14.5% 0 0);background-color:#fff;outline:0;grid-area:1/1;justify-content:center;align-items:center;width:100%;padding:1rem;font-size:.875rem;line-height:1.25rem;display:flex}@media (prefers-color-scheme:dark){.Panel{color:#fff;background-color:oklch(14.5% 0 0)}}.Panel:focus-visible{outline-offset:-1px;z-index:1;outline:2px solid oklch(14.5% 0 0)}@media (prefers-color-scheme:dark){.Panel:focus-visible{outline-color:#fff}}.Panel[hidden]{display:none}.Paragraph{margin:0}.tab-indicator{box-sizing:border-box;translate:var(--active-tab-left);width:var(--active-tab-width);border-top:1px solid oklch(14.5% 0 0);background-color:#fff;border-inline:1px solid oklch(14.5% 0 0);height:100%;transition-property:translate,width;transition-duration:.15s;transition-timing-function:ease-in-out;position:absolute;top:0;left:0}@media (prefers-color-scheme:dark){.tab-indicator{border-top:1px solid #fff;background-color:oklch(14.5% 0 0);border-inline:1px solid #fff}}.tablist{--color:white}.tablist.tablist-primary{--color:var(--primary)}.tablist.tablist-secondary{--color:var(--secondary)}.tablist.tablist-tertiary .tab-indicator{height:calc(var(--spacing,.25rem) * .5);border-style:var(--tw-border-style);border-width:0;top:auto;bottom:0}.tablist .tab{cursor:pointer;border-style:var(--tw-border-style);color:var(--color);border-width:1px;border-color:#0000}.tablist.tablist-filled .tab{border-radius:var(--radius-sm,.25rem);color:inherit}@media (hover:hover){.tablist.tablist-filled .tab:hover{color:var(--color-black,#000)}}.tablist.tablist-filled .tab:hover{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.tablist.tablist-filled .tab:hover{background-color:color-mix(in oklch, var(--color) 15%, white)}}.tablist.tablist-filled .tab:active{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.tablist.tablist-filled .tab:active{background-color:color-mix(in oklch, var(--color) 85%, black)}}.tablist.tablist-filled .tab:active{color:#fff}.tablist.tablist-filled .tab[aria-selected=true]{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color);background-color:var(--color);color:var(--color-white,#fff)}.tablist.tablist-filled .tab-indicator{display:none}.tablist.tablist-outlined .tab{color:inherit;border-color:#0000}@media (hover:hover){.tablist.tablist-outlined .tab:hover{color:var(--color-black,#000)}}.tablist.tablist-outlined .tab:hover{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.tablist.tablist-outlined .tab:hover{background-color:color-mix(in oklch, var(--color) 15%, white)}}.tablist.tablist-outlined .tab:active{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.tablist.tablist-outlined .tab:active{background-color:color-mix(in oklch, var(--color) 25%, white)}}.tablist.tablist-outlined .tab[aria-selected=true]{color:var(--color)}.tablist.tablist-outlined .tab-indicator{height:calc(var(--spacing,.25rem) * .5);border-style:var(--tw-border-style);background-color:var(--color);border-width:0;top:auto;bottom:0}.tablist.tablist-ghost .tab{border-radius:var(--radius-sm,.25rem);color:inherit}@media (hover:hover){.tablist.tablist-ghost .tab:hover{color:var(--color-black,#000)}}.tablist.tablist-ghost .tab:hover{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.tablist.tablist-ghost .tab:hover{background-color:color-mix(in oklch, var(--color) 15%, white)}}.tablist.tablist-ghost .tab:active{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.tablist.tablist-ghost .tab:active{background-color:color-mix(in oklch, var(--color) 25%, white)}}.tablist.tablist-ghost .tab[aria-selected=true]{background-color:var(--color)}@supports (color:color-mix(in lab, red, red)){.tablist.tablist-ghost .tab[aria-selected=true]{background-color:color-mix(in oklch, var(--color) 25%, white)}}.tablist.tablist-ghost .tab[aria-selected=true]{color:var(--color)}.tablist.tablist-ghost .tab-indicator{display:none}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;max-width:100%;min-height:100svh;display:flex}body{margin:0}html,body,button,input,textarea,select{font-family:var(--sans)}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}.page-header{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.page-header h1{letter-spacing:-1px;margin:0;font-size:clamp(32px,5vw,54px);line-height:1.02}.page-header p{max-width:700px;color:var(--text);margin:0;font-size:clamp(16px,2vw,20px)}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.landing-page{box-sizing:border-box;gap:24px;width:100%;max-width:1180px;margin:0 auto;padding:30px 20px 46px;display:grid;position:relative}.landing-hero-bg{background:radial-gradient(circle at 14% 22%, color-mix(in oklch, var(--accent) 24%, white), transparent 44%), radial-gradient(circle at 88% 34%, color-mix(in oklch, var(--accent) 14%, white), transparent 38%), linear-gradient(125deg, color-mix(in oklch, var(--bg) 92%, white), color-mix(in oklch, var(--bg) 98%, white));border:1px solid var(--border);z-index:0;border-radius:24px;height:250px;position:absolute;inset:12px 20px auto}.landing-hero,.landing-sections,.landing-featured{z-index:1;position:relative}.landing-hero{border:1px solid var(--border);background:color-mix(in oklch, var(--bg) 96%, white);box-shadow:var(--shadow);border-radius:20px;gap:14px;padding:28px;display:grid}.landing-kicker{text-transform:uppercase;letter-spacing:.12em;color:color-mix(in oklch, var(--text) 82%, var(--accent));font-size:13px}.landing-hero h1{margin:0;line-height:normal}.landing-summary{max-width:760px;color:var(--text)}.landing-cta-row{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.landing-cta{border-radius:10px;align-items:center;min-height:42px;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.landing-cta-primary{background:var(--accent);color:#fff;border:1px solid color-mix(in oklch, var(--accent) 86%, black)}.landing-cta-secondary{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.landing-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:6px;display:grid}.landing-stats div{border:1px solid var(--border);background:var(--surface,#fff);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.landing-stats strong{color:var(--text-h);font-family:var(--heading);font-size:24px;line-height:1}.landing-stats span{color:var(--text);font-size:14px}.landing-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.landing-sections article{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:8px;padding:18px;display:grid}.landing-sections h2{margin:0;font-size:clamp(20px,2vw,24px)}.landing-sections p{color:var(--text)}.landing-featured{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:18px;display:grid}.landing-featured-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.landing-featured-head h2{margin:0}.landing-featured-head a{color:var(--accent);font-weight:600;text-decoration:none}.landing-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.landing-tool-link{border:1px solid var(--border);color:var(--text-h);background:color-mix(in oklch, var(--bg) 97%, white);border-radius:12px;gap:4px;padding:12px;text-decoration:none;transition:border-color .2s;display:grid}.landing-tool-link small{color:var(--text)}.landing-tool-link:hover{border-color:var(--accent-border)}@media (width<=980px){.landing-page{padding-top:20px}.landing-hero-bg{height:210px;inset-inline:20px}.landing-hero{padding:20px}.landing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-sections,.landing-featured-grid{grid-template-columns:1fr}}.app-layout{background-image:linear-gradient(#0f8a8d08 1px,#0000 1px),linear-gradient(90deg,#0f8a8d08 1px,#0000 1px);background-size:24px 24px;flex-direction:column;min-height:100svh;display:flex}.topbar{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--surface) 96%, white);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100%);margin:0 auto;padding:14px 24px;display:flex}.topbar-title{letter-spacing:-.6px;color:var(--text-h);margin:0;font-size:36px;line-height:1.1}.topbar-title-link{color:inherit;text-decoration:none;transition:color .2s}.topbar-title-link:hover{color:color-mix(in oklch, var(--accent) 82%, black)}.topbar-title-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.topbar-nav{align-items:center;gap:10px;display:flex}.topbar-library-link{color:var(--text-h);border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;text-decoration:none;display:none}.topbar-library-link:hover{border-color:var(--accent-border)}.topbar-link{color:var(--text-h);border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:7px 14px;font-size:14px;text-decoration:none;transition:all .2s ease-in-out}.topbar-link:hover{border-color:var(--accent-border)}.topbar-link.active{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.layout-content{flex-direction:column;flex:1;width:min(1180px,100%);margin:0 auto;display:flex}.breadcrumbs{color:var(--text);box-sizing:border-box;align-items:center;gap:8px;width:min(1180px,100%);margin:0 auto;padding:14px 20px 8px;font-size:15px;display:flex}.breadcrumb-item{align-items:center;gap:8px;display:inline-flex}.breadcrumb-separator{color:var(--border)}.breadcrumb-link{color:var(--text-h);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-current{color:color-mix(in oklch, var(--accent) 85%, black);font-weight:600}@media (width<=720px){.topbar{flex-wrap:nowrap;padding:12px 14px}.topbar-title{width:auto;font-size:28px}.topbar-nav{display:none}.topbar-library-link{align-items:center;display:inline-flex}.breadcrumbs{white-space:nowrap;padding:10px 14px;overflow-x:auto}}.about-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.about-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:18px;display:grid}.about-card h2{margin:0}.about-card p{color:var(--text)}.about-card-wide{grid-column:1/-1}.about-links{flex-wrap:wrap;gap:10px;display:flex}.about-link-btn{border:1px solid var(--accent-border);background:var(--accent-bg);min-height:40px;color:var(--accent);border-radius:10px;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=980px){.about-grid{grid-template-columns:1fr}}.tool-directory{box-sizing:border-box;text-align:left;width:100%;max-width:980px;margin:0 auto;padding:24px 20px 44px}.tool-search-label{color:var(--text-h);margin-top:18px;margin-bottom:8px;font-weight:600;display:block}.tool-search-input{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;background:color-mix(in oklch, var(--bg) 95%, white);color:var(--text-h);border-radius:10px;padding:11px 12px}.tool-search-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tool-count{margin:12px 0 0;font-size:14px}.tool-type-filter{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tool-type-filter-btn{border:1px solid var(--border);background:color-mix(in oklch, var(--bg) 98%, white);color:var(--text-h);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.tool-type-filter-btn:hover{border-color:var(--accent-border)}.tool-type-filter-btn.active{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent);font-weight:600}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-top:16px;display:grid}.tool-card{color:inherit;border:1px solid var(--border);background:color-mix(in oklch, var(--bg) 97%, white);border-radius:14px;flex-direction:column;gap:11px;padding:16px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;box-shadow:0 5px 16px #0000000a}.tool-card:hover{border-color:var(--accent-border);transform:translateY(-1px);box-shadow:0 12px 24px #00000014}.tool-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-card-head{align-items:flex-start;gap:12px;display:flex}.tool-icon{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:8px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.tool-head-copy{min-width:0}.tool-name{letter-spacing:-.2px;color:var(--text-h);margin:0;font-size:20px;line-height:1.15}.tool-head-badges{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.tool-type-pill{border:1px solid var(--border);color:var(--text-h);background:color-mix(in oklch, var(--bg) 95%, white);border-radius:999px;padding:1px 7px;font-size:11px;line-height:normal}.tool-description{color:var(--text);margin:0}.tool-meta{justify-content:flex-start;align-items:center;gap:10px;font-size:13px;display:flex}.tool-version{color:var(--text)}.status-pill{border:1px solid var(--border);text-transform:capitalize;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600;line-height:normal}.status-active{color:#166534;background:#dcfce7;border-color:#86efac}.status-planned{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.status-beta{color:#9a3412;background:#ffedd5;border-color:#fdba74}.tool-tags{flex-wrap:wrap;gap:6px;display:flex}.tag-pill{border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:12px;line-height:normal}.tool-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.tool-open-label{color:var(--accent);font-weight:600}.tool-actions code{background:var(--code-bg);border-radius:6px;padding:2px 6px;font-size:12px}.tool-path{white-space:nowrap;text-overflow:ellipsis;max-width:58%;overflow:hidden}.tool-empty{margin-top:14px}.legal-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.legal-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:10px;margin-top:18px;padding:20px;display:grid}.legal-card h2{margin:14px 0 0;font-size:clamp(20px,2.8vw,24px)}.legal-card h2:first-child{margin-top:0}.legal-card p{color:var(--text)}.age-calculator-page{box-sizing:border-box;text-align:left;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.age-layout-grid{grid-template-columns:minmax(280px,390px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.age-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);background-color:#fff;border-radius:14px}.age-input-card{gap:10px;padding:22px;display:grid}.card-kicker{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 6px;font-size:13px}.age-label{color:var(--text-h);font-size:15px;font-weight:600}.age-input{border:1px solid var(--border);min-height:46px;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:8px;padding:10px 12px}.age-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.age-calc-btn{cursor:pointer;min-height:48px;margin-top:10px;font-size:20px;font-weight:600}.age-calc-btn:hover{filter:brightness(.96)}.age-error{color:#e11d48;margin-top:8px}.age-result{padding:22px}.age-main-stats{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:10px 0 14px;padding-bottom:18px;display:grid}.age-main-stats>div{align-items:baseline;gap:8px;display:flex}.age-stat-number{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);font-size:clamp(38px,5vw,84px);line-height:.95}.age-stat-label{color:var(--text-h);font-size:clamp(18px,2.2vw,26px)}.age-meta-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.age-meta-row strong{color:var(--text-h);text-align:right}.age-summary{color:var(--text);margin:14px 0 0;font-size:15px}.age-empty{color:var(--text);margin:10px 0 0}@media (width<=980px){.age-layout-grid{grid-template-columns:1fr}.age-main-stats{grid-template-columns:1fr;gap:10px}}.area-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.area-grid{grid-template-columns:minmax(280px,460px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.area-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:22px;display:grid}.area-label{color:var(--text-h);font-size:15px;font-weight:600}.area-fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.area-field{gap:8px;min-width:0;display:grid}.area-input{border:1px solid var(--border);box-sizing:border-box;width:100%;min-height:46px;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:8px;padding:10px 12px}.area-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.area-btn{min-height:48px;margin-top:10px;font-size:18px;font-weight:600}.area-main-value{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);margin:4px 0 0;font-size:clamp(36px,6vw,72px);line-height:1}.area-main-label,.area-empty{color:var(--text)}.area-meta-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.area-meta-row strong{color:var(--text-h);text-align:right}.area-meta-row-stack{align-items:start}.area-error{color:#e11d48;margin-top:6px}@media (width<=980px){.area-grid{grid-template-columns:1fr}}.bmi-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.bmi-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.bmi-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:22px;display:grid}.bmi-label{color:var(--text-h);font-size:15px;font-weight:600}.bmi-input{border:1px solid var(--border);box-sizing:border-box;width:100%;min-height:46px;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:8px;padding:10px 12px}.bmi-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.bmi-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bmi-btn{min-height:48px;margin-top:10px;font-size:18px;font-weight:600}.bmi-value{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);margin:6px 0 0;font-size:clamp(38px,6vw,74px);line-height:1}.bmi-category,.bmi-empty{color:var(--text)}.bmi-meta-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.bmi-meta-row strong{text-align:right;color:var(--text-h)}.bmi-error{color:#e11d48}@media (width<=980px){.bmi-grid{grid-template-columns:1fr}}.loan-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.loan-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.loan-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;flex-direction:column;gap:10px;padding:22px;display:flex}.loan-label{color:var(--text-h);font-size:15px;font-weight:600}.loan-input{border:1px solid var(--border);min-height:46px;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:8px;padding:10px 12px}.loan-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.loan-btn{min-height:48px;margin-top:10px;font-size:18px;font-weight:600}.loan-main-value{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);margin:4px 0 0;font-size:clamp(36px,6vw,72px);line-height:1}.loan-main-label{color:var(--text);margin:0}.loan-meta-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.loan-meta-row strong{color:var(--text-h)}.loan-details-toggle{border:1px solid var(--accent-border);background:var(--accent-bg);min-height:42px;color:var(--accent);font:inherit;cursor:pointer;border-radius:10px;margin-top:12px;font-weight:600}.loan-details{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.loan-details-title{color:var(--text-h);margin:0 0 10px;font-weight:600}.loan-table-wrap{border:1px solid var(--border);border-radius:10px;max-height:380px;overflow:auto}.loan-table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}.loan-table th,.loan-table td{text-align:right;border-bottom:1px solid var(--border);padding:8px 10px}.loan-table th:first-child,.loan-table td:first-child{text-align:left}.loan-table thead th{background:color-mix(in oklch, var(--bg) 95%, white);color:var(--text-h);position:sticky;top:0}.loan-empty{color:var(--text)}.loan-error{color:#e11d48;margin-top:6px}@media (width<=980px){.loan-grid{grid-template-columns:1fr}}.percentage-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.percentage-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.percentage-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:22px;display:grid}.percentage-label{color:var(--text-h);font-size:15px;font-weight:600}.percentage-input{border:1px solid var(--border);min-height:46px;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:8px;padding:10px 12px}.percentage-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.percentage-btn{min-height:48px;margin-top:10px;font-size:18px;font-weight:600}.percentage-error{color:#e11d48;margin-top:6px}.percentage-expression{color:var(--text);margin:2px 0 0}.percentage-result-value{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);margin:6px 0 0;font-size:clamp(38px,6vw,74px);line-height:1}.percentage-empty{color:var(--text)}@media (width<=980px){.percentage-grid{grid-template-columns:1fr}}.settlement-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.settlement-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.settlement-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:14px;padding:24px;display:grid}.settlement-label{color:var(--text-h);font-size:15px;font-weight:600}.settlement-input{border:1px solid var(--border);box-sizing:border-box;width:100%;min-width:0;min-height:46px;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:8px;padding:10px 12px}.settlement-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.settlement-btn{min-height:48px;margin-top:10px;font-size:18px;font-weight:600}.settlement-actions{flex-wrap:wrap;gap:10px;margin-top:2px;display:flex}.settlement-action-btn,.settlement-remove-btn{border:1px solid var(--accent-border);background:var(--accent-bg);min-height:40px;color:var(--accent);font:inherit;cursor:pointer;border-radius:10px;padding:0 12px}.settlement-members{gap:16px;margin-top:10px;display:grid}.settlement-members-head{color:var(--text-h);justify-content:space-between;align-items:center;font-weight:600;display:flex}.settlement-help-top{margin-top:-4px}.settlement-member-row{border:1px solid var(--border);background:color-mix(in oklch, var(--bg) 97%, white);border-radius:12px;gap:14px;padding:16px;display:grid}.settlement-member-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.settlement-member-head h3{color:var(--text-h);margin:0;font-size:18px}.settlement-member-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:start;gap:14px;display:grid}.settlement-field{gap:8px;min-width:0;display:grid}.settlement-field-help{color:var(--text);margin:0;font-size:13px;line-height:1.4}.settlement-help{color:var(--text);font-size:14px;line-height:1.5}.settlement-main-value{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);margin:4px 0 0;font-size:clamp(36px,6vw,72px);line-height:1}.settlement-main-label{color:var(--text);margin:0}.settlement-meta-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.settlement-meta-row strong{color:var(--text-h);text-align:right}.settlement-note,.settlement-empty{color:var(--text)}.settlement-breakdown{border:1px solid var(--border);border-radius:12px;margin-top:14px;overflow:hidden}.settlement-breakdown-head,.settlement-breakdown-row{grid-template-columns:minmax(120px,1.5fr) repeat(4,minmax(0,1fr));align-items:center;gap:12px;padding:12px 14px;display:grid}.settlement-breakdown-head{background:color-mix(in oklch, var(--bg) 97%, white);color:var(--text-h);font-weight:600}.settlement-breakdown-row{border-top:1px solid var(--border)}.settlement-breakdown-row:nth-child(2n){background:color-mix(in oklch, var(--bg) 98%, white)}.settlement-status{color:var(--text-h);font-weight:600}.settlement-status-settled{color:#15803d}.settlement-error{color:#e11d48}@media (width<=980px){.settlement-grid{grid-template-columns:1fr}.settlement-member-head{flex-direction:column;align-items:flex-start}.settlement-breakdown{overflow-x:auto}.settlement-breakdown-head,.settlement-breakdown-row{min-width:720px}}.tax-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.tax-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.tax-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:22px;display:grid}.tax-label{color:var(--text-h);font-size:15px;font-weight:600}.tax-input{border:1px solid var(--border);box-sizing:border-box;width:100%;min-height:46px;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:8px;padding:10px 12px}.tax-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tax-help,.tax-empty,.tax-main-label{color:var(--text)}.tax-btn{min-height:48px;margin-top:10px;font-size:18px;font-weight:600}.tax-main-value{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);margin:4px 0 0;font-size:clamp(36px,6vw,72px);line-height:1}.tax-meta-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.tax-meta-row strong{color:var(--text-h);text-align:right}.tax-error{color:#e11d48;margin-top:6px}@media (width<=980px){.tax-grid{grid-template-columns:1fr}}.duration-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.duration-grid{grid-template-columns:minmax(280px,460px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.duration-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:22px;display:grid}.duration-label{color:var(--text-h);font-size:15px;font-weight:600}.duration-input{border:1px solid var(--border);box-sizing:border-box;width:100%;min-height:46px;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:8px;padding:10px 12px}.duration-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.duration-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.duration-btn{min-height:48px;margin-top:10px;font-size:18px;font-weight:600}.duration-value{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);margin:6px 0 0;font-size:clamp(32px,5.5vw,62px);line-height:1.1}.duration-empty{color:var(--text)}.duration-meta-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.duration-meta-row strong{text-align:right;color:var(--text-h)}.duration-error{color:#e11d48}@media (width<=980px){.duration-grid{grid-template-columns:1fr}}.converter-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.converter-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.converter-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:22px;display:grid}.converter-label{color:var(--text-h);font-size:15px;font-weight:600}.converter-input,.converter-select{border:1px solid var(--border);min-height:46px;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:8px;padding:10px 12px}.converter-input:focus-visible,.converter-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.converter-swap{border:1px solid var(--accent-border);background:var(--accent-bg);min-height:42px;color:var(--accent);font:inherit;cursor:pointer;border-radius:10px;font-weight:600}.converter-result-label{color:var(--text);margin:0}.converter-result-value{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);margin:4px 0 0;font-size:clamp(34px,6vw,68px);line-height:1}.converter-meta-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.converter-meta-row strong{color:var(--text-h);text-align:right}.converter-empty,.converter-hint{color:var(--text)}@media (width<=980px){.converter-grid{grid-template-columns:1fr}}.countdown-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.countdown-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.countdown-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:22px;display:grid}.countdown-label{color:var(--text-h);font-size:15px;font-weight:600}.countdown-input{box-sizing:border-box;border:1px solid var(--border);width:100%;min-height:46px;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:10px;padding:10px 12px}.countdown-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.countdown-main-value{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);margin:6px 0 0;font-size:clamp(34px,5.8vw,68px);line-height:1.05}.countdown-main-subvalue,.countdown-empty,.countdown-finished{color:var(--text)}@media (width<=980px){.countdown-grid{grid-template-columns:1fr}}.qr-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.qr-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.qr-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:22px;display:grid}.qr-label{color:var(--text-h);font-size:15px;font-weight:600}.qr-textarea,.qr-input{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:10px;padding:12px}.qr-textarea{resize:vertical;min-height:140px}.qr-textarea:focus-visible,.qr-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.qr-input-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.qr-field{gap:8px;display:grid}.qr-help,.qr-empty{color:var(--text)}.qr-preview-wrap{border:1px dashed var(--border);background:color-mix(in oklch, var(--bg) 98%, white);border-radius:12px;justify-content:center;padding:16px;display:grid}.qr-image{background:#fff;border-radius:8px;width:min(100%,360px);height:auto}.qr-actions{justify-content:flex-start;display:flex}.qr-download-link{border:1px solid var(--accent-border);min-height:40px;color:var(--accent);background:var(--accent-bg);border-radius:10px;align-items:center;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=980px){.qr-grid{grid-template-columns:1fr}}.random-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.random-grid{grid-template-columns:minmax(280px,460px) minmax(280px,1fr);gap:22px;margin-top:24px;display:grid}.random-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:22px;display:grid}.random-label{color:var(--text-h);font-size:15px;font-weight:600}.random-input,.random-textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;min-height:46px;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:10px;padding:10px 12px}.random-textarea{resize:vertical;min-height:180px}.random-input:focus-visible,.random-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.random-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.random-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.random-checkbox{color:var(--text-h);align-items:center;gap:8px;display:inline-flex}.random-generate{border:1px solid var(--accent-border);background:var(--accent-bg);min-height:44px;color:var(--accent);font:inherit;cursor:pointer;border-radius:10px;padding:0 12px;font-weight:600}.random-result{word-break:break-word;font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);margin:6px 0 0;font-size:clamp(28px,5vw,52px);line-height:1.1}.random-empty{color:var(--text)}.random-error{color:#e11d48;margin:0}@media (width<=980px){.random-grid{grid-template-columns:1fr}}.text-case-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.text-case-grid{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:22px;margin-top:24px;display:grid}.text-case-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:22px;display:grid}.text-case-label{color:var(--text-h);font-size:15px;font-weight:600}.text-case-input,.text-case-textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;background:color-mix(in oklch, var(--bg) 96%, white);color:var(--text-h);border-radius:10px;padding:10px 12px}.text-case-input{min-height:46px}.text-case-textarea{resize:vertical;min-height:220px}.text-case-output{background:color-mix(in oklch, var(--bg) 98%, white)}.text-case-input:focus-visible,.text-case-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.text-case-actions{flex-wrap:wrap;gap:10px;display:flex}.text-case-action-btn{border:1px solid var(--accent-border);background:var(--accent-bg);min-height:40px;color:var(--accent);font:inherit;cursor:pointer;border-radius:10px;padding:0 12px}.text-case-feedback{min-height:20px;color:var(--text);margin:0;font-size:14px}.text-case-meta-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.text-case-meta-row strong{color:var(--text-h)}@media (width<=980px){.text-case-grid{grid-template-columns:1fr}}.word-counter-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.word-counter-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:12px;margin-top:24px;padding:22px;display:grid}.word-counter-label{color:var(--text-h);font-size:15px;font-weight:600}.word-counter-textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;resize:vertical;background:color-mix(in oklch, var(--bg) 96%, white);min-height:180px;color:var(--text-h);border-radius:10px;padding:12px}.word-counter-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.word-counter-result{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.word-counter-result strong{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);font-size:34px;line-height:1}