:root{--primary: #00aa6c;--primary-dark: #008c57;--primary-light: #e6f9f0;--accent: #ff6b35;--bg: #f2f2f2;--surface: #ffffff;--text: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--border: #e0e0e0;--shadow: 0 2px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 30px rgba(0,0,0,.12);--radius: 12px;--radius-sm: 8px;--radius-full: 9999px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;width:100%;max-width:100vw;overflow-x:hidden;-webkit-font-smoothing:antialiased}body{padding-top:var(--safe-top);padding-bottom:calc(72px + var(--safe-bottom))}@media screen and (orientation:landscape){html{rotate:0}}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.25rem;font-weight:600}h3{font-size:1.125rem;font-weight:600}p{color:var(--text-secondary)}small{font-size:.8rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;-webkit-user-select:none;user-select:none;touch-action:manipulation;width:100%}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:active{background:var(--primary-dark)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-danger{background:#e74c3c;color:#fff}.btn-outline{background:transparent;color:var(--primary);border:1.5px solid var(--primary)}.btn-small{padding:8px 16px;font-size:.875rem;width:auto}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-padded{padding:16px}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.input,.textarea,.select{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font);background:var(--surface);color:var(--text);transition:border-color .2s;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary)}.textarea{min-height:100px;resize:vertical}.input-error{border-color:#e74c3c}.page{padding:16px;max-width:480px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.page-header{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 0 calc(8px + var(--safe-bottom));z-index:100;box-shadow:0 -2px 10px #0000000d}.nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;border:none;background:none;cursor:pointer;color:var(--text-muted);font-size:.7rem;font-weight:500;text-decoration:none;transition:color .2s;-webkit-user-select:none;user-select:none}.nav-item.active{color:var(--primary)}.nav-item svg{width:24px;height:24px}.img-fit{width:100%;height:200px;object-fit:cover;display:block}.img-round{width:48px;height:48px;border-radius:50%;object-fit:cover}.chip{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500;background:var(--primary-light);color:var(--primary)}.chip-danger{background:#fde8e8;color:#e74c3c}.chip-warning{background:#fff3e0;color:#f57c00}.chip-success{background:#e6f9f0;color:var(--primary)}.check-list{display:flex;flex-direction:column;gap:8px}.check-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.check-item.selected{border-color:var(--primary);background:var(--primary-light)}.check-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;animation:fadeIn .2s}.modal{background:var(--surface);border-radius:var(--radius);padding:24px;max-width:360px;width:100%;display:flex;flex-direction:column;gap:16px;animation:slideUp .3s}.modal-actions{display:flex;gap:12px}.modal-actions .btn{flex:1}.lottery-container{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px}.lottery-slot{font-size:2rem;font-weight:800;color:var(--primary);background:var(--primary-light);padding:12px 32px;border-radius:var(--radius);min-width:160px;text-align:center;transition:all .1s}.lottery-slot.scrolling{animation:slotScroll .1s infinite}.lottery-slot.landed{animation:popIn .4s ease-out}@keyframes slotScroll{0%{transform:translateY(-2px)}50%{transform:translateY(2px)}to{transform:translateY(-2px)}}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.progress-bar{width:100%;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .4s ease}.gps-status{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500}.gps-status.ok{background:var(--primary-light);color:var(--primary)}.gps-status.error{background:#fde8e8;color:#e74c3c}.gps-status.checking{background:#fff3e0;color:#f57c00}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.role-on-camera{background:#e3f2fd;color:#1565c0}.role-director{background:#fce4ec;color:#c62828}.role-photographer{background:#fff3e0;color:#e65100}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;text-align:center;color:var(--text-muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-page{display:flex;align-items:center;justify-content:center;min-height:60vh}.celebration{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 16px;text-align:center}.celebration-icon{font-size:4rem}.celebration h1{font-size:1.75rem;color:var(--primary)}.celebration p{max-width:300px}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;align-items:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mb-sm{margin-bottom:8px}.text-center{text-align:center}.text-muted{color:var(--text-muted)}@media(max-width:380px){.page{padding:12px}h1{font-size:1.25rem}}.drag-handle{cursor:grab;color:var(--text-muted);font-size:1.25rem;padding:4px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}