:root{--bg: #f6f4ef;--ink: #1b1d1f;--muted: #5b6068;--line: #e3dfd6;--field: #cfc9bd;--surface: #ffffff;--accent: #1f4e8c;--accent-dark: #163a69;--accent-soft: #e4ecf6;--thumb: #2a2e33;--danger: #b42318;font-family:"Source Sans 3",system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}button{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.screen{max-width:480px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;gap:24px;padding:calc(env(safe-area-inset-top) + 24px) 20px calc(env(safe-area-inset-bottom) + 28px)}.screen-list{gap:14px;padding-bottom:0}.stack-12{display:flex;flex-direction:column;gap:12px}.stack-18{display:flex;flex-direction:column;gap:18px}.stack-24{display:flex;flex-direction:column;gap:24px}.center{align-items:stretch}.center .link{align-self:center}.center-text{text-align:center}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.title{margin:0;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:700;font-size:clamp(32px,9vw,46px);line-height:1;text-transform:uppercase;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.title-medium{font-size:34px;line-height:1.05}.lead{margin:0;font-size:17px;line-height:1.45;color:var(--muted)}.hint{margin:0;font-size:14px;line-height:1.45;color:var(--muted)}.error{margin:0;font-size:14px;color:var(--danger)}.notes{margin:0;font-size:16px;line-height:1.5}.footnote{margin:auto 0 0;font-size:13px;line-height:1.45;color:var(--muted);text-align:center}.section-title{margin:8px 0 0;font-size:16px;font-weight:700}.club{display:flex;align-items:center;gap:12px;padding-top:24px}.club-logo{width:48px;height:48px;border-radius:12px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Barlow Condensed,sans-serif;font-weight:700;font-size:16px}.club-name{font-size:15px;font-weight:600;color:var(--muted)}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:15px;font-weight:600}.input{width:100%;height:52px;padding:0 16px;border:1px solid var(--field);border-radius:12px;background:var(--surface);font:inherit;font-size:18px;color:var(--ink)}.input:focus-visible{outline:3px solid var(--accent-soft);border-color:var(--accent)}.input-code{height:64px;font-size:30px;font-weight:700;letter-spacing:.4em;text-align:center;border:2px solid var(--accent)}.textarea{height:auto;padding:12px 16px;resize:vertical;font-size:16px}select.input,input[type=date].input{padding:0 12px;font-size:16px}.btn{width:100%;min-height:52px;padding:0 20px;border:0;border-radius:12px;background:var(--accent);color:#fff;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.btn:hover{background:var(--accent-dark)}.btn-small{width:auto;min-height:44px;font-size:15px}.link{min-height:44px;padding:0 4px;border:0;background:none;color:var(--accent);font-size:15px;font-weight:600;cursor:pointer}.link:hover{color:var(--accent-dark);text-decoration:underline}.back{align-self:flex-start;min-height:44px;display:flex;align-items:center;gap:4px;padding:0;border:0;background:none;color:var(--accent);font-size:16px;font-weight:600;cursor:pointer}.list-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.search{position:relative}.search-icon{position:absolute;left:14px;top:14px;color:var(--muted);display:flex}.input-search{height:48px;padding-left:44px;font-size:16px}.chips{display:flex;gap:8px;overflow-x:auto;margin:0 -20px;padding:2px 20px 4px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;min-height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--field);background:var(--surface);color:var(--ink);font-size:15px;font-weight:600;white-space:nowrap;cursor:pointer}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.list{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.empty{margin:24px 0;text-align:center;color:var(--muted)}.card{width:100%;display:flex;gap:14px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.card:hover{border-color:var(--field)}.thumb{position:relative;width:112px;height:72px;flex-shrink:0;border-radius:10px;background:var(--thumb);color:#fff;display:flex;align-items:center;justify-content:center}.thumb-small{width:96px;height:60px}.duration{position:absolute;right:6px;bottom:6px;padding:1px 6px;border-radius:6px;background:#000;color:#fff;font-size:12px;font-weight:600}.card-text{display:flex;flex-direction:column;gap:4px;min-width:0;flex-grow:1}.card-title{font-size:16px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.card-meta{font-size:13px;color:var(--muted)}.bottom-bar{position:sticky;bottom:0;margin:auto -20px 0;padding:12px 20px calc(env(safe-area-inset-bottom) + 12px);background:var(--surface);border-top:1px solid var(--line)}.install{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;background:var(--accent-soft)}.install-text{display:flex;flex-direction:column;gap:4px;font-size:15px;line-height:1.4}.install-text svg{vertical-align:-3px}.install-actions{display:flex;align-items:center;gap:12px}.player{margin:0 -20px;aspect-ratio:16 / 9;background:var(--ink);color:#c9ccd1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;font-size:14px}.tag{align-self:flex-start;padding:4px 12px;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:700}.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;border:2px dashed var(--field);border-radius:14px;background:var(--surface);color:var(--ink);cursor:pointer}.dropzone svg{color:var(--accent)}.dropzone span{font-size:14px;color:var(--muted)}.upload{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.upload-row{display:flex;align-items:center;gap:12px}.upload-icon{width:44px;height:44px;flex-shrink:0;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center}.progress{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.progress-bar{height:100%;background:var(--accent);transition:width .25s linear}@media(prefers-reduced-motion:reduce){.progress-bar{transition:none}}.screen-status{justify-content:center}.btn:disabled{opacity:.6;cursor:default}.btn:disabled:hover{background:var(--accent)}