html.dark{--ink:#f4e5c2;--muted:#b8c9aa;--forest:#e3bc63;--forest-deep:#f4e5c2;--sage:#1a341d;--gold:#e3bc63;--gold-soft:#3c341a;--paper:#071008;--line:#5b5428;--danger:#ed9687;--shadow:0 14px 38px rgba(0,0,0,.32)}html.dark body{background:radial-gradient(circle at top,#1a2b16,#071008 55%,#030703)}html.dark .site-header{background:rgba(7,16,8,.91);border-color:rgba(227,188,99,.24)}html.dark .tool-card,html.dark .tool-shell{background:rgba(16,32,20,.92)}html.dark input[type="number"],html.dark input[type="text"],html.dark .password-output input,html.dark button.secondary,html.dark .check{background:#102014;color:var(--text)}.theme-toggle{display:grid;width:37px;height:37px;padding:0;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--forest);background:transparent;cursor:pointer;font-size:16px;line-height:1}.theme-toggle:hover{background:var(--gold-soft)}
html.dark .ratio-note{background:#172819;color:var(--muted)}
html.dark .result{border-color:var(--line);background:#102014;color:var(--forest-deep)}
html.dark #copyButton,html.dark #generateButton{color:#071008}