*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Crect x='10' y='0' width='4' height='24' fill='%23FFD700'/%3E%3Crect x='0' y='10' width='24' height='4' fill='%23FFD700'/%3E%3Crect x='10' y='10' width='4' height='4' fill='white'/%3E%3C/svg%3E") 12 12,crosshair!important}:root{--sky: #87CEEB;--navy: #1A1A6E;--yellow: #FFD700;--coral: #FF5533;--teal: #007B7B;--cream: #FFFFF0;--pixel: "Press Start 2P", "Courier New", monospace;--mono: "Courier New", Courier, monospace}html,body{min-height:100vh;background-color:var(--sky);background-image:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1px);background-size:16px 16px;font-family:var(--mono);color:var(--navy);-webkit-font-smoothing:none}::selection{background:var(--yellow);color:var(--navy)}@keyframes sparkle-out{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(0) rotate(90deg)}}.sparkle{position:fixed;pointer-events:none;z-index:99998;animation:sparkle-out .55s ease-out forwards}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.star-band{background:var(--navy);color:var(--yellow);text-align:center;padding:.45rem 0;font-size:1.1rem;letter-spacing:.4rem;overflow:hidden;white-space:nowrap;-webkit-user-select:none;user-select:none}.hero{background:var(--cream);border-top:5px solid var(--coral);border-bottom:5px solid var(--coral);text-align:center;padding:3rem 1.5rem 2.5rem}.hero-welcome{font-family:var(--mono);font-size:.85rem;letter-spacing:.25em;color:var(--coral);margin-bottom:1.25rem;text-transform:uppercase}.hero-title{font-family:var(--pixel);font-size:clamp(1.4rem,6vw,2.75rem);color:var(--coral);text-shadow:3px 3px 0 var(--navy),6px 6px 0 rgba(26,26,110,.25);line-height:1.3;margin-bottom:1.25rem;display:inline-block}.hero-rule{border:none;border-top:2px dashed var(--teal);width:60%;margin:0 auto 1.5rem}.hero-desc{font-family:var(--mono);font-size:.95rem;color:var(--navy);line-height:1.75;max-width:52ch;margin:0 auto 2rem}.hero-badges{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.badge{font-family:var(--pixel);font-size:.55rem;padding:.4rem .75rem;border:3px solid;text-transform:uppercase;letter-spacing:.05em}.badge-new{background:var(--coral);color:#fff;border-color:var(--navy);animation:blink .9s step-end infinite;box-shadow:3px 3px 0 var(--navy)}.badge-made{background:var(--navy);color:var(--yellow);border-color:var(--navy);box-shadow:3px 3px 0 var(--coral)}.pixel-divider{text-align:center;font-size:1rem;color:var(--coral);padding:.75rem 1rem;letter-spacing:.15em;-webkit-user-select:none;user-select:none;background:var(--sky);background-image:radial-gradient(circle,rgba(255,255,255,.55) 1px,transparent 1px);background-size:16px 16px;overflow:hidden;white-space:nowrap}.features{background:var(--cream);border-top:5px solid var(--navy);border-bottom:5px solid var(--navy);padding:2.5rem 2rem}.features-heading{font-family:var(--pixel);font-size:.7rem;color:var(--navy);text-align:center;margin-bottom:2rem;letter-spacing:.08em}.features-heading:before{content:">> ";color:var(--coral)}.features-heading:after{content:" <<";color:var(--coral)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:860px;margin:0 auto}.card{background:#fff;border:3px solid var(--navy);padding:1.25rem 1rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;box-shadow:5px 5px 0 var(--navy);transition:transform .1s,box-shadow .1s}.card:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--navy)}.card-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-family:var(--pixel);font-size:1rem;color:#fff;border:3px solid rgba(0,0,0,.25);image-rendering:pixelated;flex-shrink:0}.card-name{font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--navy);text-transform:uppercase;letter-spacing:.04em;line-height:1.4}.card-coral{border-color:var(--coral);box-shadow:5px 5px 0 var(--coral)}.card-coral:hover{box-shadow:7px 7px 0 var(--coral)}.card-coral .card-icon{background:var(--coral)}.card-teal{border-color:var(--teal);box-shadow:5px 5px 0 var(--teal)}.card-teal:hover{box-shadow:7px 7px 0 var(--teal)}.card-teal .card-icon{background:var(--teal)}.card-navy{border-color:var(--navy);box-shadow:5px 5px 0 var(--coral)}.card-navy:hover{box-shadow:7px 7px 0 var(--coral)}.card-navy .card-icon{background:var(--navy)}.card-yellow{border-color:#b8860b;box-shadow:5px 5px #b8860b}.card-yellow:hover{box-shadow:7px 7px #b8860b}.card-yellow .card-icon{background:#daa520}.card-green{border-color:#2e7d32;box-shadow:5px 5px #2e7d32}.card-green:hover{box-shadow:7px 7px #2e7d32}.card-green .card-icon{background:#388e3c}.card-purple{border-color:#6a0dad;box-shadow:5px 5px #6a0dad}.card-purple:hover{box-shadow:7px 7px #6a0dad}.card-purple .card-icon{background:#6a0dad}.footer{background:var(--navy);color:var(--yellow);text-align:center;padding:1.25rem 1.5rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.25rem}.footer-sep{color:var(--coral);font-weight:700}.footer-counter{font-family:var(--pixel);font-size:.5rem;color:var(--yellow);letter-spacing:.08em}.footer-small{width:100%;text-align:center;font-size:.65rem;color:#ffd70073;margin-top:.4rem;letter-spacing:.08em}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:var(--pixel);font-size:.6rem;color:var(--navy);letter-spacing:.2em}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.login-box{background:var(--cream);border:4px solid var(--navy);box-shadow:8px 8px 0 var(--navy);padding:2.5rem 2rem;width:100%;max-width:360px}.login-title{font-family:var(--pixel);font-size:clamp(1rem,5vw,1.5rem);color:var(--coral);text-shadow:3px 3px 0 var(--navy);text-align:center;margin-bottom:.5rem}.login-sub{font-family:var(--mono);font-size:.7rem;color:var(--teal);text-align:center;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-form label{display:flex;flex-direction:column;gap:.4rem;font-family:var(--mono);font-size:.7rem;font-weight:700;color:var(--navy);letter-spacing:.1em;text-transform:uppercase}.login-form input{font-family:var(--mono);font-size:.9rem;padding:.55rem .65rem;border:3px solid var(--navy);background:#fff;color:var(--navy);outline:none;box-shadow:3px 3px 0 var(--navy)}.login-form input:focus{border-color:var(--coral);box-shadow:3px 3px 0 var(--coral)}.login-error{font-family:var(--mono);font-size:.75rem;color:var(--coral);border:2px solid var(--coral);padding:.5rem .65rem;background:#fff5f5;letter-spacing:.03em}.login-btn{font-family:var(--pixel);font-size:.55rem;padding:.75rem 1rem;background:var(--coral);color:#fff;border:3px solid var(--navy);box-shadow:4px 4px 0 var(--navy);text-transform:uppercase;letter-spacing:.08em;transition:transform .1s,box-shadow .1s}.login-btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}.login-btn:disabled{opacity:.6}.enter-btn{font-family:var(--pixel);font-size:.55rem;padding:.75rem 1.25rem;background:var(--navy);color:var(--yellow);border:3px solid var(--navy);box-shadow:4px 4px 0 var(--coral);text-transform:uppercase;letter-spacing:.08em;display:inline-block;transition:transform .1s,box-shadow .1s}.enter-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--coral)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--navy);color:var(--yellow);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:48px;border-bottom:3px solid var(--coral);flex-shrink:0}.app-header-title{font-family:var(--pixel);font-size:.6rem;letter-spacing:.15em;color:var(--yellow)}.app-header-right{display:flex;align-items:center;gap:1rem}.app-header-user{font-family:var(--mono);font-size:.75rem;color:#ffd70099;letter-spacing:.05em}.app-logout-btn{font-family:var(--pixel);font-size:.45rem;padding:.35rem .65rem;background:transparent;color:var(--yellow);border:2px solid var(--yellow);letter-spacing:.08em;transition:background .1s,color .1s}.app-logout-btn:hover{background:var(--yellow);color:var(--navy)}.app-body{display:flex;flex:1;min-height:0;min-width:0}.app-sidebar{width:200px;background:var(--navy);border-right:3px solid var(--coral);display:flex;flex-direction:column;padding:1.5rem 0;flex-shrink:0}.nav-item{font-family:var(--pixel);font-size:.45rem;padding:.85rem 1.25rem;color:#ffd70080;text-decoration:none;letter-spacing:.08em;border-left:3px solid transparent;transition:color .1s,border-color .1s,background .1s}.nav-item:hover{color:var(--yellow);background:#ffd7000d}.nav-item-active{color:var(--yellow);border-left-color:var(--coral);background:#ffd70014}.app-content{flex:1;padding:2rem;background:var(--cream);min-width:0;min-height:0;overflow-x:hidden}.page-placeholder{display:flex;flex-direction:column;gap:1rem}.page-title{font-family:var(--pixel);font-size:.8rem;color:var(--navy);letter-spacing:.08em}.page-title:before{content:">> ";color:var(--coral)}.page-desc{font-family:var(--mono);font-size:.85rem;color:var(--teal);letter-spacing:.05em}.pipeline-page{display:flex;flex-direction:column;gap:1.5rem;height:100%;min-height:0;min-width:0}.pipeline-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.pipeline-heading{font-family:var(--pixel);font-size:.7rem;color:var(--navy);letter-spacing:.08em}.pipeline-heading:before{content:">> ";color:var(--coral)}.kanban-board{display:flex;gap:1rem;align-items:flex-start;overflow-x:auto;padding-bottom:1rem;flex:1}.kanban-column{width:230px;flex-shrink:0;display:flex;flex-direction:column;border:3px solid var(--navy);box-shadow:5px 5px 0 var(--navy)}.kanban-column-header{background:var(--navy);color:var(--yellow);font-family:var(--pixel);font-size:.42rem;padding:.6rem .85rem;letter-spacing:.1em;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.kanban-column-count{background:var(--coral);color:#fff;font-family:var(--pixel);font-size:.38rem;padding:.2rem .45rem;border:2px solid rgba(255,255,255,.4);min-width:1.4rem;text-align:center}.kanban-column-body{min-height:200px;padding:.75rem;display:flex;flex-direction:column;gap:.75rem;background:#fff;transition:background .1s}.kanban-column-body.drag-over{background:#1a1a6e0d;outline:2px dashed var(--coral);outline-offset:-4px}.video-card{background:var(--cream);border:3px solid var(--navy);box-shadow:3px 3px 0 var(--navy);padding:.75rem;cursor:grab;display:flex;flex-direction:column;gap:.5rem;transition:transform .1s,box-shadow .1s}.video-card:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--navy)}.video-card:active{cursor:grabbing}.video-card.is-overdue{border-color:var(--coral);box-shadow:3px 3px 0 var(--coral)}.video-card.is-overdue:hover{box-shadow:4px 4px 0 var(--coral)}.video-card-title{font-family:var(--mono);font-size:.8rem;font-weight:700;color:var(--navy);line-height:1.4;word-break:break-word}.video-card-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.platform-badge{font-family:var(--pixel);font-size:.36rem;padding:.18rem .4rem;border:2px solid;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.platform-youtube{color:var(--coral);border-color:var(--coral)}.platform-ig{color:#6a0dad;border-color:#6a0dad}.platform-tiktok{color:var(--teal);border-color:var(--teal)}.creator-tag{font-family:var(--pixel);font-size:.36rem;padding:.18rem .4rem;background:var(--navy);color:var(--yellow);letter-spacing:.04em;white-space:nowrap}.overdue-badge{font-family:var(--pixel);font-size:.34rem;padding:.18rem .4rem;background:var(--coral);color:#fff;border:2px solid var(--navy);letter-spacing:.04em;animation:blink .9s step-end infinite}.video-card-due{font-family:var(--mono);font-size:.7rem;color:var(--teal);letter-spacing:.04em}.video-card-due.overdue-text{color:var(--coral);font-weight:700}.video-card-notes{font-family:var(--mono);font-size:.7rem;color:#555;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.video-card-edit-btn{font-family:var(--pixel);font-size:.36rem;padding:.3rem .55rem;background:transparent;color:var(--navy);border:2px solid var(--navy);letter-spacing:.05em;align-self:flex-end;transition:background .1s,color .1s}.video-card-edit-btn:hover{background:var(--navy);color:var(--yellow)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1a6ea6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-box{background:var(--cream);border:4px solid var(--navy);box-shadow:10px 10px 0 var(--navy);padding:2rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-title{font-family:var(--pixel);font-size:.6rem;color:var(--coral);letter-spacing:.1em;margin-bottom:1.5rem}.modal-title:before{content:">> "}.form-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-label{font-family:var(--mono);font-size:.7rem;font-weight:700;color:var(--navy);letter-spacing:.1em;text-transform:uppercase}.form-input,.form-select,.form-textarea{font-family:var(--mono);font-size:.85rem;padding:.5rem .65rem;border:3px solid var(--navy);background:#fff;color:var(--navy);outline:none;box-shadow:3px 3px 0 var(--navy);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--coral);box-shadow:3px 3px 0 var(--coral)}.form-textarea{resize:vertical;min-height:80px}.form-error{font-family:var(--mono);font-size:.75rem;color:var(--coral);border:2px solid var(--coral);padding:.5rem .65rem;background:#fff5f5;letter-spacing:.03em;margin-bottom:.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;flex-wrap:wrap}.btn-primary{font-family:var(--pixel);font-size:.5rem;padding:.6rem 1rem;background:var(--coral);color:#fff;border:3px solid var(--navy);box-shadow:4px 4px 0 var(--navy);letter-spacing:.08em;transition:transform .1s,box-shadow .1s}.btn-primary:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}.btn-secondary{font-family:var(--pixel);font-size:.5rem;padding:.6rem 1rem;background:transparent;color:var(--navy);border:3px solid var(--navy);box-shadow:4px 4px 0 var(--navy);letter-spacing:.08em;transition:transform .1s,box-shadow .1s}.btn-secondary:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}.btn-danger{font-family:var(--pixel);font-size:.5rem;padding:.6rem 1rem;background:var(--coral);color:#fff;border:3px solid var(--coral);box-shadow:4px 4px 0 var(--navy);letter-spacing:.08em;margin-right:auto;transition:transform .1s,box-shadow .1s}.btn-danger:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--navy)}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.6}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}75%{opacity:1}to{transform:translateY(108vh) rotate(600deg);opacity:0}}.confetti-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99999;overflow:hidden}.confetti-particle{position:absolute;top:0;animation:confetti-fall linear forwards}.pipeline-toolbar-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.streak-badge{display:flex;align-items:center;gap:.35rem;background:var(--navy);border:3px solid var(--coral);box-shadow:3px 3px 0 var(--coral);padding:.3rem .6rem}.streak-name{font-family:var(--pixel);font-size:.36rem;color:#ffd70099;letter-spacing:.08em}.streak-number{font-family:var(--pixel);font-size:.65rem;color:var(--yellow);letter-spacing:.05em;line-height:1}.streak-unit{font-family:var(--pixel);font-size:.34rem;color:#ffd70080;letter-spacing:.06em}.title-testing{border-top:2px solid rgba(26,26,110,.15);margin-top:.25rem;padding-top:.5rem}.title-testing-toggle{font-family:var(--pixel);font-size:.34rem;color:var(--navy);background:transparent;border:none;letter-spacing:.08em;padding:0;width:100%;text-align:left;opacity:.65;transition:opacity .1s;display:flex;align-items:center;gap:.4rem}.title-testing-toggle:hover{opacity:1}.title-testing-count{font-family:var(--pixel);font-size:.3rem;background:var(--teal);color:#fff;padding:.15rem .35rem;border:1px solid rgba(0,0,0,.15)}.title-testing-body{margin-top:.6rem;display:flex;flex-direction:column;gap:.5rem}.title-testing-empty{font-family:var(--mono);font-size:.65rem;color:#999;font-style:italic}.title-option{border:2px solid rgba(26,26,110,.18);padding:.4rem .5rem;display:flex;flex-direction:column;gap:.35rem;background:#fff}.title-option-text{font-family:var(--mono);font-size:.71rem;color:var(--navy);line-height:1.4;word-break:break-word}.title-option-footer{display:flex;align-items:center;justify-content:space-between}.title-option-author{font-family:var(--pixel);font-size:.3rem;color:var(--teal);letter-spacing:.05em}.title-option-votes{display:flex;gap:.35rem}.vote-btn{font-family:var(--pixel);font-size:.34rem;padding:.18rem .4rem;background:transparent;border:2px solid rgba(26,26,110,.2);color:var(--navy);letter-spacing:.04em;transition:background .1s,color .1s,border-color .1s;opacity:.65}.vote-btn:hover:not(:disabled){opacity:1}.vote-btn.voted.vote-up{background:var(--teal);color:#fff;border-color:var(--teal);opacity:1}.vote-btn.voted.vote-down{background:var(--coral);color:#fff;border-color:var(--coral);opacity:1}.vote-btn:disabled{opacity:.3}.title-add-form{display:flex;gap:.35rem;margin-top:.15rem}.title-add-input{flex:1;font-family:var(--mono);font-size:.71rem;padding:.3rem .45rem;border:2px solid rgba(26,26,110,.35);background:#fff;color:var(--navy);outline:none;min-width:0}.title-add-input:focus{border-color:var(--coral)}.title-add-btn{font-family:var(--pixel);font-size:.5rem;padding:.3rem .55rem;background:var(--navy);color:var(--yellow);border:2px solid var(--navy);transition:background .1s,border-color .1s}.title-add-btn:hover:not(:disabled){background:var(--coral);border-color:var(--coral)}.title-add-btn:disabled{opacity:.45}.pipeline-filters{display:flex;gap:.6rem;align-items:stretch;flex-wrap:wrap;flex-shrink:0}.filter-search{font-family:var(--mono);font-size:.8rem;padding:.45rem .7rem;border:3px solid var(--navy);background:#fff;color:var(--navy);outline:none;box-shadow:3px 3px 0 var(--navy);flex:1;min-width:160px}.filter-search::placeholder{color:#1a1a6e47;font-size:.68rem;letter-spacing:.1em}.filter-search:focus{border-color:var(--coral);box-shadow:3px 3px 0 var(--coral)}.filter-select{font-family:var(--mono);font-size:.78rem;padding:.45rem 2rem .45rem .7rem;border:3px solid var(--navy);background:#fff;color:var(--navy);outline:none;box-shadow:3px 3px 0 var(--navy);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%231A1A6E'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;cursor:pointer}.filter-select:focus{border-color:var(--coral);box-shadow:3px 3px 0 var(--coral)}.filter-clear-btn{font-family:var(--pixel);font-size:.4rem;padding:.45rem .75rem;background:transparent;color:#1a1a6e80;border:3px solid rgba(26,26,110,.25);box-shadow:2px 2px #1a1a6e26;letter-spacing:.08em;white-space:nowrap;transition:background .1s,color .1s,border-color .1s}.filter-clear-btn:hover{background:var(--coral);color:#fff;border-color:var(--coral);box-shadow:2px 2px 0 var(--navy)}.creator-toggle{display:flex;border:2px solid rgba(255,215,0,.35)}.creator-toggle-btn{font-family:var(--mono);font-size:.62rem;padding:.28rem .75rem;background:none;border:none;border-right:1px solid rgba(255,215,0,.2);cursor:pointer;color:#ffd70073;letter-spacing:.1em;line-height:1}.creator-toggle-btn:last-child{border-right:none}.creator-toggle-btn:hover:not(.tgl-active-all):not(.tgl-active-pab):not(.tgl-active-opher){color:var(--yellow);background:#ffd70014}.tgl-active-all{background:var(--yellow);color:var(--navy);font-weight:700}.tgl-active-pab{background:var(--coral);color:#fff;font-weight:700;border-color:transparent}.tgl-active-opher{background:var(--teal);color:#fff;font-weight:700;border-color:transparent}.creator-tag-pab{background:var(--coral)}.creator-tag-opher{background:var(--teal)}.menu-btn{display:none;font-family:var(--pixel);font-size:.5rem;background:transparent;color:var(--yellow);border:2px solid rgba(255,215,0,.4);padding:.3rem .55rem;letter-spacing:.05em;flex-shrink:0;transition:border-color .1s,color .1s}.menu-btn:hover{border-color:var(--yellow)}.app-mobile-nav{display:flex;flex-direction:column;background:var(--navy);border-bottom:3px solid var(--coral)}.mobile-nav-item{font-family:var(--pixel);font-size:.45rem;padding:.9rem 1.25rem;color:#ffd7008c;text-decoration:none;letter-spacing:.08em;border-left:3px solid transparent;transition:color .1s,border-color .1s,background .1s}.mobile-nav-item:hover{color:var(--yellow);background:#ffd7000d}.mobile-nav-item-active{color:var(--yellow);border-left-color:var(--coral);background:#ffd70014}@media(max-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.features-grid{grid-template-columns:1fr}}@media(max-width:767px){.menu-btn{display:flex}.app-sidebar,.app-header-user{display:none}.app-content{padding:1rem}.app-header{padding:0 .75rem}.app-header-title{font-size:.5rem}.pipeline-toolbar{flex-wrap:wrap;gap:.6rem}.pipeline-toolbar-right{gap:.5rem}.pipeline-heading{font-size:.6rem}.kanban-column{width:200px}.video-card-edit-btn{align-self:stretch;text-align:center}.pipeline-filters{gap:.5rem}.filter-search{min-width:0;width:100%;flex:none}.filter-select{flex:1;min-width:0}.modal-overlay{padding:0;align-items:flex-end}.modal-box{max-width:100%;max-height:90vh;padding:1.5rem 1rem 2rem;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -6px 0 var(--navy)}.login-box{padding:2rem 1.25rem}}@media(min-width:768px){.menu-btn,.app-mobile-nav{display:none!important}}@media(min-width:768px)and (max-width:1023px){.app-sidebar{width:170px}.kanban-column{width:200px}}.perf-card{margin-top:.75rem;border:2px solid var(--teal);background:#001a1a;padding:.5rem .6rem}.perf-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.perf-card-label{font-family:var(--mono);font-size:.6rem;color:var(--teal);letter-spacing:.1em;flex:1}.perf-card-link,.perf-refresh-btn{font-family:var(--mono);font-size:.6rem;color:var(--yellow);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;letter-spacing:.05em}.perf-card-link:hover,.perf-refresh-btn:hover{color:var(--coral)}.perf-loading,.perf-error{font-family:var(--mono);font-size:.6rem;color:var(--coral);margin-bottom:.4rem}.perf-stats{display:flex;gap:.75rem;margin-bottom:.5rem}.perf-stat{display:flex;flex-direction:column;align-items:center;gap:.1rem}.perf-stat-value{font-family:var(--mono);font-size:.85rem;color:#00ff41;font-weight:700}.perf-stat-label{font-family:var(--mono);font-size:.55rem;color:var(--teal);letter-spacing:.05em}.perf-note{width:100%;background:transparent;border:1px solid #1a3333;color:var(--cream);font-family:var(--mono);font-size:.65rem;padding:.3rem;resize:none;box-sizing:border-box;line-height:1.4}.perf-note:focus{outline:none;border-color:var(--teal)}.stats-page{padding:1.5rem;display:flex;flex-direction:column;gap:2rem;max-width:900px}.stats-section{border:3px solid var(--navy);background:var(--cream);box-shadow:4px 4px 0 var(--navy)}.stats-section-header{background:var(--navy);color:var(--yellow);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.stats-heading{font-family:var(--mono);font-size:.75rem;font-weight:700;letter-spacing:.15em;margin:0}.stats-refresh-btn{font-family:var(--mono);font-size:.65rem;color:var(--yellow);background:none;border:1px solid var(--yellow);cursor:pointer;padding:.2rem .5rem;letter-spacing:.05em}.stats-refresh-btn:hover:not(:disabled){background:var(--yellow);color:var(--navy)}.stats-refresh-btn:disabled{opacity:.5;cursor:default}.stats-filter-badge{font-family:var(--mono);font-size:.6rem;padding:.15rem .4rem;border:1px solid currentColor;letter-spacing:.1em}.stats-error{font-family:var(--mono);font-size:.7rem;color:var(--coral);padding:1rem;margin:0}.stats-empty{font-family:var(--mono);font-size:.7rem;color:#666;padding:1.5rem 1rem;margin:0;line-height:1.6}.channel-overview{display:flex;align-items:center;gap:0;padding:1.5rem 1rem;flex-wrap:wrap}.channel-stat-block{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1;min-width:100px;padding:.5rem}.channel-stat-value{font-family:var(--mono);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#00ff41;line-height:1}.channel-stat-label{font-family:var(--mono);font-size:.6rem;color:var(--navy);letter-spacing:.15em;text-transform:uppercase}.channel-stat-divider{font-family:var(--mono);font-size:2rem;color:var(--navy);opacity:.2;align-self:center}.stats-table-wrap{overflow-x:auto;padding:1rem}.stats-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.7rem}.stats-table th{text-align:left;border-bottom:2px solid var(--navy);padding:.4rem .6rem;color:var(--navy);letter-spacing:.1em;white-space:nowrap}.stats-table td{padding:.5rem .6rem;border-bottom:1px solid #ddd;vertical-align:middle}.stats-table tr:last-child td{border-bottom:none}.stats-table tr:hover td{background:#f5f5e8}.stats-title-cell{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-col{text-align:right;white-space:nowrap}.stat-value{font-weight:700;color:#0a3}.stats-watch-link{font-family:var(--mono);font-size:.65rem;color:var(--teal);text-decoration:none;letter-spacing:.05em}.stats-watch-link:hover{color:var(--coral)}@media(max-width:767px){.stats-page{padding:1rem;gap:1.5rem}.channel-stat-divider{display:none}.channel-overview{justify-content:space-around;padding:1rem .5rem}.stats-title-cell{max-width:140px}}.stats-count{color:var(--teal);font-size:.7rem}.stats-sort-btns{display:flex;gap:.4rem}.stats-sort-btn{font-family:var(--mono);font-size:.6rem;color:var(--yellow);background:none;border:1px solid transparent;cursor:pointer;padding:.2rem .5rem;letter-spacing:.05em;opacity:.6}.stats-sort-btn:hover{opacity:1}.stats-sort-btn.active{border-color:var(--yellow);opacity:1}.uploads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1rem}.upload-card{display:flex;flex-direction:column;border:2px solid var(--navy);background:#fff;box-shadow:3px 3px 0 var(--navy);text-decoration:none;color:inherit;transition:box-shadow .1s,transform .1s}.upload-card:hover{box-shadow:5px 5px 0 var(--navy);transform:translate(-1px,-1px)}.upload-thumb-wrap{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#111;border-bottom:2px solid var(--navy)}.upload-thumb{width:100%;height:100%;object-fit:cover;display:block}.upload-card-body{padding:.5rem .6rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.upload-card-title{font-family:var(--mono);font-size:.65rem;color:var(--navy);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upload-card-date{font-family:var(--mono);font-size:.55rem;color:#888;margin:0}.upload-card-stats{display:flex;flex-wrap:wrap;gap:.3rem .6rem;margin-top:auto;padding-top:.3rem;border-top:1px solid #eee}.upload-card-stats span{font-family:var(--mono);font-size:.6rem;color:#0a3}@media(max-width:767px){.uploads-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.75rem}.upload-card-title{font-size:.6rem}}.upload-short-badge{position:absolute;bottom:.3rem;left:.3rem;font-family:var(--mono);font-size:.55rem;background:var(--coral);color:#fff;padding:.1rem .35rem;letter-spacing:.05em;pointer-events:none}.upload-thumb-wrap{position:relative}.upload-card-assign{display:flex;align-items:center;gap:.35rem;margin-top:.4rem;padding-top:.4rem;border-top:1px solid #eee}.upload-assign-btn{font-family:var(--mono);font-size:.55rem;border:1px solid currentColor;background:none;cursor:pointer;padding:.15rem .4rem;letter-spacing:.05em;flex:1}.upload-assign-pab{color:var(--coral)}.upload-assign-opher{color:var(--teal)}.upload-assign-btn:hover{color:#fff}.upload-assign-pab:hover{background:var(--coral)}.upload-assign-opher:hover{background:var(--teal)}.upload-assigned-badge{font-family:var(--mono);font-size:.6rem;padding:.15rem .4rem;flex:1;text-align:center}.upload-assign-clear{font-family:var(--mono);font-size:.65rem;background:none;border:none;cursor:pointer;color:#999;padding:0;line-height:1}.upload-assign-clear:hover{color:var(--coral)}.uploads-type-tabs{display:flex;border-bottom:2px solid var(--navy)}.type-tab{font-family:var(--mono);font-size:.65rem;background:none;border:none;border-right:1px solid #ddd;cursor:pointer;padding:.5rem 1rem;color:#666;letter-spacing:.08em}.type-tab:hover{color:var(--navy);background:#f5f5e8}.type-tab.active{color:var(--navy);background:var(--cream);font-weight:700;border-bottom:2px solid var(--coral);margin-bottom:-2px}.upload-assign-err{font-family:var(--mono);font-size:.55rem;color:var(--coral);margin:.2rem 0 0}.stats-header-controls{display:flex;align-items:center;gap:.6rem}.shorts-toggle{display:flex;border:1px solid rgba(255,215,0,.35)}.shorts-toggle-btn{font-family:var(--mono);font-size:.58rem;padding:.2rem .55rem;background:none;border:none;border-right:1px solid rgba(255,215,0,.2);cursor:pointer;color:#ffd70073;letter-spacing:.06em;line-height:1}.shorts-toggle-btn:last-child{border-right:none}.shorts-toggle-btn.active{background:var(--yellow);color:var(--navy);font-weight:700}.shorts-toggle-btn:not(.active):hover{color:var(--yellow)}.app-header-creator{font-size:.6rem;padding:.2rem .5rem;letter-spacing:.1em}.dashboard{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.dash-greeting{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border:2px solid var(--navy);background:var(--cream);box-shadow:3px 3px 0 var(--navy);gap:1rem;flex-wrap:wrap}.dash-greeting-pab{border-color:var(--coral);box-shadow:3px 3px 0 var(--coral)}.dash-greeting-opher{border-color:var(--teal);box-shadow:3px 3px 0 var(--teal)}.dash-greeting-left{display:flex;flex-direction:column;gap:.2rem}.dash-greeting-right{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.dash-greeting-hey{font-family:var(--mono);font-size:1.1rem;font-weight:700;color:var(--navy);letter-spacing:.06em}.dash-greeting-date{font-family:var(--mono);font-size:.6rem;color:#666;letter-spacing:.08em}.dash-overdue-chip{font-family:var(--mono);font-size:.6rem;font-weight:700;background:var(--coral);color:#fff;padding:.2rem .5rem;letter-spacing:.08em}.dash-you-tag{font-size:.58rem;padding:.2rem .5rem;letter-spacing:.08em}.dash-section{display:flex;flex-direction:column;gap:.7rem}.dash-section-title{font-family:var(--mono);font-size:.65rem;font-weight:700;color:var(--navy);letter-spacing:.12em;border-bottom:1px solid var(--navy);padding-bottom:.3rem;margin:0}.dash-streaks{display:flex;gap:.8rem;flex-wrap:wrap}.dash-streak-card{flex:1 1 160px;min-width:140px;display:flex;flex-direction:column;gap:.3rem;padding:.8rem 1rem;border:2px solid var(--navy);background:var(--cream);box-shadow:3px 3px 0 var(--navy)}.dash-streak-pab{border-color:var(--coral);box-shadow:3px 3px 0 var(--coral)}.dash-streak-opher{border-color:var(--teal);box-shadow:3px 3px 0 var(--teal)}.dash-streak-mine{background:#fffde8}.dash-streak-top{display:flex;align-items:center;gap:.5rem}.dash-streak-you-label{font-family:var(--mono);font-size:.5rem;font-weight:700;color:#666;letter-spacing:.1em}.dash-streak-count{font-family:var(--mono);font-size:2.2rem;font-weight:700;color:var(--navy);line-height:1}.dash-streak-unit{font-family:var(--mono);font-size:.55rem;color:#888;letter-spacing:.08em}.dash-pipeline{display:flex;gap:.6rem;flex-wrap:wrap}.dash-stage-card{flex:1 1 90px;min-width:80px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .5rem;border:2px solid var(--navy);background:var(--cream);box-shadow:2px 2px 0 var(--navy)}.dash-stage-card-overdue{border-color:var(--coral);box-shadow:2px 2px 0 var(--coral);background:#fff5f3}.dash-stage-name{font-family:var(--mono);font-size:.5rem;font-weight:700;color:#666;letter-spacing:.08em;text-align:center}.dash-stage-total{font-family:var(--mono);font-size:1.6rem;font-weight:700;color:var(--navy);line-height:1}.dash-stage-total-overdue{color:var(--coral)}.dash-stage-breakdown{display:flex;gap:.4rem}.dash-stage-pab,.dash-stage-opher{font-family:var(--mono);font-size:.5rem;letter-spacing:.06em}.dash-stage-pab{color:var(--coral)}.dash-stage-opher{color:var(--teal)}.dash-recent{display:flex;flex-direction:column;gap:.3rem}.dash-recent-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;background:var(--cream);border:1px solid #ddd;flex-wrap:wrap}.dash-recent-overdue{border-color:var(--coral);background:#fff5f3}.dash-recent-title{font-family:var(--mono);font-size:.65rem;color:var(--navy);flex:1 1 120px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-recent-stage{font-family:var(--mono);font-size:.55rem;color:#666;letter-spacing:.06em;white-space:nowrap}.dash-recent-time{font-family:var(--mono);font-size:.55rem;color:#999;white-space:nowrap}.dash-recent-overdue-chip{font-family:var(--mono);font-size:.5rem;font-weight:700;background:var(--coral);color:#fff;padding:.1rem .35rem;white-space:nowrap}.dash-empty{font-family:var(--mono);font-size:.65rem;color:#888;margin:0}.caption-gen{display:flex;flex-direction:column;gap:1rem}.caption-gen-form{display:flex;flex-direction:column;gap:.6rem}.caption-gen-inputs{display:flex;gap:.5rem;flex-wrap:wrap;align-items:stretch}.caption-gen-topic{flex:1 1 220px;min-width:0}.caption-gen-platform{flex:0 0 auto;width:130px}.caption-gen-btn{flex:0 0 auto;white-space:nowrap}.caption-gen-error{font-family:var(--mono);font-size:.6rem;color:var(--coral);background:#fff5f3;border:2px solid var(--coral);padding:.4rem .6rem;margin:0}.caption-gen-result{border:3px solid var(--navy);box-shadow:4px 4px 0 var(--navy);background:#fff}.caption-gen-result-header{display:flex;align-items:center;justify-content:space-between;background:var(--navy);padding:.4rem .7rem}.caption-gen-result-label{font-family:var(--pixel);font-size:.5rem;color:var(--yellow);letter-spacing:.08em}.caption-gen-copy{font-size:.5rem;padding:.25rem .5rem;border-width:2px;box-shadow:2px 2px 0 var(--navy)}.caption-gen-copy:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--navy)}.caption-gen-output{font-family:var(--mono);font-size:.65rem;line-height:1.6;color:var(--navy);padding:.8rem;margin:0;white-space:pre-wrap;word-break:break-word}