@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-blue-300:oklch(80.9% .105 251.813);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-xl:.75rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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);--color-ink:#19252b;--color-muted:#59666d;--color-accent:#0f766e;--color-accent-hover:#095c56;--color-page:#f6f8f7;--color-surface:#fff;--color-line:#dce3e0;--color-soft:#edf3f0;--color-warning:#8a591c;--color-error:#ae302b;--color-on-accent:#fff;--radius-control:.5rem;--radius-panel:.75rem;--shadow-panel:0 1px 3px #19252b0a;--spacing-section:3.5rem}}@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;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}:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-ink:#e4ecea;--color-muted:#a5b3b6;--color-accent:#5eead4;--color-accent-hover:#99f6e4;--color-on-accent:#042f2e;--color-page:#0e1417;--color-surface:#151e22;--color-line:#2a373c;--color-soft:#1c272c;--color-success:#6ee7a8;--color-warning:#f2c27b;--color-error:#fca5a1;--shadow-panel:0 1px 3px #0006}:root[data-theme=dark] .preview-notice{background:#2b2216;border-color:#5c4724}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-ink:#e4ecea;--color-muted:#a5b3b6;--color-accent:#5eead4;--color-accent-hover:#99f6e4;--color-on-accent:#042f2e;--color-page:#0e1417;--color-surface:#151e22;--color-line:#2a373c;--color-soft:#1c272c;--color-success:#6ee7a8;--color-warning:#f2c27b;--color-error:#fca5a1;--shadow-panel:0 1px 3px #0006}:root:not([data-theme=light]) .preview-notice{background:#2b2216;border-color:#5c4724}}html{scrollbar-gutter:stable}body{font-family:var(--font-sans);color:var(--color-ink);background:var(--color-page);overflow-wrap:anywhere;line-height:1.6}h1,h2,h3,h4{text-wrap:balance;font-weight:600;line-height:1.25}h1{letter-spacing:-.035em;font-size:clamp(1.875rem,4vw,2.5rem)}h2{letter-spacing:-.025em;font-size:1.5rem}h3{font-size:1rem}a,button,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}button,input,select,textarea{font:inherit}[hidden]{display:none!important}main{min-height:50vh}input,select,textarea{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);padding:.625rem .875rem}button:disabled{cursor:not-allowed}svg{flex-shrink:0}}@layer components{.color-surface.experience-surface{color:#e8f3f3;background:#080c12;min-height:24rem;position:relative;overflow:hidden;container-type:inline-size}.experience-surface canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-overlay{z-index:3;background:#101820e6;border-radius:.5rem;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.5rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.experience-settings{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;padding-block:1rem;display:grid}.experience-settings label{align-content:start;gap:.375rem;min-width:0;display:grid}.experience-settings input,.experience-settings select{width:100%;min-width:0;min-height:2.75rem}.experience-settings input[type=checkbox]{width:2.75rem;height:2.75rem}.simulation-badge{z-index:2;color:#fff;background:#101820;border:1px solid #8fa3a7;border-radius:.375rem;max-width:calc(100% - 1.5rem);padding:.25rem .5rem;font-size:.6875rem;position:absolute;top:.75rem;left:.75rem}.simulation-disclosure{border-left:3px solid var(--color-accent);margin-bottom:1rem;padding-left:.75rem}.clock-face{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1rem;display:flex;position:absolute;inset:0}.clock-display{font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:center;font-size:clamp(1.5rem,11cqw,7rem);font-weight:600;line-height:1.2;display:flex}.clock-source{font-size:.75rem}.flip-clock{gap:.1em}.flip-card{--flip-face:currentColor}@supports (color:color-mix(in lab,red,red)){.flip-card{--flip-face:color-mix(in srgb, currentColor 13%, var(--flip-bg,#080c12))}}.flip-card{perspective:5em;text-align:center;border-radius:.09em;height:1.3em;padding:0 .14em;line-height:1.3em;display:inline-block;position:relative}.flip-value{visibility:hidden}.flip-half{background:var(--flip-face);backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.flip-half:before{content:attr(data-v);text-align:center;height:200%;line-height:1.3em;position:absolute;left:0;right:0}.flip-top{transform-origin:50% 100%;border-radius:.09em .09em 0 0;top:0}.flip-top:before{top:0}.flip-bottom{transform-origin:50% 0;border-radius:0 0 .09em .09em;bottom:0}.flip-bottom:before{bottom:0}.flip-flap{z-index:2}.flip-card:after{content:"";z-index:3;background:#00000073;height:1px;position:absolute;top:calc(50% - .5px);left:0;right:0}.clock-separator{padding-inline:.03em}.scene-caption{color:#c3f9dd;background:#080c12;padding:.2rem .4rem;font-size:.6875rem;position:absolute;bottom:.5rem;left:.5rem}.system-scene{color:#fff;background:#174b78;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem .75rem;display:flex;position:absolute;inset:0}.experience-macos .system-scene{background:#24272d}.experience-ubuntu .system-scene{background:#3a153a}.experience-android .system-scene{background:#113e37}.system-scene h3{margin:0;font-size:clamp(1.1rem,3.4cqw,2rem);font-weight:400}.system-percent{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(1rem,2.6cqw,1.5rem)}.simulation-progress{background:#ffffff40;border-radius:1rem;flex-shrink:0;width:min(80%,28rem);height:.45rem;overflow:hidden}.simulation-progress>span{width:var(--progress,0%);background:#fff;height:100%;transition:width .25s linear;display:block}.system-note{opacity:.8;text-align:center;margin:0;font-size:.75rem;position:absolute;bottom:.75rem;left:1rem;right:1rem}.system-windows .simulation-progress{display:none}.system-dots{width:4rem;height:4rem;margin-bottom:1.25rem;position:relative}.system-dots i{position:absolute;inset:0}.system-dots i:nth-child(2){transform:rotate(-16deg)}.system-dots i:nth-child(3){transform:rotate(-32deg)}.system-dots i:nth-child(4){transform:rotate(-48deg)}.system-dots i:nth-child(5){transform:rotate(-64deg)}.system-dots i:before{content:"";background:currentColor;border-radius:50%;width:.5rem;height:.5rem;margin-left:-.25rem;position:absolute;top:0;left:50%}[data-playing=true] .system-dots i{animation:4.2s cubic-bezier(.5,.15,.5,.85) infinite ws-orbit}[data-playing=true] .system-dots i:nth-child(2){animation-delay:.17s}[data-playing=true] .system-dots i:nth-child(3){animation-delay:.34s}[data-playing=true] .system-dots i:nth-child(4){animation-delay:.51s}[data-playing=true] .system-dots i:nth-child(5){animation-delay:.68s}@keyframes ws-orbit{0%{opacity:1;transform:rotate(0)}60%{opacity:1;transform:rotate(540deg)}75%,to{opacity:0;transform:rotate(720deg)}}.system-orb{aspect-ratio:1;opacity:.9;background:radial-gradient(circle at 35% 30%,#fff 0 18%,#c9ccd2 45%,#7d828b);border-radius:50%;width:clamp(3rem,9cqw,5rem);margin-bottom:1.5rem}.system-macos .simulation-progress{background:#ffffff30;width:min(60%,14rem);height:.3rem}.system-remaining{opacity:.85;margin:0;font-size:.8125rem}.system-macos .system-percent{opacity:.6;font-size:.75rem}.system-pulse{gap:.7rem;margin-bottom:1rem;display:flex}.system-pulse i{opacity:.3;background:currentColor;border-radius:50%;width:.6rem;height:.6rem}[data-playing=true] .system-pulse i{animation:1.5s ease-in-out infinite ws-pulse}[data-playing=true] .system-pulse i:nth-child(2){animation-delay:.3s}[data-playing=true] .system-pulse i:nth-child(3){animation-delay:.6s}[data-playing=true] .system-pulse i:nth-child(4){animation-delay:.9s}[data-playing=true] .system-pulse i:nth-child(5){animation-delay:1.2s}@keyframes ws-pulse{0%,to{opacity:.3}50%{opacity:1}}.system-gear{margin-bottom:.75rem;font-size:clamp(2.5rem,8cqw,4.5rem);line-height:1}[data-playing=true] .system-gear{animation:3s linear infinite ws-spin}@keyframes ws-spin{to{transform:rotate(360deg)}}.system-android .simulation-progress{border-radius:0;height:.3rem}@media(prefers-reduced-motion:reduce){[data-playing=true] .system-dots i,[data-playing=true] .system-pulse i,[data-playing=true] .system-gear{animation:none}}.meeting-scene{background:#111a20;flex-direction:column;gap:.5rem;padding:.75rem .75rem .5rem;display:flex;position:absolute;inset:0}.meeting-topbar{justify-content:flex-end;align-items:center;min-height:1.75rem;display:flex}.meeting-time{color:#cfdbe0;font-variant-numeric:tabular-nums;font-size:.75rem}.meeting-participant{position:relative}.meeting-participant .participant-avatar{width:clamp(2.5rem,9cqw,5.5rem);height:clamp(2.5rem,9cqw,5.5rem);font-size:clamp(1rem,3.5cqw,2.25rem)}.meeting-participant.tone-0{background:linear-gradient(160deg,#2b3f4c,#1d2a33)}.meeting-participant.tone-0 .participant-avatar{background:#3f7d6d}.meeting-participant.tone-1{background:linear-gradient(160deg,#3a3349,#231f2d)}.meeting-participant.tone-1 .participant-avatar{background:#7a5ea8}.meeting-participant.tone-2{background:linear-gradient(160deg,#47392c,#2a221b)}.meeting-participant.tone-2 .participant-avatar{background:#b07a3f}.meeting-participant.tone-3{background:linear-gradient(160deg,#2c3d4f,#1b2532)}.meeting-participant.tone-3 .participant-avatar{background:#3f6fa8}.meeting-participant .participant-name{background:#0000008c;border-radius:.4rem;align-items:center;gap:.3rem;margin:0;padding:.2rem .5rem;font-size:.75rem;display:inline-flex;position:absolute;bottom:.5rem;left:.5rem}.meeting-participant small{opacity:.7;position:absolute;bottom:.55rem;right:.5rem}.participant-mic svg{width:.85rem;height:.85rem;display:block}.participant-mic .slash,.meeting-control .slash{display:none}.mics-off .participant-mic .slash,.meeting-control.is-off .slash{display:inline}.meeting-participant.is-speaker{box-shadow:inset 0 0 0 3px #70e7ab}.meeting-controls{justify-content:center;gap:.6rem;padding:.25rem 0;display:flex}.meeting-control{color:#e6eef1;background:#2a3741;border-radius:50%;place-items:center;width:clamp(2rem,5cqw,2.75rem);height:clamp(2rem,5cqw,2.75rem);display:inline-grid}.meeting-control svg{width:55%;height:55%}.meeting-control.is-off{color:#fff;background:#e5484d}.meeting-control.is-leave{color:#fff;background:#e5484d;border-radius:999px;width:clamp(2.75rem,7cqw,3.75rem)}.meeting-scene>p[data-visual-media]{text-align:center;color:#9fb0b7;margin:0;font-size:.6875rem}.meeting-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;min-height:0;display:grid}.meeting-participant{color:#fff;background:#24333d;border:2px solid #0000;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;padding:.25rem;font-size:clamp(.6875rem,2cqw,1rem);display:flex}.meeting-participant.is-speaker{border-color:#70e7ab}.participant-avatar{background:#3f5868;border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;display:grid}.meeting-participant small,.meeting-scene>p{font-size:.6875rem}.meeting-grid[data-layout=speaker]{grid-template-rows:2fr 1fr;grid-template-columns:repeat(3,minmax(0,1fr))}.meeting-grid[data-layout=speaker] .is-speaker{grid-area:1/1/auto/-1}.signal-box{color:#fff;text-align:center;background:#132330;border:1px solid #7896aa;width:min(22rem,100% - 2rem);padding:1rem 1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signal-box h3{letter-spacing:.04em;font-size:clamp(1.25rem,4.5cqw,2.25rem)}.signal-box p,.signal-box small{font-size:.8125rem}.experience-surface.has-color-bars{background-image:linear-gradient(90deg,silver 0 14.28%,#c0c000 0 28.57%,#00c0c0 0 42.85%,#00c000 0 57.14%,#c000c0 0 71.42%,#c00000 0 85.71%,#0000c0 0),linear-gradient(90deg,#0000c0 0 14.28%,#131313 0 28.57%,#c000c0 0 42.85%,#131313 0 57.14%,#00c0c0 0 71.42%,#131313 0 85.71%,silver 0),linear-gradient(90deg,#00214c 0 17.85%,#fff 0 35.7%,#32006a 0 53.55%,#131313 0 71.4%,#090909 0 76.2%,#131313 0 81%,#1d1d1d 0 85.71%,#131313 0);background-position:0 0,0 72.8%,0 100%;background-repeat:no-repeat;background-size:100% 67%,100% 8%,100% 25%}.has-scanlines:after{content:"";pointer-events:none;background:repeating-linear-gradient(#0000 0 3px,#00000015 3px 4px);position:absolute;inset:0}.range-field{align-items:center;gap:.6rem;min-height:2.5rem;display:flex}.range-field input[type=range]{min-width:0;accent-color:var(--color-accent);flex:1}.range-field output{font-variant-numeric:tabular-nums;text-align:right;min-width:3.5ch}.hacker-scene{position:absolute;inset:2.75rem .75rem .75rem;overflow:hidden}.hacker-output{white-space:pre-wrap;overflow-wrap:anywhere;text-align:left;color:#3f6;text-shadow:0 0 6px;background:0 0;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:16px;line-height:1.35}.hacker-alert{--hacker-color:#3f6;z-index:3;border:3px solid var(--hacker-color);max-width:calc(100% - 2rem);color:var(--hacker-color);letter-spacing:.08em;text-align:center;box-shadow:0 0 24px var(--hacker-color);background:#000;margin:0;padding:.75rem 1.5rem;font:700 clamp(1.25rem,6cqw,3rem)/1.1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hacker-alert.is-denied{--hacker-color:#ff4d4d}.hacker-pause{z-index:2;color:#fff;background:#101820;border:1px solid #8fa3a7;border-radius:.375rem;padding:.2rem .6rem;font-size:.75rem;position:absolute;top:.6rem;right:.75rem}[data-playing=false] .hacker-pause{display:none}.hacker-colors{border:0;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:.5rem;margin:0;padding:0;display:flex}.hacker-colors legend{float:left;margin-right:.5rem}.hacker-colors .button[aria-pressed=true]{outline-offset:1px;outline:2px solid}.hacker-swatch{vertical-align:-1px;border-radius:50%;width:.75rem;height:.75rem;margin-right:.35rem;display:inline-block}.hacker-swatch-green{background:#3f6}.hacker-swatch-amber{background:#ffb000}.hacker-swatch-blue{background:#4db8ff}.monitor-surface{background:#000;position:relative}.monitor-surface canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.monitor-settings{flex-wrap:wrap;align-items:end;gap:1rem;display:flex}.monitor-settings label{gap:.375rem;min-width:0;max-width:100%;display:grid}.monitor-settings select{width:100%;max-width:100%}.monitor-settings input[type=range]{width:100%;min-width:10rem;padding:.75rem 0}.monitor-wizard{border:1px solid var(--color-line);border-radius:var(--radius-control);margin-block:1rem;padding:1rem}.monitor-wizard label{gap:.375rem;margin-block:1rem;display:grid}.monitor-wizard .tool-actions{margin-top:1rem}[data-scaling]{overflow-wrap:anywhere}.skip-link{z-index:100;background:var(--color-surface);border:2px solid var(--color-accent);padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-line)}.header-row{justify-content:space-between;align-items:center;gap:2rem;min-height:4.75rem;display:flex}.brand span{white-space:nowrap}.theme-switcher-menu{margin-top:1.25rem}.brand{letter-spacing:-.025em;flex-shrink:0;align-items:center;gap:.625rem;min-width:0;font-size:1.125rem;font-weight:650;display:flex}.brand-mark{width:2rem;height:2rem}.brand-fill{fill:var(--color-soft)}.header-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.current-language{text-transform:uppercase;color:var(--color-muted);border-left:1px solid var(--color-line);padding-left:1rem;font-size:.75rem}.nav-list{align-items:center;gap:1.5rem;display:flex}.desktop-navigation{min-width:0}.site-navigation{font-size:.875rem}.site-navigation a,.nav-dropdown summary,.language-switcher summary{align-items:center;gap:.5rem;min-height:2.75rem;display:flex}.desktop-navigation .nav-list>li>a,.desktop-navigation .nav-dropdown>summary{white-space:nowrap;overflow-wrap:normal}.site-navigation a:hover,.nav-dropdown summary:hover,.language-switcher summary:hover{color:var(--color-accent)}.navigation-empty{color:var(--color-muted);font-size:.8125rem}.nav-dropdown,.language-switcher{position:relative}.nav-dropdown summary,.language-switcher summary{cursor:pointer;list-style:none}.nav-dropdown summary::-webkit-details-marker{display:none}.language-switcher summary::-webkit-details-marker{display:none}.nav-dropdown>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:.4rem;height:.4rem;margin-top:-.2rem;transition:transform .15s,margin .15s;transform:rotate(45deg)}.nav-dropdown[open]>summary:after{margin-top:.2rem;transform:rotate(-135deg)}@media(prefers-reduced-motion:reduce){.nav-dropdown>summary:after{transition:none}}.nav-dropdown-panel{z-index:30;border:1px solid var(--color-line);border-radius:var(--radius-control);width:max-content;min-width:13rem;max-width:22rem;box-shadow:var(--shadow-panel);background:var(--color-surface);padding:.5rem 1rem;position:absolute;top:100%;left:0}.nav-dropdown-panel a{white-space:normal}.site-header .header-row{position:relative}.mega-dropdown{position:static}.mega-panel{z-index:30;border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);padding:1rem 1.25rem 1.25rem;position:absolute;top:100%;left:0;right:0;box-shadow:0 16px 40px #00000024}.mega-all{min-height:2.25rem;color:var(--color-accent);gap:.375rem;margin-bottom:.5rem;font-weight:650;display:inline-flex}.mega-grid{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.125rem .75rem;max-height:min(70vh,34rem);display:grid;overflow-y:auto}.mega-grid a{border-radius:var(--radius-control);min-height:2.75rem;color:var(--color-ink);align-items:center;gap:.625rem;padding:.25rem .5rem;display:flex}.mega-grid a:hover{background:var(--color-soft);color:var(--color-accent)}.mega-icon{border:1px solid var(--color-line);object-fit:cover;background:var(--color-soft);border-radius:.375rem;flex-shrink:0;width:2rem;height:2rem}.mobile-menu .mega-panel,.mobile-navigation-fallback .mega-panel{box-shadow:none;background:0 0;border:0;padding:.25rem 0 .5rem 1rem;position:static}.mobile-menu .mega-grid,.mobile-navigation-fallback .mega-grid{grid-template-columns:1fr;max-height:none}.nav-dropdown-panel .nav-dropdown-panel{min-width:0;box-shadow:none;border:0;padding-inline:.75rem;position:static}.language-switcher .nav-dropdown-panel{min-width:4rem;max-width:18rem;max-height:calc(100dvh - 5rem);padding:.25rem;left:auto;right:0;overflow-y:auto}.language-switcher .nav-dropdown-panel a{align-items:center;min-height:2.75rem;padding:.5rem .75rem;display:flex}.menu-trigger,.icon-button{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;min-width:2.75rem;min-height:2.75rem;display:inline-flex}.menu-trigger{padding-inline:.75rem;font-size:.875rem}.menu-trigger svg{width:1.125rem;height:1.125rem}.icon-button{font-size:1.75rem}.mobile-navigation-fallback{padding-bottom:1rem;display:none}.mobile-navigation-fallback>summary{cursor:pointer;min-height:2.75rem;padding-block:.5rem}.mobile-menu{border:0;border-left:1px solid var(--color-line);background:var(--color-surface);width:min(100%,24rem);max-width:100%;height:100%;max-height:100%;color:var(--color-ink);margin:0;padding:1.25rem;inset:0 0 0 auto;overflow-y:auto}.mobile-menu::backdrop{background:#19252b59}.mobile-menu-heading{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1.5rem;display:flex}.mobile-menu .nav-list{display:block}.mobile-menu .nav-list>li{border-bottom:1px solid var(--color-line);padding-block:.5rem}.mobile-menu .site-navigation a,.mobile-menu summary{min-height:3rem}.mobile-menu .nav-dropdown-panel,.mobile-navigation-fallback .nav-dropdown-panel{box-shadow:none;border:0;width:auto;min-width:0;padding-left:1rem;position:static}.menu-note{color:var(--color-muted);margin-top:2rem;font-size:.8125rem}.home-content{padding-block:2.5rem var(--spacing-section)}.home-intro{margin-bottom:1.75rem}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{text-underline-offset:.2em;text-decoration:underline}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin-bottom:.625rem;font-size:.6875rem;font-weight:650}.lead{color:var(--color-muted);max-width:46rem;margin-top:.75rem;font-size:1rem}.workspace-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:2rem;display:grid}.workspace-help{padding:.75rem 0 .75rem .5rem}.tool-search{gap:.375rem;max-width:32rem;margin-top:2rem;display:grid}.tool-search label{font-weight:650}.tool-search input{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);width:100%;min-height:2.75rem;color:var(--color-ink);font:inherit;padding:.5rem .75rem}.tool-search-status{min-height:1.25rem;color:var(--color-muted);font-size:.875rem}.is-searching-tools .home-content>.content-section:not([data-search-section]){display:none}.theme-switcher{border:1px solid var(--color-line);border-radius:var(--radius-control);gap:.125rem;padding:.125rem;display:inline-flex}.theme-switcher[hidden]{display:none}.theme-choice{border-radius:calc(var(--radius-control) - .125rem);width:2rem;height:2rem;color:var(--color-muted);cursor:pointer;background:0 0;place-items:center;display:grid}.theme-choice svg{width:1.125rem;height:1.125rem}.theme-choice:hover{color:var(--color-ink)}.theme-choice[aria-pressed=true]{color:var(--color-ink);background:var(--color-soft)}.tool-grid.is-collapsed>:nth-child(n+9){display:none}.is-searching-tools .tool-grid.is-collapsed>:nth-child(n+9):not([hidden]){display:block}.is-searching-tools [data-grid-toggle]{display:none}@media(max-width:767px){.tool-grid.is-collapsed>:nth-child(n+5){display:none}.is-searching-tools .tool-grid.is-collapsed>:nth-child(n+5):not([hidden]){display:block}}.tool-details{border-top:1px solid var(--color-line);margin-top:1rem;padding-top:.75rem}.tool-details>summary{cursor:pointer;color:var(--color-muted);font-size:.875rem;font-weight:600}.tool-details>summary:hover{color:var(--color-accent)}.tool-details[open]>summary{margin-bottom:.5rem}.grid-toggle{justify-content:center;margin-top:1.25rem;display:flex}.grid-toggle[hidden]{display:none}.recent-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.workspace-help h2{max-width:18rem;margin-block:.5rem 1rem;font-size:1.375rem}.workspace-help p{color:var(--color-muted);margin-block:.75rem;font-size:.875rem}.section-number{color:var(--color-accent);font-size:.75rem;font-weight:650}.workspace-help .preview-explanation{border-left:2px solid var(--color-line);padding-left:.875rem}.benefit-list{color:var(--color-muted);gap:.375rem;margin-block:1rem;font-size:.8125rem;display:grid}.benefit-list li:before{content:"✓";color:var(--color-accent);padding-right:.5rem}.text-link{color:var(--color-accent);text-underline-offset:.25em;font-size:.875rem;font-weight:600;text-decoration:underline}.text-link:hover{color:var(--color-accent-hover)}.tool-shell{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-panel);overflow:hidden}.tool-shell-heading{border-bottom:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.tool-shell-title{letter-spacing:0;margin:0;font-size:.875rem;font-weight:700}.preview-label{text-transform:uppercase;letter-spacing:.07em;color:var(--color-muted);font-size:.6875rem}.tool-viewport{background:var(--color-surface);text-align:center;justify-content:center;align-items:center;min-height:17rem;padding:1.5rem;display:flex}.viewport-placeholder{color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);padding:1rem}.viewport-placeholder>span{font-size:.8125rem}.tool-toolbar{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.button{border-radius:var(--radius-control);min-height:2.75rem;color:var(--color-on-accent);background:var(--color-accent);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.button svg{width:1rem;height:1rem}.button:hover{background:var(--color-accent-hover)}.button-disabled,.button-disabled:hover{color:var(--color-muted);background:var(--color-soft);cursor:not-allowed}.color-options{flex-wrap:wrap;gap:.375rem;display:flex}.color-option{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);place-items:center;width:2.5rem;height:2.75rem;display:grid}.color-option>span{background:var(--swatch);border:1px solid #19252b26;border-radius:.25rem;width:1.25rem;height:1.25rem}.tool-preview-note{color:var(--color-muted);padding:0 1.25rem 1rem;font-size:.75rem}.tool-settings{border-top:1px solid var(--color-line);padding:1rem 1.25rem}.content-section{margin-top:var(--spacing-section);scroll-margin-top:1.5rem}.section-heading{margin-bottom:1.25rem}.section-heading h2{font-size:1.375rem}.section-heading>p:not(.eyebrow){color:var(--color-muted);max-width:42rem;margin-top:.5rem;font-size:.875rem}.section-heading-row{justify-content:space-between;align-items:start;gap:1rem;display:flex}.section-heading-row>.text-link{white-space:nowrap;margin-top:.125rem}.color-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.75rem;display:grid}.palette-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);overflow:hidden}.palette-swatch{background:var(--color-soft);border-bottom:1px solid var(--color-line);height:4.75rem}.palette-card>div:last-child{padding:.75rem}.palette-card h3{font-size:.8125rem}.palette-card p{color:var(--color-muted);margin-top:.25rem;font-size:.6875rem}.section-note{color:var(--color-muted);margin-top:.875rem;font-size:.8125rem}.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.category-grid,.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.tool-card,.article-card{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);min-width:0;overflow:hidden}.card-swatch{background:var(--color-soft);border-bottom:1px solid var(--color-line);height:6rem}.tool-preview{isolation:isolate;background:#0f766e;overflow:hidden}.tool-preview>img{mix-blend-mode:screen;filter:grayscale()}.tool-preview>img[src*="/tool-previews/"]:not([src$="/screensaver-dvd.png"]):not([src$="/simulator-no_signal.png"]){transform:scale(1.5)}.tool-preview:has(img[src$="/brightness.png"]),.tool-preview:has(img[src$="/white_level.png"]){background:#a77b43}.tool-preview:has(img[src$="/contrast.png"]),.tool-preview:has(img[src$="/gamma.png"]){background:#6e68a6}.tool-preview:has(img[src$="/response_time.png"]),.tool-preview:has(img[src$="/ghosting.png"]),.tool-preview:has(img[src$="/refresh_rate.png"]){background:#507b9a}.tool-preview:has(img[src$="/color_banding.png"]),.tool-preview:has(img[src$="/color_depth.png"]){background:#668a88}.tool-preview:has(img[src$="/color_banding.png"])>img{filter:saturate(.55)}.tool-preview:has(img[src$="/backlight_bleed.png"])>img,.tool-preview:has(img[src$="/black_level.png"])>img,.tool-preview:has(img[src$="/oled_gray.png"])>img,.tool-preview:has(img[src$="/oled_screen.png"])>img{mix-blend-mode:normal;filter:none}.tool-preview:has(img[src*="/tool-previews/background_generator-"])>img{mix-blend-mode:normal;filter:saturate(.7)}.tool-preview:has(img[src$="/timer-pomodoro.png"]){background:#a77b43}.tool-preview:has(img[src$="/simulator-windows.png"]),.tool-preview:has(img[src$="/timer-stopwatch.png"]){background:#507b9a}.tool-preview:has(img[src$="/simulator-macos.png"]),.tool-preview:has(img[src$="/simulator-ubuntu.png"]){background:#6e68a6}.tool-preview:has(img[src$="/utility-reading_light.png"]),.tool-preview:has(img[src$="/utility-flashlight.png"]){background:#fff2d7;position:relative}.tool-preview:has(img[src$="/utility-reading_light.png"])>img,.tool-preview:has(img[src$="/utility-flashlight.png"])>img{mix-blend-mode:multiply;filter:none;opacity:.15}.tool-preview:has(img[src$="/utility-reading_light.png"]):after,.tool-preview:has(img[src$="/utility-flashlight.png"]):after{color:#0f766e;pointer-events:none;place-items:center;font-size:2.5rem;line-height:1;display:grid;position:absolute;inset:0}.tool-preview:has(img[src$="/utility-reading_light.png"]):after{content:"Aa";font-family:Georgia,serif}.tool-preview:has(img[src$="/utility-flashlight.png"]):after{content:"☀"}.card-body{padding:1.125rem}.card-category{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:.5rem;font-size:.6875rem}.card-description{color:var(--color-muted);margin-top:.5rem;font-size:.8125rem}.card-availability{color:var(--color-muted);margin-top:.875rem;font-size:.6875rem}.category-card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);align-items:start;gap:1rem;min-width:0;padding:1.25rem;display:flex}.category-symbol{color:var(--color-accent);font-size:1.5rem;line-height:1}.article-placeholder{background:var(--color-soft);height:7.5rem;color:var(--color-muted);place-items:center;display:grid}.article-placeholder svg{width:2rem;height:2rem}.empty-state{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-control);padding:1.5rem;font-size:.875rem}.information-grid{padding-top:var(--spacing-section);border-top:1px solid var(--color-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;display:grid}.information-grid h2{margin-bottom:1rem;font-size:1.375rem}.information-grid p{color:var(--color-muted);margin-bottom:.875rem;font-size:.875rem}.steps-list{gap:1rem;display:grid}.steps-list>li{align-items:start;gap:.875rem;display:flex}.steps-list>li>span{background:var(--color-soft);width:1.75rem;height:1.75rem;color:var(--color-accent);border-radius:.25rem;flex-shrink:0;place-items:center;font-size:.75rem;font-weight:600;display:grid}.steps-list h3{margin-bottom:.25rem;font-size:.875rem}.uses-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.uses-grid p{color:var(--color-muted);margin-top:.5rem;font-size:.875rem}.faq-section{margin-top:var(--spacing-section)}.faq-section>h2{margin-bottom:1.25rem;font-size:1.375rem}.faq-list{border-top:1px solid var(--color-line)}.faq-list details{border-bottom:1px solid var(--color-line)}.faq-list summary{cursor:pointer;padding:1rem 1.5rem 1rem 0;font-size:.9375rem;font-weight:550}.faq-list details>div{color:var(--color-muted);padding:0 1.5rem 1rem;font-size:.875rem}.detail-content{padding-block:2rem var(--spacing-section)}.page-heading{margin-block:1.5rem 2rem}.preview-notice{color:var(--color-warning);border-radius:var(--radius-control);background:#fff6e7;border:1px solid #e6d9bd;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1.5rem;padding:.875rem 1rem;font-size:.8125rem;display:flex}.breadcrumb{color:var(--color-muted);font-size:.8125rem}.breadcrumb ol{flex-wrap:wrap;gap:.5rem;display:flex}.breadcrumb li{gap:.5rem;display:inline-flex}.breadcrumb a{color:var(--color-accent)}.article-layout,.article-content{max-width:none;margin-inline:0}.contact-email{margin-top:1.5rem;font-size:1.125rem;font-weight:650}.contact-email a{color:var(--color-accent);text-underline-offset:.2em;text-decoration:underline}.article-byline{color:var(--color-muted);margin-top:1rem;font-size:.8125rem}.cover-placeholder,.media-fallback{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-soft);color:var(--color-muted);text-align:center;justify-content:center;align-items:center;margin-block:1.5rem;padding:2rem;font-size:.875rem;display:flex}.cover-placeholder{aspect-ratio:16/7}.rich-content{color:var(--color-ink);overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.8}.rich-content>:first-child{margin-top:0}.rich-content h2,.rich-content h3,.rich-content h4{letter-spacing:-.01em;font-weight:600;line-height:1.3}.rich-content h2{border-top:1px solid var(--color-line);margin-block:2.5rem 1rem;padding-top:1.5rem;font-size:1.5rem}.rich-content>h2:first-child{border-top:0;padding-top:0}.rich-content h3{color:var(--color-accent);margin-block:1.75rem .625rem;font-size:1.1875rem}.rich-content h4{margin-block:1.5rem .5rem;font-size:1rem}.rich-content p,.rich-content ul,.rich-content ol{margin-block:1rem}.rich-content ul{padding-left:1.5rem;list-style:outside}.rich-content ol{padding-left:1.75rem;list-style:decimal}.rich-content li{margin-block:.5rem;padding-left:.375rem}.rich-content li::marker{color:var(--color-accent);font-weight:600}.rich-content li>ul,.rich-content li>ol{margin-block:.375rem}.rich-content strong,.rich-content b{color:var(--color-ink);font-weight:600}.rich-content mark{background:#8a591c38}@supports (color:color-mix(in lab,red,red)){.rich-content mark{background:color-mix(in srgb,var(--color-warning) 22%,transparent)}}.rich-content mark{color:inherit;border-radius:.2em;padding:0 .2em}.rich-content code{background:var(--color-soft);border:1px solid var(--color-line);border-radius:.35rem;padding:.05em .35em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.rich-content a{color:var(--color-accent);text-underline-offset:.2em;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.rich-content a:hover{color:var(--color-accent-hover);text-decoration-thickness:2px}.rich-content blockquote{border-left:4px solid var(--color-accent);background:var(--color-soft);color:var(--color-ink);border-radius:0 .75rem .75rem 0;margin-block:1.75rem;padding:1rem 1.25rem}.rich-content blockquote>:first-child{margin-top:0}.rich-content blockquote>:last-child{margin-bottom:0}.rich-content hr{border:0;border-top:1px solid var(--color-line);margin-block:2.5rem}.rich-content .table-scroll{border:1px solid var(--color-line);background:var(--color-surface);border-radius:.75rem;margin-block:1.75rem;overflow-x:auto}.rich-content table{border-collapse:collapse;width:100%;font-size:.9375rem;line-height:1.55}.rich-content th,.rich-content td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line);min-width:8rem;padding:.75rem 1rem}.rich-content th{background:var(--color-soft);font-weight:600}.rich-content tbody tr:nth-child(2n) td{background:#edf3f073}@supports (color:color-mix(in lab,red,red)){.rich-content tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--color-soft) 45%,transparent)}}.rich-content tr:last-child td{border-bottom:0}.rich-content img{width:auto;max-width:100%;height:auto}.filter-form{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.pagination{margin-top:2rem}.site-footer{border-top:1px solid var(--color-line);background:var(--color-surface)}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-block:2.5rem;font-size:.875rem;display:grid}.footer-brand{font-size:1rem;font-weight:650}.footer-heading{margin-bottom:.75rem;font-size:.875rem}.site-footer .nav-list{display:block}.site-footer .nav-dropdown-panel{box-shadow:none;border:0;width:auto;min-width:0;padding:0 0 0 .75rem;position:static}.footer-contact{color:var(--color-accent);overflow-wrap:anywhere;margin-top:.875rem;display:block}.social-links{color:var(--color-accent);gap:.625rem;margin-top:1rem;display:grid}.footer-bottom{border-top:1px solid var(--color-line);color:var(--color-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1rem;font-size:.75rem;display:flex}.footer-bottom a{color:var(--color-accent);align-items:center;min-height:2.75rem;display:inline-flex}.engine-viewport{align-items:stretch;padding:0}.color-surface{aspect-ratio:16/9;width:100%;min-height:17rem;box-shadow:none;touch-action:manipulation;border:0;padding:0;display:block;position:relative}.color-toolbar{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.color-toolbar output{font:600 .875rem ui-monospace,monospace}.tool-actions{flex-wrap:wrap;gap:.5rem;display:flex}.tool-actions .button{white-space:nowrap;max-width:100%}@media(max-width:40rem){.tool-actions .button{white-space:normal;text-align:center}}.button-primary{background:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.button-primary:hover{background:var(--color-accent-hover)}.tool-settings{padding:1.25rem}.color-presets legend,.picker-grid legend{padding-bottom:.5rem;font-size:.8125rem;font-weight:600}.color-preset-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;display:grid}.color-preset{border:1px solid var(--color-line);border-radius:var(--radius-control);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-width:0;min-height:3.5rem;padding:.375rem;font-size:.75rem;display:flex}.color-preset>span{border:1px solid #767676;border-radius:.25rem;width:1.5rem;height:1.5rem}.color-preset[aria-pressed=true]{outline:2px solid var(--color-accent);outline-offset:-2px;text-underline-offset:.15em;background:var(--color-soft);font-weight:700;text-decoration:underline}.color-settings{border-top:1px solid var(--color-line);margin-top:1.25rem}.color-settings>summary{cursor:pointer;min-height:3rem;padding-block:.75rem;font-size:.875rem;font-weight:600}.picker-grid{grid-template-columns:1fr 1fr;gap:1rem;padding-bottom:.25rem;display:grid}.picker-grid>*,.export-grid>*{min-width:0}.picker-grid label,.export-grid label{flex-direction:column;gap:.375rem;font-size:.75rem;display:flex}.picker-grid input,.export-grid input,.export-grid select{width:100%;min-width:0;min-height:2.75rem}.picker-grid input[type=color]{padding:.25rem}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;display:grid}.channel-grid input{padding-inline:.5rem}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:1rem;display:grid}.export-grid .button{justify-self:start}.tool-status{min-height:3.75rem;color:var(--color-muted);margin-top:1rem;font-size:.8125rem}[aria-invalid=true]{border-color:var(--color-error);outline:1px solid var(--color-error)}.copy-fallback-label input:not([hidden]){width:100%;margin-top:.5rem}.color-surface:fullscreen{aspect-ratio:auto;-webkit-user-select:none;user-select:none;border:0;width:100vw;max-width:none;height:100vh;min-height:100vh;margin:0;padding:0}.color-surface.is-pointer-idle,.color-surface.is-pointer-idle *{cursor:none}.checkbox-label{align-items:center;gap:.5rem;display:flex}.checkbox-label input{width:auto}.color-surface.is-cleaning{touch-action:none;-webkit-touch-callout:none}.cleaning-hint{left:50%;bottom:max(1.5rem,env(safe-area-inset-bottom));border-radius:var(--radius-control);color:#fff;text-align:center;pointer-events:none;background:#000000a6;max-width:calc(100% - 2rem);margin:0;padding:.5rem .875rem;font-size:.875rem;animation:4s forwards cleaning-hint-fade;position:absolute;transform:translate(-50%)}@keyframes cleaning-hint-fade{0%,70%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.cleaning-hint{animation:none}}html.has-native-color-fullscreen{scrollbar-gutter:auto;overflow:hidden}.color-surface.viewport-fullscreen{aspect-ratio:auto;z-index:1000;-webkit-user-select:none;user-select:none;border:0;width:100vw;height:100dvh;min-height:0;margin:0;padding:0;position:fixed;inset:0}.fullscreen-exit{z-index:1001;top:max(1rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));color:var(--color-ink);border:2px solid var(--color-ink);border-radius:var(--radius-control);cursor:pointer;background:#fff;min-height:2.75rem;padding:.625rem 1rem;position:fixed}body.has-color-fullscreen{overflow:hidden}.palette-card a{text-underline-offset:.15em;text-decoration:underline}.card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}@layer utilities{.\!visible{visibility:visible!important}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.container-shell{width:min(100% - 3rem,74rem);margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.-ml-px{margin-left:-1px}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing) * 5)}.h-full{height:100%}.w-5{width:calc(var(--spacing) * 5)}.w-full{width:100%}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-gray-300{border-color:var(--color-gray-300)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.object-cover{object-fit:cover}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-muted{color:var(--color-muted)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.blur{--tw-blur:blur(8px);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media(min-width:40rem){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:calc(var(--spacing) * 2)}}.rtl\:flex-row-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}.dark\:border-gray-600:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-gray-600)}@media(prefers-color-scheme:dark){.dark\:border-gray-600:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){border-color:var(--color-gray-600)}}.dark\:bg-gray-700:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-700)}@media(prefers-color-scheme:dark){.dark\:bg-gray-700:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){background-color:var(--color-gray-700)}}.dark\:bg-gray-800:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-gray-800)}@media(prefers-color-scheme:dark){.dark\:bg-gray-800:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){background-color:var(--color-gray-800)}}.dark\:text-gray-200:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-200)}@media(prefers-color-scheme:dark){.dark\:text-gray-200:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){color:var(--color-gray-200)}}.dark\:text-gray-300:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-300)}@media(prefers-color-scheme:dark){.dark\:text-gray-300:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){color:var(--color-gray-300)}}.dark\:text-gray-400:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-400)}@media(prefers-color-scheme:dark){.dark\:text-gray-400:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){color:var(--color-gray-400)}}.dark\:text-gray-600:where([data-theme=dark],[data-theme=dark] *){color:var(--color-gray-600)}@media(prefers-color-scheme:dark){.dark\:text-gray-600:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){color:var(--color-gray-600)}}@media(hover:hover){.dark\:hover\:bg-gray-900:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-gray-900)}}@media(prefers-color-scheme:dark){@media(hover:hover){.dark\:hover\:bg-gray-900:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):hover{background-color:var(--color-gray-900)}}}@media(hover:hover){.dark\:hover\:text-gray-200:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-gray-200)}}@media(prefers-color-scheme:dark){@media(hover:hover){.dark\:hover\:text-gray-200:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):hover{color:var(--color-gray-200)}}}@media(hover:hover){.dark\:hover\:text-gray-300:where([data-theme=dark],[data-theme=dark] *):hover{color:var(--color-gray-300)}}@media(prefers-color-scheme:dark){@media(hover:hover){.dark\:hover\:text-gray-300:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):hover{color:var(--color-gray-300)}}}.dark\:focus\:border-blue-700:where([data-theme=dark],[data-theme=dark] *):focus{border-color:var(--color-blue-700)}@media(prefers-color-scheme:dark){.dark\:focus\:border-blue-700:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):focus{border-color:var(--color-blue-700)}}.dark\:focus\:border-blue-800:where([data-theme=dark],[data-theme=dark] *):focus{border-color:var(--color-blue-800)}@media(prefers-color-scheme:dark){.dark\:focus\:border-blue-800:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):focus{border-color:var(--color-blue-800)}}.dark\:active\:bg-gray-700:where([data-theme=dark],[data-theme=dark] *):active{background-color:var(--color-gray-700)}@media(prefers-color-scheme:dark){.dark\:active\:bg-gray-700:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):active{background-color:var(--color-gray-700)}}.dark\:active\:text-gray-300:where([data-theme=dark],[data-theme=dark] *):active{color:var(--color-gray-300)}@media(prefers-color-scheme:dark){.dark\:active\:text-gray-300:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *):active{color:var(--color-gray-300)}}}@media(min-width:1280px){.site-header:not(.header-compact) .menu-trigger{display:none}.desktop-navigation .nav-list{gap:1.125rem}.site-header .header-row{gap:1.5rem}.header-compact .desktop-navigation{display:none}}@media(min-width:1440px){.site-header .header-row{width:min(100% - 4rem,88rem)}}@media(max-width:1279px){.desktop-navigation{display:none}.mobile-navigation-fallback,.mobile-navigation-fallback .nav-list{display:block}}@media(max-width:1023px){.workspace-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1.5rem}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:767px){:root{--spacing-section:2.5rem}.container-shell{width:calc(100% - 2rem)}.header-row{gap:.75rem;min-height:4.25rem}.brand{gap:.5rem;font-size:1rem}.brand-mark{width:1.75rem;height:1.75rem}.header-actions{gap:.75rem}.header-actions>.theme-switcher-header{display:none}.header-actions .language-switcher>summary{max-width:5rem;font-size:.75rem}.language-switcher .nav-dropdown-panel{max-width:calc(100vw - 10rem)}.current-language{border-left:0;padding-left:0}.home-content{padding-top:1.75rem}.workspace-grid{grid-template-columns:1fr;gap:1.25rem}.workspace-help{padding:.25rem 0}.workspace-help h2{max-width:none;font-size:1.25rem}.tool-viewport{min-height:13rem}.tool-toolbar{gap:.75rem;padding:.875rem}.tool-shell-heading{padding:.875rem}.tool-preview-note{padding-inline:.875rem}.color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem}.tool-grid,.category-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.information-grid{grid-template-columns:1fr;gap:1.5rem}.uses-grid{grid-template-columns:1fr;gap:1.25rem}.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-grid>div:first-child{grid-column:1/-1}.section-heading-row{flex-wrap:wrap;margin-bottom:1rem}.section-heading-row .section-heading{margin-bottom:0}}@media(max-width:479px){.tool-grid,.category-grid,.article-grid{grid-template-columns:1fr}.header-actions .current-language{display:none}.color-option{width:2.25rem}.tool-toolbar .button{width:100%}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:767px){.picker-grid{grid-template-columns:1fr}.tool-settings,.color-toolbar{padding:.875rem}.color-surface{min-height:13rem}.tool-actions .button{flex:1 0 auto}}@media(max-width:479px){.color-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.export-grid{grid-template-columns:1fr}}.color-surface.experience-surface:not(:fullscreen):not(.viewport-fullscreen){min-height:24rem}.productivity-controls{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem;padding-block:1rem;display:grid}.productivity-controls label{align-content:start;gap:.375rem;min-width:0;display:grid}.stacked-field{gap:.375rem;max-width:24rem;margin-block:1rem;display:grid}.stacked-field input,.stacked-field select,.productivity-controls input,.productivity-controls select,.productivity-controls textarea{width:100%;min-width:0;min-height:2.75rem}.productivity-controls input[type=checkbox]{width:2.75rem}.color-surface.productivity-surface{color:#f1f5f5;background:#101820;position:relative;overflow:hidden;container-type:inline-size}.color-surface.productivity-surface:not(:fullscreen):not(.viewport-fullscreen){min-height:20rem}.background-editor-surface{place-items:center;display:grid}.background-editor-surface canvas{object-fit:contain;width:100%;max-height:70vh;display:block}:is(.productivity-surface:fullscreen,.productivity-surface.viewport-fullscreen){place-items:center;display:grid}.time-face{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex;position:absolute;inset:0}.time-display{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(1.5rem,9cqw,5rem);line-height:1.2}.focus-label{overflow-wrap:anywhere;max-width:90%;font-size:clamp(1.1rem,4cqw,2.5rem);line-height:1.3}.lap-list{font-variant-numeric:tabular-nums;max-height:18rem;padding-left:1.75rem;overflow:auto}.export-controls .button{align-self:end}.time-face progress{accent-color:#70e7ab;width:min(90%,24rem)}.article-card img.article-placeholder{aspect-ratio:1200/630;object-fit:cover;width:100%;height:auto}.guide-cover{border-radius:.75rem;width:100%;max-width:44rem;height:auto;margin-block:1.5rem;display:block}.pagination p{color:var(--color-muted)}.pagination p span{color:var(--color-ink)}.pagination nav a,.pagination nav span[aria-disabled]>span,.pagination nav span:not([aria-current])>span{background-color:var(--color-surface);border-color:var(--color-line);color:var(--color-ink)}.pagination nav [aria-current]>span{background-color:var(--color-soft);border-color:var(--color-line);color:var(--color-ink);font-weight:650}.pagination nav a:hover{background-color:var(--color-soft);color:var(--color-accent)}.pagination nav span[aria-disabled]>span{color:var(--color-muted);opacity:.6}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}