.tool-theme{--tool-accent:oklch(68% .1 250);--tool-accent-foreground:oklch(16% .025 250);--tool-accent-text:oklch(55% .11 250);--tool-accent-soft:oklch(68% .1 250/.1);--tool-accent-border:oklch(68% .1 250/.32)}.dark .tool-theme{--tool-accent-foreground:oklch(13% .018 250);--tool-accent-text:oklch(78% .09 250);--tool-accent-soft:oklch(68% .1 250/.14);--tool-accent-border:oklch(68% .1 250/.36)}.tool-theme-colour{--tool-accent:oklch(72% .12 76);--tool-accent-foreground:oklch(18% .035 76);--tool-accent-text:oklch(57% .11 76)}.dark .tool-theme-colour{--tool-accent-text:oklch(81% .1 76)}.tool-theme-ai-city{--tool-accent:oklch(72% .072 188);--tool-accent-foreground:oklch(20% .022 194);--tool-accent-text:oklch(48% .075 190);--map-panel-from:oklch(98.5% .006 190);--map-panel-to:oklch(95.5% .012 192);--map-panel-border:color-mix(in oklch, var(--tool-accent) 24%, hsl(var(--border)) 76%);--map-surface-from:oklch(96.5% .014 190);--map-surface-to:oklch(92.5% .02 195);--map-grid:oklch(74% .022 198);--map-grid-opacity:.26;--map-legend-bg:oklch(97% .006 190/.86);--map-legend-border:oklch(83% .025 195);--map-node:oklch(87.5% .03 190);--map-node-primary:oklch(68% .1 183);--map-node-civic:oklch(80.5% .032 210);--map-node-external:oklch(83% .055 200);--map-node-border:oklch(69% .034 204);--map-node-border-primary:oklch(50% .095 185);--map-node-border-selected:oklch(50% .1 190);--map-selection:oklch(58% .095 188/.62);--map-selection-fill:oklch(74% .07 188/.16);--map-selected-dot:oklch(43% .12 188);--map-text-primary:oklch(17% .032 196);--map-text:oklch(22% .024 205);--map-caption:oklch(29% .034 198);--map-caption-bg:oklch(95% .015 194/.78);--map-caption-bg-primary:oklch(86% .045 184/.54);--map-metric:oklch(25% .022 204);--map-flow-revenue:oklch(48% .09 210);--map-flow-wage:oklch(48% .105 160);--map-flow-spending:oklch(62% .115 78);--map-flow-civic:oklch(50% .075 220);--map-flow-support:oklch(52% .1 126);--tool-warn-bg:linear-gradient(180deg, oklch(96.5% .03 85) 0%, oklch(98.5% .012 90) 100%);--tool-warn-border:oklch(80% .1 80/.65);--tool-warn-title:oklch(46% .09 68);--tool-warn-text:oklch(44% .06 66);--tool-warn-icon:oklch(58% .13 58);--tool-warn-divider:oklch(78% .08 78/.5);--timeline-unemployment:oklch(55% .18 300)}.dark .tool-theme-ai-city{--tool-accent-text:oklch(80% .062 190);--map-panel-from:oklch(20.5% .022 200);--map-panel-to:oklch(15% .018 205);--map-panel-border:color-mix(in oklch, var(--tool-accent) 30%, oklch(28% .014 255) 70%);--map-surface-from:oklch(22.5% .024 198);--map-surface-to:oklch(16.5% .02 202);--map-grid:oklch(49% .024 200);--map-grid-opacity:.18;--map-legend-bg:oklch(22% .015 200/.72);--map-legend-border:oklch(37% .025 200);--map-node:oklch(34% .032 200);--map-node-primary:oklch(50% .085 185);--map-node-civic:oklch(37.5% .032 210);--map-node-external:oklch(41.5% .052 200);--map-node-border:oklch(52% .036 205);--map-node-border-primary:oklch(68% .09 185);--map-node-border-selected:oklch(75% .09 190);--map-selection:oklch(76% .095 190/.68);--map-selection-fill:oklch(70% .08 190/.12);--map-selected-dot:oklch(82% .1 185);--map-text-primary:oklch(98% .013 190);--map-text:oklch(95% .016 200);--map-caption:oklch(83% .035 198);--map-caption-bg:oklch(24% .02 200/.72);--map-caption-bg-primary:oklch(34% .035 188/.68);--map-metric:oklch(90% .02 200);--map-flow-revenue:oklch(68% .095 210);--map-flow-wage:oklch(72% .11 160);--map-flow-spending:oklch(78% .13 78);--map-flow-civic:oklch(69% .08 220);--map-flow-support:oklch(76% .1 126);--tool-warn-bg:linear-gradient(180deg, oklch(34% .05 72/.55) 0%, oklch(27% .035 70/.5) 100%);--tool-warn-border:oklch(62% .1 72/.42);--tool-warn-title:oklch(87% .09 80);--tool-warn-text:oklch(85% .055 82);--tool-warn-icon:oklch(82% .13 72);--tool-warn-divider:oklch(62% .08 75/.32);--timeline-unemployment:oklch(74% .16 300)}.tool-theme-frequency{--tool-accent:oklch(69% .105 304);--tool-accent-foreground:oklch(17% .03 304);--tool-accent-text:oklch(55% .105 304)}.dark .tool-theme-frequency{--tool-accent-text:oklch(79% .09 304)}.tool-theme-leaveify{--tool-accent:oklch(72% .11 178);--tool-accent-foreground:oklch(14% .025 178);--tool-accent-text:oklch(47% .095 178)}.dark .tool-theme-leaveify{--tool-accent-text:oklch(80% .085 178)}.tool-theme-pace{--tool-accent:oklch(69% .105 154);--tool-accent-foreground:oklch(15% .03 154);--tool-accent-text:oklch(50% .1 154)}.dark .tool-theme-pace{--tool-accent-text:oklch(77% .09 154)}.tool-theme-readwise{--tool-accent:oklch(68% .095 252);--tool-accent-foreground:oklch(14% .025 252);--tool-accent-text:oklch(52% .105 252)}.dark .tool-theme-readwise{--tool-accent-text:oklch(77% .085 252)}.tool-theme-spotify{--tool-accent:oklch(72% .12 132);--tool-accent-foreground:oklch(16% .03 132);--tool-accent-text:oklch(48% .105 132)}.dark .tool-theme-spotify{--tool-accent-text:oklch(78% .095 132)}.tool-theme-stretching{--tool-accent:oklch(72% .08 185);--tool-accent-foreground:oklch(14% .025 185);--tool-accent-text:oklch(48% .09 185)}.dark .tool-theme-stretching{--tool-accent-text:oklch(79% .075 185)}.tool-theme-whatsapp{--tool-accent:oklch(70% .11 150);--tool-accent-foreground:oklch(15% .028 150);--tool-accent-text:oklch(48% .105 150)}.dark .tool-theme-whatsapp{--tool-accent-text:oklch(78% .09 150)}.tool-accent-mark{border-radius:var(--radius-xs);background-color:var(--tool-accent);width:.625rem;height:.625rem;display:block}.tool-accent-text{color:var(--tool-accent-text)}.tool-catalog-pill{text-transform:uppercase;letter-spacing:.05em;border-width:1px;border-color:color-mix(in oklch, hsl(var(--border)) 76%, var(--tool-accent) 24%);color:var(--tool-accent-text);background-color:var(--tool-accent-soft);border-radius:9999px;padding:.125rem .5rem;font-family:JetBrains_Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.65rem}.tools-shell{width:100%;max-width:72rem;margin-left:auto;margin-right:auto;padding:2rem 1rem}@media (width>=640px){.tools-shell{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=1024px){.tools-shell{padding:3rem 2rem}}.tools-shell-wide{width:100%;max-width:1536px;margin-left:auto;margin-right:auto;padding:2rem 1rem}@media (width>=640px){.tools-shell-wide{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=1024px){.tools-shell-wide{padding:3rem 2rem}}.tool-page-header{width:100%;margin-bottom:1.5rem}.tool-page-header>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.tool-page-header{border-bottom-width:1px;border-color:hsl(var(--border) / .8);padding-bottom:1.25rem}.tool-page-header:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1))}.tool-page-title{letter-spacing:-.025em;color:hsl(var(--foreground));font-size:1.5rem;font-weight:600;line-height:1.25}@media (width>=640px){.tool-page-title{font-size:1.875rem;line-height:2.25rem}}.tool-page-description{max-width:42rem;color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.5rem}@media (width>=640px){.tool-page-description{font-size:1rem;line-height:1.5rem}}.tool-panel{border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;padding:1.25rem}.tool-panel:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1));background-color:#0a0a0af2}.tool-theme .tool-panel{border-color:color-mix(in oklch, hsl(var(--border)) 64%, var(--tool-accent) 36%);background-color:color-mix(in oklch, hsl(var(--card)) 94%, var(--tool-accent) 6%)}.dark .tool-theme .tool-panel{border-color:color-mix(in oklch, oklch(26% .012 260) 66%, var(--tool-accent) 34%);background-color:color-mix(in oklch, oklch(13% .01 260) 94%, var(--tool-accent) 6%)}.tool-panel-lg{border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;padding:1.5rem}.tool-panel-lg:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1));background-color:#0a0a0af2}.tool-theme .tool-panel-lg{border-color:color-mix(in oklch, hsl(var(--border)) 64%, var(--tool-accent) 36%);background-color:color-mix(in oklch, hsl(var(--card)) 94%, var(--tool-accent) 6%)}.dark .tool-theme .tool-panel-lg{border-color:color-mix(in oklch, oklch(26% .012 260) 66%, var(--tool-accent) 34%);background-color:color-mix(in oklch, oklch(13% .01 260) 94%, var(--tool-accent) 6%)}.tool-subpanel{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--background));padding:1rem}.tool-subpanel:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.tool-scroll-area{scrollbar-width:thin;scrollbar-color:color-mix(in oklch, var(--tool-accent) 34%, transparent) transparent}.tool-scroll-area::-webkit-scrollbar{width:8px;height:8px}.tool-scroll-area::-webkit-scrollbar-track{background:0 0}.tool-scroll-area::-webkit-scrollbar-thumb{background-clip:content-box;background-color:color-mix(in oklch, var(--tool-accent) 32%, hsl(var(--muted-foreground)) 68%);border:2px solid #0000;border-radius:999px}.tool-scroll-area:hover::-webkit-scrollbar-thumb{background-color:color-mix(in oklch, var(--tool-accent) 48%, hsl(var(--muted-foreground)) 30%)}.dark .tool-scroll-area{scrollbar-color:color-mix(in oklch, var(--tool-accent) 38%, oklch(34% .012 260) 62%) transparent}.dark .tool-scroll-area::-webkit-scrollbar-thumb{background-color:color-mix(in oklch, var(--tool-accent) 32%, oklch(32% .012 260) 68%)}.dark .tool-scroll-area:hover::-webkit-scrollbar-thumb{background-color:color-mix(in oklch, var(--tool-accent) 42%, oklch(42% .014 260) 58%)}.wa-activity-cell{background-color:oklch(93% .006 145);border:1px solid oklch(86% .01 145)}.wa-activity-cell[data-level="1"]{background-color:oklch(86% .06 147);border-color:oklch(82% .035 147)}.wa-activity-cell[data-level="2"]{background-color:oklch(78% .1 148);border-color:oklch(74% .075 148)}.wa-activity-cell[data-level="3"]{background-color:oklch(68% .13 149);border-color:oklch(64% .105 149)}.wa-activity-cell[data-level="4"]{background-color:oklch(58% .135 150);border-color:oklch(54% .115 150)}.wa-activity-cell[data-level="5"]{background-color:oklch(48% .12 151);border-color:oklch(44% .105 151)}.wa-activity-cell[data-level="6"]{background-color:oklch(39% .105 152);border-color:oklch(35% .09 152)}.dark .wa-activity-cell{background-color:oklch(18% .01 260);border-color:oklch(27% .012 260)}.dark .wa-activity-cell[data-level="1"]{background-color:oklch(24% .038 150);border-color:oklch(28% .045 150)}.dark .wa-activity-cell[data-level="2"]{background-color:oklch(29% .06 150);border-color:oklch(34% .07 150)}.dark .wa-activity-cell[data-level="3"]{background-color:oklch(36% .08 150);border-color:oklch(41% .09 150)}.dark .wa-activity-cell[data-level="4"]{background-color:oklch(43% .095 150);border-color:oklch(48% .105 150)}.dark .wa-activity-cell[data-level="5"]{background-color:oklch(50% .105 150);border-color:oklch(55% .115 150)}.dark .wa-activity-cell[data-level="6"]{background-color:oklch(56% .11 150);border-color:oklch(62% .12 150)}.tool-field{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--input));background-color:hsl(var(--background));color:hsl(var(--foreground));--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tool-field::placeholder{color:hsl(var(--muted-foreground) / .7)}.tool-field:focus{border-color:hsl(var(--primary));outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary) / .2);outline:2px solid #0000}.tool-field:disabled{cursor:not-allowed;opacity:.6}.tool-field:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.tool-theme .tool-field:focus{border-color:var(--tool-accent-border);box-shadow:0 0 0 2px var(--tool-accent-soft)}.tool-button{border-radius:var(--radius);background-color:hsl(var(--primary));min-height:2.5rem;color:hsl(var(--primary-foreground));justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.tool-button:hover{background-color:hsl(var(--primary) / .9)}.tool-button:focus{outline-offset:2px;outline:2px solid #0000}.tool-button:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary) / .3)}.tool-button:disabled{cursor:not-allowed;background-color:hsl(var(--muted));color:hsl(var(--muted-foreground))}.tool-theme .tool-button{background-color:var(--tool-accent);color:var(--tool-accent-foreground)}.tool-theme .tool-button:hover{background-color:color-mix(in oklch, var(--tool-accent) 90%, oklch(24% .012 260) 10%)}.tool-theme .tool-button:focus-visible{box-shadow:0 0 0 2px var(--tool-accent-soft)}.tool-button-secondary{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--background));min-height:2.5rem;color:hsl(var(--foreground));justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.tool-button-secondary:hover{background-color:hsl(var(--muted))}.tool-button-secondary:focus{outline-offset:2px;outline:2px solid #0000}.tool-button-secondary:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--primary) / .2)}.tool-button-secondary:disabled{cursor:not-allowed;opacity:.5}.tool-button-secondary:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.tool-theme .tool-button-secondary{border-color:var(--tool-accent-border);color:var(--tool-accent-text)}.tool-theme .tool-button-secondary:hover{background-color:var(--tool-accent-soft)}.tool-theme .tool-button-secondary:focus-visible{box-shadow:0 0 0 2px var(--tool-accent-soft)}.tool-button-danger{border-radius:var(--radius);border-width:1px;border-color:hsl(var(--destructive) / .3);background-color:hsl(var(--background));min-height:2.5rem;color:hsl(var(--destructive));justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.tool-button-danger:hover{background-color:hsl(var(--destructive) / .1)}.tool-button-danger:focus{outline-offset:2px;outline:2px solid #0000}.tool-button-danger:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:hsl(var(--destructive) / .2)}.tool-button-danger:disabled{cursor:not-allowed;opacity:.5}.tool-button-danger:where(.dark,.dark *){--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.tool-label{color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500;line-height:1.25rem}.tool-upload-zone{border-style:dashed;border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));text-align:center;border-radius:1rem;padding:2rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tool-upload-zone:hover{border-color:hsl(var(--primary) / .4);background-color:hsl(var(--muted) / .3)}.tool-upload-zone:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1));background-color:#0a0a0ae6}.tool-theme .tool-upload-zone:hover{border-color:var(--tool-accent-border);background-color:var(--tool-accent-soft)}.tool-card{border-width:1px;border-color:hsl(var(--border));background-color:hsl(var(--card));--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);min-height:11rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1rem;flex-direction:column;justify-content:space-between;padding:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.tool-card:focus{outline-offset:2px;outline:2px solid #0000}.tool-card:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.tool-card:where(.dark,.dark *){--tw-border-opacity:1;border-color:rgb(38 38 38/var(--tw-border-opacity,1));background-color:#0a0a0af2}.tool-card{border-color:color-mix(in oklch, hsl(var(--border)) 74%, var(--tool-accent) 26%);background-color:color-mix(in oklch, hsl(var(--card)) 96%, var(--tool-accent) 4%)}.dark .tool-card{border-color:color-mix(in oklch, oklch(25% .012 260) 74%, var(--tool-accent) 26%);background-color:color-mix(in oklch, oklch(13% .01 260) 96%, var(--tool-accent) 4%)}.tool-card:hover,.tool-card:focus-visible{border-color:var(--tool-accent-border);background-color:color-mix(in oklch, hsl(var(--card)) 90%, var(--tool-accent) 10%);box-shadow:0 0 0 2px var(--tool-accent-soft)}.dark .tool-card:hover,.dark .tool-card:focus-visible{background-color:color-mix(in oklch, oklch(15% .01 260) 90%, var(--tool-accent) 10%)}