:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#e8e8e8;background:#0f1117}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:#8fb4ff}#root{max-width:960px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.dashboard-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.dashboard-updated{margin:0 0 1rem;font-size:.8rem;color:#8b92a5}.dashboard-section{margin-bottom:1.75rem}.dashboard-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.dashboard-section-head h2{margin:0;font-size:1.05rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.dashboard-card{border:1px solid #2a3142;border-radius:12px;background:#151923;padding:.9rem 1rem}.dashboard-card-wide{padding:1rem 1.1rem}.dashboard-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem}.dashboard-card-head h2{margin:0;font-size:1rem}.dashboard-card-error{margin:0 0 .65rem;font-size:.82rem;color:#f87171}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.65rem}.dashboard-stat{padding:.55rem .65rem;border:1px solid #2a3142;border-radius:8px;background:#121722}.dashboard-stat-label{display:block;font-size:.72rem;color:#8b92a5;margin-bottom:.15rem}.dashboard-stat-value{font-size:1rem;color:#f3f4f6}.dashboard-channel-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem}.dashboard-channel-thumb{width:48px;height:48px;border-radius:999px;object-fit:cover;background:#0a0d14}.dashboard-channel-handle{margin:.15rem 0 0;font-size:.82rem;color:#8b92a5}.dashboard-video-list{margin-top:1rem;padding-top:.85rem;border-top:1px solid #2a3142}.dashboard-video-list h3{margin:0 0 .55rem;font-size:.9rem}.dashboard-video-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem}.dashboard-video-list li{display:flex;flex-direction:column;gap:.15rem}.dashboard-video-list a{font-size:.88rem;text-decoration:none}.dashboard-video-meta{font-size:.75rem;color:#8b92a5}.dashboard-hint{margin:0 0 .75rem;font-size:.82rem;color:#8b92a5}.app-shell{display:flex;flex-direction:column;gap:1.5rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #2a3142}.brand{display:flex;align-items:baseline;gap:.75rem}.brand a{font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none}.brand-project{font-size:.75rem;color:#6b7280;background:#1a1f2e;border:1px solid #2a3142;padding:.15rem .45rem;border-radius:999px}.app-nav{display:flex;gap:.5rem}.app-nav a{text-decoration:none;color:#a8b0c0;padding:.45rem .75rem;border-radius:8px;font-size:.9rem}.app-nav a.active{background:#1a2744;color:#fff}.app-main{min-height:40vh}h1{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}h2{font-size:1.1rem;margin:0 0 1rem}.subtitle{color:#8b92a5;margin:0 0 1.5rem;font-size:.9rem}form{display:flex;flex-direction:column;gap:1rem;max-width:560px}label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#a8b0c0}input[type=text],input[type=number],input[type=file]{padding:.6rem .75rem;border:1px solid #2a3142;border-radius:8px;background:#1a1f2e;color:#e8e8e8;font-size:1rem}button{margin-top:.5rem;padding:.75rem 1rem;border:none;border-radius:8px;background:#4f7cff;color:#fff;font-size:1rem;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.actions-row{display:flex;gap:.75rem;align-items:center;margin-top:1rem}.link-button{color:#8fb4ff;font-size:.9rem}.progress-wrap{margin-top:1.5rem}.progress-bar{height:8px;background:#2a3142;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#4f7cff;transition:width .2s ease}.progress-label{margin-top:.5rem;font-size:.85rem;color:#8b92a5}.status{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.status.success{background:#1a3d2e;color:#6ee7a0}.status.error{background:#3d1a1a;color:#f87171}.status.info{background:#1a2a3d;color:#93c5fd}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge.success{background:#1a3d2e;color:#6ee7a0}.badge.error{background:#3d1a1a;color:#f87171}.badge.info{background:#1a2744;color:#93c5fd}.badge.neutral{background:#2a3142;color:#c4cad6}.film-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.film-list-item{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:start}.film-card{display:block;padding:1rem;border:1px solid #2a3142;border-radius:12px;background:#151923;text-decoration:none;color:inherit;transition:border-color .15s ease;min-width:0}.film-delete-btn{margin-top:0;padding:.45rem .7rem;font-size:.8rem;align-self:center}.film-delete-error{grid-column:1 / -1;margin:0}.film-card-badges{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}.film-posting-summary{display:flex;flex-direction:column;gap:.25rem;margin-top:.55rem}.posting-line{display:block;font-size:.8rem;line-height:1.35}.posting-line.success{color:#6ee7a0}.posting-line.warn{color:#fbbf24}.posting-line.error{color:#f87171}.posting-line.info{color:#93c5fd}.posting-line.neutral{color:#8b92a5}.film-card:hover{border-color:#4f7cff}.film-card-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.film-card-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;font-size:.85rem;color:#8b92a5}.film-card-error{margin:.5rem 0 0;font-size:.85rem;color:#f87171}.empty-state{padding:2rem 1rem;text-align:center;color:#8b92a5;border:1px dashed #2a3142;border-radius:12px}.back-link{display:inline-block;margin-bottom:1rem;text-decoration:none;font-size:.9rem}.film-detail-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:0 0 1.5rem;padding:1rem;background:#151923;border:1px solid #2a3142;border-radius:12px}.meta-grid dt{font-size:.75rem;color:#8b92a5;margin-bottom:.15rem}.meta-grid dd{margin:0;font-size:.95rem}.clips-section{margin-top:1.5rem}.clip-grid{display:flex;flex-direction:column;gap:.75rem}.clip-card{border:1px solid #2a3142;border-radius:12px;overflow:hidden;background:#151923}.clip-card-compact{display:grid;grid-template-columns:minmax(110px,140px) minmax(0,1fr);gap:0}.clip-media-col{background:#0a0d14;border-right:1px solid #2a3142}.clip-main-col{padding:.65rem .75rem;display:flex;flex-direction:column;gap:.35rem;min-width:0}.clip-card-head{display:flex;justify-content:space-between;gap:.5rem;align-items:flex-start}.clip-badge-row{display:flex;flex-wrap:wrap;gap:.35rem}.clip-reason-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip-details{margin-top:.15rem;border:1px solid #2a3142;border-radius:8px;background:#121722}.clip-details>summary{cursor:pointer;list-style:none;padding:.45rem .55rem;font-size:.82rem;color:#c5cad6;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.clip-details>summary::-webkit-details-marker{display:none}.clip-details[open]>summary{border-bottom:1px solid #2a3142}.clip-details .clip-caption{padding:.45rem .55rem .55rem}.clip-inline-btn{margin-top:0;padding:.15rem .35rem;font-size:.75rem}.clip-post-pills{display:inline-flex;flex-wrap:wrap;gap:.25rem;margin-left:auto}.post-pill{display:inline-flex;align-items:center;gap:.15rem;padding:.1rem .4rem;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid #2a3142;background:#1a1f2e}.post-pill.tone-success{color:#6ee7a0;border-color:#1a3d2e}.post-pill.tone-warn{color:#fbbf24;border-color:#4a3a12}.post-pill.tone-error{color:#f87171;border-color:#4a1a1a}.post-pill.tone-info{color:#93c5fd;border-color:#1a2744}.post-pill.tone-neutral{color:#8b92a5}.clip-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.45rem;padding:.45rem .55rem .55rem}.clip-post-item{border:1px solid #2a3142;border-radius:8px;padding:.45rem .5rem;background:#151b2b}.clip-post-item-head{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.35rem;font-size:.78rem}.clip-post-btn{width:100%;padding:.4rem .55rem;font-size:.78rem}.clip-yt-mode{width:100%;margin-bottom:.35rem;padding:.3rem .4rem;font-size:.75rem;border-radius:6px;border:1px solid #2a3142;background:#1a1f2e;color:#e8e8e8}.clip-post-note{display:block;font-size:.75rem;color:#fbbf24;line-height:1.35}.clip-post-note.error{color:#f87171}.clip-post-legend{margin:0;padding:0 .55rem .55rem;font-size:.72rem;color:#6b7280}.clip-video-wrap{aspect-ratio:9 / 16;background:#0a0d14;display:flex;align-items:center;justify-content:center;height:100%;max-height:240px}.clip-video{width:100%;height:100%;object-fit:contain;background:#000}.clip-placeholder{color:#8b92a5;font-size:.85rem;padding:1rem;text-align:center}.clip-placeholder.error{color:#f87171}.clip-card-body{padding:.75rem;display:flex;flex-direction:column;gap:.25rem}@media(max-width:560px){.clip-card-compact{grid-template-columns:1fr}.clip-media-col{border-right:none;border-bottom:1px solid #2a3142}.clip-video-wrap{max-height:none}.film-list-item{grid-template-columns:1fr}.film-delete-btn{justify-self:start}}.clip-time{font-size:.85rem;color:#8b92a5}.clip-reason{margin:0;font-size:.8rem;color:#8b92a5;line-height:1.35}.clip-download{font-size:.85rem;margin-top:.25rem}.clip-download-row{display:flex;align-items:center;gap:.4rem;margin-top:.35rem;flex-wrap:wrap}.clip-btn-mini{margin-top:0;padding:.22rem .5rem;font-size:.72rem;font-weight:600;line-height:1.2;border-radius:6px}.clip-save-btn.clip-btn-mini{padding:.22rem .5rem}a.clip-btn-mini{display:inline-flex;align-items:center;text-decoration:none;color:#8fb4ff;border:1px solid #2a3142;background:#1a1f2e}.clip-save-btn{margin-top:0;padding:.55rem .9rem;font-size:.9rem}.clip-save-msg{display:block;margin-top:.35rem;font-size:.8rem;color:#f87171}.clip-part-label{font-size:.75rem;color:#6b7280;letter-spacing:.02em}.clip-caption-block{margin-top:.35rem;padding:.4rem .55rem;background:#151b2b;border-radius:8px;border:1px solid #2a3142}.clip-caption-inline .clip-caption-head{margin-bottom:.2rem}.clip-caption-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.35em}.clip-caption-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem;font-size:.8rem}.clip-caption{margin:0;font-size:.8rem;line-height:1.45;color:#c5cad6;white-space:pre-wrap}.clip-post-block{margin-top:.6rem;padding-top:.6rem;border-top:1px solid #2a3142}.clip-post-status{font-size:.75rem;color:#8b92a5;text-transform:capitalize}code{font-size:.8rem;word-break:break-all}.setup-wizard{max-width:640px;margin:0 auto}.setup-hero{margin-bottom:1.5rem}.setup-steps{display:flex;gap:.5rem;list-style:none;padding:0;margin:0 0 1.5rem}.setup-steps li{flex:1;text-align:center;padding:.45rem .35rem;border-radius:8px;font-size:.8rem;background:#1a1f2e;color:#8b92a5;border:1px solid #2a3142}.setup-steps li.active{background:#1a2744;color:#fff;border-color:#4f7cff}.setup-steps li.done{color:#6ee7a0;border-color:#1a3d2e}.setup-panel{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;border:1px solid #2a3142;border-radius:12px;background:#151923}.setup-panel h2{margin:0;font-size:1.1rem}.hint{margin:0;font-size:.85rem;color:#8b92a5}.form-grid{display:grid;gap:.75rem}.file-upload-large input[type=file]{padding:1rem;border-style:dashed}.actions-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.link-button{display:inline-flex;align-items:center;padding:.75rem 1rem;border-radius:8px;text-decoration:none;color:#8fb4ff;border:1px solid #2a3142}.btn-link{border:none;background:transparent;color:#a8b0c0;font-size:.9rem;cursor:pointer;padding:.45rem .75rem;border-radius:8px}.btn-link:hover{background:#1a1f2e;color:#fff}.login-page{min-height:70vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:400px;padding:1.5rem;border:1px solid #2a3142;border-radius:12px;background:#151923;display:flex;flex-direction:column;gap:1rem}.login-card h1{margin:0}.login-hint{margin:0;font-size:.8rem}.processing-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.btn-danger{padding:.5rem .85rem;border:none;border-radius:8px;background:#7f1d1d;color:#fecaca;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.65rem 1rem;border:1px solid #2a3142;border-radius:8px;background:#1a1f2e;color:#e8e8e8;font-size:.9rem;font-weight:600;cursor:pointer}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.type-toggle{border:1px solid #2a3142;border-radius:10px;padding:.75rem 1rem 1rem;margin:0 0 1rem;display:grid;gap:.5rem}.type-toggle legend{padding:0 .35rem;color:#9aa4b8;font-size:.85rem}.type-toggle-inline{grid-template-columns:1fr 1fr}.radio-card{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .75rem;border:1px solid #2a3142;border-radius:8px;cursor:pointer}.radio-card:has(input:checked){border-color:#4f7cff;background:#151b2b}.radio-card strong{display:block}.radio-card small{color:#9aa4b8;font-size:.8rem}.radio-inline{display:flex;align-items:center;gap:.4rem;cursor:pointer}.checkbox-row{display:flex;align-items:center;gap:.5rem;margin:.5rem 0 1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.settings-form{display:flex;flex-direction:column;gap:.75rem;max-width:480px}.settings-form select{padding:.55rem .65rem;border-radius:8px;border:1px solid #2a3142;background:#151b2b;color:#e8e8e8}.settings-section{margin-bottom:2rem;max-width:480px}.settings-section h2,.settings-form h2{margin:0 0 .5rem;font-size:1.1rem}.logo-settings{display:flex;flex-direction:column;gap:.75rem}.logo-preview{max-width:160px;max-height:160px;object-fit:contain;background:#151b2b;border:1px solid #2a3142;border-radius:8px;padding:.5rem}@media(max-width:560px){.form-grid,.type-toggle-inline{grid-template-columns:1fr}}