@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;700&family=Playfair+Display:wght@700&display=swap";:root{--surface-page: #f4f7fb;--surface-card: #ffffff;--surface-raised: #eef2f8;--text-primary: #1b2a4a;--text-secondary: #3d4f70;--text-muted: #5a7090;--border: #e1e7f0;--border-strong: #c7d1e2;--radius: 8px;--radius-card: 14px;--accent: #2bb5c8;--accent-text: #1a8fa0;--danger: #b3492f;--danger-bg: #fbeeea;--success: #1e7d3c;--success-bg: #e6f4ea;--warning: #9c7f2e;--warning-bg: #faf5e9}:root[data-theme=dark]{--surface-page: #141f36;--surface-card: #1c2a47;--surface-raised: #223257;--text-primary: #e8ecf5;--text-secondary: #c2ccdf;--text-muted: #93a3c2;--border: #2c3b5c;--border-strong: #3c4d70;--accent: #3dc4d6;--accent-text: #3dc4d6;--danger: #e08469;--danger-bg: #3a2620;--success: #5fbb7d;--success-bg: #1c3324;--warning: #d1b366;--warning-bg: #362d1a}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--surface-page: #141f36;--surface-card: #1c2a47;--surface-raised: #223257;--text-primary: #e8ecf5;--text-secondary: #c2ccdf;--text-muted: #93a3c2;--border: #2c3b5c;--border-strong: #3c4d70;--accent: #3dc4d6;--accent-text: #3dc4d6;--danger: #e08469;--danger-bg: #3a2620;--success: #5fbb7d;--success-bg: #1c3324;--warning: #d1b366;--warning-bg: #362d1a}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font:16px/1.5 DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased}#root{min-height:100svh;display:flex;flex-direction:column}h1,h2,h3{color:var(--text-primary);font-family:Playfair Display,DM Sans,serif;font-weight:700;margin:0 0 8px}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent-text)}.screen{flex:1;display:flex;flex-direction:column;padding:16px;gap:16px;max-width:640px;width:100%;margin:0 auto;box-sizing:border-box}.screen-centered{justify-content:center;min-height:100svh}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:8px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:8px}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px}.login-card{width:100%}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted);font-size:13px}.error-text{color:var(--danger);font-size:14px;margin:0}.empty-message{color:var(--text-muted);font-size:14px;margin:0}.field{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--text-secondary)}.field input,.field textarea{border:1px solid var(--border-strong);border-radius:var(--radius);padding:10px 12px;background:var(--surface-page);color:var(--text-primary);font-size:16px}.field textarea{resize:vertical;min-height:72px}.btn{border:1px solid var(--border-strong);background:var(--surface-card);color:var(--text-primary);border-radius:var(--radius);padding:10px 16px;font-size:15px;font-weight:500}.btn:disabled,.btn-disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-danger{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.btn-block{width:100%}.btn-sm{padding:6px 10px;font-size:13px}.badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-muted{background:var(--surface-raised);color:var(--text-muted);border:1px solid var(--border)}.badge-info{background:color-mix(in srgb,var(--accent) 15%,var(--surface-card));color:var(--accent-text)}.progress-track{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .2s ease}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-card);text-align:left;width:100%}.list-row:not(:disabled):active{background:var(--surface-raised)}.row-list-item{display:flex;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-card)}.sync-bar{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);position:sticky;top:0;z-index:10;box-shadow:0 2px 6px #00000014}.sync-bar-status{flex-wrap:wrap}.sync-bar-progress{gap:8px}.progress-track-thin{flex:1;height:4px}.sync-bar-progress-label{white-space:nowrap}.sticky-header{position:sticky;top:0;z-index:10;display:flex;flex-direction:column;gap:8px;background:var(--surface-page);padding-bottom:4px;box-shadow:0 2px 6px #00000014}.sticky-header .sync-bar{position:static;box-shadow:none}.icon-toolbar{display:flex;gap:8px}.icon-toolbar-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--border-strong);background:var(--surface-card);color:var(--text-primary);border-radius:var(--radius);padding:10px 4px;font-size:11px;font-weight:500;text-align:center;text-decoration:none;line-height:1.2}.icon-toolbar-btn:disabled{opacity:.55;cursor:not-allowed}.field-label-with-icon{display:inline-flex;align-items:center;gap:4px}.icon-menu{position:relative;flex:0 0 auto}.icon-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:100%;min-height:52px;border:1px solid var(--border-strong);background:var(--surface-card);color:var(--text-primary);border-radius:var(--radius)}.icon-menu-btn-active{border-color:var(--accent);color:var(--accent)}.icon-menu-panel{position:absolute;top:100%;margin-top:6px;min-width:180px;display:flex;flex-direction:column;gap:8px;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:12px;box-shadow:0 4px 16px #0000002e;z-index:20}.icon-menu-panel-right{right:0}.icon-menu-panel-left{left:0}.icon-menu-title{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.banner-danger{border-color:var(--danger);background:var(--danger-bg)}.banner-danger strong{color:var(--danger)}.banner-success{border-color:var(--success);background:var(--success-bg)}.banner-success strong{color:var(--success)}.club-query-banner{border-color:var(--warning);background:var(--warning-bg)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.photo-thumb{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--surface-raised);border:1px solid var(--border)}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-thumb-badge{position:absolute;bottom:4px;left:4px;right:4px;justify-content:center;border:none}.answer-btn{flex:1;padding:14px;font-size:16px;font-weight:600}.answer-btn-ok-active{background:var(--success-bg);border-color:var(--success);color:var(--success)}.answer-btn-notok-active{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.answer-chip-active{background:var(--accent);border-color:var(--accent);color:#fff}.question-card{padding:0;overflow:hidden}.question-card>.stack{padding:0 16px 16px}.question-card-header{display:block;width:100%;text-align:left;background:transparent;border:none;padding:14px 16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.modal{background:var(--surface-card);border-radius:var(--radius-card);padding:20px;width:100%;max-width:400px}.section-row-complete{background:var(--success-bg);border-color:var(--success)}.flagged-count{color:var(--danger);font-weight:600}.theme-toggle{display:flex;gap:4px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius);padding:3px}.theme-toggle button{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;border:none;background:transparent;padding:6px 10px;border-radius:calc(var(--radius) - 2px);font-size:13px;font-weight:500;color:var(--text-secondary)}.theme-toggle button.theme-toggle-active{background:var(--surface-card);color:var(--text-primary);box-shadow:0 1px 2px #0000001a}