:root{--color-primary:#378add;--color-primary-hover:#185fa5;--color-primary-text-on-light:#0c447c;--color-accent:#ef9f27;--color-accent-hover:#ba7517;--color-accent-text-on-light:#633806;--color-success:#1d9e75;--color-success-text-on-light:#04342c;--color-danger:#d85a30;--color-danger-text-on-light:#4a1b0c;--font-display:"Oswald", sans-serif;--font-body:"Inter", sans-serif;--glass-blur:16px;--glass-border-radius:16px;--glass-shadow:0 4px 24px #0000001f;--glass-shadow-elevated:0 8px 32px #00000029;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--corner-notch-size:14px}[data-theme=dark]{--bg-base:#12141a;--bg-base-gradient-start:#12141a;--bg-base-gradient-end:#1a1d24;--glass-fill:#ffffff14;--glass-border:#ffffff1f;--glass-fill-elevated:#ffffff1f;--text-primary:#f7f5f0;--text-secondary:#b4b2a9;--text-muted:#888780}[data-theme=light]{--bg-base:#f0f0ed;--bg-base-gradient-start:#f0f0ed;--bg-base-gradient-end:#fafaf8;--glass-fill:#ffffffa6;--glass-border:#00000014;--glass-fill-elevated:#fffc;--text-primary:#2c2c2a;--text-secondary:#5f5e5a;--text-muted:#888780}body{background:linear-gradient(135deg, var(--bg-base-gradient-start), var(--bg-base-gradient-end));color:var(--text-primary);font-family:var(--font-body);min-height:100vh;transition:background .3s,color .3s}.glass-panel{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-border-radius);box-shadow:var(--glass-shadow);transition:background .3s,border-color .3s,box-shadow .3s}.glass-panel:hover{background:var(--glass-fill-elevated);box-shadow:var(--glass-shadow-elevated)}.corner-notch{position:relative}.corner-notch:before{content:"";width:var(--corner-notch-size);height:var(--corner-notch-size);background:linear-gradient(135deg, transparent 50%, var(--glass-border) 50%);border-top-right-radius:var(--glass-border-radius);position:absolute;top:0;right:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.glass-panel{-webkit-backdrop-filter:none}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5}.app{flex-direction:column;max-width:430px;min-height:100vh;margin:0 auto;padding:20px 16px;display:flex}.loading-state{flex:1;justify-content:center;align-items:center;padding:40px 0;display:flex}.loading-skeleton{width:100%;max-width:360px}.skeleton-image{aspect-ratio:3/4;background:#f7f5f00d;border-radius:12px;width:100%;margin-bottom:24px;animation:1.5s ease-in-out infinite pulse}.skeleton-title{background:#f7f5f00d;border-radius:8px;height:32px;margin-bottom:16px;animation:1.5s ease-in-out .2s infinite pulse}.skeleton-description{background:#f7f5f00d;border-radius:8px;height:96px;animation:1.5s ease-in-out .4s infinite pulse}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.card-view{flex-direction:column;gap:20px;animation:.3s ease-out fadeIn;display:flex}.card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.progress-container{flex-direction:column;align-items:center;gap:4px;display:flex}.progress-counter{font-family:var(--font-display);letter-spacing:.1em;color:var(--color-accent);font-size:24px;font-weight:600}.progress-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.warning-banner{border:1px solid var(--color-accent);background:#ef9f2726;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;display:flex}.warning-icon{color:var(--color-accent);font-size:16px}.warning-text{color:var(--color-accent);flex:1;font-size:14px}.card-slab{border-radius:var(--glass-border-radius);background:var(--glass-fill);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:12px;position:relative}.card-slab:before{content:"";width:var(--corner-notch-size);height:var(--corner-notch-size);background:linear-gradient(135deg, transparent 50%, var(--glass-border) 50%);border-top-right-radius:var(--glass-border-radius);position:absolute;top:0;right:0}.card-image{object-fit:contain;object-position:center;background:#0003;border-radius:8px;width:100%;height:auto;max-height:400px;display:block}.form-fields{flex-direction:column;gap:20px;display:flex}.field-group{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:500}.field-input{background:var(--glass-fill);width:100%;-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-body);border-radius:10px;padding:14px 16px;font-size:15px;line-height:1.4;transition:border-color .2s,box-shadow .2s}.field-input::placeholder{color:var(--text-secondary)}.field-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #378add26}.field-input:disabled{opacity:.6;cursor:not-allowed}.field-input option{color:#000;background:#fff}.field-input-title{min-height:48px}.field-input-description{resize:vertical;min-height:120px}.btn{width:100%;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;text-transform:uppercase;border:none;border-radius:12px;padding:16px 24px;font-size:18px;font-weight:600;transition:all .2s}.btn:focus{outline:none;box-shadow:0 0 0 3px #378add4d}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text-primary);border:1px solid var(--glass-border)}.btn-secondary:hover:not(:disabled){background:var(--glass-fill-elevated);border-color:var(--glass-border)}.all-done-state{flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex;position:relative}.all-done-content{text-align:center;max-width:300px;padding:32px}.all-done-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.05em;margin-bottom:12px;font-size:32px;font-weight:600}.all-done-message{color:var(--text-secondary);margin-bottom:32px;font-size:16px}.error-state{flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.error-content{text-align:center;max-width:320px}.error-title{font-family:var(--font-display);color:var(--color-danger);letter-spacing:.05em;margin-bottom:12px;font-size:28px;font-weight:600}.error-message{color:var(--text-secondary);margin-bottom:32px;font-size:15px;line-height:1.6}.config-error{max-width:100%}.auth-container{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative}.auth-content{width:100%;max-width:360px;padding:32px}.auth-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;letter-spacing:.05em;margin-bottom:8px;font-size:32px;font-weight:600}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:15px}.auth-form{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.auth-error{border:1px solid var(--color-danger);color:var(--color-danger);background:#d85a3026;border-radius:8px;padding:12px 16px;font-size:14px}.auth-toggle{margin-top:16px;font-size:14px}.upload-container{flex-direction:column;flex:1;padding:20px 16px;display:flex}.logout-btn{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur));color:var(--text-secondary);border:1px solid var(--glass-border);font-family:var(--font-body);cursor:pointer;border-radius:8px;align-self:flex-end;padding:8px 16px;font-size:14px;transition:all .2s}.logout-btn:hover{background:var(--glass-fill-elevated);border-color:var(--glass-border);color:var(--text-primary)}.upload-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.upload-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;letter-spacing:.05em;font-size:32px;font-weight:600}.upload-subtitle{color:var(--text-secondary);text-align:center;font-size:16px}.drop-zone{border:2px dashed var(--glass-border);border-radius:var(--glass-border-radius);text-align:center;background:var(--glass-fill);width:100%;max-width:400px;-webkit-backdrop-filter:blur(var(--glass-blur));padding:40px 20px;transition:all .2s;position:relative}.drop-zone:hover{border-color:var(--color-primary);background:var(--glass-fill-elevated)}.drop-zone:before{content:"";width:var(--corner-notch-size);height:var(--corner-notch-size);background:linear-gradient(135deg, transparent 50%, var(--glass-border) 50%);border-top-right-radius:var(--glass-border-radius);position:absolute;top:0;right:0}.file-input{display:none}.drop-zone-label{cursor:pointer;flex-direction:column;align-items:center;gap:12px;display:flex}.drop-zone-icon{font-size:48px}.drop-zone-text{color:var(--text-primary);font-size:16px;font-weight:500}.drop-zone-hint{color:var(--text-secondary);font-size:13px}.progress-container{flex-direction:column;gap:8px;width:100%;max-width:400px;display:flex}.progress-text{color:var(--text-primary);text-align:center;font-size:15px}.progress-bar{background:#f7f5f01a;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background:var(--color-primary);height:100%;transition:width .3s}.upload-error{border:1px solid var(--color-danger);color:var(--color-danger);text-align:center;background:#d85a3026;border-radius:8px;max-width:400px;padding:12px 16px;font-size:14px}.failed-files{border:1px solid var(--color-danger);background:#d85a301a;border-radius:8px;max-width:400px;padding:16px}.failed-title{color:var(--color-danger);margin-bottom:8px;font-size:14px;font-weight:500}.failed-item{color:var(--text-secondary);padding:4px 0;font-size:13px}.export-container{flex-direction:column;flex:1;padding:20px 16px;display:flex;position:relative}.export-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;max-width:400px;margin:0 auto;padding:32px;display:flex}.export-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;letter-spacing:.05em;font-size:32px;font-weight:600}.export-subtitle{color:var(--text-secondary);text-align:center;font-size:16px}.export-error{border:1px solid var(--color-danger);color:var(--color-danger);text-align:center;background:#d85a3026;border-radius:8px;max-width:400px;padding:12px 16px;font-size:14px}.export-success{border:1px solid var(--color-success);background:#1d9e751a;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:24px;display:flex}.success-icon{color:var(--color-success);font-size:48px}.success-text{color:var(--text-primary);font-size:16px;font-weight:500}.export-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sessions-container{flex-direction:column;flex:1;padding:20px 16px;display:flex}.sessions-content{flex-direction:column;flex:1;gap:24px;display:flex}.sessions-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.05em;font-size:32px;font-weight:600}.sessions-loading{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;font-size:16px;display:flex}.sessions-error{border:1px solid var(--color-danger);color:var(--color-danger);background:#d85a3026;border-radius:8px;padding:12px 16px;font-size:14px}.sessions-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.empty-icon{opacity:.5;font-size:64px}.empty-text{color:var(--text-secondary);font-size:18px}.sessions-list{flex-direction:column;gap:12px;display:flex}.session-card{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-border-radius);justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex;position:relative}.session-card:hover{background:var(--glass-fill-elevated);border-color:var(--glass-border)}.session-card:before{content:"";width:var(--corner-notch-size);height:var(--corner-notch-size);background:linear-gradient(135deg, transparent 50%, var(--glass-border) 50%);border-top-right-radius:var(--glass-border-radius);position:absolute;top:0;right:0}.session-info{flex-direction:column;gap:6px;display:flex}.session-date{color:var(--text-primary);font-size:15px;font-weight:500}.session-status{align-items:center;gap:12px;display:flex}.session-count{color:var(--text-secondary);font-size:13px}.pending-count{color:var(--color-accent);font-weight:500}.session-name{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.new-show-form{flex-direction:column;align-self:center;gap:12px;width:100%;max-width:400px;display:flex}.new-show-actions{justify-content:flex-end;gap:12px;display:flex}.btn-danger{color:var(--color-danger);border:1px solid var(--color-danger);background:#d85a3033}.btn-danger:hover:not(:disabled){border-color:var(--color-danger);background:#d85a304d}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.session-actions{gap:8px;display:flex}.btn-sm{padding:8px 16px;font-size:14px}.btn-lg{align-self:center;padding:14px 28px;font-size:16px}.settings-btn{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);cursor:pointer;z-index:101;border-radius:8px;padding:8px 12px;font-size:20px;transition:all .2s;position:absolute;top:20px;right:70px}.settings-btn:hover{background:var(--glass-fill-elevated);transform:scale(1.05)}.theme-toggle{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);cursor:pointer;z-index:102;border-radius:8px;padding:8px 12px;font-size:20px;transition:all .2s;position:absolute;top:20px;right:20px}.theme-toggle:hover{background:var(--glass-fill-elevated);transform:scale(1.05)}.settings-container{flex-direction:column;flex:1;padding:20px 16px;display:flex;position:relative}.settings-content{flex-direction:column;flex:1;gap:24px;width:100%;max-width:600px;margin:0 auto;display:flex}.settings-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.05em;margin-bottom:8px;font-size:32px;font-weight:600}.settings-section{flex-direction:column;gap:16px;padding:24px;display:flex}.section-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.05em;margin-bottom:8px;font-size:20px;font-weight:600}.danger-zone{border:1px solid var(--color-danger)}.danger-title{color:var(--color-danger)}.usage-stats{flex-direction:column;gap:12px;display:flex}.usage-stat{justify-content:space-between;align-items:center;display:flex}.usage-label{color:var(--text-secondary);font-size:14px}.usage-value{font-family:var(--font-display);color:var(--text-primary);font-size:18px;font-weight:600}.usage-progress{background:var(--glass-fill);border:1px solid var(--glass-border);border-radius:4px;width:100%;height:8px;overflow:hidden}.usage-bar{background:var(--color-primary);height:100%;transition:width .3s}.usage-warning,.settings-error,.settings-success{margin-top:8px}.delete-confirm{border:1px solid var(--color-danger);background:#d85a301a;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.delete-confirm-text{color:var(--text-primary);font-size:14px;line-height:1.5}.delete-confirm-actions{justify-content:flex-end;gap:12px;display:flex}