@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;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;--surface:#fff;--surface-soft:#f4f6f8;--border:#dfe3e8;--code-bg:#f3f5f7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f3f6f9a6;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--heading:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}:root[data-theme=dark]{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--surface:#1d1f27;--surface-soft:#22252e;--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;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--surface:#1d1f27;--surface-soft:#22252e;--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;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark] #social .button-icon{filter:invert()brightness(2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #social .button-icon{filter:invert()brightness(2)}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#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)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select{background:var(--surface-soft);color:var(--text-h)}select,select[class]{appearance:none;background-color:var(--surface-soft);color:var(--text-h);background-image:linear-gradient(45deg, transparent 50%, var(--text) 50%), linear-gradient(135deg, var(--text) 50%, transparent 50%)}@supports (color:color-mix(in lab, red, red)){select,select[class]{background-image:linear-gradient(45deg, transparent 50%, color-mix(in oklch, var(--text) 72%, transparent) 50%), linear-gradient(135deg, color-mix(in oklch, var(--text) 72%, transparent) 50%, transparent 50%)}}select,select[class]{background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 12px) calc(50% - 2px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:38px}select option{background:var(--surface);color:var(--text-h)}input::placeholder,textarea::placeholder{opacity:1}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;isolation:isolate;gap:32px;width:100%;max-width:1180px;margin:0 auto;padding:28px 20px 52px;display:grid;position:relative}.landing-hero-bg{height:270px;box-shadow:none;filter:none;z-index:0;position:absolute;inset:8px 20px auto}.landing-hero,.landing-sections,.landing-featured{z-index:1;position:relative}.landing-hero{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:0;border-radius:0;gap:24px;padding:30px 4px 20px;display:grid}.landing-kicker{text-transform:uppercase;letter-spacing:.14em;width:fit-content;color:color-mix(in oklch, var(--text) 82%, var(--accent));background:0 0;border:0;border-radius:999px;padding:0;font-size:12px}.landing-hero h1{text-wrap:balance;margin:4px 0 10px;font-size:112px;line-height:1}.landing-name-origin{letter-spacing:.03em;color:color-mix(in oklch, var(--text) 78%, var(--accent));margin:-6px 0 2px;font-size:clamp(14px,1.45vw,16px)}.landing-name-origin span{color:var(--text-h)}.landing-name-origin strong{color:var(--accent);font-weight:700}.landing-term-definition{color:color-mix(in oklch, var(--text) 74%, var(--surface-strong));flex-wrap:wrap;align-items:baseline;gap:8px;margin:-2px 0 4px;font-size:13px;display:flex}.landing-term-definition span{letter-spacing:.03em;text-transform:lowercase;color:var(--text-h);font-weight:700}.landing-term-definition em{color:var(--text);font-style:normal}.landing-term-definition q{color:var(--text);margin:0}.landing-summary{max-width:720px;color:var(--text);font-size:clamp(16px,2.1vw,18px)}.landing-cta-row{flex-wrap:wrap;gap:12px;margin-top:2px;display:flex}.landing-cta{border-radius:12px;align-items:center;min-height:46px;padding:0 16px;font-weight:600;text-decoration:none;transition:transform .18s,box-shadow .2s,border-color .2s,background-color .2s;display:inline-flex}.landing-cta-primary{background:var(--accent);color:#fff;border:1px solid color-mix(in oklch, var(--accent) 82%, black);box-shadow:none}.landing-cta-secondary{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.landing-cta:hover{transform:translateY(-1px)}.landing-cta-primary:hover{box-shadow:none}.landing-cta-secondary:hover{background:color-mix(in oklch, var(--accent-bg) 78%, var(--surface))}.landing-stats{border-top:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:10px;padding-top:12px;display:grid}.landing-stats div{background:0 0;border:0;border-radius:0;gap:3px;padding:0;display:grid}.landing-stats strong{color:var(--text-h);font-family:var(--heading);font-size:28px;line-height:1}.landing-stats span{color:var(--text);letter-spacing:.02em;font-size:13px}.landing-sections{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.landing-sections article{border:0;border-top:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;gap:8px;padding:14px 0 0;display:grid}.landing-sections h2{margin:0;font-size:clamp(19px,1.8vw,24px);line-height:1.1}.landing-sections p{color:var(--text);font-size:15px}.landing-featured{border:0;border-top:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;gap:14px;padding:18px 0 0;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);border-bottom:1px solid #0000;font-weight:600;text-decoration:none;transition:border-color .2s}.landing-featured-head a:hover{border-color:color-mix(in oklch, var(--accent) 50%, transparent)}.landing-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 18px;display:grid}.landing-tool-link{border:0;border-bottom:1px solid color-mix(in oklch, var(--border) 86%, transparent);color:var(--text-h);background:0 0;border-radius:0;gap:3px;padding:12px 0;text-decoration:none;transition:border-color .2s,color .2s,transform .2s;display:grid;position:relative}.landing-tool-link span{font-size:15px;font-weight:600}.landing-tool-link small{color:var(--text);font-size:13px}.landing-tool-link:hover{color:var(--accent);border-color:color-mix(in oklch, var(--accent) 40%, var(--border));transform:translateY(-1px)}@media (width<=980px){.landing-page{padding-top:20px}.landing-hero-bg{height:230px;inset-inline:20px}.landing-hero{text-align:center;justify-items:center;gap:18px;padding:28px 6px 20px}.landing-hero h1{margin:8px 0 14px}.landing-name-origin{margin:-2px 0 4px}.landing-term-definition{text-align:center;justify-content:center;max-width:680px}.landing-summary{max-width:680px}.landing-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-sections,.landing-featured-grid{grid-template-columns:1fr}}@media (width<=720px){.landing-page{gap:16px;padding:18px 14px 40px}.landing-hero-bg{border-radius:22px;height:210px;inset-inline:14px}.landing-hero{border-radius:0;gap:16px;padding:24px 0 18px}.landing-hero h1{margin:10px 0 16px}.landing-name-origin{margin:0;font-size:14px}.landing-term-definition{gap:6px;margin:2px 0 4px;font-size:12.5px}.landing-summary{max-width:36ch}.landing-cta{justify-content:center;width:100%;min-height:44px}.landing-stats strong{font-size:24px}}.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);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:flex-end;gap:6px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-theme-toggle{border:1px solid var(--border);font:inherit;background:var(--surface);color:var(--text-h);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:14px;transition:all .2s ease-in-out}.topbar-theme-toggle:hover{border-color:var(--accent-border)}.topbar-theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.topbar-link{color:var(--text);background:0 0;border:0;border-radius:10px 10px 0 0;padding:11px 16px 12px;font-size:14px;text-decoration:none;transition:color .2s ease-in-out,background-color .2s ease-in-out;position:relative;top:1px}.topbar-link:hover{color:var(--accent)}.topbar-link.active{color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);background:0 0}.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{scrollbar-width:none;gap:4px;overflow-x:auto}.topbar-nav::-webkit-scrollbar{display:none}.topbar-theme-toggle,.topbar-link{padding-top:9px;padding-bottom:11px}.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%;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:var(--surface-soft);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:var(--surface);color:var(--text-h);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;transition:border-color .2s,background-color .2s,color .2s}.tool-type-filter-btn:hover{border-color:var(--accent-border);background:var(--surface-soft)}.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(260px,1fr));gap:16px;margin-top:16px;display:grid}.tool-card{color:inherit;border:1px solid var(--border);background:var(--surface);border-radius:24px;flex-direction:column;min-height:340px;font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;overflow:hidden;box-shadow:0 2px 10px #11182714}.tool-card:hover{box-shadow:0 0 0 2px color-mix(in oklch, var(--accent) 24%, transparent), 0 18px 34px #11182724;border-color:#0000;transform:translateY(-1px)}.tool-card:focus-visible{outline:2px solid color-mix(in oklch, var(--accent) 55%, var(--text-h));outline-offset:3px}.tool-card-visual{background-image:linear-gradient(#1118270a 1px,#0000 1px),linear-gradient(90deg,#1118270a 1px,#0000 1px);background-size:40px 40px;background-color:var(--surface-soft);border-bottom:1px solid var(--border);justify-content:center;align-items:center;min-height:170px;padding:20px;display:flex}.tool-icon-shell{border:1px solid var(--border);background:var(--surface);border-radius:24px;justify-content:center;align-items:center;width:108px;height:108px;display:flex;box-shadow:0 1px 2px #1118270a}.tool-icon{width:auto;min-width:0;height:auto;min-height:0;color:var(--text-h);background:0 0;border:0;border-radius:0;place-items:center;font-size:34px;font-weight:700;line-height:1;display:grid}.tool-card-body{background:var(--surface);flex-direction:column;flex:1;gap:10px;padding:20px 22px 24px;display:flex}.tool-category{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklch, var(--text) 88%, white);margin:0;font-size:12px;font-weight:500}.tool-name{letter-spacing:-.04em;color:var(--text-h);margin:0;font-size:20px;font-weight:500;line-height:1.08}.tool-description{color:var(--text);margin:0;font-size:clamp(14px,1.4vw,16px);line-height:1.5}.tool-empty{margin-top:14px}@media (width<=720px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:0}.tool-card-visual{min-height:160px;padding:18px}.tool-icon-shell{border-radius:22px;width:104px;height:104px}.tool-icon{font-size:30px}.tool-card-body{gap:10px;padding:18px 18px 22px}.tool-category{font-size:12px}.tool-name{font-size:clamp(22px,8vw,30px)}.tool-description{max-width:none;font-size:15px}}.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)}.utiliry-pre-result-placeholder{border-radius:12px;flex-direction:column;flex-grow:1;justify-content:center;gap:8px;padding:14px;display:flex;position:relative;overflow:hidden}.utiliry-pre-result-placeholder:before{content:"";pointer-events:none;background-image:radial-gradient(circle, color-mix(in oklch, var(--accent) 24%, transparent) 1px, transparent 1px);opacity:.38;background-size:12px 12px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 52%,#0000 100%);mask-image:radial-gradient(circle,#000 52%,#0000 100%)}.utiliry-pre-result-title{z-index:1;color:var(--text-h);font-family:var(--heading);margin:0;font-size:clamp(22px,3.4vw,30px);line-height:1.08;position:relative}.utiliry-pre-result-description{z-index:1;color:var(--text);margin:0;position:relative}.utiliry-tool-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}.utiliry-tool-input-card,.utiliry-tool-output-card{min-height:fit-content}.utiliry-tool-card .card-kicker{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklch, var(--text) 88%, white);margin:0;font-size:12px;font-weight:600}.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}.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;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-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;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-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;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}}.calculator-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.calculator-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.calculator-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:10px;padding:22px;display:grid}.card-kicker{letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklch, var(--text) 88%, white);margin:0;font-size:12px;font-weight:600}.calculator-label{color:var(--text-h);font-size:15px;font-weight:600}.calculator-input,.calculator-select{border:1px solid var(--border);box-sizing:border-box;width:100%;min-height:46px;font:inherit;color:var(--text-h);border-radius:8px;padding:10px 12px}.calculator-input:focus-visible,.calculator-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.calculator-help,.calculator-empty,.calculator-result-label,.calculator-note{color:var(--text)}.calculator-setting{gap:8px;margin-top:4px;display:grid}.calculator-currency-select{width:100%;max-width:none}.calculator-btn{min-height:48px;margin-top:10px;font-size:18px;font-weight:600}.calculator-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}.calculator-meta-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.calculator-meta-row strong{color:var(--text-h);text-align:right}.calculator-error{color:#e11d48;margin-top:6px}.calculator-chip-list{flex-wrap:wrap;gap:8px;display:flex}.calculator-chip{background:var(--surface-soft);border:1px solid var(--border);min-height:32px;color:var(--text-h);border-radius:999px;align-items:center;padding:0 12px;font-size:14px;display:inline-flex}@media (width<=980px){.calculator-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;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-label{color:var(--text-h);font-size:15px;font-weight:600}.percentage-input{border:1px solid var(--border);min-height:46px;font:inherit;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}@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-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;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-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;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-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;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;flex-direction:column;gap:10px;padding:22px;display:flex}.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;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}}.color-toolkit-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.color-toolkit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:24px;display:grid}.color-toolkit-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;gap:14px;padding:22px;display:grid}.color-input-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.color-input-row label{color:var(--text-h);font-weight:600}.color-input-row input[type=color]{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:64px;height:40px;padding:2px}.color-preview{border:1px solid var(--border);border-radius:12px;place-items:center;min-height:100px;display:grid}.color-preview span{color:#111827;letter-spacing:.02em;background:oklch(100% 5.96046e-8 none/.8);border-radius:999px;padding:8px 12px;font-weight:700}.color-field-grid{gap:10px;display:grid}.color-field-grid label{color:var(--text-h);gap:6px;font-weight:600;display:grid}.color-field-grid label>div{grid-template-columns:1fr auto;gap:8px;display:grid}.color-field-grid input,.contrast-color-group input[type=text]{box-sizing:border-box;border:1px solid var(--border);width:100%;min-height:40px;font:inherit;color:var(--text-h);background:var(--surface);border-radius:10px;padding:0 12px}.color-field-grid button{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;font-weight:600}.color-error{color:#b45309;font-weight:600}.contrast-controls{gap:12px;display:grid}.contrast-color-group{grid-template-columns:auto 54px 1fr;align-items:center;gap:10px;display:grid}.contrast-color-group label{color:var(--text-h);font-weight:600}.contrast-color-group input[type=color]{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:54px;height:40px;padding:2px}.contrast-preview{border:1px solid var(--border);border-radius:12px;gap:8px;padding:20px;display:grid}.contrast-preview p{margin:0;font-size:20px;font-weight:700}.contrast-preview small{font-size:13px}.contrast-stats{gap:10px;display:grid}.contrast-stats div{border:1px solid var(--border);border-radius:10px;gap:4px;padding:10px;display:grid}.contrast-stats span{color:var(--text);font-size:12px}.contrast-stats strong{color:var(--text-h)}@media (width<=980px){.color-toolkit-grid{grid-template-columns:1fr}.contrast-color-group{grid-template-columns:1fr;gap:6px}}.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;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}}.decision-wheel-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.decision-wheel-layout{grid-template-columns:minmax(0,420px) minmax(0,1fr);align-items:start;gap:22px;margin-top:24px;display:grid}.decision-wheel-panel,.decision-wheel-stage{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;min-width:0;padding:22px}.decision-wheel-panel{flex-direction:column;gap:12px;max-height:100%;display:flex}.decision-wheel-meta{color:var(--text);margin:-2px 0 0;font-size:13px}.decision-wheel-add-row{grid-template-columns:1fr 84px auto;gap:8px;width:100%;display:grid}.decision-wheel-add-row input{width:100%}.decision-wheel-share-input{text-align:center;font-variant-numeric:tabular-nums}.decision-wheel-input{border:1px solid var(--border);min-height:42px;font:inherit;color:var(--text-h);background:var(--surface);border-radius:10px;padding:0 12px}.decision-wheel-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.decision-wheel-toast{border:1px solid color-mix(in oklch, #dc2626 58%, var(--border));background:color-mix(in oklch, #dc2626 14%, var(--surface));color:oklch(90.1861% .0503693 18.334);border-radius:10px;padding:10px 12px;font-size:13px;font-weight:600}.decision-wheel-list{gap:8px;min-width:0;max-height:432px;display:grid;overflow:auto}.decision-wheel-item{border:1px solid var(--border);border-radius:10px;grid-template-columns:12px minmax(0,1fr) 84px auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.decision-wheel-color-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.decision-wheel-item span{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.decision-wheel-share-control{border:1px solid var(--border);min-height:34px;font:inherit;text-align:center;color:var(--text-h);background:var(--surface);font-variant-numeric:tabular-nums;border-radius:8px;padding:0 10px}.decision-wheel-link{color:var(--accent);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;font-size:13px}.decision-wheel-link:disabled{opacity:.5;cursor:not-allowed}.decision-wheel-empty,.decision-wheel-help{color:var(--text)}.decision-wheel-footer-actions,.decision-wheel-actions{flex-wrap:wrap;gap:10px;display:flex}.decision-wheel-spin-cta{width:min(100%,420px)}.decision-wheel-stage{align-content:start;justify-items:center;gap:14px;width:100%;display:grid;position:relative}.decision-wheel-pointer{border-left:14px solid #0000;border-right:14px solid #0000;border-top:24px solid var(--text-h);filter:drop-shadow(0 2px 2px #0003);width:0;height:0}.decision-wheel{aspect-ratio:1;border:6px solid color-mix(in oklch, var(--border) 70%, var(--surface));width:min(100%,420px);box-shadow:var(--shadow);background:#cbd5e1;border-radius:50%;transition:transform 4.2s cubic-bezier(.12,.9,.09,1);position:relative;overflow:hidden}.decision-wheel-svg{width:100%;height:100%;display:block}.decision-wheel-segment path{transition:filter .18s,opacity .18s}.decision-wheel-segment:hover path{filter:brightness(1.06)}.decision-wheel-label text{fill:#0f172a;paint-order:stroke;stroke:#fff9;stroke-width:1.2px;pointer-events:none;font-size:4px;font-weight:700}.decision-wheel-center{fill:color-mix(in oklch, var(--surface) 84%, var(--accent) 16%);stroke:var(--border);stroke-width:.7px}.decision-wheel-actions{justify-content:center;gap:8px;width:100%}.decision-wheel-actions .decision-wheel-button{border-radius:8px;min-height:36px;padding:0 10px;font-size:13px}.decision-wheel-button{border:1px solid var(--border);background:var(--surface-soft);min-height:42px;color:var(--text-h);font:inherit;cursor:pointer;border-radius:10px;padding:0 14px;font-weight:600}.decision-wheel-button:disabled{opacity:.55;cursor:not-allowed}.decision-wheel-button-primary{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.decision-wheel-button-spin{border-color:color-mix(in oklch, var(--accent) 72%, black);background:linear-gradient(140deg, color-mix(in oklch, var(--accent) 78%, white), color-mix(in oklch, var(--accent) 64%, black));color:#fff;width:100%;min-height:52px;box-shadow:0 10px 24px color-mix(in oklch, var(--accent) 28%, transparent);font-size:20px;font-weight:700}.decision-wheel-button-spin:hover{transform:translateY(-1px)}.decision-wheel-button-spin:disabled{box-shadow:none;transform:none}.decision-wheel-winner{color:var(--text-h);margin:2px 0 0;font-size:18px}.decision-wheel-winner strong{color:var(--accent)}@media (width<=980px){.decision-wheel-layout,.decision-wheel-add-row{grid-template-columns:1fr}.decision-wheel-item{grid-template-columns:12px minmax(0,1fr);align-items:start}.decision-wheel-share-control,.decision-wheel-link{grid-column:2}.decision-wheel{width:min(100%,420px)}}@media (width<=560px){.decision-wheel-page{padding-inline:14px}.decision-wheel-panel,.decision-wheel-stage{padding:16px}.decision-wheel-actions{flex-direction:column}.decision-wheel-actions .decision-wheel-button,.decision-wheel-footer-actions .decision-wheel-button{width:100%}}.image-compressor-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.image-compressor-grid{grid-template-columns:minmax(320px,480px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.image-compressor-upload{cursor:pointer;width:fit-content;display:inline-flex}.image-compressor-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.image-compressor-upload span{border:1px solid var(--accent-border);min-height:42px;color:var(--accent);background:var(--accent-bg);border-radius:10px;align-items:center;padding:0 14px;font-weight:600;display:inline-flex}.image-compressor-meta{color:var(--text);flex-wrap:wrap;gap:8px 12px;font-size:13px;display:flex}.image-compressor-meta strong{color:var(--text-h)}.image-compressor-source-wrap{border:1px dashed var(--border);background:var(--surface-soft);border-radius:12px;position:relative;overflow:hidden}.image-compressor-source-wrap img{object-fit:contain;width:100%;height:auto;max-height:380px;display:block}.image-compressor-crop-box{border:2px solid var(--accent);box-shadow:0 0 0 100vmax color-mix(in oklch, var(--text-h) 20%, transparent);pointer-events:none;position:absolute}.image-compressor-controls{gap:10px;display:grid}.image-compressor-controls label{color:var(--text-h);gap:6px;font-size:14px;font-weight:600;display:grid}.image-compressor-controls input,.image-compressor-controls select{box-sizing:border-box;width:100%}.image-compressor-controls select{border:1px solid var(--border);min-height:40px;font:inherit;color:var(--text-h);background:var(--surface);border-radius:10px;padding:0 10px}.image-compressor-output-wrap{border:1px dashed var(--border);background:var(--surface-soft);border-radius:12px;justify-content:center;padding:14px;display:grid}.image-compressor-output-wrap img{background:#fff;border-radius:8px;max-width:100%;max-height:420px;display:block}.image-compressor-output-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.image-compressor-output-meta div{border:1px solid var(--border);border-radius:10px;gap:4px;padding:10px;display:grid}.image-compressor-output-meta span{color:var(--text);font-size:12px}.image-compressor-output-meta strong{color:var(--text-h)}.image-compressor-help{color:var(--text)}.image-compressor-error{color:#c2410c;font-weight:600}.image-compressor-download{border:1px solid var(--accent-border);width:fit-content;min-height:42px;color:var(--accent);background:var(--accent-bg);border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=980px){.image-compressor-grid,.image-compressor-output-meta{grid-template-columns:1fr}}.json-formatter-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.json-formatter-grid{grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:22px;margin-top:24px;display:grid}.json-formatter-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.json-formatter-inline-field{color:var(--text-h);align-items:center;gap:8px;font-weight:600;display:inline-flex}.json-formatter-check{color:var(--text-h);align-items:center;gap:8px;font-size:14px;display:inline-flex}.json-formatter-check input{width:16px;height:16px}.json-formatter-label{color:var(--text-h);font-size:15px;font-weight:600}.json-formatter-input,.json-formatter-textarea{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;color:var(--text-h);border-radius:10px;padding:10px 12px}.json-formatter-input{min-height:40px}.json-formatter-textarea{resize:vertical;min-height:230px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.json-formatter-input:focus-visible,.json-formatter-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.json-formatter-actions{flex-wrap:wrap;gap:10px;display:flex}.json-formatter-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;font-weight:600}.json-formatter-action-primary{background:var(--accent);color:#fff;border-color:color-mix(in oklch, var(--accent) 82%, black)}.json-formatter-feedback{color:#e11d48;min-height:20px;margin:0;font-size:14px}.json-formatter-meta-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.json-formatter-meta-row strong{color:var(--text-h)}@media (width<=980px){.json-formatter-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;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:var(--surface-soft);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-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;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}}.stopwatch-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.stopwatch-stack{flex-direction:column;gap:22px;margin-top:24px;display:flex}.stopwatch-main{text-align:center;justify-items:center;gap:12px;padding:18px 0 8px;display:grid}.stopwatch-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:22px;display:grid}.stopwatch-time{font-family:var(--heading);color:color-mix(in oklch, var(--accent) 88%, white);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0;text-align:center;min-width:12ch;margin:2px 0;font-size:clamp(42px,10vw,106px);line-height:1}.stopwatch-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.stopwatch-button{border:1px solid var(--border);background:var(--surface-soft);min-height:42px;color:var(--text-h);font:inherit;cursor:pointer;border-radius:10px;padding:0 14px;font-weight:600}.stopwatch-button:disabled{opacity:.55;cursor:not-allowed}.stopwatch-button-primary{border-color:var(--accent-border);background:var(--accent-bg);color:var(--accent)}.stopwatch-hint,.stopwatch-empty{color:var(--text)}.stopwatch-lap-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stopwatch-lap-stats div{border:1px solid var(--border);border-radius:10px;gap:4px;padding:10px;display:grid}.stopwatch-lap-stats span{color:var(--text);font-size:12px}.stopwatch-lap-stats strong{color:var(--text-h)}.stopwatch-lap-list{gap:8px;max-height:360px;display:grid;overflow:auto}.stopwatch-lap-item{border:1px solid var(--border);border-radius:10px;grid-template-columns:96px 1fr auto;align-items:baseline;gap:10px;padding:10px 12px;display:grid}.stopwatch-lap-item span{color:var(--text);font-size:14px}.stopwatch-lap-item strong{color:var(--text-h);font-family:var(--heading)}.stopwatch-lap-item small{color:var(--text)}.stopwatch-lap-best{color:#047857}.stopwatch-lap-worst{color:#b45309}@media (width<=980px){.stopwatch-main{padding-top:10px}.stopwatch-lap-stats,.stopwatch-lap-item{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;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-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}}.what-time-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.what-time-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.what-time-card{border:1px solid var(--border);background:var(--surface,#fff);box-shadow:var(--shadow);border-radius:14px;gap:12px;padding:22px;display:grid}.what-time-label{color:var(--text-h);font-size:15px;font-weight:600}.what-time-input{box-sizing:border-box;border:1px solid var(--border);width:100%;min-height:46px;font:inherit;color:var(--text-h);border-radius:10px;padding:10px 12px}.what-time-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.what-time-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}.what-time-main-subvalue{color:var(--text)}.what-time-meta-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.what-time-meta-row strong{color:var(--text-h);text-align:right;overflow-wrap:anywhere}@media (width<=980px){.what-time-grid{grid-template-columns:1fr}}.where-am-i-page{box-sizing:border-box;width:100%;max-width:1180px;margin:0 auto;padding:24px 20px 44px}.where-am-i-grid{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);gap:22px;margin-top:24px;display:grid}.where-am-i-button{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 14px;font-weight:600}.where-am-i-button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.where-am-i-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}.where-am-i-main-subvalue,.where-am-i-hint{color:var(--text)}.where-am-i-privacy{border:1px solid var(--border);background:var(--surface-soft);border-radius:10px;gap:6px;padding:10px 12px;display:grid}.where-am-i-privacy strong{color:var(--text-h);font-size:14px}.where-am-i-privacy p{color:var(--text);font-size:14px;line-height:1.45}.where-am-i-error{color:color-mix(in oklch, var(--accent) 72%, var(--text-h))}.where-am-i-meta-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.where-am-i-meta-row strong{color:var(--text-h);text-align:right;overflow-wrap:anywhere}@media (width<=980px){.where-am-i-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;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}