:root{--bg: #f7f6f3;--surface: #ffffff;--text: #1e1b18;--muted: #6b6560;--border: #e6e2dc;--accent: #3f6f66;--accent-contrast: #ffffff;--radius: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 6px 24px rgba(0, 0, 0, .04);color-scheme:light dark;font-family:Segoe UI,Assistant,system-ui,-apple-system,sans-serif;line-height:1.6}@media(prefers-color-scheme:dark){:root{--bg: #17150f;--surface: #221f18;--text: #ece7df;--muted: #a49d92;--border: #34302a;--accent: #7fb3a8;--accent-contrast: #12100b;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 6px 24px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}.ltr{direction:ltr;unicode-bidi:isolate}.app-shell{width:100%;max-width:760px;margin-inline:auto;padding:clamp(16px,4vw,32px);display:flex;flex-direction:column;gap:24px;flex:1}.app-header{display:flex;align-items:center;gap:12px}.app-header h1{font-size:clamp(1.4rem,4vw,1.9rem);margin:0;font-weight:700}.app-header .mark{inline-size:44px;block-size:44px;border-radius:12px;background:var(--accent);color:var(--accent-contrast);display:grid;place-items:center;font-size:1.4rem;flex:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(18px,4vw,28px)}.card h2{margin-block-start:0;font-size:1.15rem}.muted{color:var(--muted)}.badge{display:inline-block;font-size:.8rem;padding:2px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}