:root { --bg: #101914; --panel: #19271f; --line: #34493b; --text: #f0f7f3; --muted: #adc3b6; --green: #64dfae; --cyan: #75d6e6; }
* { box-sizing: border-box; letter-spacing: 0; }
[hidden] { display: none !important; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
:focus-visible { outline: 3px solid #75d6e6; outline-offset: 3px; }
button, a, input { font-family: inherit; }
.surf { height: 100dvh; grid-template-rows: auto minmax(0,1fr); }
.surf .topbar { background: var(--panel); padding: 12px 16px; border-bottom-color: var(--line); }
.surf .title { font-size: 14px; font-weight: 650; }
.surf .meta { font-size: 12px; color: var(--muted); }
.surf .progress { height: 5px; background: #364f40; border-radius: 3px; }
.surf .fill { background: var(--green); }
.surf .btn { border-radius: 5px; font-size: 12px; min-height: 36px; font-weight: 650; }
.surf .btn.secondary { background: #22372a; border-color: #41594b; }
.surf .ad-frame { min-height: 0; }
.scam-panel { border-radius: 8px; }
.embed-body { color: #edf8f2; background: #14241b; }
.embed-body .box { padding: 14px; }
.embed-body h1 { font-size: 17px; color: #e8f7ee; }
.embed-body p { color: #aac6b7; font-size: 11px; line-height: 1.4; }
.embed-body .grid { gap: 8px; }
.embed-body button { align-items: flex-start; position: relative; background: #203c2e; color: #e4f8ee; border: 1px solid #3c604b; border-radius: 6px; min-height: 49px; padding: 8px 12px; font-size: 13px; }
.embed-body button::after { content: '\2197'; position: absolute; right: 13px; top: 12px; color: #7be3b4; font-size: 19px; }
.embed-body button span, .embed-body button small { max-width: calc(100% - 26px); }
.embed-body button small { color: #98dcb6; font-weight: 550; margin-top: 3px; }
.embed-body button:hover { background: #2b503c; border-color: #78dbaa; }
.wall-body { background: #f6f8f7; --ink: #182522; --muted: #60716c; --line: #dce5e1; --green: #087e60; --soft: #e7f5ee; }
.wall-body .topbar { background: #172b20; }
.wall-body .toplink { color: #b2e6cf; font-size: 12px; }
.wall-body .hero { display: block; }
.wall-body h1 { font-size: 30px; }
.wall-body .panel { background: transparent; padding: 24px 0; border: 0; border-radius: 0; box-shadow: none; }
.wall-body .choice { background: #fff; border-color: var(--line); min-height: 165px; box-shadow: none; }
.wall-body .choice:hover { border-color: var(--green); box-shadow: none; }
.wall-body .choice strong { color: var(--ink); font-weight: 650; }
.wall-body .choice span { color: var(--muted); }
.wall-body aside.panel { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); }
.wall-body .mini { display: none; }
.wall-body aside .btn { justify-self: end; align-self: start; }
@media (max-width: 800px) {
    .surf .topbar { padding: 8px; }
    .surf .title { font-size: 12px; }
    .surf .meta { font-size: 10px; }
    .surf .btn { min-height: 30px; font-size: 10px; padding: 6px; }
}
@media (max-width: 540px) {
    .wall-body h1 { font-size: 26px; }
    .wall-body .choice { min-height: 130px; }
    .wall-body aside.panel { grid-template-columns: minmax(0,1fr); }
    .wall-body aside .btn { justify-self: start; }
}