@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-tracking: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-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, monospace;--color-teal-50:#f0fdfa;--color-teal-600:#009588;--color-indigo-50:#eef2ff;--color-indigo-600:#4f39f6;--color-rose-50:#fff1f2;--color-rose-600:#e70044;--color-gray-100:#f3f4f6;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-900:#101828;--spacing:.25rem;--container-2xl:42rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-font-family:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:var(--font-geist-mono), ui-monospace, monospace}@supports (color:lab(0% 0 0)){:root,:host{--color-teal-50:lab(98.3189% -4.74921 -.111711);--color-teal-600:lab(55.0223% -41.0774 -3.90277);--color-indigo-50:lab(95.4818% .411302 -6.78529);--color-indigo-600:lab(38.4009% 52.6132 -92.3857);--color-rose-50:lab(96.2369% 4.94155 1.28011);--color-rose-600:lab(49.1882% 81.577 36.0311);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@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,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.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}}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-1{height:var(--spacing)}.max-w-2xl{max-width:var(--container-2xl)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gray-100{background-color:var(--color-gray-100)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-rose-50{background-color:var(--color-rose-50)}.bg-teal-50{background-color:var(--color-teal-50)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-24{padding-block:calc(var(--spacing) * 24)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-indigo-600{color:var(--color-indigo-600)}.text-rose-600{color:var(--color-rose-600)}.text-teal-600{color:var(--color-teal-600)}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--paper-sunken:#f5f5f5;--surface:#fafafa;--surface-raised:#fff;--line:#e5e5e5;--line-strong:#d4d4d4;--decoration:#d4d4d4;--ink:#171717;--body:#262626;--text:#404040;--muted:#737373;--subtle:#a3a3a3;--on-ink:#fff;--accent:#171717;--accent-strong:#171717;--accent-soft:#f5f5f5;--accent-line:#d4d4d4;--ink-hover:#404040;--success:#047857;--clay:#9a5434;--clay-soft:#f8efe9;--clay-line:#ead6c9;--sky:#3f5f80;--sky-soft:#edf2f7;--sky-line:#d3dde8;--sun:#b45309;--sun-soft:#fdf6e7;--sun-line:#f1dfb4;--rose:#b42318;--rose-soft:#fdf0ef;--rose-line:#f2cfcb;--dot-1:#d4d4d4;--dot-2:#d4d4d4;--dot-3:#d4d4d4;--grid-dot:#e5e5e5;--checker:#f0f0f0;--overlay:#0f08078c;--font-sans:var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-display:1.375rem;--fs-h1:1.375rem;--fs-h2:1rem;--fs-h3:.9688rem;--fs-h4:.9375rem;--fs-lead:1rem;--fs-body:1rem;--fs-small:.875rem;--fs-meta:.75rem;--fs-micro:.75rem;--lh-tight:1.3;--lh-heading:1.4;--lh-body:1.65;--fw-regular:400;--fw-medium:500;--fw-semibold:500;--tracking-display:-.015em;--tracking-heading:-.01em;--tracking-mono:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--section-gap:80px;--radius-xs:5px;--radius-sm:7px;--radius-md:12px;--radius-lg:14px;--radius-pill:999px;--control-sm:32px;--control-md:38px;--control-lg:44px;--shadow-key:none;--shadow-card:0 1px 2px #0000000a, 0 10px 24px -14px #00000024;--shadow-pop:0 12px 40px #0f08074d;--ease:ease;--dur-fast:.15s;--dur:.2s;--container:720px;--gutter:24px;--header-h:0px;--focus:0 0 0 2px var(--paper), 0 0 0 4px var(--line-strong)}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#0f0906;--paper-sunken:#261b16;--surface:#1d140f;--surface-raised:#1d140f;--line:#31251e;--line-strong:#43352d;--decoration:#635146;--ink:#f7efe5;--body:#ddd2c7;--text:#c4b4a7;--muted:#a99686;--subtle:#8c7565;--on-ink:#0f0906;--accent:#f7efe5;--accent-strong:#f7efe5;--accent-soft:#261b16;--accent-line:#43352d;--ink-hover:#ddd2c7;--success:#6ee7b7;--clay:#f0b48f;--clay-soft:#f0b48f1a;--clay-line:#f0b48f42;--sky:#a9c4e3;--sky-soft:#a9c4e31a;--sky-line:#a9c4e342;--sun:#fcd34d;--sun-soft:#fcd34d1a;--sun-line:#fcd34d42;--rose:#fca5a5;--rose-soft:#fca5a51a;--rose-line:#fca5a542;--dot-1:#43352d;--dot-2:#43352d;--dot-3:#43352d;--grid-dot:#31251e;--checker:#1d140f;--overlay:#0f0906eb;--shadow-card:0 1px 2px #0000004d, 0 14px 28px -14px #0009;--shadow-pop:0 12px 40px #00000080}@supports (color:lab(0% 0 0)){.dark{--paper:lab(2.71853% 1.54436 1.44107);--paper-sunken:lab(11.1512% 4.84892 5.84911);--surface:lab(7.1313% 4.30236 4.21151);--surface-raised:lab(7.1313% 4.30236 4.21151);--line:lab(15.7858% 5.22907 6.52421);--line-strong:lab(23.3273% 5.46961 7.29872);--decoration:lab(36.0728% 6.55933 9.36607);--ink:lab(94.7944% 1.69113 5.85585);--body:lab(84.9175% 2.59033 7.16349);--text:lab(74.4489% 3.99226 9.08239);--muted:lab(63.3872% 5.66894 10.8555);--subtle:lab(51.1518% 7.61735 12.4788);--on-ink:lab(2.71853% 1.54436 1.44107);--accent:lab(94.7944% 1.69113 5.85585);--accent-strong:lab(94.7944% 1.69113 5.85585);--accent-soft:lab(11.1512% 4.84892 5.84911);--accent-line:lab(23.3273% 5.46961 7.29872);--ink-hover:lab(84.9175% 2.59033 7.16349);--dot-1:lab(23.3273% 5.46961 7.29872);--dot-2:lab(23.3273% 5.46961 7.29872);--dot-3:lab(23.3273% 5.46961 7.29872);--grid-dot:lab(15.7858% 5.22907 6.52421);--checker:lab(7.1313% 4.30236 4.21151)}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;scrollbar-gutter:stable;scroll-padding-top:32px;overflow-x:hidden}body{background:var(--paper);min-height:100vh;color:var(--body);font-family:var(--font-sans);font-size:var(--fs-body);margin:0;line-height:1.5}h1,h2,h3,h4{color:var(--ink);font-weight:var(--fw-semibold);line-height:var(--lh-heading);letter-spacing:var(--tracking-heading);text-wrap:balance;overflow-wrap:anywhere;margin:0}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;font:inherit;color:inherit}input,select,textarea{font:inherit;color:inherit}code,kbd,samp,pre{font-family:var(--font-mono)}img,svg{max-width:100%}svg{flex-shrink:0}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}:focus-visible{outline:2px solid var(--line-strong);outline-offset:4px;border-radius:4px}::selection{background:var(--ink);color:var(--paper)}hr{border:0;border-top:1px solid var(--line);margin:0}.mono{font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.tabular{font-variant-numeric:tabular-nums}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--ink);color:var(--on-ink);font-size:var(--fs-small);font-weight:var(--fw-medium);transition:transform var(--dur) var(--ease);padding:10px 14px;position:absolute;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus-visible{transform:none}@keyframes rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{opacity:.5}}.rise{animation:rise .52s var(--ease) both}.rise-2{animation-delay:80ms}.rise-3{animation-delay:.16s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.title-display{font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);font-weight:var(--fw-semibold)}.title-1{font-size:var(--fs-h1);letter-spacing:-.03em;line-height:1.15;font-weight:var(--fw-semibold)}.title-2{font-size:var(--fs-h2);line-height:1.5;font-weight:var(--fw-medium)}.title-3{font-size:var(--fs-h3);letter-spacing:-.012em;line-height:1.4;font-weight:var(--fw-semibold)}.title-4{font-size:var(--fs-h4);letter-spacing:-.006em;line-height:1.45;font-weight:var(--fw-semibold)}.title-muted{color:var(--subtle);font-weight:var(--fw-regular)}.lead{font-size:var(--fs-lead);color:var(--muted);max-width:62ch;line-height:1.6}.text-small{font-size:var(--fs-small);color:var(--muted);line-height:1.6}.text-meta{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--subtle);letter-spacing:var(--tracking-mono)}.kicker{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--fw-regular);letter-spacing:0;text-transform:lowercase;color:var(--muted);align-items:center;gap:8px;margin:0;line-height:1.5;display:inline-flex}.kicker-index{color:var(--subtle);font-variant-numeric:tabular-nums}.btn{--btn-bg:var(--surface-raised);--btn-fg:var(--ink);--btn-line:var(--line-strong);--btn-hover-bg:var(--paper-sunken);--btn-shadow:none;min-height:var(--control-md);border:1px solid var(--btn-line);border-radius:var(--radius-sm);background:var(--btn-bg);color:var(--btn-fg);box-shadow:var(--btn-shadow);font-family:var(--font-sans);font-size:var(--fs-small);font-weight:var(--fw-medium);letter-spacing:-.005em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 16px;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-line,var(--btn-line))}.btn:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.btn:focus-visible{box-shadow:var(--focus);outline:none}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.btn svg{width:16px;height:16px}.btn .btn-arrow{transition:transform var(--dur) var(--ease)}.btn:hover .btn-arrow{transform:translate(2px)}.btn:hover .btn-arrow-up{transform:translate(2px,-2px)}.btn-primary{--btn-bg:var(--ink);--btn-fg:var(--on-ink);--btn-line:var(--ink);--btn-hover-bg:var(--ink-hover);--btn-hover-line:var(--ink-hover)}.btn-accent{--btn-bg:var(--accent);--btn-fg:var(--on-ink);--btn-line:var(--accent);--btn-hover-bg:var(--ink-hover);--btn-hover-line:var(--ink-hover)}.btn-soft{--btn-bg:var(--accent-soft);--btn-fg:var(--accent-strong);--btn-line:var(--accent-line);--btn-hover-bg:var(--line)}.btn-ghost{--btn-bg:transparent;--btn-fg:var(--text);--btn-line:transparent;--btn-hover-bg:var(--paper-sunken);--btn-shadow:none}.btn-danger{--btn-bg:var(--surface-raised);--btn-fg:var(--rose);--btn-line:var(--rose-line);--btn-hover-bg:var(--rose-soft)}.btn-sm{min-height:var(--control-sm);font-size:var(--fs-meta);border-radius:7px;gap:6px;padding:0 12px}.btn-sm svg{width:14px;height:14px}.btn-lg{min-height:var(--control-lg);font-size:var(--fs-body);border-radius:10px;padding:0 22px}.btn-block{width:100%}.btn-icon{width:var(--control-md);padding:0}.btn-icon.btn-sm{width:var(--control-sm)}@media (pointer:coarse){.btn,.btn-sm{min-height:44px}.btn-icon,.btn-icon.btn-sm{width:44px}}.link{color:var(--muted);font-size:var(--fs-small);transition:color var(--dur) var(--ease);align-items:center;gap:5px;display:inline-flex}.link:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.link svg{width:14px;height:14px;transition:transform var(--dur) var(--ease)}.link:hover svg.link-arrow-up{transform:translate(2px,-2px)}.link:hover svg.link-arrow{transform:translate(2px)}.link-quiet{color:var(--muted)}.link-underline{color:var(--ink);font-size:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--decoration);-webkit-text-decoration-color:var(--decoration);-webkit-text-decoration-color:var(--decoration);text-decoration-color:var(--decoration);text-underline-offset:3px;transition:text-decoration-color var(--dur) var(--ease)}.link-underline:hover{text-decoration-color:currentColor}.text-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--decoration);-webkit-text-decoration-color:var(--decoration);-webkit-text-decoration-color:var(--decoration);text-decoration-color:var(--decoration);text-underline-offset:3px;transition:text-decoration-color var(--dur) var(--ease)}.text-link:hover{text-decoration-color:currentColor}.prose a:not(.btn):not(.link){color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--decoration);-webkit-text-decoration-color:var(--decoration);-webkit-text-decoration-color:var(--decoration);text-decoration-color:var(--decoration);text-underline-offset:3px;text-decoration-thickness:1px}.prose a:not(.btn):not(.link):hover{text-decoration-color:currentColor}.badge{--badge-bg:var(--surface);--badge-fg:var(--muted);--badge-line:var(--line);border:1px solid var(--badge-line);background:var(--badge-bg);min-height:22px;color:var(--badge-fg);font-family:var(--font-mono);font-size:11px;font-weight:var(--fw-regular);letter-spacing:0;white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:0 7px;line-height:1;display:inline-flex}.badge svg{width:12px;height:12px}.badge-accent{--badge-bg:var(--accent-soft);--badge-fg:var(--accent-strong);--badge-line:var(--accent-line)}.badge-clay{--badge-bg:var(--clay-soft);--badge-fg:var(--clay);--badge-line:var(--clay-line)}.badge-sky{--badge-bg:var(--sky-soft);--badge-fg:var(--sky);--badge-line:var(--sky-line)}.badge-sun{--badge-bg:var(--sun-soft);--badge-fg:var(--sun);--badge-line:var(--sun-line)}.badge-rose{--badge-bg:var(--rose-soft);--badge-fg:var(--rose);--badge-line:var(--rose-line)}.badge-outline{--badge-bg:transparent}.badge-dot:before{content:"";opacity:.85;background:currentColor;border-radius:50%;width:6px;height:6px}.badge-live:before{opacity:1;background:var(--success);animation:2s infinite pulse}.badge-code:before{content:"<";opacity:.55;margin-right:-4px}.badge-code:after{content:">";opacity:.55;margin-left:-4px}.tip{display:inline-flex;position:relative}.tip-bubble{z-index:40;background:var(--ink);width:max-content;max-width:240px;color:var(--on-ink);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--fw-regular);letter-spacing:0;text-align:center;white-space:normal;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border-radius:6px;padding:6px 9px;line-height:1.45;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px)}.tip-bubble:after{content:"";border:5px solid #0000;border-top-color:var(--ink);position:absolute;top:100%;left:50%;transform:translate(-50%)}.tip-bottom .tip-bubble{top:calc(100% + 8px);bottom:auto;transform:translate(-50%,-4px)}.tip-bottom .tip-bubble:after{border-top-color:#0000;border-bottom-color:var(--ink);top:auto;bottom:100%}.tip:hover .tip-bubble,.tip:focus-within .tip-bubble{opacity:1;transition-delay:.12s;transform:translate(-50%)}@media (hover:none){.tip:hover .tip-bubble{opacity:0}}.frame{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-card);min-width:0;overflow:hidden}.frame-bar{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:12px;min-height:38px;padding:0 14px;display:flex}.frame-dots{gap:6px;display:inline-flex}.frame-dots span{background:var(--dot-1);border-radius:50%;width:9px;height:9px}.frame-dots span:nth-child(2){background:var(--dot-2)}.frame-dots span:nth-child(3){background:var(--dot-3)}.frame-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle);text-align:center;flex:1;overflow:hidden}.frame-meta{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle)}.frame-body{padding:var(--space-6)}.frame-flush .frame-body{padding:0}.frame-sunken{background:var(--surface)}.card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:0;transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;padding:18px 16px;display:flex;position:relative}.card-interactive:hover{border-color:var(--line-strong);background:var(--paper-sunken)}.card-interactive:focus-within{border-color:var(--line-strong)}.card-link:after{content:"";border-radius:inherit;position:absolute;inset:0}.card-link:focus-visible{outline:none}.card-link:focus-visible:after{box-shadow:var(--focus)}.icon-tile{border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--ink);border-radius:24%;flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.icon-tile svg{width:20px;height:20px}.icon-tile img{object-fit:cover;width:100%;height:100%}.icon-tile-lg{border-radius:16px;width:64px;height:64px}.icon-tile-lg svg{width:28px;height:28px}.icon-tile-sm{border-radius:8px;width:32px;height:32px}.icon-tile-sm svg{width:16px;height:16px}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:inline-flex}.segmented button{min-height:32px;color:var(--muted);font-size:var(--fs-meta);font-weight:var(--fw-medium);transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.segmented button:hover{color:var(--ink)}.segmented button[aria-pressed=true]{border-color:var(--line);background:var(--surface-raised);color:var(--ink);box-shadow:none}.segmented-count{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle)}@media (pointer:coarse){.segmented button{min-height:40px}}.field{min-height:var(--control-md);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--subtle);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);align-items:center;gap:8px;padding:0 12px;display:flex}.field:focus-within{border-color:var(--muted);box-shadow:0 0 0 3px var(--paper-sunken)}.field input{min-width:0;color:var(--ink);font-size:var(--fs-small);background:0 0;border:0;outline:0;flex:1}.field input::placeholder{color:var(--subtle)}.field kbd{border:1px solid var(--line);background:var(--paper-sunken);font-size:var(--fs-micro);color:var(--subtle);border-radius:4px;padding:2px 6px}.form-field{margin:0 0 14px}.form-label{font-size:var(--fs-meta);font-weight:var(--fw-medium);color:var(--muted);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.form-label span{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--fw-regular);color:var(--subtle)}.input{width:100%;min-width:0;min-height:var(--control-md);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font-size:var(--fs-small);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);padding:9px 12px;line-height:1.45;display:block}textarea.input{resize:vertical;min-height:88px}.input::placeholder{color:var(--subtle)}.input:focus{border-color:var(--muted);box-shadow:0 0 0 3px var(--paper-sunken);outline:none}.input-group{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);align-items:center;gap:4px;padding-right:4px;display:flex}.input-group:focus-within{border-color:var(--muted);box-shadow:0 0 0 3px var(--paper-sunken)}.input-group .input{box-shadow:none;background:0 0;border:0}.datalist{grid-template-columns:repeat(var(--cols,3), minmax(0, 1fr));border-top:1px solid var(--line);margin:0;display:grid}.datalist>div{border-bottom:1px solid var(--line);min-width:0;padding:14px 16px 14px 0}.datalist dt{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle);margin-bottom:4px}.datalist dd{font-size:var(--fs-small);color:var(--ink);overflow-wrap:anywhere;margin:0}@media (max-width:640px){.datalist{grid-template-columns:repeat(2,minmax(0,1fr))}}.status{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--muted);align-items:center;gap:8px;display:inline-flex}.status:before{content:"";background:var(--success);border-radius:50%;width:7px;height:7px;animation:2.4s infinite pulse}.callout{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted);font-size:var(--fs-small);gap:10px;padding:12px 14px;line-height:1.55;display:flex}.callout svg{width:16px;height:16px;color:var(--ink);margin-top:2px}.callout-accent{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-strong)}.callout-warn{background:var(--sun-soft);border-color:var(--sun-line);color:var(--sun)}.callout-error{background:var(--rose-soft);border-color:var(--rose-line);color:var(--rose)}.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{color:var(--ink);font-size:var(--fs-body);font-weight:var(--fw-medium);justify-content:space-between;align-items:center;gap:16px;padding:16px 0;line-height:1.45;display:flex}.faq summary:hover{text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--muted);-webkit-text-decoration-color:var(--muted);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted)}.faq-icon{border:1px solid var(--line);width:24px;height:24px;color:var(--subtle);transition:transform var(--dur) var(--ease), background-color var(--dur) var(--ease);border-radius:6px;place-items:center;display:inline-grid}.faq-icon svg{width:14px;height:14px}.faq details[open] .faq-icon{background:var(--surface);color:var(--ink);transform:rotate(45deg)}.faq-answer{color:var(--muted);font-size:var(--fs-small);max-width:72ch;padding:0 40px 18px 0;line-height:1.7}.prose{color:var(--muted);font-size:var(--fs-small);max-width:76ch;line-height:1.75}.prose>*+*{margin-top:12px}.prose h2{font-size:var(--fs-h3);margin-top:28px}.prose h2:first-child{margin-top:0}.prose h3{font-size:var(--fs-h4)}.prose ul{gap:8px;margin:12px 0 0;padding-left:0;list-style:none;display:grid}.prose ul li{padding-left:18px;position:relative}.prose ul li:before{content:"";background:var(--line-strong);width:6px;height:1px;position:absolute;top:.72em;left:2px}.prose strong{color:var(--ink);font-weight:var(--fw-medium)}.rule{color:var(--subtle);font-family:var(--font-mono);font-size:var(--fs-micro);align-items:center;gap:12px;display:flex}.rule:before,.rule:after{content:"";background:var(--line);flex:1;height:1px}.shell{width:100%;max-width:var(--container);min-height:100dvh;padding:64px var(--gutter) 0;flex-direction:column;margin-inline:auto;display:flex}.container,.container-narrow{width:100%;max-width:none;margin:0;padding:0}.main{flex:1;min-width:0}.site-header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px 24px;margin-bottom:64px;display:grid}.site-id{min-width:0;color:var(--ink);display:block}.site-name{color:var(--ink);font-size:16px;line-height:20px;display:block}.site-role{color:var(--muted);font-size:16px;line-height:24px;display:block}.header-controls{align-items:center;gap:12px;margin-top:-5px;margin-right:-4px;display:flex;position:relative}.nav-trigger{min-height:36px;color:var(--muted);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:0 10px;font-size:13px;display:inline-flex}.nav-trigger svg{width:16px;height:16px}.nav-trigger:hover,.nav-trigger[aria-expanded=true]{color:var(--ink);background:var(--surface)}.theme-toggle{width:32px;height:32px;color:var(--ink);transition:color var(--dur) var(--ease), background-color var(--dur) var(--ease);background:0 0;border:0;border-radius:50%;place-items:center;display:inline-grid}.theme-toggle:hover{background:var(--surface)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .icon-sun{display:none}.dark .theme-toggle .icon-sun{display:block}.dark .theme-toggle .icon-moon{display:none}.nav-panel{z-index:60;border:1px solid var(--line);background:var(--surface);width:280px;max-width:calc(100vw - 32px);color:var(--ink);box-shadow:var(--shadow-pop);transform-origin:100% 0;border-radius:12px;padding:8px;animation:.16s ease-out nav-appear;position:absolute;top:calc(100% + 12px);right:0}.nav-panel[hidden],.nav-overlay,.nav-handle{display:none}.nav-heading{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;padding:3px 6px 10px 12px;font-size:12px;display:flex}.nav-close{width:32px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.nav-close svg{width:16px;height:16px}.nav-close:hover{color:var(--ink);background:var(--paper-sunken)}.nav-links{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:10px 12px;transition:background-color .15s;display:flex}.nav-links a>span{min-width:0}.nav-link-name{color:var(--ink);font-size:14px;line-height:22px;display:block}.nav-link-description{color:var(--muted);margin-top:2px;font-size:11px;line-height:18px;display:block}.nav-links a>svg{width:16px;height:16px;color:var(--subtle);flex-shrink:0}.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--paper-sunken)}.nav-links a[aria-current=page]>svg{color:var(--ink)}.nav-extra{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:4px;padding:10px 12px 4px;font-size:12px;display:flex}.nav-extra a{align-items:center;gap:4px;display:inline-flex}.nav-extra a:hover{color:var(--ink)}.nav-extra svg{width:12px;height:12px}@keyframes nav-appear{0%{opacity:0}to{opacity:1}}@keyframes nav-sheet-appear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (max-width:600px){.shell{padding-top:40px}.site-header{gap:14px 20px;margin-bottom:48px}.site-role{font-size:14px}.nav-overlay:not([hidden]){z-index:59;background:var(--overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:.18s ease-out nav-appear;display:block;position:fixed;inset:0}.nav-panel{overscroll-behavior:contain;width:auto;max-width:none;max-height:calc(100dvh - 24px);padding:10px 10px calc(10px + env(safe-area-inset-bottom));border-radius:18px;animation:.22s ease-out nav-sheet-appear;position:fixed;inset:auto 12px 12px;overflow-y:auto}.nav-handle{background:var(--line-strong);border-radius:4px;width:28px;height:3px;margin:0 auto 8px;display:block}}.scroll-fade{z-index:30;background:var(--paper);opacity:0;pointer-events:none;height:6.5rem;position:fixed;inset-inline:0;-webkit-mask-image:linear-gradient(#000 0%,#000000c7 22%,#0000006b 48%,#00000024 72%,#00000008 90%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000c7 22%,#0000006b 48%,#00000024 72%,#00000008 90%,#0000 100%)}.scroll-fade-top{top:0}.scroll-fade-bottom{bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#00000008 10%,#00000024 28%,#0000006b 52%,#000000c7 78%,#000 100%);mask-image:linear-gradient(#0000 0%,#00000008 10%,#00000024 28%,#0000006b 52%,#000000c7 78%,#000 100%)}@supports (animation-timeline:scroll(root)){.scroll-fade{animation-duration:1s;animation-timing-function:cubic-bezier(.45,0,.55,1);animation-fill-mode:both;animation-timeline:scroll(root)}.scroll-fade-top{animation-name:fade-in;animation-range:0 160px}.scroll-fade-bottom{animation-name:fade-out;animation-range:calc(100% - 160px) 100%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.page-header{border-radius:var(--radius-md);background:var(--surface);margin:0 -12px 40px;padding:14px 12px 16px}.page-header-grid{flex-direction:column;gap:14px;display:flex}.page-header-copy{min-width:0}.page-header .kicker{margin-bottom:6px}.page-header h1{font-size:22px;line-height:31px;font-weight:var(--fw-medium);letter-spacing:-.01em}.page-header .lead{font-size:var(--fs-small);color:var(--muted);max-width:none;margin-top:6px;line-height:1.65}.page-header-actions{flex-wrap:wrap;gap:8px;display:flex}.page-header-meta{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.breadcrumbs ol{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle);flex-wrap:wrap;align-items:center;gap:2px;margin:0 0 10px;padding:0;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:2px;display:inline-flex}.breadcrumbs li+li:before{content:"/";color:var(--line-strong);margin:0 6px}.breadcrumbs a{color:var(--muted);border-radius:3px}.breadcrumbs a:hover,.breadcrumbs [aria-current=page]{color:var(--ink)}.section{margin-top:var(--section-gap);scroll-margin-top:32px}.section-tight{margin-top:48px;scroll-margin-top:32px}.page-header+.section,.page-header+.section-tight,.page-header+*>.section:first-child{margin-top:0}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px 24px;margin-bottom:18px;display:flex}.section-header-copy{min-width:0;max-width:100%}.section-header .kicker{margin-bottom:4px}.section-header .text-small{margin-top:6px}.section-header-line{border-bottom:1px solid var(--line);padding-bottom:14px}.footer{border-top:1px solid var(--line);flex-direction:column;gap:14px;margin-top:80px;padding:24px 0 40px;display:flex}.footer-top{align-items:center;gap:16px;display:flex}.footer-id{flex-direction:column;min-width:0;display:flex}.footer-domain{font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--ink)}.footer-tagline{font-size:var(--fs-small);color:var(--muted);line-height:1.45}.footer-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.footer-bottom{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 20px;display:flex}.footer-meta{flex-wrap:wrap;align-items:baseline;gap:4px 10px;display:flex}.footer-meta a{transition:color var(--dur) var(--ease)}.footer-meta a:hover{color:var(--ink)}.footer-sep{color:var(--line-strong)}@media (max-width:359px){.shell{padding-inline:20px}}.home{flex-direction:column;gap:80px;display:flex}.home>section{scroll-margin-top:32px}.home-heading{color:var(--muted);letter-spacing:0;margin-bottom:18px;font-size:16px;font-weight:400;line-height:24px}.home-copy{color:var(--text);font-size:16px;line-height:1.65}.home-copy+.home-copy{margin-top:14px}.inline-project{border:1px solid var(--line);background:var(--surface);color:var(--text);vertical-align:baseline;white-space:nowrap;transition:background-color var(--dur) var(--ease);border-radius:7px;align-items:center;gap:6px;padding:2px 9px 2px 5px;font-size:12px;line-height:19px;display:inline-flex}.inline-project:hover{background:var(--paper-sunken)}.inline-project img,.inline-project svg{border-radius:24%;width:14px;height:14px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:16px;display:grid}.gallery-column{flex-direction:column;gap:16px;display:flex}.gallery-photo{aspect-ratio:3/2;background:var(--surface);border-radius:8px;width:100%;display:block;position:relative;overflow:hidden}.gallery-photo:nth-child(2),.gallery-column:first-child .gallery-photo:first-child{aspect-ratio:3/4}.gallery-column:first-child .gallery-photo:nth-child(2){aspect-ratio:3/2}.gallery-photo img{object-fit:cover;transition:transform .35s}.gallery-photo:hover img{transform:scale(1.035)}.job-list{flex-direction:column;display:flex}.job{justify-content:space-between;align-items:baseline;gap:16px;padding-block:14px;display:flex}.job:first-child{padding-top:0}.job h3{color:var(--ink);letter-spacing:0;font-size:16px;font-weight:400}.job p{color:var(--muted);margin-top:3px;font-size:14px}.job>span{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px}a.job:hover h3{text-underline-offset:4px;text-decoration:underline}.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ref-card{border:1px solid var(--line);background:var(--surface);transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);border-radius:12px;padding:18px 16px;display:block}.ref-card:hover{border-color:var(--line-strong);background:var(--paper-sunken)}.ref-card-head{align-items:center;gap:9px;display:flex}.ref-card-icon{width:23px;height:23px;color:var(--ink);border-radius:24%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.ref-card-icon img{object-fit:cover;width:100%;height:100%}.ref-card-icon svg{width:18px;height:18px}.ref-card h3{color:var(--ink);letter-spacing:0;font-size:15px;font-weight:450}.ref-card-arrow{width:14px;height:14px;color:var(--muted);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease);margin-left:auto}.ref-card:hover .ref-card-arrow{color:var(--ink);transform:translate(1px,-1px)}.ref-card p{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.65}.ref-card-tech{color:var(--subtle);margin-top:15px;font-size:12px;display:block}.post-list{flex-direction:column;gap:32px;display:flex}.post{display:block}.post h3{color:var(--ink);letter-spacing:0;font-size:16px;font-weight:400;line-height:1.6}.post:hover h3{text-decoration:underline;-webkit-text-decoration-color:var(--muted);-webkit-text-decoration-color:var(--muted);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:4px}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;font-size:12px;line-height:20px;display:flex}.post-meta span:first-child{color:var(--subtle)}.post-category{border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:0 7px;font-size:11px;line-height:20px}.post p{color:var(--text);margin-top:9px;font-size:16px;line-height:1.65}.more-link{color:var(--muted);margin-top:30px;font-size:14px;line-height:1.5;display:inline-block}.more-link:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.socials{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px;display:flex}.socials a{color:var(--muted);transition:color var(--dur) var(--ease);align-items:center;gap:4px;font-size:14px;display:inline-flex}.socials a:hover{color:var(--ink)}.socials svg{width:12px;height:12px}@media (max-width:600px){.home{gap:64px}.gallery,.gallery-column{gap:10px}.gallery-photo{border-radius:6px}.ref-grid{gap:10px}.ref-card{padding:15px 12px}.ref-card h3{font-size:14px}.ref-card p{font-size:13px}.ref-card-tech{font-size:11px}.post-list{gap:28px}}@media (max-width:359px){.ref-grid{grid-template-columns:minmax(0,1fr)}.job{flex-wrap:wrap;gap:4px}}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.project-card{gap:10px}.project-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.project-card-badges{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.project-card-title a{color:var(--ink)}.project-card-more{color:var(--muted);font-size:var(--fs-meta);align-items:center;gap:6px;margin-top:auto;padding-top:14px;display:inline-flex}.project-card-more svg{width:14px;height:14px;transition:transform var(--dur) var(--ease)}.project-card:hover .project-card-more{color:var(--ink)}.project-card:hover .project-card-more svg{transform:translate(3px)}.project-rows{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.project-row{border-bottom:1px solid var(--line);transition:background-color var(--dur-fast) var(--ease);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:16px 8px;display:grid;position:relative}.project-row:hover{background:var(--surface)}.project-row:hover .title-4{text-underline-offset:4px;text-decoration:underline}.project-row-copy p{margin-top:2px}.project-row a{color:var(--ink)}.project-row-domain{font-size:var(--fs-micro);color:var(--subtle)}.project-row-arrow{width:16px;height:16px;color:var(--subtle);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease)}.project-row:hover .project-row-arrow{color:var(--ink);transform:translate(3px)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.toolbar-search{flex:0 320px}.result-count{margin-top:20px}.empty{border:1px dashed var(--line-strong);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:56px 20px;display:flex}.empty>svg{width:24px;height:24px;color:var(--subtle)}@media (max-width:520px){.project-grid{grid-template-columns:minmax(0,1fr)}.project-row{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:0}.project-row-domain{display:none}.toolbar-search{flex-basis:100%}}.project-hero-grid{align-items:flex-start;gap:24px;display:flex}.project-hero .kicker{margin-bottom:10px}.project-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.project-note{margin-top:12px}.project-about{grid-template-columns:minmax(0,1fr);align-items:start;gap:28px;display:grid}.project-detail-text{color:var(--text)}.check-list{gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}.check-list li{font-size:var(--fs-small);color:var(--text);gap:10px;line-height:1.55;display:flex}.check-list svg{width:16px;height:16px;color:var(--muted);margin-top:2px}.check-list-lg{gap:10px;margin-top:20px}.check-list-lg li{font-size:var(--fs-body)}.project-gallery{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.project-preview{min-width:0;margin:0}.project-preview-image{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);cursor:zoom-in;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-preview-image img{object-fit:contain;transition:transform var(--dur) var(--ease);padding:12px}.project-preview-image:hover img{transform:scale(1.03)}.project-preview-zoom{background:var(--ink);width:28px;height:28px;color:var(--on-ink);opacity:0;transition:opacity var(--dur-fast) var(--ease);border-radius:7px;place-items:center;display:grid;position:absolute;bottom:8px;right:8px}.project-preview-zoom svg{width:14px;height:14px}.project-preview-image:hover .project-preview-zoom,.project-preview-image:focus-visible .project-preview-zoom{opacity:1}.project-preview figcaption{font-size:var(--fs-meta);color:var(--muted);gap:8px;margin-top:8px;display:flex}.project-preview figcaption .mono{color:var(--subtle)}.image-viewer{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--text);background:0 0;border:0;margin:0;padding:24px;position:fixed;inset:0}.image-viewer[open]{place-items:center;display:grid}.image-viewer::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.image-viewer-panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);width:min(100%,1120px);max-height:100%;box-shadow:var(--shadow-pop);flex-direction:column;display:flex;overflow:hidden}.image-viewer-header,.image-viewer-footer{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.image-viewer-header{border-bottom:1px solid var(--line)}.image-viewer-stage{height:min(70dvh,720px);min-height:0;margin:12px;position:relative}.image-viewer-stage img{object-fit:contain}.image-viewer-footer{border-top:1px solid var(--line);color:var(--muted);font-size:var(--fs-small)}.image-viewer-navigation{font-size:var(--fs-meta);align-items:center;gap:10px;display:flex}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps-4{grid-template-columns:repeat(2,minmax(0,1fr))}.steps .card{gap:8px}.steps-index{font-size:var(--fs-meta);color:var(--subtle);margin-bottom:8px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-small);text-align:left;font-variant-numeric:tabular-nums}.table th{border-bottom:1px solid var(--line);background:var(--surface);color:var(--subtle);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--fw-medium);white-space:nowrap;padding:12px 16px}.table td{border-bottom:1px solid var(--line);color:var(--text);padding:12px 16px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover td{background:var(--surface)}.compat-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compat-card{gap:10px}.compat-head{align-items:center;gap:8px;display:flex}.compat-head svg{background:var(--rose-soft);width:18px;height:18px;color:var(--rose);border-radius:5px;padding:2px}.compat-card[data-ok=true] .compat-head svg{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.compat-card[data-ok=true] .compat-head svg{background:color-mix(in srgb, var(--success) 12%, transparent)}}.compat-card[data-ok=true] .compat-head svg{color:var(--success)}.badge-cloud{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.table-note{margin-top:12px}.level-path{flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.level-path li{align-items:center;gap:8px;display:inline-flex}.level-path .badge{min-height:30px;font-size:var(--fs-meta);padding:0 12px}.level-path svg{width:14px;height:14px;color:var(--subtle)}.badge-cloud-lg .badge{min-height:30px;font-size:var(--fs-meta);padding:0 12px}@media (max-width:560px){.project-hero-grid{flex-direction:column;gap:16px}.steps,.steps-4,.feature-grid,.compat-grid{grid-template-columns:minmax(0,1fr)}.image-viewer{padding:12px}.image-viewer-stage{height:64dvh;margin:8px}.image-viewer-footer{flex-wrap:wrap}}.about-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:40px;display:grid}.about-aside{position:static}.toc-title{font-size:var(--fs-micro);color:var(--subtle);margin-bottom:12px}.toc ol{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.toc a{border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);border-radius:7px;align-items:center;gap:10px;padding:4px 10px;font-size:13px;display:flex}.toc a .mono{font-size:var(--fs-micro);color:var(--subtle)}.toc a:hover{color:var(--ink);background:var(--paper-sunken)}.toc a[aria-current=location]{border-color:var(--line-strong);background:var(--paper-sunken);color:var(--ink)}.toc a[aria-current=location] .mono{color:var(--ink)}.about-content{min-width:0}.about-section{scroll-margin-top:32px}.about-section+.about-section{margin-top:64px}.about-summary{max-width:70ch;margin-bottom:28px}.inline-links{flex-wrap:wrap;gap:4px 14px;display:inline-flex}.timeline{margin:0;padding:0;list-style:none}.timeline-item{padding:0 0 32px 28px;position:relative}.timeline-item:before{content:"";background:var(--line);width:1px;position:absolute;top:14px;bottom:0;left:5px}.timeline-item:last-child{padding-bottom:0}.timeline-item:last-child:before{display:none}.timeline-node{border:2px solid var(--line-strong);background:var(--paper);border-radius:3px;width:11px;height:11px;position:absolute;top:5px;left:0}.timeline-item[data-current] .timeline-node{border-color:var(--ink);background:var(--ink)}.timeline-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;display:flex}.timeline-org{font-size:var(--fs-small);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.timeline-list{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.timeline-list li{font-size:var(--fs-small);color:var(--muted);padding-left:16px;line-height:1.6;position:relative}.timeline-list li:before{content:"";background:var(--line-strong);width:6px;height:1px;position:absolute;top:.75em;left:0}.edu-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.edu-card{gap:6px}.edu-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.edu-school{font-size:var(--fs-small);color:var(--muted)}.cert-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:20px 0 0;padding:0;list-style:none;display:grid}.cert-list li{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:2px 12px;padding:14px 0;display:grid}.cert-list svg{width:16px;height:16px;color:var(--muted);grid-row:span 2;margin-top:3px}.skill-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.skill-groups h3+p{margin-top:10px}.equipment-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:20px 0 0;padding:0;list-style:none;display:grid}.equipment-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:4px;padding:14px;display:flex}.equipment-image{height:96px;margin-bottom:10px;position:relative}.equipment-image img{object-fit:contain}@media (max-width:640px){.cert-list,.skill-groups{grid-template-columns:minmax(0,1fr)}}.contact-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:16px;display:grid}.compose-fields{border-top:1px solid var(--line);margin:0 0 24px}.compose-fields>div{border-bottom:1px solid var(--line);font-size:var(--fs-small);gap:16px;padding:10px 0;display:flex}.compose-fields dt{width:48px;color:var(--subtle)}.compose-fields dd{color:var(--ink);margin:0}.compose-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 24px;padding:0;list-style:none;display:grid}.compose-topic{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);min-height:44px;color:var(--text);font-size:var(--fs-small);font-weight:var(--fw-medium);transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);align-items:center;gap:10px;padding:0 14px;display:flex}.compose-topic svg{width:15px;height:15px;color:var(--subtle)}.compose-topic:hover{border-color:var(--line-strong);background:var(--paper-sunken);color:var(--ink)}.compose-topic:hover svg{color:var(--ink)}.compose-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 16px;padding-top:20px;display:flex}.channel-list{gap:12px;display:grid}.channel{flex-direction:row;align-items:center;gap:14px;padding:16px}.channel-copy{flex:1;min-width:0}.channel-copy a{color:var(--ink)}.channel-value{font-size:var(--fs-meta);color:var(--muted);overflow-wrap:anywhere;margin-top:2px}.channel-actions{z-index:1;gap:6px;display:flex;position:relative}.channel-hint{white-space:nowrap}@media (max-width:520px){.compose-topics{grid-template-columns:minmax(0,1fr)}.channel-hint{display:none}}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px;display:grid;position:relative}.tool-card:hover{border-color:var(--line-strong);background:var(--paper-sunken)}.tool-card-icon{border:1px solid var(--line);background:var(--paper);width:32px;height:32px;color:var(--ink);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), border-color var(--dur) var(--ease);border-radius:8px;place-items:center;display:grid}.tool-card-icon svg{width:16px;height:16px}.tool-card-copy{min-width:0}.tool-card-copy a{color:var(--ink)}.tool-card-copy p{-webkit-line-clamp:2;font-size:var(--fs-small);color:var(--muted);-webkit-box-orient:vertical;margin-top:3px;line-height:1.55;display:-webkit-box;overflow:hidden}.tool-card-meta{font-size:var(--fs-micro);color:var(--subtle);margin-top:8px;display:block}.tool-card-arrow{width:16px;height:16px;color:var(--subtle);transition:transform var(--dur) var(--ease), color var(--dur) var(--ease);margin-top:10px}.tool-card:hover .tool-card-arrow{color:var(--ink);transform:translate(3px)}.tool-groups{gap:36px;display:grid}.tool-group{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px;scroll-margin-top:32px;display:grid}.tool-group .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-group-title{letter-spacing:0;color:var(--muted);gap:10px;font-size:16px;font-weight:400;display:flex}.tool-group-title span{color:var(--subtle);font-family:var(--font-mono);font-size:12px}.tool-group-header p{font-size:var(--fs-small);color:var(--muted);margin-top:2px;line-height:1.6}@media (max-width:560px){.tool-grid,.tool-group .tool-grid{grid-template-columns:minmax(0,1fr)}.tool-card{gap:12px;padding:14px}}.cta{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 32px;display:flex}.cta-copy{max-width:none}.cta-copy .kicker{margin-bottom:10px}.cta-copy .text-small{margin-top:10px}.cta-actions{flex-wrap:wrap;gap:10px;display:flex}.not-found{padding-top:clamp(40px,8vw,96px)}.not-found-code{font-size:var(--fs-meta);color:var(--muted);white-space:pre-wrap;margin:0;line-height:1.8}.not-found-copy{margin-top:40px}.not-found-copy .kicker{margin-bottom:14px}.not-found-copy .lead{margin-top:14px}.hero-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}.tool-stage{min-width:0}.photo-status{font-family:var(--font-mono);font-size:var(--fs-meta);color:var(--accent-strong);margin-top:12px}.photo-status:empty{display:none}.photo-error{border:1px solid var(--rose-line);border-radius:var(--radius-sm);background:var(--rose-soft);color:var(--rose);font-size:var(--fs-small);margin-top:14px;padding:12px 14px}.photo-privacy{border:1px solid var(--accent-line);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-mono);font-size:var(--fs-micro);align-items:center;gap:8px;margin:0 0 18px;padding:6px 12px;display:inline-flex}.photo-privacy svg{width:13px;height:13px}.photo-workspace{grid-template-columns:minmax(260px,.85fr) minmax(0,1.5fr);gap:20px;display:grid}.photo-controls,.photo-preview{border:1px solid var(--line);border-radius:var(--radius-md);min-width:0}.photo-controls{background:var(--surface-raised);box-shadow:var(--shadow-card);padding:20px}.photo-step-title{align-items:center;gap:10px;margin:26px 0 12px;display:flex}.photo-step-title:first-child{margin-top:0}.photo-step-title>span{background:var(--ink);width:24px;height:24px;color:var(--on-ink);font-family:var(--font-mono);font-size:var(--fs-micro);border-radius:6px;place-items:center;display:grid}.photo-step-title h2{font-size:var(--fs-h4)}.photo-file-input{display:none}.photo-upload{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--accent-strong);transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);flex-direction:column;align-items:center;gap:8px;padding:22px 12px;display:flex}.photo-upload:hover,.photo-upload.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.photo-upload strong{font-size:var(--fs-small);font-weight:var(--fw-medium)}.photo-upload>span{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle)}.photo-upload:disabled{opacity:.5;cursor:default}.photo-filename{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle);margin:8px 0 0;overflow:hidden}.photo-field{border:0;min-width:0;margin:0 0 14px;padding:0}.photo-field legend{font-size:var(--fs-meta);font-weight:var(--fw-medium);color:var(--muted);margin-bottom:8px;padding:0}.photo-options{gap:6px;display:flex}.photo-options label{cursor:pointer;flex:1;min-width:0;position:relative}.photo-options input{opacity:0;width:1px;height:1px;position:absolute}.photo-options span{border:1px solid var(--line);background:var(--surface-raised);color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-meta);text-align:center;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:7px;padding:9px 4px;display:block}.photo-options label:hover span{border-color:var(--line-strong);color:var(--ink)}.photo-options input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.photo-options input:checked+span small{color:var(--on-ink)}@supports (color:color-mix(in lab, red, red)){.photo-options input:checked+span small{color:color-mix(in srgb, var(--on-ink) 70%, transparent)}}.photo-options input:focus-visible+span{box-shadow:var(--focus)}.photo-options strong{font-size:var(--fs-meta);font-weight:var(--fw-medium);display:block}.photo-options small{color:var(--subtle);margin-top:3px;font-size:10px;display:block}.photo-size-options{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.photo-count-options span{font-size:var(--fs-micro)}.photo-select-label{font-size:var(--fs-meta);font-weight:var(--fw-medium);color:var(--muted);text-align:left;margin-bottom:8px;display:block}.photo-select{width:100%;min-width:0;min-height:var(--control-md);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--ink);font-size:var(--fs-small);padding:8px 10px}.photo-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.photo-select{margin-bottom:14px}.photo-checkbox{font-size:var(--fs-small);color:var(--muted);cursor:pointer;align-items:center;gap:8px;display:flex}.photo-checkbox input{width:16px;height:16px;accent-color:var(--accent)}.photo-print-summary{border-top:1px solid var(--line);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;padding:12px 0;display:flex}.photo-print-summary strong{color:var(--ink);font-weight:var(--fw-medium)}.photo-layout-note{border:1px solid var(--sky-line);border-radius:var(--radius-sm);background:var(--sky-soft);color:var(--sky);font-size:var(--fs-meta);margin-bottom:14px;padding:10px 12px}.photo-quality-note{border:1px solid var(--sun-line);border-radius:var(--radius-sm);background:var(--sun-soft);color:var(--sun);font-size:var(--fs-meta);margin:0 0 14px;padding:10px 12px}.photo-crop-controls{border:0;min-width:0;margin:0;padding:0}.photo-crop-controls label{font-size:var(--fs-small);color:var(--text);justify-content:space-between;gap:8px;margin-top:12px;display:flex}.photo-crop-controls label:first-of-type{margin-top:0}.photo-crop-controls label span,.photo-crop-controls output{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle)}.photo-crop-controls input[type=range]{width:100%;min-height:30px;accent-color:var(--accent);cursor:pointer;display:block}.photo-crop-controls:disabled{opacity:.5}.photo-reset{color:var(--muted);font-size:var(--fs-meta);background:0 0;border:0;align-items:center;gap:6px;padding:8px 0 0;display:inline-flex}.photo-reset:hover{color:var(--accent-strong)}.photo-preview{background:radial-gradient(circle at 1px 1px, var(--grid-dot) 1px, transparent 0) 0 0 / 16px 16px, var(--paper-sunken);flex-direction:column;padding:20px;display:flex}.photo-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.photo-preview-heading h2{font-size:var(--fs-h4)}.photo-preview-heading>span{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle)}.photo-preview-content{flex:1;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:24px;padding:28px 4px;display:grid}.photo-crop-frame{border:1px solid var(--line-strong);background:var(--surface-raised);width:100%;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.photo-crop-frame canvas:not([hidden]){cursor:grab;touch-action:none;width:100%;height:100%;display:block}.photo-crop-frame canvas:active{cursor:grabbing}.photo-empty{color:var(--subtle);font-size:var(--fs-micro);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:6px;display:flex;position:absolute;inset:0}.photo-empty svg{color:var(--line-strong)}.photo-empty small{color:var(--subtle);font-size:10px}.photo-crop-preview>p,.photo-sheet-preview>p{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--muted);text-align:center;margin:10px 0 0}.photo-drag-hint{color:var(--subtle);text-align:center;margin-top:3px;font-size:10px;display:block}.photo-sheet{aspect-ratio:210/297;border:1px solid var(--line);width:100%;box-shadow:var(--shadow-card);background:#fff;position:relative}.photo-sheet canvas:not([hidden]){width:100%;height:100%;display:block}.photo-page-navigation{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--muted);justify-content:center;align-items:center;gap:12px;margin-top:10px;display:flex}.photo-page-navigation button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface-raised);width:36px;height:36px;color:var(--ink);place-items:center;display:grid}.photo-page-navigation button:disabled{opacity:.35;cursor:default}.photo-download{border-top:1px solid var(--line);text-align:center;padding-top:18px}.photo-download .photo-field legend{text-align:left}.photo-download .photo-format-note{font-size:var(--fs-meta);color:var(--muted);text-align:left;margin:0 0 14px}.photo-download p{font-size:var(--fs-meta);color:var(--muted);margin:8px 0 0}.photo-print-note{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin-top:24px;padding:20px}.photo-print-note h2{font-size:var(--fs-h4);margin-bottom:8px}.photo-print-note p{max-width:76ch;font-size:var(--fs-small);color:var(--muted);margin-top:8px}.photo-print-note strong{color:var(--ink);font-weight:var(--fw-medium)}@media (max-width:860px){.photo-workspace{grid-template-columns:minmax(0,1fr);gap:16px}.photo-preview-content{width:100%;max-width:460px;margin-inline:auto}}@media (max-width:640px){.photo-controls,.photo-preview{padding:14px}.photo-preview-content{gap:16px}}.network-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);min-width:0;box-shadow:var(--shadow-card);padding:clamp(18px,3vw,28px)}.network-toolbar,.network-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.network-section-heading{margin:0 0 16px}.network-section-heading h2{font-size:var(--fs-h3)}.network-section-heading h2>span{font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--fw-regular);color:var(--subtle);margin-left:8px}.network-intro{max-width:60ch;font-size:var(--fs-small);color:var(--muted)}.network-chip{border:1px solid var(--accent-line);background:var(--accent-soft);min-height:24px;color:var(--accent-strong);font-family:var(--font-mono);font-size:var(--fs-micro);border-radius:6px;align-items:center;gap:6px;padding:0 9px;display:inline-flex}.network-unit{border:1px solid var(--line);background:var(--paper-sunken);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.network-unit label{cursor:pointer;position:relative}.network-unit input{opacity:0;width:1px;height:1px;position:absolute}.network-unit span{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--muted);border-radius:6px;padding:5px 10px;display:inline-flex}.network-unit input:checked+span{background:var(--surface-raised);color:var(--ink);box-shadow:none;border:1px solid var(--line)}.network-unit input:focus-visible+span{box-shadow:var(--focus)}.speed-metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1.25fr 1.25fr 1fr 1fr;gap:0;margin:28px 0;display:grid}.speed-metric{border-left:1px solid var(--line);flex-direction:column;align-items:flex-start;min-width:0;padding:22px 20px;display:flex}.speed-metric:first-child{border-left:0}.speed-metric>span{font-size:var(--fs-meta);color:var(--muted);align-items:center;gap:6px;display:inline-flex}.speed-metric>span svg{width:14px;height:14px;color:var(--accent)}.speed-metric strong{overflow-wrap:anywhere;color:var(--ink);font-family:var(--font-mono);font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;letter-spacing:-.05em;margin-top:10px;line-height:1.1}.speed-metric-small strong{margin-top:14px;font-size:clamp(1.375rem,1.1rem + 1vw,1.875rem)}.speed-metric small{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle);margin-top:6px}.speed-progress{background:var(--paper-sunken);border-radius:4px;height:4px;margin:16px 0;overflow:hidden}.speed-progress span{background:var(--accent);height:100%;transition:width .2s;display:block}.speed-start{text-align:center}.speed-start .btn{min-width:220px}.speed-start p{min-height:18px;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--muted);margin:12px 0 0}.speed-result-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.network-service-note{font-size:var(--fs-meta);color:var(--subtle);margin:18px 0 0;line-height:1.65}.network-history,.network-info-section{border-top:1px solid var(--line);min-width:0;margin-top:28px;padding-top:24px}.network-actions{flex-wrap:wrap;gap:6px;display:flex}.network-table-wrap{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);overflow:auto}.network-table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:var(--fs-meta);font-variant-numeric:tabular-nums;text-align:left;white-space:nowrap}.network-table th{border-bottom:1px solid var(--line);background:var(--surface);color:var(--subtle);font-size:var(--fs-micro);font-weight:var(--fw-medium);padding:11px 14px}.network-table td{border-bottom:1px solid var(--line);color:var(--text);padding:11px 14px}.network-table tbody tr:last-child td{border-bottom:0}.network-empty{border:1px dashed var(--line-strong);border-radius:var(--radius-md);font-size:var(--fs-small);color:var(--subtle);padding:18px}.network-clear-confirm{border:1px solid var(--rose-line);border-radius:var(--radius-md);background:var(--rose-soft);margin-bottom:12px;padding:14px}.network-clear-confirm p{font-size:var(--fs-small);color:var(--rose);margin-bottom:10px}.network-clear-confirm button{margin-right:6px}.network-panel button:disabled,.network-section-heading button:disabled{opacity:.5;cursor:default}.network-table td:last-child{text-align:right;width:1%;padding-block:6px}.speed-history-image{border:1px solid var(--line);background:var(--surface-raised);min-height:28px;color:var(--muted);font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--fw-medium);transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);border-radius:7px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.speed-history-image svg{width:13px;height:13px}.speed-history-image:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-strong)}.speed-history-image:disabled{opacity:.5;cursor:default}@media (pointer:coarse){.speed-history-image{min-height:40px}}.network-prose{max-width:76ch}.network-prose h2{font-size:var(--fs-h3);margin:26px 0 8px}.network-prose h2:first-child{margin-top:0}.network-prose p,.network-prose li{font-size:var(--fs-small);color:var(--muted);line-height:1.75}.network-prose p+p{margin-top:10px}.network-prose a{color:var(--accent-strong);text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);-webkit-text-decoration-color:var(--accent-line);-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:3px}.network-source-links,.source-links{flex-wrap:wrap;gap:8px 18px;margin-top:14px;display:flex}.network-source-links a{align-items:center;gap:4px;display:inline-flex}.ip-address-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ip-address-card .network-section-heading h2{font-family:var(--font-mono);font-size:var(--fs-small);font-weight:var(--fw-medium)}.ip-address{overflow-wrap:anywhere;min-height:36px;color:var(--ink);font-family:var(--font-mono);font-size:clamp(1.125rem,.9rem + 1vw,1.625rem);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums;letter-spacing:-.03em;-webkit-user-select:all;user-select:all;margin:18px 0 22px}.ip-details{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:12px 0 0;display:grid}.ip-details>div{border-bottom:1px solid var(--line);min-width:0;padding:12px 0}.ip-details dt{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle);margin-bottom:4px}.ip-details dd{overflow-wrap:anywhere;font-size:var(--fs-small);color:var(--ink);margin:0}.recommendations{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.recommendations .card{gap:8px}.recommendation-link{font-size:var(--fs-meta);margin-top:auto;padding-top:8px}.recommendations-note{max-width:76ch;margin-top:16px}@media (max-width:760px){.recommendations{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.speed-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.speed-metric:nth-child(3){border-left:0}.speed-metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.speed-metric{padding:18px 14px}.ip-address-grid{grid-template-columns:minmax(0,1fr)}.ip-details{gap:0 16px}}.qr-kinds{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.qr-kinds span{flex-direction:column;align-items:center;gap:5px;padding:10px 2px;display:flex}.qr-kinds span svg{width:16px;height:16px}.qr-kinds strong{font-family:var(--font-sans);font-size:var(--fs-micro)}.photo-options span>svg{width:15px;height:15px}.qr-presets{flex-wrap:wrap;gap:8px;display:flex}.qr-preset{border:1px solid var(--line-strong);width:40px;height:40px;transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border-radius:9px;place-items:center;display:grid}.qr-preset svg{width:20px;height:20px}.qr-preset:hover{transform:translateY(-1px)}.qr-preset[aria-pressed=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink)}.qr-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px;display:grid}.qr-color{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);cursor:pointer;align-items:center;gap:8px;min-width:0;padding:6px;display:flex}.qr-color input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:0}.qr-color input::-webkit-color-swatch-wrapper{padding:0}.qr-color input::-webkit-color-swatch{border:0;border-radius:5px}.qr-color input::-moz-color-swatch{border:0;border-radius:5px}.qr-color input:disabled{opacity:.35;cursor:not-allowed}.qr-color span{min-width:0;font-size:var(--fs-meta);font-weight:var(--fw-medium);color:var(--text);flex-direction:column;display:flex}.qr-color small{color:var(--subtle);text-transform:uppercase;font-size:10px}.qr-check{margin-bottom:16px}.qr-logo-row{flex-wrap:wrap;gap:6px;display:flex}.qr-range{margin-top:12px;margin-bottom:14px}.qr-stage{flex:1;place-items:center;min-height:320px;margin:20px 0 12px;padding:clamp(16px,4vw,36px);display:grid}.qr-stage[data-transparent]{background:repeating-conic-gradient(var(--checker) 0% 25%, var(--paper) 0% 50%) 0 0 / 16px 16px;border-radius:var(--radius-sm)}.qr-image{width:100%;max-width:340px;height:auto;box-shadow:var(--shadow-card);border-radius:6px;display:block}.qr-stage[data-transparent] .qr-image{box-shadow:none}.qr-empty{max-width:260px;color:var(--subtle);font-size:var(--fs-small);text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.qr-empty svg{width:56px;height:56px;color:var(--line-strong)}.qr-payload{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);font-size:var(--fs-micro);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 14px;padding:8px 12px;overflow:hidden}.qr-download{text-align:left}.qr-secondary-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px;display:grid}.barcode-formats{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.barcode-formats strong{font-family:var(--font-mono);font-size:var(--fs-micro)}.barcode-usage{font-size:var(--fs-meta);color:var(--muted);margin:-4px 0 14px}.barcode-check{font-size:var(--fs-micro);color:var(--subtle);margin:10px 0 0}.barcode-check strong{color:var(--accent);font-weight:var(--fw-semibold)}.barcode-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.barcode-image{width:100%;max-width:420px;height:auto;box-shadow:var(--shadow-card);border-radius:6px;display:block}.qr-stage[data-transparent] .barcode-image{box-shadow:none}.barcode-bulk{border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--fs-meta);transition:border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.barcode-bulk span{flex-direction:column;gap:2px;display:flex}.barcode-bulk strong{color:var(--text);font-weight:var(--fw-semibold)}.barcode-bulk svg{flex-shrink:0;width:16px;height:16px}.barcode-bulk:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:520px){.qr-kinds{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-colors{grid-template-columns:minmax(0,1fr)}.qr-stage{min-height:240px}}.site-form{flex-direction:column;gap:8px;display:flex}.site-form-row{gap:8px;display:flex}.site-form-row .input{flex:1;min-width:0}.site-form-row .btn{flex-shrink:0}.site-examples{font-size:var(--fs-meta);color:var(--subtle);margin:4px 0 0}.site-examples button{color:var(--accent-strong);font-size:var(--fs-micro);text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);-webkit-text-decoration-color:var(--accent-line);-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);text-underline-offset:3px;margin-right:10px}.site-examples button:hover{text-decoration-color:currentColor}.site-loading{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--muted);align-items:center;gap:10px;margin-top:20px;display:flex}.site-loading span{border:2px solid var(--accent-line);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite site-spin}@keyframes site-spin{to{transform:rotate(360deg)}}.site-report{margin-top:28px}.site-report>.network-section-heading h2{font-family:var(--font-mono);font-size:var(--fs-h3);font-weight:var(--fw-medium);overflow-wrap:anywhere}.site-summary{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-card);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.site-summary-item{border-left:1px solid var(--line);flex-direction:column;min-width:0;padding:18px 20px;display:flex}.site-summary-item:first-child{border-left:0}.site-summary-item>span{font-size:var(--fs-meta);color:var(--muted);align-items:center;gap:7px;display:inline-flex}.site-summary-item i{background:var(--tone,var(--accent));border-radius:50%;width:8px;height:8px}.site-summary-item strong{font-family:var(--font-mono);font-size:clamp(1.25rem,1rem + 1vw,1.75rem);font-weight:var(--fw-medium);letter-spacing:-.03em;color:var(--ink);margin-top:10px}.site-summary-item small{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--subtle);margin-top:4px}[data-tone=ok]{--tone:var(--success);--tone-soft:var(--success)}@supports (color:color-mix(in lab, red, red)){[data-tone=ok]{--tone-soft:color-mix(in srgb, var(--success) 10%, transparent)}}[data-tone=ok]{--tone-line:var(--success)}@supports (color:color-mix(in lab, red, red)){[data-tone=ok]{--tone-line:color-mix(in srgb, var(--success) 28%, transparent)}}[data-tone=warn]{--tone:var(--sun);--tone-soft:var(--sun-soft);--tone-line:var(--sun-line)}[data-tone=bad]{--tone:var(--rose);--tone-soft:var(--rose-soft);--tone-line:var(--rose-line)}.site-badge{border:1px solid var(--tone-line);background:var(--tone-soft);min-height:26px;color:var(--tone);font-family:var(--font-mono);font-size:var(--fs-micro);border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.site-badge svg{width:14px;height:14px}.site-muted{color:var(--subtle)}.site-hops{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.site-hops li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:10px 14px;display:grid;position:relative}.site-status{border:1px solid var(--tone-line);background:var(--tone-soft);min-width:44px;color:var(--tone);font-size:var(--fs-micro);text-align:center;border-radius:5px;padding:2px 8px}.site-hop-url{overflow-wrap:anywhere;font-size:var(--fs-meta);color:var(--ink)}.site-hop-time{font-size:var(--fs-micro);color:var(--subtle)}.site-hop-error{font-size:var(--fs-meta);color:var(--rose);grid-column:2/-1}.site-hop-arrow{width:14px;height:14px;color:var(--line-strong);position:absolute;bottom:-19px;left:34px}.site-dns-table td:nth-child(2){white-space:normal;overflow-wrap:anywhere;max-width:560px}.site-dns-table td:last-child{text-align:left;width:auto;color:var(--subtle);padding-block:11px}.site-mail{margin-top:16px}.site-headers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.site-headers li{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);gap:10px;min-width:0;padding:12px 14px;display:flex}.site-headers li>svg{width:16px;height:16px;color:var(--tone);flex-shrink:0;margin-top:2px}.site-headers div{min-width:0}.site-headers strong{font-size:var(--fs-meta);font-weight:var(--fw-medium);color:var(--ink)}.site-headers p{font-size:var(--fs-meta);color:var(--muted);margin:4px 0 0;line-height:1.55}.site-headers code{font-size:var(--fs-micro);color:var(--subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;display:block;overflow:hidden}@media (max-width:760px){.site-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.site-summary-item:nth-child(3){border-left:0}.site-summary-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.site-headers{grid-template-columns:minmax(0,1fr)}}@media (max-width:520px){.site-form-row{flex-direction:column}.site-hops li{grid-template-columns:auto minmax(0,1fr)}.site-hop-time{grid-column:2}}.exif-groups{flex-direction:column;gap:6px;display:flex}.exif-group-option{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;transition:border-color var(--dur-fast) var(--ease);gap:10px;padding:10px 12px;display:flex}.exif-group-option:hover{border-color:var(--line-strong)}.exif-group-option:has(input:checked){border-color:var(--accent-line);background:var(--accent-soft)}.exif-group-option input{accent-color:var(--accent);margin-top:3px}.exif-group-option span{flex-direction:column;gap:2px;min-width:0;display:flex}.exif-group-option strong{font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--ink);justify-content:space-between;gap:8px;display:flex}.exif-group-option small{font-size:var(--fs-micro);font-weight:var(--fw-regular);color:var(--subtle)}.exif-group-option em{font-style:normal;font-size:var(--fs-meta);color:var(--muted)}.exif-note{font-size:var(--fs-meta);color:var(--subtle);margin:10px 0 16px;line-height:1.6}.exif-photo{border-radius:var(--radius-sm);background:var(--paper-sunken);place-items:center;margin:16px 0;padding:12px;display:grid}.exif-photo img{max-width:100%;max-height:260px;box-shadow:var(--shadow-card);border-radius:6px;display:block}.exif-report{flex-direction:column;gap:10px;display:flex}.exif-report-group{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);padding:14px 16px}.exif-report-group[data-remove]{border-color:var(--rose-line)}.exif-report-group h3{font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--ink);flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.exif-report-group h3 span{font-size:var(--fs-micro);font-weight:var(--fw-regular);color:var(--subtle)}.exif-report-group[data-remove] h3 span{color:var(--rose)}.exif-report-group dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:10px 0 0;display:grid}.exif-report-group dt{font-size:var(--fs-micro);color:var(--subtle)}.exif-report-group dd{overflow-wrap:anywhere;font-size:var(--fs-meta);color:var(--text);margin:2px 0 0}.exif-report-group>p{font-size:var(--fs-meta);color:var(--muted);margin:8px 0 0}.exif-map{font-size:var(--fs-meta);color:var(--accent-strong);align-items:center;gap:6px;margin-top:12px;display:inline-flex}.exif-map svg{width:14px;height:14px}.exif-map:hover{text-underline-offset:3px;text-decoration:underline}.exif-result,.exif-clean-badge{border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-soft);font-size:var(--fs-meta);color:var(--accent-strong);gap:10px;margin:14px 0 0;padding:12px 14px;display:flex}.exif-result svg,.exif-clean-badge svg{flex-shrink:0;width:16px;height:16px}.exif-empty{min-height:280px;color:var(--subtle);font-size:var(--fs-small);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.exif-empty p{max-width:340px}.exif-empty svg{width:44px;height:44px;color:var(--line-strong)}@media (max-width:520px){.exif-report-group dl{grid-template-columns:minmax(0,1fr)}}.photo-purpose-options span{padding-block:10px}.photo-biometric-note{border:1px solid var(--sky-line);border-radius:var(--radius-sm);background:var(--sky-soft);color:var(--sky);font-size:var(--fs-meta);margin:-4px 0 14px;padding:10px 12px}.photo-biometric-note p{margin:0}.photo-biometric-note strong{font-weight:var(--fw-medium)}.photo-biometric-note a,.photo-rules>a{color:var(--accent-strong);font-weight:var(--fw-medium);text-underline-offset:3px;align-items:center;gap:4px;margin-top:6px;text-decoration:underline;display:inline-flex}.photo-field-hint{font-size:var(--fs-micro);color:var(--subtle);margin:8px 0 0}.photo-field-hint strong{color:var(--muted);font-weight:var(--fw-medium)}.photo-face-guide{pointer-events:none;fill:none;stroke:#fff;stroke-width:1.5px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 1px #000000b3);width:100%;height:100%;position:absolute;inset:0}.photo-check-ok{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-strong);font-size:var(--fs-meta);align-items:flex-start;gap:6px;margin:0 0 14px;padding:10px 12px;display:flex}.photo-quality-note svg,.photo-check-ok svg{flex:none;margin-top:2px}.photo-rules{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);margin-top:16px;padding:20px}.photo-rules h2{font-size:var(--fs-h4);margin-bottom:8px}.photo-rules>p{max-width:76ch;font-size:var(--fs-small);color:var(--muted);margin:0 0 12px}.photo-rules ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:8px 20px;margin:0 0 14px;padding:0;list-style:none;display:grid}.photo-rules li{font-size:var(--fs-small);color:var(--text);align-items:flex-start;gap:8px;display:flex}.photo-rules li svg{color:var(--accent);flex:none;margin-top:3px}.clock-stage{--clock-bg:#15181c;--clock-card:#272c33;--clock-card-top:#2d333b;--clock-hinge:var(--clock-bg);--clock-shadow:#00000073;--clock-digit:#f6f4ef;--clock-on-digit:#15181c;--clock-dim:#9097a0;--clock-line:#ffffff24;--clock-line-strong:#ffffff52;--clock-soft:#ffffff12;--clock-focus:#9ad0c5;--clock-break:#e6cf95;--clock-accent:var(--clock-focus);--clock-on-accent:#15181c;border-radius:var(--radius-lg);background:var(--clock-bg);min-height:clamp(340px,46vw,480px);color:var(--clock-digit);grid-template-rows:auto 1fr auto;place-items:center;gap:clamp(18px,3vw,28px);padding:18px clamp(14px,3vw,28px) 22px;display:grid;position:relative}.clock-stage[data-phase=short],.clock-stage[data-phase=long]{--clock-accent:var(--clock-break)}.clock-stage[data-immersive]{z-index:1000;min-height:0;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border-radius:0;position:fixed;inset:0}.clock-stage[data-design=flip][data-tone=night][data-immersive]{--clock-bg:#000;--clock-card:#1b1e22;--clock-card-top:#202429}.clock-stage[data-design=flip][data-tone=day]{--clock-bg:#e9e5dc;--clock-card:#fbfaf7;--clock-card-top:#fff;--clock-hinge:#cfc9bc;--clock-shadow:#1e22272e;--clock-digit:#1e2227;--clock-on-digit:#fff;--clock-dim:#5f6368;--clock-line:#1e222733;--clock-line-strong:#1e222773;--clock-soft:#1e222712;--clock-focus:#33625c;--clock-break:#85621a;--clock-on-accent:#fff}.clock-stage[data-idle]{cursor:none}.clock-chrome{transition:opacity .3s var(--ease), visibility .3s}.clock-stage[data-idle] .clock-chrome:not(:has(:focus-visible)){opacity:0;visibility:hidden}.clock-stage:focus{outline:none}.clock-tabs{border-radius:var(--radius-pill);background:var(--clock-soft);gap:2px;max-width:100%;padding:4px;display:inline-flex}.clock-tabs button{min-height:var(--control-sm);border-radius:var(--radius-pill);color:var(--clock-dim);font-size:var(--fs-small);font-weight:var(--fw-medium);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.clock-tabs button:hover{color:var(--clock-digit)}.clock-tabs button[aria-pressed=true]{background:var(--clock-digit);color:var(--clock-on-digit)}.clock-tabs button:focus-visible,.clock-button:focus-visible{outline:2px solid var(--clock-accent);outline-offset:2px}.clock-face{flex-direction:column;align-items:center;gap:clamp(12px,2vw,20px);width:100%;min-width:0;display:flex}.clock-caption,.clock-lap-note{min-height:1.4em;font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.04em;color:var(--clock-dim);white-space:pre;margin:0}.clock-stage[data-mode=pomodoro] .clock-caption{color:var(--clock-accent)}.clock-stage[data-immersive] .clock-caption,.clock-stage[data-immersive] .clock-lap-note{font-size:clamp(.85rem,1.6vw,1.25rem)}.flip-clock{--flip:clamp(44px, 15.5vw, 132px);gap:calc(var(--flip) * .14);font-size:var(--flip);display:flex}.flip-clock[data-groups="2"]{--flip:clamp(60px, 22vw, 168px)}.clock-stage[data-immersive] .flip-clock{--flip:min(19.5vw, 46vh)}.clock-stage[data-immersive] .flip-clock[data-groups="2"]{--flip:min(29vw, 48vh)}.flip-card{perspective:5em;width:1.44em;height:1.3em;font-family:var(--font-sans);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;letter-spacing:-.02em;box-shadow:0 .04em .1em var(--clock-shadow);border-radius:.08em;position:relative}.flip-half{background:var(--clock-card);backface-visibility:hidden;height:50%;position:absolute;left:0;right:0;overflow:hidden}.flip-half>span{justify-content:center;align-items:center;height:200%;line-height:1;display:flex;position:absolute;left:0;right:0}.flip-top{background:var(--clock-card-top);border-radius:.08em .08em 0 0;top:0}.flip-top>span{top:0}.flip-bottom{border-radius:0 0 .08em .08em;bottom:0}.flip-bottom>span{bottom:0}.flip-card:after{content:"";z-index:3;background:var(--clock-hinge);height:max(1px,.014em);position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.flip-fold{z-index:2;transform-origin:bottom;animation:.24s ease-in forwards flip-fold}.flip-unfold{z-index:2;transform-origin:top;animation:.24s ease-out .24s forwards flip-unfold;transform:rotateX(90deg)}@keyframes flip-fold{to{transform:rotateX(-90deg)}}@keyframes flip-unfold{to{transform:rotateX(0)}}.clock-progress{background:var(--clock-line);border-radius:2px;width:min(100%,420px);height:3px;overflow:hidden}.clock-progress span{border-radius:inherit;background:var(--clock-accent);height:100%;transition:width .2s linear;display:block}.clock-rounds{gap:8px;display:flex}.clock-rounds span{border:1px solid var(--clock-dim);border-radius:50%;width:8px;height:8px}.clock-rounds span[data-state=current]{border-color:var(--clock-accent)}.clock-rounds span[data-state=done]{border-color:var(--clock-accent);background:var(--clock-accent)}.clock-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.clock-button{min-height:var(--control-md);border:1px solid var(--clock-line);border-radius:var(--radius-pill);color:var(--clock-digit);font-size:var(--fs-small);font-weight:var(--fw-medium);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;justify-content:center;align-items:center;gap:7px;padding:0 16px;display:inline-flex}.clock-button:hover:not(:disabled){border-color:var(--clock-line-strong);background:var(--clock-soft)}.clock-button:disabled{opacity:.4;cursor:not-allowed}.clock-button-primary{border-color:var(--clock-accent);background:var(--clock-accent);min-width:132px;color:var(--clock-on-accent)}.clock-button-primary:hover:not(:disabled){border-color:var(--clock-digit);background:var(--clock-digit)}.clock-panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);gap:14px;margin-top:16px;padding:16px;display:grid}.clock-panel .photo-field{margin:0}.clock-panel .photo-options{max-width:560px}.clock-note{font-size:var(--fs-small);color:var(--muted);margin:0}.clock-note strong{font-weight:var(--fw-medium);color:var(--ink)}.clock-note kbd{border:1px solid var(--line-strong);border-radius:var(--radius-xs);background:var(--surface-raised);font-family:var(--font-mono);font-size:var(--fs-micro);padding:1px 6px}.clock-laps{border-collapse:collapse;width:100%;max-width:420px;font-family:var(--font-mono);font-size:var(--fs-small);font-variant-numeric:tabular-nums}.clock-laps th{font-size:var(--fs-meta);font-weight:var(--fw-medium);color:var(--muted);text-align:left;padding:0 0 8px}.clock-laps td{border-top:1px solid var(--line);color:var(--ink);padding:7px 0}.clock-laps td:first-child{color:var(--subtle)}.plain-clock{--plain:clamp(48px, 17vw, 150px);font-size:var(--plain);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;line-height:1;display:flex}.plain-clock[data-groups="2"]{--plain:clamp(64px, 26vw, 200px)}.clock-stage[data-immersive] .plain-clock{--plain:min(21vw, 50vh)}.clock-stage[data-immersive] .plain-clock[data-groups="2"]{--plain:min(32vw, 56vh)}.plain-separator{opacity:.5;padding:0 .04em;font-weight:400;transform:translateY(-.06em)}.clock-theme-options{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px;display:grid}.clock-theme-options label{display:flex}.clock-theme-options label>span{flex-direction:column;flex:1;justify-content:center;display:flex}.clock-tone-options{max-width:372px}.clock-tone-options span{justify-content:center;align-items:center;gap:7px;display:flex}.clock-stage[data-design=safir]{--clock-bg:#071a3d;--clock-digit:#fff;--clock-on-digit:#071a3d;--clock-dim:#b9c9e6;--clock-line:#ffffff2e;--clock-line-strong:#fff6;--clock-soft:#ffffff14;--clock-focus:#60cdff;--clock-break:#f9d27d;--clock-on-accent:#00213d;--clock-glow-1:#2f7df0;--clock-glow-2:#1746b8;--clock-glow-3:#60cdff38;background:radial-gradient(70% 90% at 78% 110%, var(--clock-glow-1) 0%, transparent 62%), radial-gradient(60% 80% at 18% 105%, var(--clock-glow-2) 0%, transparent 65%), radial-gradient(50% 50% at 55% 60%, var(--clock-glow-3) 0%, transparent 70%), var(--clock-bg)}.clock-stage[data-design=safir][data-tone=day]{--clock-bg:#eaf2fc;--clock-digit:#0b2a5c;--clock-on-digit:#fff;--clock-dim:#3d5680;--clock-line:#0b2a5c38;--clock-line-strong:#0b2a5c80;--clock-soft:#ffffff8c;--clock-focus:#0067c0;--clock-break:#8a5a00;--clock-on-accent:#fff;--clock-glow-1:#a9cdfb;--clock-glow-2:#c7dcfa;--clock-glow-3:#fffc}.clock-stage[data-design=safir] .plain-clock{font-family:"Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", var(--font-sans);letter-spacing:-.03em;order:1;font-weight:300}.clock-stage[data-design=safir] .plain-separator{opacity:.7;font-weight:300}.clock-stage[data-design=safir] .clock-caption{font-family:"Segoe UI Variable Text", "Segoe UI", var(--font-sans);letter-spacing:0;order:2;font-size:clamp(1rem,2.2vw,1.4rem);font-weight:400}.clock-stage[data-design=safir][data-mode=clock] .clock-caption{color:var(--clock-digit)}.clock-stage[data-design=safir][data-immersive] .clock-caption{font-size:clamp(1.2rem,2.4vw,2rem)}.clock-stage[data-design=safir] .clock-progress{order:3}.clock-stage[data-design=safir] .clock-rounds{order:4}.clock-stage[data-design=safir] .clock-lap-note{order:5}.clock-stage[data-design=safir] .clock-rounds span{border-radius:2px}.clock-stage[data-design=safir] .clock-tabs{background:0 0;border-radius:0;gap:4px;padding:0}.clock-stage[data-design=safir] .clock-tabs button{border-radius:4px 4px 0 0}.clock-stage[data-design=safir] .clock-tabs button[aria-pressed=true]{color:var(--clock-digit);box-shadow:inset 0 -3px 0 var(--clock-focus);background:0 0}.clock-stage[data-design=safir] .clock-button{border-radius:4px}.clock-stage[data-design=safir] .clock-button:not(.clock-button-primary){background:var(--clock-soft)}.clock-stage[data-design=sedef]{--clock-bg:#1f1c40;--clock-digit:#fff;--clock-on-digit:#2a2350;--clock-dim:#ded8f0;--clock-line:#ffffff4d;--clock-line-strong:#ffffff8c;--clock-soft:#ffffff29;--clock-focus:#fff;--clock-break:#ffd9a6;--clock-on-accent:#2a2350;--clock-glow-1:#5468dc;--clock-glow-2:#f08f6e;--clock-glow-3:#a558c4;--clock-text-shadow:0 .02em .12em #1f1c4040;background:radial-gradient(85% 75% at 8% 0%, var(--clock-glow-1) 0%, transparent 68%), radial-gradient(80% 75% at 100% 100%, var(--clock-glow-2) 0%, transparent 66%), radial-gradient(60% 60% at 60% 40%, var(--clock-glow-3) 0%, transparent 72%), var(--clock-bg)}.clock-stage[data-design=sedef][data-tone=day]{--clock-bg:#f6f1f7;--clock-digit:#2a2350;--clock-on-digit:#fff;--clock-dim:#585176;--clock-line:#2a235033;--clock-line-strong:#2a235073;--clock-soft:#ffffff80;--clock-focus:#2a2350;--clock-break:#a04f2e;--clock-on-accent:#fff;--clock-glow-1:#c3cdff;--clock-glow-2:#ffd0bd;--clock-glow-3:#f1cdee;--clock-text-shadow:none}.clock-stage[data-design=sedef] .plain-clock{font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", var(--font-sans);letter-spacing:-.045em;text-shadow:var(--clock-text-shadow);font-weight:700}.clock-stage[data-design=sedef] .clock-face{gap:clamp(2px,.6vw,8px)}.clock-stage[data-design=sedef] .clock-caption{font-family:-apple-system, BlinkMacSystemFont, "SF Pro Text", var(--font-sans);font-size:clamp(1rem,2.4vw,1.5rem);font-weight:var(--fw-medium);letter-spacing:0;color:var(--clock-digit);opacity:.9}.clock-stage[data-design=sedef][data-immersive] .clock-caption{font-size:clamp(1.2rem,2.6vw,2.2rem)}.clock-stage[data-design=sedef] .clock-progress,.clock-stage[data-design=sedef] .clock-rounds{margin-top:clamp(10px,1.6vw,18px)}.clock-stage[data-design=sedef] .clock-tabs,.clock-stage[data-design=sedef] .clock-button:not(.clock-button-primary){border:1px solid var(--clock-line);background:var(--clock-soft);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6)}.clock-stage[data-design=sedef] .clock-tabs{border-radius:11px}.clock-stage[data-design=sedef] .clock-tabs button{border-radius:8px}.clock-stage[data-design=sedef] .clock-button{border-radius:10px}.clock-stage[data-design=yesim]{--clock-bg:#dcebe5;--clock-digit:#17302b;--clock-on-digit:#fff;--clock-dim:#4a625c;--clock-line:#17302b33;--clock-line-strong:#17302b73;--clock-soft:#17302b14;--clock-focus:#2f6b60;--clock-break:#8a6417;--clock-on-accent:#fff;border-radius:28px}.clock-stage[data-design=yesim][data-immersive]{border-radius:0}.clock-stage[data-design=yesim][data-tone=night]{--clock-bg:#111c19;--clock-digit:#dcebe5;--clock-on-digit:#10201c;--clock-dim:#9db3ac;--clock-line:#dcebe52e;--clock-line-strong:#dcebe566;--clock-soft:#dcebe514;--clock-focus:#9ad0c5;--clock-break:#e6cf95;--clock-on-accent:#0f2b25}.clock-stage[data-design=yesim] .plain-clock{font-family:ui-rounded, "Google Sans", "Product Sans", "SF Pro Rounded", Roboto, var(--font-sans);letter-spacing:-.02em;color:var(--clock-accent);font-weight:500}.clock-stage[data-design=yesim] .clock-caption,.clock-stage[data-design=yesim] .clock-lap-note{font-family:ui-rounded, "Google Sans", Roboto, var(--font-sans);font-size:var(--fs-body);letter-spacing:0}.clock-stage[data-design=yesim] .clock-tabs{background:var(--clock-focus)}@supports (color:color-mix(in lab, red, red)){.clock-stage[data-design=yesim] .clock-tabs{background:color-mix(in srgb, var(--clock-focus) 14%, transparent)}}.clock-stage[data-design=yesim] .clock-tabs button[aria-pressed=true]{background:var(--clock-focus)}@supports (color:color-mix(in lab, red, red)){.clock-stage[data-design=yesim] .clock-tabs button[aria-pressed=true]{background:color-mix(in srgb, var(--clock-focus) 26%, transparent)}}.clock-stage[data-design=yesim] .clock-tabs button[aria-pressed=true]{color:var(--clock-digit)}.clock-stage[data-design=yesim] .clock-button{min-height:var(--control-lg);background:var(--clock-accent);border-color:#0000;padding:0 20px}@supports (color:color-mix(in lab, red, red)){.clock-stage[data-design=yesim] .clock-button{background:color-mix(in srgb, var(--clock-accent) 16%, transparent)}}.clock-stage[data-design=yesim] .clock-button:hover:not(:disabled){background:var(--clock-accent);border-color:#0000}@supports (color:color-mix(in lab, red, red)){.clock-stage[data-design=yesim] .clock-button:hover:not(:disabled){background:color-mix(in srgb, var(--clock-accent) 28%, transparent)}}.clock-stage[data-design=yesim] .clock-button-primary{background:var(--clock-accent);border-radius:16px}.clock-stage[data-design=yesim] .clock-button-primary:hover:not(:disabled){background:var(--clock-accent)}@supports (color:color-mix(in lab, red, red)){.clock-stage[data-design=yesim] .clock-button-primary:hover:not(:disabled){background:color-mix(in srgb, var(--clock-accent) 82%, var(--clock-digit))}}.clock-stage[data-design=yesim] .clock-progress{background:var(--clock-accent);border-radius:3px;height:6px}@supports (color:color-mix(in lab, red, red)){.clock-stage[data-design=yesim] .clock-progress{background:color-mix(in srgb, var(--clock-accent) 20%, transparent)}}.clock-stage[data-design=yesim] .clock-rounds span{width:10px;height:10px}@media (orientation:portrait){.clock-stage[data-design=yesim] .plain-clock{--plain:clamp(84px, 34vw, 160px);flex-direction:column;line-height:.9}.clock-stage[data-design=yesim] .plain-clock[data-groups="2"]{--plain:clamp(96px, 40vw, 190px)}.clock-stage[data-design=yesim][data-immersive] .plain-clock{--plain:min(56vw, 21vh)}.clock-stage[data-design=yesim][data-immersive] .plain-clock[data-groups="2"]{--plain:min(60vw, 30vh)}.clock-stage[data-design=yesim] .plain-separator{display:none}}@media (max-width:560px){.clock-theme-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.clock-tabs button{padding:0 10px}.clock-button{padding:0 13px}}@media (prefers-reduced-motion:reduce){.flip-fold{display:none}.flip-unfold{animation:none;transform:none}.clock-chrome,.clock-progress span{transition:none}}@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-tracking{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}