:root{--tn-1: var(--accent-fii-500);--tn-m1: 84%;--tn-2: var(--accent-options-500);--tn-m2: 84%;--tn-3: var(--accent-bridge-500);--tn-m3: 72%;--tn-4: var(--accent-investology-500);--tn-m4: 56%;--tn-5: var(--bullish-500);--tn-m5: 72%;--tn-a: .11;--tn-b: .03;--tn-edge: .3;--tn-rim: .85}.dark{--tn-1: var(--accent-fii-300);--tn-m1: 80%;--tn-2: var(--accent-options-300);--tn-m2: 80%;--tn-3: var(--accent-bridge-300);--tn-m3: 80%;--tn-4: var(--accent-investology-300);--tn-m4: 80%;--tn-5: var(--bullish-300);--tn-m5: 80%;--tn-a: .2;--tn-b: .05;--tn-edge: .4;--tn-rim: .8}[data-tone]{--tn: var(--primary);--tn-m: 60%}[data-tone="1"]{--tn: var(--tn-1);--tn-m: var(--tn-m1)}[data-tone="2"]{--tn: var(--tn-2);--tn-m: var(--tn-m2)}[data-tone="3"]{--tn: var(--tn-3);--tn-m: var(--tn-m3)}[data-tone="4"]{--tn: var(--tn-4);--tn-m: var(--tn-m4)}[data-tone="5"]{--tn: var(--tn-5);--tn-m: var(--tn-m5)}:root .tool-card{border-color:hsl(var(--tn) / var(--tn-edge));background-image:linear-gradient(165deg,hsl(var(--tn) / var(--tn-a)),hsl(var(--tn) / var(--tn-b)) 55%,transparent 85%);box-shadow:inset 0 3px hsl(var(--tn) / var(--tn-rim));transition:transform var(--dur-hover) var(--ease-g2-standard),border-color var(--dur-hover) var(--ease-g2-standard),box-shadow var(--dur-hover) var(--ease-g2-standard)}:root .tool-card:hover{border-color:hsl(var(--tn) / .6);box-shadow:inset 0 3px hsl(var(--tn)),0 14px 30px hsl(var(--tn) / .2);transform:translateY(-2px)}.tool-card:hover h3,.tool-card:hover span:last-child{color:color-mix(in srgb,hsl(var(--tn)) var(--tn-m),hsl(var(--foreground)))}.tool-card>span:last-child{color:color-mix(in srgb,hsl(var(--tn)) var(--tn-m),hsl(var(--foreground)))}.tool-group-title:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:3px;background:hsl(var(--tn));box-shadow:0 0 0 3px hsl(var(--tn) / .22)}:root .tool-calc{border-color:hsl(var(--tn, var(--primary)) / var(--tn-edge));background-image:linear-gradient(165deg,hsl(var(--tn, var(--primary)) / calc(var(--tn-a) * .7)),transparent 45%);box-shadow:inset 0 3px hsl(var(--tn, var(--primary)) / var(--tn-rim))}.tool-calc .tool-out{background-image:linear-gradient(hsl(var(--tn, var(--primary)) / .09),hsl(var(--tn, var(--primary)) / .09))}.tool-calc .tool-out:first-child{background-image:linear-gradient(hsl(var(--tn, var(--primary)) / .2),hsl(var(--tn, var(--primary)) / .1))}.tool-calc input:focus{border-color:hsl(var(--tn, var(--primary)) / .8);box-shadow:0 0 0 3px hsl(var(--tn, var(--primary)) / .16)}:root .tool-panel{border-color:hsl(var(--tn, var(--primary)) / var(--tn-edge));background-image:linear-gradient(165deg,hsl(var(--tn, var(--primary)) / var(--tn-a)),transparent 70%)}.tool-step{background-image:linear-gradient(145deg,hsl(var(--tn, var(--primary)) / .3),hsl(var(--tn, var(--primary)) / .1));color:color-mix(in srgb,hsl(var(--tn, var(--primary))) var(--tn-m, 60%),hsl(var(--foreground)))}:root .tool-result{border-color:hsl(var(--tn, var(--primary)) / .4);background-image:linear-gradient(160deg,hsl(var(--tn, var(--primary)) / calc(var(--tn-a) + .03)),hsl(var(--tn, var(--primary)) / var(--tn-b)));box-shadow:inset 3px 0 hsl(var(--tn, var(--primary)) / var(--tn-rim))}[data-tone] dt.t-code{color:color-mix(in srgb,hsl(var(--tn)) var(--tn-m),hsl(var(--foreground)))}@media (prefers-reduced-motion: reduce){:root .tool-card,:root .tool-card:hover{transition:none;transform:none}}