:root{--color-bg: hsl(0 0% 99%);--color-surface: hsl(0 0% 96%);--color-border: hsl(0 0% 88%);--color-text: hsl(0 0% 12%);--color-muted: hsl(0 0% 40%);--color-accent: hsl(234 89% 63%);--color-accent-hover: hsl(234 89% 56%);--color-accent-soft: hsl(234 89% 96%);--color-accent-contrast: hsl(0 0% 100%);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px hsl(0 0% 0% / .04);--shadow-md: 0 4px 12px hsl(0 0% 0% / .06);--shadow-lg: 0 8px 30px hsl(0 0% 0% / .08);--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--container-max: 64rem}[data-theme=dark]{--color-bg: hsl(0 0% 8%);--color-surface: hsl(0 0% 12%);--color-border: hsl(0 0% 20%);--color-text: hsl(0 0% 92%);--color-muted: hsl(0 0% 68%);--color-accent-soft: hsl(234 40% 18%);--shadow-sm: 0 1px 2px hsl(0 0% 0% / .3);--shadow-md: 0 4px 12px hsl(0 0% 0% / .4);--shadow-lg: 0 8px 30px hsl(0 0% 0% / .5)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out)}h1,h2,h3,h4{margin:0 0 var(--space-md);line-height:1.2;font-weight:600}p{margin:0 0 var(--space-md)}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover);text-decoration:underline}img,svg{display:block;max-width:100%}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-lg)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);max-width:var(--container-max);margin:0 auto}.site-header__brand{display:inline-flex;align-items:center;gap:var(--space-sm);font-weight:600;font-size:1.05rem;color:var(--color-text)}.site-header__brand:hover{text-decoration:none}.site-header__brand svg{width:1.5rem;height:1.5rem;color:var(--color-accent)}.site-nav{display:flex;gap:var(--space-md);align-items:center}.site-nav a{color:var(--color-muted);font-size:.9rem;font-weight:500}.site-nav a:hover{color:var(--color-text);text-decoration:none}.main{padding:var(--space-2xl) var(--space-lg)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-xl) var(--space-lg);color:var(--color-muted);font-size:.85rem}.site-footer__inner{max-width:var(--container-max);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;align-items:center}@media (max-width: 540px){.site-nav{gap:var(--space-sm)}.site-nav a:not(.btn){display:none}.main{padding:var(--space-xl) var(--space-md)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:.95rem;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:hover{background:var(--color-border)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--color-accent);color:var(--color-accent-contrast)}.btn--primary:hover{background:var(--color-accent-hover)}.btn--ghost{background:transparent;border-color:var(--color-border)}.btn--ghost:hover{background:var(--color-surface)}.btn--icon{padding:var(--space-sm);width:2.25rem;height:2.25rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.input{width:100%;padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:.95rem;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out)}.input:focus{border-color:var(--color-accent);outline:none}.toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%) translateY(1rem);padding:var(--space-sm) var(--space-lg);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-full);font-size:.875rem;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.lead{font-size:1.05rem;color:var(--color-muted);margin-bottom:var(--space-xl);max-width:42rem}.hint{margin-top:var(--space-lg);color:var(--color-muted);font-size:.85rem}.hint kbd{font-family:var(--font-mono);font-size:.8rem;padding:1px 6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-lg)}.tool-card{display:block;padding:var(--space-xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);text-decoration:none;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.tool-card:hover{transform:translateY(-2px);border-color:var(--color-accent);box-shadow:var(--shadow-md);text-decoration:none}.tool-card__icon{font-size:1.5rem;display:block;margin-bottom:var(--space-sm)}.tool-card h2{font-size:1.15rem;margin-bottom:var(--space-xs)}.tool-card p{margin:0;color:var(--color-muted);font-size:.9rem}.badge{display:inline-flex;align-items:center;padding:.125rem var(--space-sm);font-size:.75rem;font-weight:500;border-radius:var(--radius-full);background:var(--color-accent-soft);color:var(--color-accent)}.segmented{display:inline-flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px;gap:2px}.segmented label{flex:1;cursor:pointer}.segmented input{position:absolute;opacity:0;pointer-events:none}.segmented span{display:block;padding:var(--space-xs) var(--space-md);text-align:center;font-size:.875rem;font-weight:500;border-radius:calc(var(--radius-md) - 2px);color:var(--color-muted);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segmented input:checked+span{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-sm)}.segmented label:has(input:focus-visible) span{outline:2px solid var(--color-accent);outline-offset:2px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--color-accent)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}[style*=--i]{animation:fade-in-up var(--duration-normal) var(--ease-out) both;animation-delay:calc(var(--i) * .05s)}.btn--primary:active{animation:pulse .4s ease-out}.tool-privacy-badge{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px dashed var(--color-border);color:var(--color-muted);font-size:.8rem;display:flex;align-items:center;gap:var(--space-sm)}.ng{display:flex;flex-direction:column;gap:var(--space-lg)}.ng__controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);align-items:end}.ng-field{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.ng-field legend,.ng-field>label{font-size:.85rem;font-weight:500;color:var(--color-muted);margin-bottom:var(--space-xs)}.ng-check{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.9rem;cursor:pointer;color:var(--color-text)}.ng__actions{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.ng-generate{padding:var(--space-md) var(--space-xl);font-size:1rem}.ng-generate:active{transform:scale(.98)}.ng-status{font-size:.85rem;color:var(--color-muted)}.ng-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.ng-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);animation:ng-fade-in var(--duration-normal) var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 30ms);transition:border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.ng-card:hover{border-color:var(--color-accent);transform:translateY(-1px)}.ng-card__name{font-family:var(--font-mono);font-size:.95rem;font-weight:500;word-break:break-word}.ng-empty{grid-column:1 / -1;text-align:center;color:var(--color-muted);padding:var(--space-xl)}@keyframes ng-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pg{display:flex;flex-direction:column;gap:var(--space-lg)}.pg-display-row{display:flex;align-items:stretch;gap:var(--space-sm);flex-wrap:wrap}.pg-display{flex:1 1 280px;min-width:0;font-family:var(--font-mono);font-size:1.15rem;font-weight:500;padding:var(--space-md) var(--space-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);word-break:break-all;user-select:all}.pg-meter{display:flex;flex-direction:column;gap:var(--space-sm)}.pg-meter__track{height:6px;background:var(--color-surface);border-radius:var(--radius-full);overflow:hidden}.pg-meter__bar{height:100%;width:0%;border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out);background:#dd3c3c}.pg-meter__bar[data-strength=very-weak]{background:#dd3c3c}.pg-meter__bar[data-strength=weak]{background:#ee862b}.pg-meter__bar[data-strength=fair]{background:#eebd2b}.pg-meter__bar[data-strength=strong]{background:#2eb85c}.pg-meter__bar[data-strength=very-strong]{background:#22c3c3}.pg-meter__info{display:flex;justify-content:space-between;font-size:.875rem;color:var(--color-muted)}.pg-meter__label{font-weight:600;color:var(--color-text)}.pg-ttc{display:flex;flex-wrap:wrap;gap:var(--space-md);font-size:.8rem;color:var(--color-muted)}.pg-ttc b{color:var(--color-text);font-weight:500}.pg-warnings{margin:0;padding-left:var(--space-md);font-size:.85rem;color:#d46c11}[data-theme=dark] .pg-warnings{color:#f2b25a}.pg-warnings:empty{display:none}.pg-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.pg-field{display:flex;flex-direction:column;gap:var(--space-xs)}.pg-field--full{grid-column:1 / -1}.pg-field label{font-size:.875rem;font-weight:500;color:var(--color-muted)}.pg-field input[type=range]{width:100%;accent-color:var(--color-accent)}.pg-toggle{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:.9rem;cursor:pointer}.pg-privacy{margin:0;font-size:.8rem;color:var(--color-muted);text-align:center}