:root{--g:#0F3D3E;--t:#1B6B6B;--o:#D4A537;--bg:#F3F6F5;--c:#fff;--i:#1F2D2D;--m:#5B6B6B;--r:#D94F3D;--b:#E1E8E6}
@media(prefers-color-scheme:dark){:root{--bg:#0b1f20;--c:#12302f;--i:#e8f1ef;--m:#9db5b1;--b:#1f4a49}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;font-family:system-ui,"Segoe UI",Tahoma,Arial,sans-serif;background:var(--bg);color:var(--i);line-height:1.8}
header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--g);color:#fff}header h1{margin:0;font-size:1.05rem}header p{margin:0;font-size:.75rem;opacity:.75}header div{flex:1}#logo{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.ib{border:0;background:#ffffff22;color:inherit;width:36px;height:36px;border-radius:50%;font-size:1rem;cursor:pointer}
#off{background:var(--r);color:#fff;text-align:center;font-size:.85rem;padding:4px}
nav{position:sticky;top:64px;z-index:4;display:flex;gap:8px;overflow-x:auto;padding:8px 16px;background:var(--bg);scrollbar-width:none}nav a{white-space:nowrap;padding:4px 12px;border-radius:99px;background:var(--c);border:1px solid var(--b);color:var(--i);text-decoration:none;font-size:.85rem}nav a:hover{background:var(--o);color:var(--g)}
.sr{padding:0 16px}#q{width:100%;max-width:520px;display:block;margin:4px auto;padding:10px 16px;border-radius:99px;border:1px solid var(--b);background:var(--c);color:var(--i);font:inherit}
main{max-width:980px;margin:0 auto;padding:16px}.sec{margin:0 0 28px}.sec h2{margin:.2em 0 .5em;color:var(--t);font-size:1.4rem;border-inline-start:6px solid var(--o);padding-inline-start:10px}
.b{display:grid;gap:12px}.k-cards .b,.k-activity .b{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card,.step,p.rv,blockquote{background:var(--c);border:1px solid var(--b);border-radius:14px;padding:14px 16px;margin:0;box-shadow:0 2px 8px #0001}.card,.step{display:flex;gap:12px;align-items:flex-start}
.card b,.step b{flex:none;width:32px;height:32px;border-radius:50%;background:var(--o);color:var(--g);display:grid;place-items:center}.k-activity .card b{background:var(--r);color:#fff}
blockquote{background:var(--g);color:#fff;font-size:1.15rem;border:0}.k-qr .b{justify-items:center;text-align:center}.k-qr img{width:min(320px,80vw);background:#fff;padding:12px;border-radius:14px}.b img{max-width:100%;border-radius:12px}
.rv{opacity:0;transform:translateY(14px);transition:.5s}.rv.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
footer{text-align:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom))}#cbtn{border:1px solid var(--o);background:var(--g);color:#fff;padding:10px 22px;border-radius:99px;font:inherit;cursor:pointer;direction:ltr}#cbtn b{color:var(--o)}
dialog{width:min(94vw,720px);max-height:88vh;border:0;border-radius:18px;padding:0;background:var(--c);color:var(--i)}dialog::backdrop{background:#000a}.dh{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:var(--g);color:#fff;position:sticky;top:0}.dh h3{margin:0}#dc{padding:16px 18px}
#dc input,#dc select,#dc textarea{width:100%;padding:8px 10px;margin:4px 0 10px;border:1px solid var(--b);border-radius:8px;background:var(--bg);color:var(--i);font:inherit}#dc textarea{min-height:140px}#dc label{font-size:.85rem;color:var(--m)}
.btn{border:0;background:var(--t);color:#fff;padding:8px 16px;border-radius:8px;cursor:pointer;font:inherit;margin:2px}.btn.d{background:var(--r)}.btn.s{background:var(--b);color:var(--i)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.tabs .btn.on{background:var(--o);color:var(--g)}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--b)}.bars{display:flex;align-items:flex-end;gap:3px;height:160px;overflow-x:auto;padding-top:8px}.bar{flex:1;min-width:14px;background:var(--t);border-radius:4px 4px 0 0;position:relative}.bar i{position:absolute;top:-16px;font-size:.65rem;width:100%;text-align:center;font-style:normal}.kp{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.kp div{background:var(--bg);border-radius:10px;padding:8px;text-align:center}.kp b{display:block;font-size:1.3rem;color:var(--t)}
.fm{margin-top:14px;background:var(--c);border:1px solid var(--b);border-radius:14px;padding:14px}.fm input,.fm textarea{width:100%;padding:8px 10px;margin:6px 0;border:1px solid var(--b);border-radius:8px;background:var(--bg);color:var(--i);font:inherit}.fm textarea{min-height:90px}
.lk{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 18px;border-radius:14px;background:var(--o);color:var(--g);text-decoration:none;font-weight:700;box-shadow:0 2px 8px #0002;text-align:center}.lk small{font-weight:400;opacity:.75;direction:ltr}.lk:hover{filter:brightness(1.08)}.k-qr .lk{width:min(320px,80vw)}