:root{color-scheme:light;--color-primary-h:255;--color-primary:#6e49df;--color-primary-strong:#5025d0;--color-primary-soft:#f0ecfd;--color-accent:#11bed4;--color-accent-soft:#e3fafd;--color-highlight:#fa9b2e;--color-bg:#f3f6f8;--color-bg-elevated:#fff;--color-bg-sunken:#f3f2f8;--color-border:#dcdae7;--color-border-strong:#bfbcd2;--color-text:#1a1528;--color-text-muted:#605a72;--color-text-on-primary:#fff;--color-success:#279b61;--color-danger:#e03529;--state-liquid:#1d96ed;--state-gas:#e44479;--cat-alkali-metal:#eace5d;--cat-alkaline-earth-metal:#f1f165;--cat-transition-metal:#fac5b7;--cat-post-transition-metal:#acdfec;--cat-metalloid:#9ee5d4;--cat-nonmetal:#8ced8c;--cat-halogen:#8ced8c;--cat-noble-gas:#e5bde5;--cat-lanthanide:#e8d19c;--cat-actinide:#f5ccda;--cat-unknown:#eee;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.5rem;--radius-full:999px;--shadow-sm:0 1px 2px #2b24420f, 0 1px 1px #2b24420a;--shadow-md:0 8px 24px #2b244214, 0 2px 6px #2b24420d;--shadow-lg:0 24px 60px #211b3229, 0 8px 20px #211b3214;--shadow-glow:0 0 0 1px #6e49df26, 0 12px 40px #6e49df2e;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--transition-fast:.15s var(--ease-out);--transition-base:.28s var(--ease-out);--transition-slow:.55s var(--ease-out);--container-width:72rem}:root:not([data-theme=light]){@media (prefers-color-scheme:dark){color-scheme:dark;--color-primary:#a184f5;--color-primary-strong:#bca8fa;--color-primary-soft:#291f47;--color-accent:#51daec;--color-accent-soft:#193e43;--color-highlight:#fbab51;--color-bg:#000;--color-bg-elevated:#191919;--color-bg-sunken:#0d0b13;--color-border:#342f41;--color-border-strong:#464059;--color-text:#f1eff5;--color-text-muted:#a9a4b7;--color-text-on-primary:#161221;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 24px 60px #00000080;--shadow-glow:0 0 0 1px #a184f540, 0 12px 40px #a184f538;--cat-alkali-metal:#6c3b01;--cat-alkaline-earth-metal:#846011;--cat-transition-metal:#711019;--cat-post-transition-metal:#003666;--cat-metalloid:#015146;--cat-nonmetal:#3e6418;--cat-halogen:#3e6418;--cat-noble-gas:#3a2151;--cat-lanthanide:#402c17;--cat-actinide:#732e4c;--cat-unknown:#222}}:root[data-theme=dark]{color-scheme:dark;--color-primary:#a184f5;--color-primary-strong:#bca8fa;--color-primary-soft:#291f47;--color-accent:#51daec;--color-accent-soft:#193e43;--color-highlight:#fbab51;--color-bg:#000;--color-bg-elevated:#191919;--color-bg-sunken:#0d0b13;--color-border:#342f41;--color-border-strong:#464059;--color-text:#f1eff5;--color-text-muted:#a9a4b7;--color-text-on-primary:#161221;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 24px 60px #00000080;--shadow-glow:0 0 0 1px #a184f540, 0 12px 40px #a184f538;--cat-alkali-metal:#6c3b01;--cat-alkaline-earth-metal:#846011;--cat-transition-metal:#711019;--cat-post-transition-metal:#003666;--cat-metalloid:#015146;--cat-nonmetal:#3e6418;--cat-halogen:#3e6418;--cat-noble-gas:#3a2151;--cat-lanthanide:#402c17;--cat-actinide:#732e4c;--cat-unknown:#222}.tool-card{gap:var(--space-4);height:100%;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-fast);text-decoration:none;display:flex}.tool-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.tool-card__glyph{background:linear-gradient(135deg, var(--color-primary-soft), var(--color-accent-soft));width:3rem;height:3rem;color:var(--color-primary-strong);font-family:var(--font-display);white-space:nowrap;transition:transform var(--transition-base);border-radius:.75rem;flex-shrink:0;place-items:center;font-size:1rem;font-weight:700;display:grid}.tool-card__glyph--long{font-size:.8125rem}.tool-card__badge{margin-left:var(--space-2);border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-text);letter-spacing:.04em;padding:.1rem .5rem}.tool-card:hover .tool-card__glyph{transform:scale(1.08)rotate(-4deg)}.tool-card__body{flex-direction:column;gap:.2rem;min-width:0;display:flex}.tool-card__group{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:.6875rem;font-weight:700}.tool-card__name{font-weight:700;line-height:1.3}.tool-card__blurb{color:var(--color-text-muted);margin-top:.15rem;font-size:.875rem;line-height:1.55}.trend-card{gap:var(--space-3);height:100%;padding:var(--space-6) var(--space-5) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-fast);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.trend-card__bar{background:linear-gradient(90deg, hsl(var(--hue) 80% 70%), hsl(calc(var(--hue) - 40) 85% 55%));transform-origin:0;height:4px;transition:height var(--transition-base);position:absolute;inset:0 0 auto}.trend-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.trend-card:hover .trend-card__bar{height:6px}.trend-card__name{font-size:1.0625rem;font-weight:700}.trend-card__rule{color:var(--color-text-muted);flex-direction:column;gap:.15rem;font-size:.8125rem;line-height:1.5;display:flex}.trend-card__label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);font-size:.6875rem;font-weight:700}.tool-card--all{justify-content:center;gap:var(--space-2);border-style:dashed;border-color:var(--color-border-strong);background:0 0;flex-direction:column}.tool-card--all .tool-card__name{color:var(--color-primary-strong);font-size:1.0625rem}.tool-card--all .tool-card__name span{transition:transform var(--transition-fast);display:inline-block}.tool-card--all:hover .tool-card__name span{transform:translate(4px)}.tool-card__badge{white-space:nowrap;display:inline-block}.trend-card__unit{color:var(--color-text-muted);margin-left:.25rem;font-size:.75rem;font-weight:500}.trend-card__summary{color:var(--color-text-muted);font-size:.875rem;line-height:1.55}.post-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr));margin:0;padding:0;list-style:none;display:grid}.tool-card__levels{margin-top:var(--space-2);flex-wrap:wrap;gap:.3rem;display:flex}.tool-card__level{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-sunken);color:var(--color-text-muted);letter-spacing:.01em;padding:.05rem .5rem;font-size:.6875rem;font-weight:600}.search-pill{border-radius:var(--radius-full);background:var(--color-border);isolation:isolate;width:min(100%,34rem);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base), transform var(--transition-base);align-items:center;padding:2px;display:flex;position:relative;overflow:hidden}.search-pill:hover{transform:translateY(-1px)}.search-pill:focus-within{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.search-pill__glow{aspect-ratio:1;z-index:-1;background:conic-gradient(from 0deg, transparent 0deg 250deg, var(--color-accent) 300deg, var(--color-primary) 340deg, transparent 360deg);opacity:.7;width:140%;transition:opacity var(--transition-base);animation:6s linear infinite search-orbit;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(0)}.search-pill:focus-within .search-pill__glow{opacity:1;animation-duration:2.5s}.search-pill__icon{left:var(--space-5);z-index:1;width:1.1rem;height:1.1rem;color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast), transform var(--transition-base);position:absolute}.search-pill input{border-radius:var(--radius-full);background:var(--color-bg-elevated);width:100%;color:var(--color-text);border:none;padding:.85rem 3rem;font-size:1rem}.search-pill input::placeholder{color:var(--color-text-muted)}.search-pill input:focus-visible{outline:none}.search-pill:focus-within .search-pill__icon{color:var(--color-primary);transform:scale(1.1)rotate(-8deg)}.search-pill__kbd{right:var(--space-4);z-index:1;border:1px solid var(--color-border-strong);min-width:1.5rem;font-family:var(--font-mono);text-align:center;color:var(--color-text-muted);background:var(--color-bg);pointer-events:none;transition:opacity var(--transition-fast);border-radius:.35rem;padding:.05rem .4rem;font-size:.75rem;position:absolute}.search-pill:focus-within .search-pill__kbd{opacity:0}@keyframes search-orbit{to{transform:translate(-50%,-50%)rotate(1turn)}}@media (hover:none){.search-pill__kbd{display:none}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);transition:background-color var(--transition-base), color var(--transition-base);margin:0;line-height:1.55}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.15}h1,h2{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}p{margin:0}button{font:inherit;color:inherit}input,select,textarea,iframe,video,table{max-width:100%}pre,code{overflow-wrap:anywhere}pre{overflow-x:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-text-on-primary);transition:transform var(--transition-fast);position:fixed;transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:root{--gutter:var(--space-6)}.container{width:min(100% - 2 * var(--gutter), var(--container-width));margin-inline:auto}.container-wide{width:100%;padding-inline:var(--gutter);box-sizing:border-box;margin-inline:auto}@media (width<=480px){:root{--gutter:var(--space-4)}}.js [data-reveal]:not(.is-visible){opacity:0;transform:translateY(16px)}[data-reveal].is-visible{animation:reveal-up var(--transition-slow) var(--reveal-delay,0s) both}@keyframes reveal-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@view-transition{navigation:auto}::view-transition-old(root){animation:.18s ease-in both page-out}::view-transition-new(root){animation:page-in .32s var(--ease-out) both}.site-header{view-transition-name:site-header}@keyframes page-out{to{opacity:0;transform:translateY(-6px)}}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.reading-progress{z-index:60;background:linear-gradient(90deg, var(--color-primary), var(--color-accent));transform-origin:0;pointer-events:none;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}@supports (animation-timeline:scroll()){.reading-progress{animation:linear both reading-progress scroll(root)}}@keyframes reading-progress{to{transform:scaleX(1)}}@keyframes drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(2%,-3%)scale(1.05)}to{transform:translate(0,0)scale(1)}}@keyframes orbit-spin{to{transform:rotate(360deg)}}.theme-toggle{cursor:pointer;border-radius:var(--radius-full);background:0 0;border:none;padding:0}.theme-toggle__track{border-radius:var(--radius-full);background:var(--color-bg-sunken);border:1px solid var(--color-border);width:3.25rem;height:1.75rem;transition:background-color var(--transition-base), border-color var(--transition-base);align-items:center;padding:.2rem;display:flex}.theme-toggle__track[data-dark=true]{background:var(--color-primary-soft);justify-content:flex-end}.theme-toggle__thumb{border-radius:var(--radius-full);background:var(--color-bg-elevated);width:1.3rem;height:1.3rem;box-shadow:var(--shadow-sm);transition:transform var(--transition-base);place-items:center;display:grid;position:relative}.theme-toggle__icon{width:.85rem;height:.85rem;transition:opacity var(--transition-base), transform var(--transition-base);grid-area:1/1;position:absolute}.theme-toggle__icon--sun{color:var(--color-highlight);opacity:1;transform:scale(1)rotate(0)}.theme-toggle__icon--moon{color:var(--color-primary);opacity:0;transform:scale(.5)rotate(-40deg)}.theme-toggle__track[data-dark=true] .theme-toggle__icon--sun{opacity:0;transform:scale(.5)rotate(40deg)}.theme-toggle__track[data-dark=true] .theme-toggle__icon--moon{opacity:1;transform:scale(1)rotate(0)}.pill{border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary-strong);font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.button{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-bg-elevated);color:var(--color-text);cursor:pointer;transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-fast), background var(--transition-fast);padding:.7rem 1.35rem;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.button>span[aria-hidden=true]{transition:transform var(--transition-fast)}.button:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.button:hover>span[aria-hidden=true]{transform:translate(3px)}.button--primary{color:#fff;background:#5326d9;border-color:#0000}.button--primary:hover{box-shadow:var(--shadow-glow);background:#6840dd;border-color:#0000}.hero-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(40rem 20rem at 15% 0%, color-mix(in srgb, var(--color-primary) 14%, transparent), transparent 70%), radial-gradient(36rem 18rem at 90% 10%, color-mix(in srgb, var(--color-accent) 14%, transparent), transparent 70%);position:absolute;inset:0}.hero-backdrop:after{content:"";background-image:radial-gradient(circle, color-mix(in srgb, var(--color-text) 14%, transparent) 1px, transparent 1.5px);background-size:22px 22px;position:absolute;inset:0;mask-image:radial-gradient(at 40% 20%,#000 10%,#0000 70%)}.lift-card{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-fast);text-decoration:none}a.lift-card:hover,.lift-card:has(a:hover){border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.prose{font-size:1.0625rem;line-height:1.75}.prose h2{margin-top:var(--space-10);font-size:clamp(1.4rem,2.6vw,1.75rem);line-height:1.2}.prose h3{margin-top:var(--space-8);font-size:1.15rem}.prose p,.prose ul,.prose ol{margin-top:var(--space-4)}.prose a{color:var(--color-primary-strong);text-underline-offset:3px;text-decoration-thickness:1px}.prose a:hover{text-decoration-thickness:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal],.js [data-reveal]:not(.is-visible){opacity:1;transform:none;animation:none!important}@view-transition{navigation:none}.reading-progress{display:none}*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.formula{font-family:var(--font-sans);font-variant-numeric:normal}.formula sub,.formula sup{vertical-align:baseline;font-size:.7em;line-height:0;position:relative}.formula sub{bottom:-.25em}.formula sup{top:-.5em}.formula-preview{margin-top:var(--space-2);color:var(--color-text-muted);font-size:.875rem}.formula-preview .formula{color:var(--color-text);margin-left:.25em;font-size:1.0625rem;font-weight:600}code,kbd,samp,pre{font-variant-numeric:slashed-zero}.page-hero code{font-family:var(--font-mono);background:var(--color-bg-sunken);border-radius:.3rem;padding:.1rem .35rem;font-size:.9em}.prose>:first-child,.tool-shell__panel .calc,.tool-page__panel>*>:first-child{margin-top:0}.prose a.button{color:var(--color-text);text-decoration:none}.prose a.button--primary{color:#fff}