:root{--color-bg: #f5f1eb;--color-ink: #1a1a18;--color-accent: #d4430a;--color-accent-hover: #b83808;--color-muted: #6b6560;--color-surface: #edeae3;--color-border: #c8c3bb;--color-success: #2d7a3a;--color-error: #b91c1c;--shadow-card: 3px 3px 0 0 var(--color-ink);--shadow-btn: 2px 2px 0 0 var(--color-ink);--shadow-btn-active: 1px 1px 0 0 var(--color-ink);--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--radius: 0;--border: 1.5px solid var(--color-ink);--max-width: 72rem;--header-h: 3.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light dark;font-size:16px;scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);line-height:1.6;min-height:100dvh;display:flex;flex-direction:column}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--color-accent)}:focus-visible{outline:2.5px solid var(--color-accent);outline-offset:3px}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-md)}.site-header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:var(--border);height:var(--header-h);display:flex;align-items:center}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.brand{font-family:var(--font-display);font-size:1.25rem;font-weight:900;letter-spacing:-.02em;text-decoration:none;color:var(--color-ink)}.brand:hover{color:var(--color-accent)}main{flex:1;padding-block:var(--space-xl)}.site-footer{border-top:var(--border);padding-block:var(--space-lg);font-family:var(--font-mono);font-size:.75rem;color:var(--color-muted);text-align:center}.hero{margin-bottom:var(--space-2xl)}.hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:var(--space-md)}.hero p{font-size:1.125rem;color:var(--color-muted);max-width:42ch}.card{background:var(--color-surface);border:var(--border);box-shadow:var(--shadow-card);padding:var(--space-lg);transition:box-shadow .1s ease,transform .1s ease}.card:is(a,[role=link]):hover{box-shadow:var(--shadow-btn);transform:translate(1px,1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-body);font-size:.9375rem;font-weight:600;padding:.625rem 1.25rem;border:var(--border);box-shadow:var(--shadow-btn);cursor:pointer;text-decoration:none;transition:box-shadow .1s ease,transform .1s ease;background:var(--color-ink);color:var(--color-bg)}.btn:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn:active:not(:disabled){box-shadow:var(--shadow-btn-active);transform:translate(1px,1px)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn--ghost{background:transparent;color:var(--color-ink)}.btn--ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-ink);border-color:var(--color-ink)}.btn--sm{font-size:.8125rem;padding:.375rem .75rem}.input{font-family:var(--font-body);font-size:1rem;padding:.625rem .875rem;border:var(--border);background:var(--color-bg);color:var(--color-ink);width:100%;appearance:none}.input:focus{outline:2.5px solid var(--color-accent);outline-offset:0}.badge{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border:1px solid currentColor}.badge--muted{color:var(--color-muted)}.badge--accent{color:var(--color-accent);border-color:var(--color-accent)}.privacy-note{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--color-muted);margin-top:var(--space-lg)}.privacy-note:before{content:"🔒";font-size:.875rem}.tool-page header{margin-bottom:var(--space-xl)}.tool-page h1{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-sm)}.tool-intro{font-size:1.0625rem;color:var(--color-muted);max-width:56ch}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}[data-theme=dark]{--color-bg: #1c1a17;--color-ink: #ede8df;--color-accent: #e8521a;--color-accent-hover: #d4430a;--color-muted: #9e9890;--color-surface: #252320;--color-border: #3d3a34;--color-success: #3d9e52;--color-error: #e05555;--shadow-card: 3px 3px 0 0 #3d3a34;--shadow-btn: 2px 2px 0 0 #3d3a34;--shadow-btn-active: 1px 1px 0 0 #3d3a34;color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){--color-bg: #1c1a17;--color-ink: #ede8df;--color-accent: #e8521a;--color-accent-hover: #d4430a;--color-muted: #9e9890;--color-surface: #252320;--color-border: #3d3a34;--color-success: #3d9e52;--color-error: #e05555;--shadow-card: 3px 3px 0 0 #3d3a34;--shadow-btn: 2px 2px 0 0 #3d3a34;--shadow-btn-active: 1px 1px 0 0 #3d3a34;color-scheme:dark}}[data-theme=light]{color-scheme:light}.header-right{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:var(--border);background:transparent;color:var(--color-ink);cursor:pointer;flex-shrink:0;padding:0;transition:background .1s ease}.theme-toggle:hover{background:var(--color-surface)}.theme-toggle:active{background:var(--color-border)}.theme-toggle svg{width:1rem;height:1rem;pointer-events:none}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]):not([data-theme=dark]) .theme-toggle .icon-moon{display:none}}.lang-dropdown{position:relative;flex-shrink:0}.lang-summary{display:inline-flex;align-items:center;gap:.25rem;height:2rem;padding:0 .5rem;border:var(--border);background:transparent;color:var(--color-ink);font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.08em;cursor:pointer;list-style:none;user-select:none;white-space:nowrap;transition:background .1s ease}.lang-summary::-webkit-details-marker{display:none}.lang-summary:hover{background:var(--color-surface)}.lang-chevron{width:.625rem;height:.625rem;transition:transform .15s ease;flex-shrink:0}.lang-dropdown[open] .lang-chevron{transform:rotate(180deg)}.lang-options{position:absolute;top:calc(100% + 2px);right:0;min-width:100%;background:var(--color-bg);border:var(--border);box-shadow:var(--shadow-card);z-index:200;display:flex;flex-direction:column}.lang-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;font-family:var(--font-mono);font-size:.7rem;text-decoration:none;color:var(--color-ink);white-space:nowrap;transition:background .1s ease}.lang-option+.lang-option{border-top:1px solid var(--color-border)}.lang-option:hover{background:var(--color-surface);color:var(--color-ink)}.lang-option[aria-current]{font-weight:700;color:var(--color-accent)}.lang-option[aria-current]:after{content:"✓";font-size:.6rem}