:root{--color-bg:#fff;--color-surface:#f5f6f8;--color-surface-hover:#ececef;--color-border:#dfe3e8;--color-text:#1a1d21;--color-text-muted:#6b7280;--color-primary:#2563eb;--color-primary-text:#fff;--color-success:#16a34a;--color-danger:#dc2626;--color-accent:#7c3aed;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--button-height:44px;--content-max-width:640px;--side-gutter:16px}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);line-height:1.4}#app{max-width:var(--content-max-width);padding:var(--space-4) var(--side-gutter) var(--space-6);margin:0 auto}button{min-height:var(--button-height);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:0 var(--space-4);font-family:inherit;font-size:1rem}button:hover{background:var(--color-surface-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-text)}button.selected{border-color:var(--color-primary);border-width:2px;font-weight:600}a{color:var(--color-primary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.muted{color:var(--color-text-muted);font-size:.9rem}.row{gap:var(--space-2);flex-wrap:wrap;display:flex}.stack{gap:var(--space-3);flex-direction:column;display:flex}.text-danger{color:var(--color-danger)}.row-center{align-items:center}.site-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.site-header__brand{color:var(--color-text);font-size:1.1rem;font-weight:700;text-decoration:none}.site-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;font-size:.85rem;display:flex}.link-button{min-height:0;color:var(--color-primary);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:hover{background:0 0}.feedback-text{width:100%;padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);resize:vertical;font-family:inherit;font-size:1rem}.login-link-input{width:100%;font-size:.85rem}.modal-overlay{padding:var(--space-4);z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--space-4);max-width:var(--content-max-width);width:100%;max-height:90vh;overflow-y:auto}@media (width<=480px){.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh}}.chart-big-value{font-size:2rem;font-weight:700}.chart-point{cursor:pointer}.chart-hit{fill:#0000}.chart-dot{fill:var(--color-primary)}.chart-line{fill:none;stroke:var(--color-primary);stroke-width:2px}.chart-baseline{stroke:var(--color-border);stroke-dasharray:4 4}.chart-value-label{font-size:12px}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:var(--space-2) var(--space-3);text-align:left}.table th.numeric,.table td.numeric{text-align:right}.table tbody tr{cursor:pointer}.row-mine{font-weight:700}.question-hint{display:none}@media (width>=700px){.question-hint{display:inline}}