:root{--ink: #2b261f;--muted: #7b6f63;--accent: #d05a2a;--accent-deep: #9f3d17;--surface: #fff6ea;--panel: rgba(255, 250, 243, .9);--shadow: 0 18px 40px rgba(38, 30, 21, .12);--ring: rgba(208, 90, 42, .35);--font: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, serif;--btn-icon-border: rgba(159, 61, 23, .2);--btn-icon-hover-bg: rgba(208, 90, 42, .08);--btn-icon-hover-border: rgba(159, 61, 23, .4);--badge-bg: rgba(208, 90, 42, .12);--border-color: rgba(90, 70, 55, .08);--stat-bg: rgba(255, 255, 255, .7);--btn-primary-text: #fff9f2;--btn-ghost-border: rgba(159, 61, 23, .35)}.dark-mode{--ink: #e0dbd5;--muted: #9e958c;--accent: #d36a2d;--accent-deep: #f29b4b;--surface: #1e1b18;--panel: rgba(40, 36, 32, .8);--shadow: 0 18px 40px rgba(0, 0, 0, .4);--ring: rgba(211, 106, 45, .35);--btn-icon-border: rgba(211, 106, 45, .2);--btn-icon-hover-bg: rgba(211, 106, 45, .15);--btn-icon-hover-border: rgba(211, 106, 45, .5);--badge-bg: rgba(211, 106, 45, .15);--border-color: rgba(200, 190, 175, .1);--stat-bg: rgba(60, 55, 50, .6);--btn-primary-text: #1e1b18;--btn-ghost-border: rgba(211, 106, 45, .4)}body.dark-mode{background:radial-gradient(circle at top,#2c2824,#1e1b18,#141210)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#fff3e1,#f0e1cf 45%,#e5d3bf);color:var(--ink);font-family:var(--font)}.shell{max-width:880px;margin:0 auto;padding:48px 24px 64px;display:flex;flex-direction:column;gap:20px;animation:floatIn .7s ease}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.header-controls{display:flex;gap:8px}.btn-icon{background:transparent;border:1px solid var(--btn-icon-border);border-radius:8px;padding:6px 12px;font-size:.85rem;color:var(--accent-deep);cursor:pointer;transition:all .2s;font-family:var(--font);display:inline-flex;align-items:center;gap:4px}.btn-icon:hover{background:var(--btn-icon-hover-bg);border-color:var(--btn-icon-hover-border);transform:translateY(-1px)}.btn-icon:active{transform:translateY(0)}.hero h1{font-size:clamp(2.2rem,3vw,3rem);margin:8px 0 6px;letter-spacing:.02em}.title-row{display:flex;align-items:center;gap:12px}.logo-icon{flex-shrink:0}.subtitle{margin:0;color:var(--muted);font-size:1.05rem}.badge{display:inline-flex;padding:6px 14px;border-radius:999px;background:var(--badge-bg);color:var(--accent-deep);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.panel{background:var(--panel);border-radius:20px;padding:20px;box-shadow:var(--shadow);border:1px solid var(--border-color)}.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.btn{border:none;border-radius:999px;padding:12px 22px;font-size:.95rem;font-family:var(--font);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.btn.primary{background:var(--accent);color:var(--btn-primary-text);box-shadow:0 12px 24px #d05a2a40}.btn.ghost{background:transparent;color:var(--accent-deep);border:1px solid var(--btn-ghost-border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 10px 20px #261e1529}.status{margin-top:12px;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat{background:var(--stat-bg);border-radius:16px;padding:14px 16px;border:1px solid var(--border-color)}.stat-label{color:var(--muted);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.stat-value{margin-top:6px;font-size:1.05rem}.tips ul{margin:0;padding-left:20px;color:var(--muted)}.tips li{margin-bottom:6px}@keyframes floatIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.shell{animation:none}.btn{transition:none}}@media(max-width:720px){.shell{padding:32px 18px 48px}.panel{padding:16px}}