:root{color-scheme:light dark;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--fs-body: 1.125rem;--fs-title: 1.35rem;--fs-large: 1.5rem;--lh: 1.55;--space: 1rem;--radius: 14px;--tap-min: 48px;--bg: #f4f6fa;--surface: #ffffff;--text: #1a2332;--muted: #5c6575;--primary: #2563eb;--primary-contrast: #ffffff;--border: #d8dee9;--important-bg: #fff4f0;--important-border: #f09180;--tip-bg: #eef7ff;--tip-border: #93c5fd}@media(prefers-color-scheme:dark){:root{--bg: #121821;--surface: #1c2533;--text: #eef2f9;--muted: #a8b0bf;--border: #2f3d52;--important-bg: #2c1815;--important-border: #b45340;--tip-bg: #162536;--tip-border: #3b82f6}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-ui);font-size:var(--fs-body);line-height:var(--lh);background:var(--bg);color:var(--text);min-height:100dvh}#root{min-height:100dvh}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.app-shell{max-width:520px;margin:0 auto;min-height:100dvh;padding:calc(var(--space) + env(safe-area-inset-top)) calc(var(--space) + env(safe-area-inset-right)) calc(var(--space) + env(safe-area-inset-bottom)) calc(var(--space) + env(safe-area-inset-left))}.screen-title{font-size:var(--fs-large);font-weight:700;margin:0 0 var(--space)}.card-list{display:flex;flex-direction:column;gap:var(--space)}.card-link{display:block;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space);min-height:var(--tap-min)}.card-link:active{transform:scale(.99)}.card-link-title{font-size:var(--fs-title);font-weight:600}.card-link-desc{color:var(--muted);margin-top:.35rem;font-size:1rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--tap-min);padding:0 1rem;border:none;border-radius:var(--radius);background:var(--primary);color:var(--primary-contrast);font-weight:600;font-size:1.125rem}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:var(--tap-min);padding:0 1rem;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font-weight:600;font-size:1.125rem}.stack{display:flex;flex-direction:column;gap:var(--space)}.telegram-login-widget-root{min-height:44px}.telegram-login-widget-root iframe{display:block;max-width:100%}.footer-links{margin-top:2rem;padding-top:var(--space);border-top:1px solid var(--border);font-size:1rem}.footer-links a{color:var(--primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--space);z-index:1000}.modal-panel{background:var(--surface);border-radius:var(--radius);padding:var(--space);max-width:420px;width:100%;border:1px solid var(--border)}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:1100;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.lightbox-toolbar{display:flex;gap:var(--space);justify-content:space-between;align-items:center;padding:var(--space)}.lightbox-img-wrap{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;touch-action:pinch-zoom}.lightbox-img{max-width:100%;transform-origin:center center}.hotspot-stage{position:relative;width:100%;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.hotspot-stage img{display:block;width:100%;height:auto;vertical-align:middle}.hotspot-hit{position:absolute;border:3px dashed rgba(255,255,255,.85);background:#2563eb26;border-radius:8px}.hotspot-hit.solved-wrong{border-color:#fca5a5;background:#ef444426}