:root{--text:#253b31;--bg:#f6f3eb;--card:#fffefa;--card-border:#e4e8dd;--accent:#bd784e;--muted-accent:#8d6957;--eyebrow:#a06c4b;--sub:#687a6e;--accent-2:#c58258;--input-border:#d9e0d7;--input-bg:#fbfcf8;--primary:#365b48;--on-primary:#fff;--soft-text:#365b48;--secondary-bg:#edf2eb;--hint:#829085;--line:#d9e1d5;--line-2:#dce3d8;--shadow:#344c3710;color-scheme:light dark}
@media (prefers-color-scheme:dark){:root{--text:#e6ebe4;--bg:#141a17;--card:#1c2420;--card-border:#2b362f;--accent:#d9915f;--muted-accent:#b99682;--eyebrow:#d49a73;--sub:#a3b2a8;--accent-2:#e0a074;--input-border:#35423a;--input-bg:#161d19;--primary:#4f8a6c;--on-primary:#0e1512;--soft-text:#a9d3bb;--secondary-bg:#26322b;--hint:#8a9a8f;--line:#2e3a33;--line-2:#2b362f;--shadow:#00000040}}
:root{font-family:ui-sans-serif,system-ui,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:650px;margin:auto;padding:28px 24px 48px}header{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.16em;font-weight:750}.mark{font-size:27px;color:var(--accent)}.demo{margin-left:auto;letter-spacing:.06em;color:var(--muted-accent);font-size:10px}.hero{padding:65px 0 38px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--eyebrow)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(46px,10vw,72px);line-height:1.04;letter-spacing:-.045em;margin:16px 0}h1 span{color:var(--accent-2)}.hero>p:last-child{font-size:17px;line-height:1.65;color:var(--sub);max-width:430px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:22px;padding:27px;box-shadow:0 12px 36px var(--shadow)}h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0 0 25px}label{display:block;font-size:12px;font-weight:700;margin:20px 0 8px}input{width:100%;border:1px solid var(--input-border);border-radius:10px;background:var(--input-bg);color:var(--text);font:inherit;padding:13px}button{font:inherit;cursor:pointer}.actions{display:grid;gap:10px;margin-top:24px} .actions button{border:0;border-radius:10px;padding:15px;background:var(--primary);color:var(--on-primary);font-weight:650}.actions .secondary{background:var(--secondary-bg);color:var(--soft-text)}.hint,footer{font-size:12px;color:var(--hint);line-height:1.5}.history{padding-top:48px}.sectionhead{display:flex;justify-content:space-between}.session{width:100%;text-align:left;padding:18px 4px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--soft-text)}#detail{line-height:1.6;font-size:14px}footer{margin-top:50px;border-top:1px solid var(--line-2);padding-top:20px}

.reset{border:0;background:none;color:var(--link);text-decoration:underline;padding:0;font-size:13px}