:root{--green:#58cc02;--green-dark:#58a700;--green-darker:#4b8f00;--red:#ff4b4b;--red-dark:#ea2b2b;--yellow:#ffc800;--yellow-dark:#e5b400;--blue:#1cb0f6;--blue-dark:#1899d6;--purple:#ce82ff;--purple-dark:#b665e0;--bg:#f0f0f0;--surface:#fff;--surface-2:#fafafa;--text:#3c3c3c;--text-secondary:#777;--border:#e5e5e5;--radius:16px;--radius-sm:12px;--radius-xs:8px;--shadow:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001f;--shadow-lg:0 8px 32px #00000029;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#0e0f0c;--surface:#1a1d17;--surface-2:#20241d;--text:#f4f1e8;--text-secondary:#a8a89a;--border:#2a2e26;--shadow:0 2px 8px #0006;--shadow-md:0 4px 16px #0000008c;--shadow-lg:0 16px 48px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){html:not([data-theme]){--bg:#0e0f0c;--surface:#1a1d17;--surface-2:#20241d;--text:#f4f1e8;--text-secondary:#a8a89a;--border:#2a2e26;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Nunito,sans-serif;line-height:1.5}#root{min-height:100vh}h1,h2,h3{line-height:1.2}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.btn-primary{background:var(--green);color:#fff;border:none;border-bottom:4px solid var(--green-dark);border-radius:var(--radius-sm);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:700;transition:all .1s;display:inline-flex}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-primary:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-sm);text-transform:uppercase;justify-content:center;align-items:center;padding:12px 28px;font-size:15px;font-weight:700;transition:all .1s;display:inline-flex}.btn-secondary:hover{background:#fafafa;border-color:#ccc}.btn-secondary:active{border-bottom-width:2px;transform:translateY(2px)}.btn-danger{color:var(--red);border:2px solid var(--red);border-bottom:4px solid var(--red-dark);border-radius:var(--radius-sm);text-transform:uppercase;background:0 0;justify-content:center;align-items:center;padding:10px 24px;font-size:13px;font-weight:700;transition:all .1s;display:inline-flex}.btn-danger:hover{background:var(--red);color:#fff}.btn-danger:active{border-bottom-width:2px;transform:translateY(2px)}.btn-full{width:100%}.input{border:2px solid var(--border);border-radius:var(--radius-xs);outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .2s}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px #58cc0226}.summary-input{border:2px solid var(--border);border-radius:var(--radius-xs);resize:vertical;outline:none;width:100%;min-height:80px;padding:14px 16px;font-size:15px;transition:border-color .2s}.summary-input:focus{border-color:var(--green);box-shadow:0 0 0 3px #58cc0226}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius);width:92%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-lg);padding:32px;animation:.25s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.modal-header h2{font-size:22px;font-weight:800}.close-btn{color:var(--text-secondary);background:0 0;border:none;padding:0 4px;font-size:28px;line-height:1}.close-btn:hover{color:var(--text)}.modal-subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.tabs{background:var(--bg);border-radius:var(--radius-xs);gap:0;margin-bottom:24px;padding:4px;display:flex}.tab{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:700;transition:all .2s}.tab.active{background:var(--surface);color:var(--green);box-shadow:var(--shadow)}.tab-content{min-height:120px}.file-drop-zone{border:3px dashed var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:40px 24px;transition:all .2s}.file-drop-zone:hover{border-color:var(--green);background:#58cc020a}.drop-icon{margin-bottom:12px;font-size:48px}.drop-hint{color:var(--text-secondary);margin-top:4px;font-size:13px;display:block}.youtube-tab{flex-direction:column;gap:16px;display:flex}.error-msg{color:var(--red);border-radius:var(--radius-xs);background:#ff4b4b14;margin-top:16px;padding:10px 14px;font-size:14px;font-weight:600}.loading-bar{background:var(--border);border-radius:3px;height:6px;margin-top:16px;overflow:hidden}.loading-bar-fill{background:var(--green);border-radius:3px;width:40%;height:100%;animation:1.2s ease-in-out infinite loadingSlide}@keyframes loadingSlide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.instance-modal{max-width:560px}.instances-list{flex-direction:column;gap:10px;margin:16px 0 20px;display:flex}.empty-instances{text-align:center;color:var(--text-secondary);padding:24px}.empty-instances .hint{margin-top:4px;font-size:13px}.instance-card{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;transition:all .2s;display:flex;overflow:hidden}.instance-card:hover{border-color:var(--green);box-shadow:var(--shadow)}.instance-main{cursor:pointer;flex:1;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.instance-info h3{font-size:15px;font-weight:700}.instance-meta{color:var(--text-secondary);font-size:12px}.instance-progress{align-items:center;gap:10px;min-width:100px;display:flex}.mini-progress-bar{background:var(--border);border-radius:4px;flex:1;height:8px;position:relative;overflow:hidden}.mini-progress-watched{background:var(--yellow);border-radius:4px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.mini-progress-summarized{background:var(--green);border-radius:4px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.instance-pct{color:var(--green-dark);text-align:right;min-width:36px;font-size:13px;font-weight:700}.instance-delete{opacity:.4;background:0 0;border:none;padding:14px 12px;font-size:16px;transition:opacity .2s}.instance-delete:hover{opacity:1}.create-form{background:var(--bg);border-radius:var(--radius-sm);flex-direction:column;gap:16px;margin-bottom:16px;padding:20px;display:flex}.clip-size-picker label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.size-buttons{flex-wrap:wrap;gap:8px;display:flex}.size-btn{border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);width:52px;height:44px;color:var(--text);font-size:16px;font-weight:700;transition:all .15s}.size-btn:hover{border-color:var(--green)}.size-btn.active{background:var(--green);color:#fff;border-color:var(--green-dark)}.size-btn.active:active{border-bottom-width:2px;transform:translateY(2px)}.form-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.form-note{color:var(--text-secondary);font-size:12px;font-style:italic}.dashboard{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.dashboard-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dashboard-top-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings-wrap,.feature-request-wrap{flex:none;position:relative}.feature-request-btn{background:var(--surface);border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-sm);min-height:40px;color:var(--text);white-space:nowrap;justify-content:center;align-items:center;padding:8px 14px;font-size:13px;font-weight:700;transition:border-color .15s;display:inline-flex}.feature-request-btn:hover{border-color:var(--green)}.feature-request-dropdown{z-index:20;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);width:min(420px,100vw - 32px);box-shadow:var(--shadow);padding:8px;position:absolute;top:calc(100% + 6px);left:0}.feature-request-menu{flex-direction:column;gap:10px;display:flex}.feature-request-menu-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.feature-request-count{color:var(--text-secondary);font-size:12px;font-weight:700}.feature-request-create{grid-template-columns:1fr auto;gap:8px;display:grid}.feature-request-input{min-width:0;padding:10px 12px;font-size:14px}.feature-request-add-btn{padding:10px 16px;font-size:12px}.feature-request-empty{color:var(--text-secondary);padding:4px 2px;font-size:13px}.feature-request-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.feature-request-item{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-xs);justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.feature-request-item.completed{opacity:.78}.feature-request-main{cursor:pointer;flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.feature-request-main input{flex:none;margin-top:2px}.feature-request-main span{color:var(--text);overflow-wrap:anywhere;font-size:13px;font-weight:600}.feature-request-item.completed .feature-request-main span{color:var(--text-secondary);text-decoration:line-through}.feature-request-delete,.feature-request-confirm-btn{color:var(--red);background:0 0;border:none;flex:none;padding:0;font-size:12px;font-weight:800}.feature-request-confirm-btn{color:var(--text-secondary)}.feature-request-confirm-btn.danger{color:var(--red)}.feature-request-confirm{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.cloud-sync-indicator{background:var(--surface);border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);cursor:default;justify-content:center;align-items:center;font-size:18px;transition:color .15s,border-color .15s,background .15s;display:flex;position:relative}.cloud-sync-indicator-icon{line-height:1}.cloud-sync-indicator-dot{border:2px solid var(--surface);background:currentColor;border-radius:50%;width:10px;height:10px;position:absolute;bottom:6px;right:6px}.cloud-sync-indicator.synced{color:var(--green-dark)}.cloud-sync-indicator.not-synced{color:var(--red-dark)}.settings-btn{background:var(--surface);border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:22px;transition:color .15s,border-color .15s;display:flex}.settings-btn:hover{color:var(--text);border-color:var(--green)}.settings-dropdown{z-index:20;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);min-width:280px;padding:4px;position:absolute;top:calc(100% + 6px);left:0}.settings-dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:6px;padding:10px 14px;font-size:14px;font-weight:600;display:block}.settings-dropdown-item:hover{background:var(--bg)}.settings-dropdown-item.danger{color:var(--red)}.settings-dropdown-item.danger:hover{background:#fff0f0}.settings-dropdown-section{padding:8px 10px}.settings-dropdown-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:6px;font-size:11px;font-weight:800;display:block}.settings-dropdown-divider{background:var(--border);height:1px;margin:4px 0}.cloud-sync-compact{font-size:12px}.cloud-sync-compact .cloud-sync-status{margin-top:0;margin-bottom:4px}.cloud-sync-compact .cloud-sync-meta{margin-bottom:8px}.compact-actions{flex-wrap:wrap}.compact-actions .btn-primary,.compact-actions .btn-secondary{white-space:nowrap;border-bottom-width:3px;border-radius:6px;padding:6px 10px;font-size:11px}.profile-wrap{flex:none;position:relative}.profile-avatar-btn{border:2px solid var(--border);cursor:pointer;background:var(--surface);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:border-color .15s;display:flex;overflow:hidden}.profile-avatar-btn:hover{border-color:var(--green)}.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar-fallback{color:var(--green-dark);font-size:18px;font-weight:800}.profile-signed-in-badge{width:40px;height:40px;color:var(--green);justify-content:center;align-items:center;font-size:14px;display:flex}.profile-signin-btn{background:var(--surface);border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);white-space:nowrap;padding:8px 18px;font-size:13px;font-weight:700;transition:border-color .15s}.profile-signin-btn:hover{border-color:var(--green)}.profile-signin-btn:disabled{opacity:.5;cursor:not-allowed}.profile-dropdown{z-index:20;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);min-width:220px;padding:4px;position:absolute;top:calc(100% + 6px);right:0}.profile-dropdown-header{align-items:center;gap:10px;padding:10px 12px;display:flex}.profile-dropdown-pic{border-radius:50%;flex:none;width:36px;height:36px}.profile-dropdown-info{flex-direction:column;min-width:0;display:flex}.profile-dropdown-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.profile-dropdown-info span{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.reset-modal{max-width:440px}.reset-warning{text-align:center;border-radius:var(--radius-sm);background:#fff8f0;border:2px solid #ffcc80;margin-bottom:16px;padding:16px}.reset-warning-icon{margin-bottom:8px;font-size:40px;display:block}.reset-warning p{color:var(--text);margin-bottom:8px;font-size:14px;line-height:1.5}.reset-warning p:last-child{margin-bottom:0}.reset-verify-prompt{margin-bottom:12px;font-size:14px;line-height:1.5}.reset-phrase{background:var(--bg);color:var(--red);letter-spacing:.5px;-webkit-user-select:all;user-select:all;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:16px}.reset-verify-input{letter-spacing:.5px;margin-bottom:16px;font-family:monospace}.btn-danger{background:var(--red);color:#fff;border:none;border-bottom:4px solid var(--red-dark);border-radius:var(--radius-sm);cursor:pointer;padding:10px 24px;font-size:15px;font-weight:700;transition:opacity .15s}.btn-danger:hover{opacity:.9}.btn-danger:disabled{opacity:.4;cursor:not-allowed}.dashboard-header{margin-bottom:18px}.dashboard-hero{grid-template-columns:minmax(220px,.9fr) minmax(280px,1.1fr);align-items:stretch;gap:16px;display:grid}.dashboard-brand-panel,.dashboard-actions-panel{background:var(--surface);border:2px solid var(--border);border-bottom:5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;justify-content:center;padding:18px;display:flex}.logo{align-items:center;gap:12px;margin-bottom:8px;display:inline-flex}.logo-icon{font-size:42px}.logo-icon-img{flex:none;width:44px;height:44px}.logo h1{color:var(--green);text-shadow:0 4px 0 var(--green-dark);font-size:48px;font-weight:800}.tagline{color:var(--text-secondary);font-size:18px;font-weight:500}.dashboard-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:24px;display:flex}.dashboard-actions-panel{grid-column:1/-1;gap:12px;padding:14px}.dashboard-actions-primary,.dashboard-actions-secondary{gap:10px;display:grid}.dashboard-actions-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-actions-secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.btn-add{padding:14px 36px;font-size:17px}.btn-add-folder{padding:12px 24px;font-size:15px}.watch-mix-btn{background:var(--blue);border-bottom-color:var(--blue-dark)}.folder-list{flex-direction:column;gap:20px;display:flex}.folder-card{background:var(--surface);border:2px solid var(--border);border-bottom:5px solid var(--border);border-radius:var(--radius-xs);transition:border-color .2s,box-shadow .2s;overflow:hidden}.folder-card-nested{box-shadow:none;border-left:5px solid #1cb0f666}.folder-card.drag-over{border-color:var(--green);box-shadow:0 0 0 3px #58cc0240, var(--shadow-md)}.folder-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 18px;transition:background .15s;display:flex}.folder-header:hover{background:#58cc020a}.folder-title-row{align-items:center;gap:10px;min-width:0;display:flex}.folder-chevron{color:var(--text-secondary);font-size:18px;transition:transform .2s;display:inline-block;transform:rotate(90deg)}.folder-chevron.open{transform:rotate(180deg)}.folder-icon{flex-shrink:0;font-size:22px}.folder-name{white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:800;overflow:hidden}.folder-rename-input{border:2px solid var(--green);background:var(--bg);border-radius:6px;outline:none;width:220px;padding:2px 8px;font-size:18px;font-weight:800}.folder-count{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:600}.folder-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.folder-pct{color:var(--green);margin-right:4px;font-size:14px;font-weight:800}.folder-action-btn{border:2px solid var(--border);border-bottom:3px solid var(--border);background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);border-radius:8px;justify-content:center;align-items:center;font-size:16px;transition:background .15s,color .15s,transform .1s;display:flex}.folder-action-btn:hover{background:var(--bg);color:var(--text)}.folder-action-btn:active{border-bottom-width:2px;transform:translateY(1px)}.folder-action-btn.danger:hover{background:var(--red);color:#fff;border-color:var(--red-dark)}.folder-progress-bar{background:var(--border);height:4px}.folder-progress-fill{background:linear-gradient(90deg, var(--green), var(--green-dark));height:100%;transition:width .4s}.folder-body{padding:12px 18px 18px}.subfolder-list{border-left:2px dashed var(--border);gap:12px;margin-top:14px;padding-left:16px;display:grid}.folder-empty{text-align:center;color:var(--text-secondary);padding:24px 0;font-size:14px}.remix-folder{border-color:#1cb0f659;border-bottom-color:var(--blue-dark)}.remix-folder-header{background:linear-gradient(90deg,#1cb0f61f,#58cc0214)}.folder-picker{align-items:center;gap:10px;padding:0 0 12px;display:flex}.folder-picker label{color:var(--text-secondary);white-space:nowrap;font-size:13px;font-weight:700}.folder-picker select.input{flex:1;padding:8px 10px;font-size:14px}.watch-mix-modal{max-width:560px}.mix-count-row{grid-template-columns:1fr 110px auto;align-items:center;gap:10px;margin:14px 0;display:grid}.mix-count-row label{color:var(--text-secondary);text-transform:uppercase;font-size:13px;font-weight:800}.mix-count-row span{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:700}.mix-source-list{gap:10px;max-height:320px;margin-bottom:12px;padding-right:4px;display:grid;overflow-y:auto}.mix-selection-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.mix-selection-copy{gap:2px;display:grid}.mix-selection-copy strong{text-transform:uppercase;color:var(--text-secondary);font-size:13px;font-weight:900}.mix-selection-copy span{color:var(--blue-dark);font-size:12px;font-weight:700}.mix-selection-actions{gap:8px;display:flex}.mix-selection-btn{border-radius:8px;padding:8px 12px;font-size:11px}.mix-source-option{text-align:left;background:var(--surface);width:100%;color:var(--text);border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:12px;transition:border-color .15s,transform .12s,background .15s;display:flex}.mix-source-option:hover{border-color:var(--blue);background:#1cb0f60f}.mix-source-option:active{border-bottom-width:2px;transform:translateY(2px)}.mix-source-option.selected{border-color:var(--blue);border-bottom-color:var(--blue-dark);background:#1cb0f61a}.mix-source-option.disabled{cursor:not-allowed;opacity:.68;filter:grayscale(.15)}.mix-source-option.disabled:hover{border-color:var(--border);background:var(--surface)}.mix-source-check{background:var(--border);width:34px;height:34px;color:var(--blue-dark);text-transform:uppercase;border-radius:8px;flex:none;place-items:center;font-size:11px;font-weight:900;display:grid}.mix-source-option.selected .mix-source-check{background:var(--blue);color:#fff}.mix-source-option.disabled .mix-source-check{background:var(--border);color:var(--text-secondary)}.mix-source-copy{gap:2px;min-width:0;display:grid}.mix-source-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mix-source-copy span{color:var(--text-secondary);font-size:12px;font-weight:700}.cloud-sync{background:var(--surface);border:2px solid var(--border);border-bottom:5px solid var(--border);border-radius:var(--radius-sm);text-align:left;width:100%;max-width:520px;box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:10px;margin:0;padding:12px 14px;display:flex}.cloud-sync-copy{min-width:0}.cloud-sync-kicker{color:var(--green-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:800;display:block}.cloud-sync h2{margin-bottom:2px;font-size:15px;font-weight:800}.cloud-sync p{color:var(--text-secondary);font-size:12px}.cloud-sync-status{margin-top:5px;font-weight:700}.cloud-sync-status.ready{color:var(--green-dark)}.cloud-sync-status.error{color:var(--red)}.cloud-sync-meta{margin-top:3px;font-size:11px}.cloud-sync-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;gap:6px;display:flex}.cloud-sync-actions .btn-primary,.cloud-sync-actions .btn-secondary{white-space:nowrap;border-bottom-width:3px;border-radius:8px;padding:7px 10px;font-size:11px}.empty-state{text-align:center;padding:80px 24px}.empty-icon{margin-bottom:16px;font-size:72px}.empty-icon-img{width:70px;height:70px;margin-bottom:16px}.empty-state h2{margin-bottom:8px;font-size:28px;font-weight:800}.empty-state p{color:var(--text-secondary);margin-bottom:24px;font-size:16px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.video-card{background:var(--surface);border-radius:var(--radius);cursor:pointer;border:2px solid var(--border);border-bottom:5px solid var(--border);transition:all .2s;overflow:hidden}.video-card:hover{box-shadow:var(--shadow-md);border-color:var(--green);transform:translateY(-4px)}[draggable=true] .video-card{cursor:grab}[draggable=true]:active .video-card{cursor:grabbing;opacity:.7}.card-thumbnail{aspect-ratio:16/9;background:#e0e0e0;width:100%;position:relative;overflow:hidden}.card-thumbnail img{object-fit:cover;width:100%;height:100%}.thumbnail-placeholder{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.source-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#000000b3;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.card-body{padding:12px}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:14px;font-weight:700;display:-webkit-box;overflow:hidden}.card-meta{color:var(--text-secondary);justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.card-watch-meta{color:var(--blue-dark);margin-bottom:10px;font-size:12px;font-weight:800}.card-progress-bar{background:var(--border);border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.card-progress-fill{background:linear-gradient(90deg, var(--green), var(--green-dark));border-radius:4px;height:100%;transition:width .4s}.card-stats{flex-wrap:wrap;gap:12px;font-size:11px;font-weight:600;display:flex}.stat.watched{color:var(--yellow-dark)}.stat.summarized{color:var(--green-dark)}.remix-card{border-color:#1cb0f659;border-bottom-color:var(--blue-dark)}.remix-thumbnail{background:linear-gradient(135deg, #1cb0f6eb, #58cc02c7), var(--blue);place-items:center;display:grid}.remix-thumbnail-stack{color:#fff;text-transform:uppercase;text-shadow:0 2px #00000029;place-items:center;font-weight:900;display:grid}.remix-thumbnail-stack strong{font-size:48px;line-height:1}.remix-thumbnail-stack span{letter-spacing:.5px;font-size:13px}.remix-badge{background:#1cb0f6e6}.remix-card-title-row{align-items:flex-start;gap:8px;display:flex}.remix-card-title-row .card-title{flex:1}.remix-delete{border:2px solid var(--border);border-bottom:3px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--text-secondary);border-radius:8px;flex:none;font-size:18px;line-height:1}.remix-delete:hover{color:#fff;background:var(--red);border-color:var(--red-dark)}.remix-progress-fill{background:linear-gradient(90deg, var(--blue), var(--green), var(--yellow))}.player-page{background:var(--bg);height:100vh;display:flex;overflow:hidden}.player-error,.player-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.spinner{border:5px solid var(--border);border-top-color:var(--green);border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.player-sidebar{background:var(--surface);border-right:2px solid var(--border);flex-direction:column;width:360px;min-width:360px;display:flex;overflow:hidden}.back-btn{border:none;border-bottom:2px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:0 0;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:700;transition:color .2s;display:flex}.back-btn:hover{color:var(--green)}.sidebar-title{padding:16px 20px 12px}.sidebar-title h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:700;display:-webkit-box;overflow:hidden}.sidebar-meta{color:var(--text-secondary);font-size:12px}.sidebar-overall{padding:0 20px 16px}.overall-bar{background:var(--border);border-radius:5px;height:10px;margin-bottom:6px;overflow:hidden}.overall-fill{border-radius:5px;height:100%;transition:width .4s}.watched-fill{background:linear-gradient(90deg, var(--green), var(--green-dark))}.overall-text{color:var(--text-secondary);font-size:12px;font-weight:600}.clip-panel{flex:1;padding:0 20px 20px;overflow-y:auto}.clip-panel-header{background:var(--surface);z-index:1;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 0;display:flex;position:sticky;top:0}.clip-panel-header h3{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);font-size:14px;font-weight:700}.clip-stats{gap:10px;font-size:11px;font-weight:700;display:flex}.stat-watched{color:var(--yellow-dark)}.stat-summarized{color:var(--green-dark)}.clip-legend{color:var(--text-secondary);flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:11px;font-weight:600;display:flex}.legend-item{align-items:center;gap:4px;display:inline-flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.clip-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.clip-card{--clip-face:var(--red);--clip-edge:var(--red-dark);--clip-ink:white;border-radius:var(--radius-xs);cursor:pointer;color:var(--clip-ink);background:linear-gradient(180deg, #ffffff47 0%, #ffffff14 42%, #0000000a 100%), var(--clip-face);box-shadow:inset 0 -7px 0 var(--clip-edge), inset 0 1px 0 #ffffff59, 0 6px 0 #00000029, 0 10px 14px #0000001f;outline-offset:2px;border:2px solid #ffffff8c;outline:3px solid #0000;flex-direction:column;justify-content:space-between;min-height:72px;padding:10px 10px 13px;font-size:12px;transition:transform .14s,box-shadow .14s,filter .14s,outline-color .14s;display:flex;position:relative}.clip-card.unwatched{--clip-face:var(--red);--clip-edge:var(--red-dark)}.clip-card.watched{--clip-face:var(--yellow);--clip-edge:var(--yellow-dark);--clip-ink:#3c3c3c}.clip-card.summarized{--clip-face:var(--green);--clip-edge:var(--green-dark)}.clip-card.rewatched-2{--clip-face:var(--blue);--clip-edge:var(--blue-dark)}.clip-card.rewatched-3plus{--clip-face:var(--purple);--clip-edge:var(--purple-dark)}.clip-card:hover{z-index:2;filter:brightness(1.04);box-shadow:inset 0 -7px 0 var(--clip-edge), inset 0 1px 0 #fff6, 0 9px 0 #00000026, 0 15px 18px #00000029;transform:translateY(-3px)}.clip-card:active{box-shadow:inset 0 -3px 0 var(--clip-edge), inset 0 1px 0 #ffffff59, 0 2px 0 #00000029, 0 5px 8px #0000001f;transform:translateY(4px)}.clip-card:focus-visible{outline-color:var(--clip-edge)}.clip-card.blocked{cursor:not-allowed;filter:grayscale(.35);opacity:.65}.clip-card.blocked:hover{box-shadow:inset 0 -7px 0 var(--clip-edge), inset 0 1px 0 #ffffff59, 0 6px 0 #00000029, 0 10px 14px #0000001f;transform:none}.clip-card.active{box-shadow:inset 0 -7px 0 var(--clip-edge), inset 0 1px 0 #ffffff73, 0 6px 0 #00000029, 0 0 0 4px var(--green), 0 13px 20px #58cc0247;border-color:#ffffffeb;animation:2s infinite clipPulse}@keyframes clipPulse{0%,to{box-shadow:inset 0 -7px 0 var(--clip-edge), inset 0 1px 0 #ffffff73, 0 6px 0 #00000029, 0 0 0 4px var(--green), 0 13px 20px #58cc0247}50%{box-shadow:inset 0 -7px 0 var(--clip-edge), inset 0 1px 0 #ffffff73, 0 8px 0 #00000024, 0 0 0 4px var(--green), 0 18px 26px #58cc026b}}.clip-card-top{justify-content:space-between;align-items:center;display:flex}.clip-number{font-size:14px;font-weight:800}.watch-badge{background:#ffffff4d;border-radius:8px;padding:1px 6px;font-size:11px;font-weight:700}.clip-card-time{opacity:.85;font-size:11px;font-weight:600}.clip-card-bottom{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.summary-btn{cursor:pointer;background:#ffffff40;border:1px solid #fff6;border-radius:6px;padding:2px 6px;font-size:14px;line-height:1;transition:background .2s,transform .12s;box-shadow:inset 0 -2px #00000024}.summary-btn:hover{background:#ffffff73}.summary-btn:active{transform:translateY(1px);box-shadow:inset 0 -1px #00000029}.playing-indicator{font-size:12px;animation:1s infinite playBlink}@keyframes playBlink{0%,to{opacity:1}50%{opacity:.4}}.player-main{flex-direction:column;flex:1;min-width:0;padding:24px 32px;display:flex;overflow-y:auto}.player-video-container{aspect-ratio:16/9;border-radius:var(--radius);width:100%;box-shadow:var(--shadow-md);background:#000;margin-bottom:16px;overflow:hidden}.local-video{width:100%;height:100%;display:block}.youtube-wrapper{width:100%;height:100%}.youtube-wrapper iframe{border:0;width:100%;height:100%}.segmented-bar-wrapper{margin-bottom:12px}.segmented-bar{background:var(--border);cursor:pointer;border-radius:7px;gap:2px;height:14px;transition:height .2s;display:flex;position:relative;overflow:hidden}.segmented-bar:hover{border-radius:9px;height:18px}.segmented-bar.locked{cursor:not-allowed}.bar-segment{min-width:3px;height:100%;transition:background-color .3s}.bar-segment:first-child{border-radius:7px 0 0 7px}.bar-segment:last-child{border-radius:0 7px 7px 0}.bar-playhead{border:2px solid var(--text);pointer-events:none;z-index:5;background:#fff;border-radius:3px;width:5px;height:calc(100% + 6px);transition:left .15s linear;position:absolute;top:-3px;transform:translate(-50%);box-shadow:0 0 6px #0000004d}.clip-progress-panel{color:var(--text);margin-bottom:14px}.clip-progress-row{text-transform:uppercase;min-height:22px;color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.clip-progress-track{background:var(--surface);border:2px solid var(--border);border-radius:6px;height:12px;overflow:hidden;box-shadow:inset 0 1px 2px #00000014}.clip-progress-fill{background:linear-gradient(90deg, var(--green), var(--yellow), var(--blue));border-radius:4px;width:0;height:100%;transition:width .18s linear}.clip-progress-meta{min-height:18px;color:var(--text-secondary);font-variant-numeric:tabular-nums;margin-top:5px;font-size:12px;font-weight:700}.clip-celebration{z-index:30;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.celebration-burst,.celebration-burst:before,.celebration-burst:after{background:var(--yellow);border-radius:2px;width:10px;height:18px;animation:1.1s ease-out forwards confettiPop;position:absolute}.celebration-burst{box-shadow:-170px -85px 0 var(--green), -122px 64px 0 var(--blue), -66px -125px 0 var(--red), -34px 104px 0 var(--yellow), 38px -96px 0 var(--green), 78px 118px 0 var(--blue), 128px -44px 0 var(--red), 176px 70px 0 var(--yellow)}.celebration-burst:before{content:"";box-shadow:-148px 34px 0 var(--blue), -96px -92px 0 var(--yellow), -18px 132px 0 var(--green), 54px -138px 0 var(--red), 106px 34px 0 var(--yellow), 154px -104px 0 var(--blue);transform:rotate(28deg)}.celebration-burst:after{content:"";box-shadow:-186px 20px 0 var(--red), -110px 128px 0 var(--green), -52px -56px 0 var(--blue), 24px 72px 0 var(--red), 96px -118px 0 var(--yellow), 162px 116px 0 var(--green);transform:rotate(-32deg)}.celebration-card{background:var(--surface);min-width:260px;color:var(--text);border:2px solid var(--green);border-bottom:6px solid var(--green-dark);box-shadow:var(--shadow-lg);border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:22px 28px;animation:1.25s forwards celebrationBounce;display:flex}.celebration-card strong{color:var(--green-dark);font-size:28px;line-height:1.1}.celebration-card span{color:var(--text-secondary);font-size:14px;font-weight:800}.celebration-card .celebration-kicker{text-transform:uppercase;color:var(--blue-dark);font-size:12px}@keyframes confettiPop{0%{opacity:0;transform:translateY(30px)scale(.4)rotate(0)}20%{opacity:1}to{opacity:0;transform:translateY(-120px)scale(1)rotate(180deg)}}@keyframes celebrationBounce{0%{opacity:0;transform:translateY(16px)scale(.9)}18%{opacity:1;transform:translateY(-8px)scale(1.05)}36%{transform:translateY(0)scale(1)}82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.98)}}.player-controls-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.time-display{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.clip-indicator{color:var(--text);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.playing-badge{background:var(--green);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;animation:1.5s infinite playBlink}.current-clip-summary{background:var(--surface);border:2px solid var(--green);border-radius:var(--radius-sm);color:var(--text);padding:14px 18px;font-size:14px;line-height:1.5}.current-clip-summary strong{color:var(--green-dark)}.current-clip-transcript{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-sm);max-height:190px;padding:14px 18px;overflow:auto}.current-clip-transcript strong{color:var(--text);margin-bottom:6px;display:block}.current-clip-transcript p{color:var(--text-secondary);font-size:14px;font-weight:650;line-height:1.55}.dashboard-top-right{align-items:center;gap:10px;display:flex}.streak-pill{border-radius:var(--radius-sm);color:#9a5100;background:#fff8e8;border:2px solid #ffb84d;border-bottom:4px solid #e18900;align-items:center;gap:7px;min-height:40px;padding:8px 12px;font-weight:900;display:inline-flex}.streak-fire{text-indent:-999px;background:linear-gradient(#ffdf4d 0%,#ff8a00 45%,#ff4b4b 100%);border-radius:999px 999px 999px 2px;place-items:center;width:18px;height:22px;display:inline-grid;overflow:hidden;transform:rotate(45deg);box-shadow:inset 0 -3px #00000029}.dashboard-progress-card{background:var(--surface);border:2px solid var(--border);border-bottom:5px solid var(--border);border-radius:var(--radius);max-width:none;box-shadow:var(--shadow);margin:0;padding:16px}.dashboard-progress-copy,.dashboard-reward-copy{justify-content:space-between;align-items:center;gap:12px;display:flex}.dashboard-progress-copy span,.dashboard-reward-copy span{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:900}.dashboard-progress-copy strong{color:var(--text);font-size:18px;font-weight:900}.dashboard-progress-copy small{color:var(--green-dark);font-size:12px;font-weight:800}.dashboard-progress-track{background:var(--border);border-radius:999px;height:12px;margin:12px 0 9px;overflow:hidden}.dashboard-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--yellow), var(--blue));height:100%;transition:width .25s}.dashboard-progress-note{color:var(--text-secondary);margin-top:8px;font-size:12px;font-weight:800}.dashboard-filter-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:-8px 0 22px;display:flex}.filter-chip{border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:40px;color:var(--text-secondary);padding:8px 14px;font-size:13px;font-weight:900}.filter-chip.active{color:#fff;background:var(--green);border-color:var(--green-dark)}.feed-page{max-width:1180px;margin:0 auto;padding:28px 18px 72px}.feed-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.feed-header h1{color:var(--green);text-shadow:0 4px 0 var(--green-dark);text-align:right;font-size:42px;font-weight:900}.feed-header p{max-width:520px;color:var(--text-secondary);text-align:right;font-weight:700}.feed-back{border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:auto}.feed-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.feed-start-btn-top,.feed-settings-btn{min-height:44px;padding-inline:18px}.feed-builder{grid-template-columns:minmax(280px,360px) 1fr;align-items:start;gap:18px;display:grid}.feed-builder-folder-first{grid-template-columns:1fr}.feed-panel{background:var(--surface);border:2px solid var(--border);border-bottom:5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.feed-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.feed-panel-header h2{font-size:20px;font-weight:900}.feed-panel-close{background:var(--bg);color:var(--text-secondary);border:0;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:900}.feed-panel-header span,.feed-empty-copy{color:var(--text-secondary);font-size:13px;font-weight:700}.feed-create-row{grid-template-columns:1fr auto;gap:10px;margin-bottom:14px;display:grid}.feed-list-stack,.feed-video-picker{flex-direction:column;gap:10px;display:flex}.feed-settings-panel{margin-bottom:0}.feed-settings-grid{grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(220px,1fr));gap:14px;display:grid}.feed-setting-block{background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-xs);flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex}.feed-setting-block strong{font-size:14px;font-weight:900}.feed-setting-block p{color:var(--text-secondary);font-size:12px;font-weight:700}.feed-toggle-row,.feed-source-row{min-height:34px;color:var(--text);align-items:center;gap:9px;font-size:13px;font-weight:800;display:flex}.feed-source-list{gap:6px;max-height:220px;display:grid;overflow-y:auto}.feed-source-row{padding-left:calc(var(--folder-depth,0) * 18px)}.feed-list-row{text-align:left;background:var(--bg);border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.feed-list-row strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.feed-list-row span{color:var(--text-secondary);white-space:nowrap;font-size:12px;font-weight:800}.feed-list-row.active{border-color:var(--green);border-bottom-color:var(--green-dark);background:#58cc021a}.feed-list-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.feed-list-actions .btn-secondary,.feed-list-actions .btn-danger{width:100%;padding:10px 12px;font-size:12px}.feed-clip-size-row{background:var(--bg);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.feed-clip-size-row>span{color:var(--text-secondary);text-transform:uppercase;font-size:13px;font-weight:900}.feed-size-buttons{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.feed-size-buttons .size-btn{width:auto;min-width:60px;padding:0 12px}.feed-video-option{text-align:left;width:100%;color:var(--text);background:var(--bg);border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:76px 1fr auto;align-items:center;gap:12px;padding:10px;transition:transform .12s,border-color .12s;display:grid}.feed-video-option:hover:not(:disabled){border-color:var(--green);transform:translateY(-2px)}.feed-video-option.selected{border-color:var(--green);border-bottom-color:var(--green-dark);background:#58cc0214}.feed-video-thumb{aspect-ratio:16/9;color:#fff;text-transform:uppercase;background:#111;border-radius:8px;place-items:center;width:76px;font-size:11px;font-weight:900;display:grid;overflow:hidden}.feed-video-thumb img{object-fit:cover;width:100%;height:100%}.feed-video-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.feed-video-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.feed-video-copy span,.feed-check{color:var(--text-secondary);font-size:12px;font-weight:800}.feed-check{color:var(--green-dark);text-transform:uppercase}.feed-start-btn{width:100%;margin-top:16px}.feed-reels-page{color:#fff;background:#050505;width:100vw;height:100vh;overflow:hidden}.feed-reels-topbar{z-index:20;padding:max(12px, env(safe-area-inset-top)) 14px 10px;pointer-events:none;background:linear-gradient(#000000b3,#0000);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.feed-reels-topbar>*{pointer-events:auto}.feed-reels-topbar div{text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex}.feed-reels-topbar strong{text-overflow:ellipsis;white-space:nowrap;max-width:54vw;font-size:15px;overflow:hidden}.feed-reels-topbar span{color:#ffffffb8;font-size:12px;font-weight:800}.feed-icon-btn,.feed-control-btn,.feed-play-btn{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29;border:1px solid #ffffff3d;border-radius:999px;font-size:12px;font-weight:900}.feed-icon-btn{min-width:58px;padding:9px 12px}.feed-reels-scroll{scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none;height:100vh;overflow-y:auto}.feed-reels-scroll::-webkit-scrollbar{display:none}.feed-clip-card{scroll-snap-align:start;scroll-snap-stop:always;background:#050505;place-items:center;height:100vh;min-height:100vh;display:grid;position:relative}.feed-media-frame{background:#080808;width:min(100vw,520px);height:100vh;position:relative;overflow:hidden}.feed-local-video,.feed-media-frame .youtube-wrapper,.feed-media-frame .youtube-wrapper iframe,.feed-poster{width:100%;height:100%;display:block}.feed-local-video,.feed-poster img{object-fit:cover}.feed-poster{color:#ffffffb8;background:radial-gradient(circle,#2b2b2b,#050505 70%);place-items:center;font-weight:900;display:grid}.feed-poster img{filter:saturate(1.05);width:100%;height:100%}.feed-gradient{pointer-events:none;background:linear-gradient(#0000006b,#0000 28% 58%,#000000d6),linear-gradient(90deg,#0000006b,#0000 32% 72%,#00000052);position:absolute;inset:0}.feed-folder-group{padding-left:calc(var(--folder-depth,0) * 18px)}.feed-folder-group.selected .feed-folder-group-header{border-color:var(--green);background:#58cc0214}.feed-folder-group-header{background:var(--bg);border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px;display:flex}.feed-folder-toggle{min-width:0;color:var(--text);text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:10px;display:flex}.feed-folder-toggle strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.feed-folder-count{color:var(--text-secondary);flex:none;font-size:12px;font-weight:900}.feed-folder-play{border:2px solid var(--border);border-bottom:3px solid var(--border);background:var(--surface);min-width:82px;color:var(--text);border-radius:8px;flex:none;padding:8px 10px;font-size:12px;font-weight:900}.feed-folder-group.selected .feed-folder-play{color:#fff;background:var(--green);border-color:var(--green-dark)}.feed-folder-group-body{border-left:2px dashed var(--border);gap:8px;margin-top:8px;padding-left:18px;display:grid}.feed-video-option-readonly{cursor:default}.feed-tap-zone{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0}.feed-progress-track{top:max(54px, calc(env(safe-area-inset-top) + 44px));z-index:3;cursor:pointer;touch-action:none;background:0 0;border-radius:999px;height:18px;position:absolute;left:14px;right:14px;overflow:visible}.feed-progress-track:before{content:"";background:#ffffff47;border-radius:999px;height:4px;position:absolute;top:7px;left:0;right:0}.feed-progress-fill{z-index:1;border-radius:inherit;background:var(--green);height:4px;transition:width .12s linear;position:absolute;top:7px;left:0}.feed-progress-track.scrubbing .feed-progress-fill{transition:none}.feed-overlay-copy{left:18px;right:88px;bottom:max(94px, calc(env(safe-area-inset-bottom) + 78px));z-index:4;text-shadow:0 2px 10px #0000008c;position:absolute}.feed-overlay-copy span{color:var(--green);text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:900;display:block}.feed-overlay-copy h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:22px;font-weight:900;display:-webkit-box;overflow:hidden}.feed-overlay-copy p{color:#fffc;font-size:13px;font-weight:800}.feed-overlay-controls{right:14px;bottom:max(90px, calc(env(safe-area-inset-bottom) + 74px));z-index:5;flex-direction:column;gap:10px;display:flex;position:absolute}.feed-control-btn,.feed-play-btn{width:58px;min-height:42px;padding:0 8px}.feed-play-btn{background:var(--green);border-color:var(--green-dark);box-shadow:0 4px 0 var(--green-dark)}.feed-clip-count{right:16px;top:max(74px, calc(env(safe-area-inset-top) + 64px));z-index:4;color:#ffffffc7;background:#0000006b;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:900;position:absolute}.reports-page{max-width:1180px;margin:0 auto;padding:28px 18px 72px}.reports-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.reports-header h1{color:var(--blue);text-shadow:0 4px 0 var(--blue-dark);text-align:right;font-size:42px;font-weight:900}.reports-header p{color:var(--text-secondary);text-align:right;font-weight:700}.reports-back{border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:auto}.reports-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.reports-metric-card,.reports-chart-panel,.reports-table-panel{background:var(--surface);border:2px solid var(--border);border-bottom:5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.reports-metric-card{flex-direction:column;gap:3px;padding:16px;display:flex}.reports-metric-card span,.reports-metric-card small,.reports-section-title span{color:var(--text-secondary);text-transform:uppercase;font-size:12px;font-weight:900}.reports-metric-card strong{color:var(--text);font-size:30px;font-weight:900}.reports-chart-panel,.reports-table-panel{margin-bottom:18px;padding:18px}.reports-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.reports-section-title h2{font-size:20px;font-weight:900}.reports-chart-wrap{overflow-x:auto}.reports-line-chart{border-radius:var(--radius-sm);background:linear-gradient(#f9fbff,#fff);width:100%;min-width:620px;height:auto}.reports-grid-line{stroke:#e7edf5;stroke-width:2px}.reports-complete-line,.reports-target-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:6px}.reports-complete-line{stroke:var(--green)}.reports-target-line{stroke:var(--blue);stroke-dasharray:10 10;opacity:.72}.reports-point{fill:var(--green);stroke:#fff;stroke-width:3px}.reports-chart-legend,.reports-date-strip{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:12px;font-weight:900;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.legend-dot.complete{background:var(--green)}.legend-dot.target{background:var(--blue)}.reports-empty{min-height:180px;color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.reports-empty strong{color:var(--text);font-size:18px}.reports-daily-list{gap:10px;display:grid}.reports-day-row{border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px 14px;font-weight:800;display:grid}.reports-day-row.met{background:#58cc0214;border-color:#58cc0273}.reports-day-row span,.reports-day-row small{color:var(--text-secondary);font-size:12px;font-weight:900}.mobile-bottom-nav{display:none}.remix-sidebar{background:linear-gradient(#fff 0%,#f7fbff 100%)}.remix-queue{gap:10px;padding:0 20px 20px;display:grid;overflow-y:auto}.remix-queue-item{text-align:left;width:100%;color:var(--text);background:var(--surface);border:2px solid var(--border);border-bottom:4px solid var(--border);border-radius:8px;grid-template-columns:auto 1fr;gap:2px 10px;padding:11px 12px;transition:transform .12s,border-color .12s,background .12s;display:grid}.remix-queue-item:hover{border-color:var(--blue);transform:translateY(-2px)}.remix-queue-item.active{border-color:var(--blue);border-bottom-color:var(--blue-dark);background:#1cb0f61a}.remix-queue-item span{background:var(--blue);color:#fff;border-radius:8px;grid-row:span 2;align-self:center;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.remix-queue-item strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.remix-queue-item small{color:var(--text-secondary);font-size:11px;font-weight:700}.remix-now-playing{gap:2px;margin-bottom:12px;display:grid}.remix-now-playing span{color:var(--blue-dark);text-transform:uppercase;font-size:12px;font-weight:900}.remix-now-playing strong{font-size:22px;font-weight:900;line-height:1.15}.remix-now-playing small{color:var(--text-secondary);font-size:13px;font-weight:700}.summary-modal{max-width:480px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ccc}@media (width<=900px){.dashboard-hero{grid-template-columns:1fr}.dashboard-actions-panel{grid-column:auto}.feed-settings-grid{grid-template-columns:1fr}.reports-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-builder{grid-template-columns:1fr}.feed-list-panel{order:1}.feed-videos-panel{order:2}.settings-dropdown{min-width:240px}.feature-request-dropdown{width:min(360px,100vw - 32px)}.player-sidebar{width:280px;min-width:280px}.clip-grid{grid-template-columns:1fr}.player-main{padding:16px}.player-page{flex-direction:column;height:auto;min-height:100vh;overflow:visible}.player-sidebar{border-right:0;border-bottom:2px solid var(--border);width:100%;min-width:0;max-height:42vh}.player-video-container{border-radius:var(--radius-sm)}.cloud-sync{flex-direction:column;align-items:stretch}.cloud-sync-actions{flex-wrap:wrap;justify-content:flex-start}}@media (width<=640px){html{min-width:0}body{touch-action:manipulation;overflow-x:hidden}.app-page-with-mobile-nav,.dashboard{padding-bottom:92px}.mobile-bottom-nav{z-index:40;border:2px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;display:grid;position:fixed;bottom:10px;left:10px;right:10px}.mobile-bottom-nav a{min-height:42px;color:var(--text-secondary);border-radius:8px;place-items:center;font-size:12px;font-weight:900;text-decoration:none;display:grid}.mobile-bottom-nav a.active{color:#fff;background:var(--green);box-shadow:inset 0 -3px 0 var(--green-dark)}.dashboard{width:100%;padding:18px 12px 92px}.dashboard-top-bar{align-items:stretch;gap:8px}.dashboard-top-left{grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;width:100%;display:grid}.dashboard-top-right{justify-content:space-between;width:100%}.streak-pill,.profile-wrap,.profile-avatar-btn,.profile-signin-btn{min-height:44px}.profile-wrap{justify-content:flex-end;display:flex}.dashboard-progress-card{padding:14px}.dashboard-progress-copy,.dashboard-reward-copy{flex-direction:column;align-items:flex-start;gap:4px}.dashboard-filter-row{flex-wrap:nowrap;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.filter-chip{flex:none}.settings-wrap,.feature-request-wrap,.profile-wrap{min-width:0}.settings-btn,.feature-request-btn,.profile-signin-btn{width:100%;min-height:44px}.feature-request-dropdown,.settings-dropdown,.profile-dropdown{width:auto;min-width:0;left:0;right:0}.profile-dropdown{top:calc(100% + 6px)}.feature-request-create{grid-template-columns:1fr}.logo h1{text-shadow:0 3px 0 var(--green-dark);font-size:32px}.logo-icon-img{width:36px;height:36px}.tagline{font-size:15px}.dashboard-brand-panel,.dashboard-actions-panel{padding:14px}.dashboard-actions-primary,.dashboard-actions-secondary{grid-template-columns:1fr}.folder-card{border-radius:var(--radius-sm)}.folder-header{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.folder-title-row{width:100%;min-width:0}.folder-name{overflow-wrap:anywhere;min-width:0}.folder-header-right{justify-content:space-between;width:100%}.folder-action-btn{width:44px;height:44px}.video-grid{grid-template-columns:1fr;gap:14px}.video-card{border-radius:var(--radius-sm);transform:none}.video-card:hover{transform:none}.card-body{padding:14px}.modal-overlay{align-items:flex-end;padding:10px}.modal{border-radius:16px 16px 8px 8px;width:100%;max-width:none;max-height:min(86vh,720px);padding:20px}.modal-header{align-items:flex-start;gap:12px}.modal-header h2{overflow-wrap:anywhere;min-width:0;font-size:19px}.form-actions{flex-direction:column-reverse}.form-actions .btn-primary,.form-actions .btn-secondary{width:100%}.instance-card,.instance-main{flex-direction:column;align-items:stretch}.instance-delete{width:100%;min-height:42px}.feed-page{padding:16px 12px 92px}.feed-header{flex-direction:column;align-items:stretch}.feed-header-actions{grid-template-columns:1fr 1fr;justify-content:stretch;display:grid}.feed-header-actions .btn-primary,.feed-header-actions .btn-secondary{width:100%}.feed-header h1,.feed-header p{text-align:left}.feed-header h1{font-size:36px}.feed-create-row,.feed-video-option{grid-template-columns:1fr}.feed-panel{padding:14px}.feed-folder-group,.feed-folder-group-body,.subfolder-list{border-left:0;padding-left:0}.feed-folder-group-header{flex-direction:column;align-items:stretch}.feed-folder-toggle,.feed-folder-play,.feed-video-thumb{width:100%}.feed-list-actions{grid-template-columns:1fr}.feed-clip-size-row{flex-direction:column;align-items:stretch}.feed-size-buttons{justify-content:flex-start}.feed-media-frame{width:100vw}.feed-overlay-copy{left:14px;right:82px}.feed-overlay-copy h2{font-size:20px}.reports-page{padding:16px 12px 92px}.reports-header{flex-direction:column;align-items:stretch}.reports-header h1,.reports-header p{text-align:left}.reports-header h1{font-size:36px}.reports-metrics{grid-template-columns:1fr 1fr;gap:10px}.reports-metric-card{padding:14px}.reports-metric-card strong{font-size:24px}.reports-day-row{grid-template-columns:1fr;gap:4px}.reports-line-chart{min-width:500px}.reports-section-title{flex-direction:column;align-items:flex-start}.player-page{padding-bottom:92px}.player-sidebar{max-height:46vh}.player-main{padding:12px 12px 18px}.player-video-container{aspect-ratio:16/10;margin-bottom:12px}.clip-panel{padding:0 12px 14px}.clip-card{min-height:64px}.player-controls-row{flex-direction:column;align-items:stretch;gap:8px}.player-controls-row .btn-primary,.player-controls-row .btn-secondary{width:100%}.current-clip-summary{padding:12px;font-size:13px}.mix-count-row{grid-template-columns:1fr}.mix-selection-header{flex-direction:column;align-items:stretch}.mix-selection-actions{width:100%}.mix-selection-btn{flex:1}.cloud-sync-actions .btn-primary,.cloud-sync-actions .btn-secondary,.dashboard-actions .btn-primary,.dashboard-actions .btn-secondary{width:100%}}.drive-restore-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#0f172a9e;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.drive-restore-card{text-align:center;background:#fff;border:1px solid #0f172a1f;border-radius:8px;width:min(100%,420px);max-width:420px;padding:28px;box-shadow:0 24px 80px #0f172a3d}.drive-restore-spinner{border:3px solid #2563eb2e;border-top-color:#2563eb;border-radius:999px;width:38px;height:38px;margin:0 auto 16px;animation:.9s linear infinite driveRestoreSpin}.drive-restore-kicker{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.drive-restore-card h2{color:#0f172a;margin:0 0 10px;font-size:24px}.drive-restore-card p{color:#475569;margin:0}.drive-restore-note{font-size:13px;margin-top:10px!important}.drive-restore-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}@keyframes driveRestoreSpin{to{transform:rotate(360deg)}}.cw-dashboard{--cw-bg:#0e0f0c;--cw-bg-2:#151712;--cw-panel:#1a1d17;--cw-panel-2:#20241d;--cw-line:#2a2e26;--cw-line-2:#353a30;--cw-ink:#f4f1e8;--cw-ink-dim:#a8a89a;--cw-ink-mute:#6b6d62;--cw-cream:#ece6d2;--cw-lime:#c6f24e;--cw-lime-deep:#9ed12a;--cw-amber:#f5a524;--cw-violet:#b9a4ff;--cw-rose:#ff7a7a;--cw-cyan:#7adbd1;--cw-r-sm:8px;--cw-r:14px;--cw-r-lg:20px;--cw-r-xl:28px;--cw-r-pill:999px;--cw-font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cw-font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--cw-font-serif:"Instrument Serif", Georgia, serif;--cw-shadow-lime:0 1px 0 #fff6 inset, 0 8px 22px -10px #c6f24eb3;--cw-shadow-brand:0 0 0 1px #c6f24e40, 0 8px 24px -8px #c6f24e66;--cw-shadow-avatar:0 0 0 2px var(--cw-bg), 0 0 0 3px var(--cw-line-2);--cw-halo-pulse:0 0 0 4px #c6f24e2e;--cw-t-fast:.12s ease;--cw-t-base:.15s ease;--cw-t-slow:.2s ease;background:var(--cw-bg);width:100%;max-width:1320px;min-height:100vh;font-family:var(--cw-font-sans);color:var(--cw-ink);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 600px at 85% -10%,#c6f24e0f,#0000 60%),radial-gradient(900px 500px at -10% 30%,#b9a4ff0d,#0000 60%);margin:0 auto;padding:22px 28px 80px;position:relative}body:has(.cw-dashboard){background:#0e0f0c}.cw-dashboard *,.cw-dashboard :before,.cw-dashboard :after{box-sizing:border-box}.cw-dashboard button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.cw-dashboard h1,.cw-dashboard h2,.cw-dashboard h3,.cw-dashboard p{margin:0}.cw-topbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-bottom:22px;display:grid}.cw-brand{align-items:center;gap:12px;display:flex}.cw-brand-mark{width:36px;height:36px;box-shadow:var(--cw-shadow-brand);color:#0e0f0c;background:radial-gradient(60% 60% at 30% 25%,#ffffff80,#0000),linear-gradient(135deg,#c6f24e,#9ed12a);border-radius:10px;place-items:center;display:grid}.cw-brand-text{flex-direction:column;line-height:1;display:flex}.cw-brand-name{font-family:var(--cw-font-sans);letter-spacing:-.01em;color:var(--cw-ink);font-size:17px;font-weight:600}.cw-brand-name .dot{color:var(--cw-lime)}.cw-brand-tag{font-family:var(--cw-font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--cw-ink-mute);margin-top:4px;font-size:11px}.cw-pillnav{background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:var(--cw-r-pill);justify-self:center;align-items:center;gap:2px;padding:5px;display:inline-flex}.cw-pillnav-item{border-radius:var(--cw-r-pill);color:var(--cw-ink-dim);transition:color var(--cw-t-base), background var(--cw-t-base), box-shadow var(--cw-t-base);align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:500;display:inline-flex}.cw-pillnav-item:hover{color:var(--cw-ink)}.cw-pillnav-item.active{background:var(--cw-bg);color:var(--cw-ink);box-shadow:inset 0 0 0 1px var(--cw-line-2)}.cw-pillnav-badge{border-radius:var(--cw-r-pill);background:var(--cw-amber);color:#1a1300;min-width:18px;height:18px;font-family:var(--cw-font-mono);place-items:center;padding:0 5px;font-size:10px;font-weight:600;display:inline-grid}.cw-topbar-right{justify-self:end;align-items:center;gap:10px;display:inline-flex}.cw-pillbtn{background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:var(--cw-r-pill);color:var(--cw-ink-dim);transition:background var(--cw-t-base), border-color var(--cw-t-base), color var(--cw-t-base);align-items:center;gap:8px;padding:9px 14px;font-size:13px;font-weight:500;display:inline-flex}.cw-pillbtn:hover{background:var(--cw-panel-2);color:var(--cw-ink)}.cw-pillbtn .cw-icon-cyan{color:var(--cw-cyan)}.cw-pillbtn .cw-mono{font-family:var(--cw-font-mono);color:var(--cw-ink-mute);font-size:12px}.cw-iconbtn{background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:var(--cw-r-pill);width:38px;height:38px;color:var(--cw-ink-dim);transition:background var(--cw-t-base), color var(--cw-t-base), border-color var(--cw-t-base);place-items:center;display:grid}.cw-iconbtn:hover{background:var(--cw-panel-2);color:var(--cw-ink);border-color:var(--cw-line-2)}.cw-avatar{color:#1a1300;width:38px;height:38px;box-shadow:var(--cw-shadow-avatar);cursor:pointer;background:linear-gradient(135deg,#b9a4ff,#7adbd1);border:none;border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid;position:relative;overflow:hidden}.cw-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.cw-hero{grid-template-columns:1.35fr 1fr;gap:16px;margin-bottom:16px;display:grid}.cw-continue{background:linear-gradient(135deg, #c6f24e1a, transparent 55%), var(--cw-panel);border:1px solid var(--cw-line);border-radius:var(--cw-r-xl);flex-direction:column;gap:14px;min-height:260px;padding:26px 28px;display:flex;position:relative;overflow:hidden}.cw-continue:before{content:"";pointer-events:none;background:radial-gradient(circle,#c6f24e24,#0000 60%);border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;right:-120px}.cw-continue>*{position:relative}.cw-eyebrow{font-family:var(--cw-font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--cw-lime);align-items:center;gap:8px;font-size:11px;display:inline-flex}.cw-pulse-dot{background:var(--cw-lime);width:6px;height:6px;box-shadow:var(--cw-halo-pulse);border-radius:50%;animation:1.6s ease-in-out infinite cwPulse}@keyframes cwPulse{0%,to{opacity:1}50%{opacity:.4}}.cw-headline{font-family:var(--cw-font-sans);letter-spacing:-.025em;max-width:18ch;color:var(--cw-ink);font-size:36px;font-weight:500;line-height:1.05}.cw-headline .italic{font-family:var(--cw-font-serif);color:var(--cw-lime);font-style:italic;font-weight:400}.cw-subcopy{color:var(--cw-ink-dim);max-width:50ch;font-size:14px;line-height:1.5}.cw-meta-row{font-family:var(--cw-font-mono);color:var(--cw-ink-mute);flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;display:inline-flex}.cw-meta-dot{background:var(--cw-line-2);border-radius:50%;width:3px;height:3px;display:inline-block}.cw-cta-row{flex-wrap:wrap;gap:10px;margin-top:auto;display:flex}.cw-btn{font-family:var(--cw-font-sans);border-radius:var(--cw-r);transition:background var(--cw-t-base), border-color var(--cw-t-base), color var(--cw-t-base), transform 80ms ease;border:1px solid #0000;align-items:center;gap:8px;padding:13px 20px;font-size:14px;font-weight:600;display:inline-flex}.cw-btn:active{transform:translateY(1px)}.cw-btn-primary{background:var(--cw-lime);color:#0e0f0c;box-shadow:var(--cw-shadow-lime)}.cw-btn-primary:hover{background:#d4ff5a}.cw-btn-secondary{background:var(--cw-panel-2);color:var(--cw-ink);border:1px solid var(--cw-line)}.cw-btn-secondary:hover{border-color:var(--cw-line-2);background:#262a22}.cw-kbd{font-family:var(--cw-font-mono);border-radius:5px;padding:2px 6px;font-size:11px}.cw-btn-primary .cw-kbd{color:#0000008c;background:#0000002e}.cw-btn-secondary .cw-kbd{background:var(--cw-bg);color:var(--cw-ink-mute)}.cw-target{background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:var(--cw-r-xl);flex-direction:column;gap:18px;padding:24px 26px;display:flex}.cw-target-head{justify-content:space-between;align-items:center;display:flex}.cw-label{font-family:var(--cw-font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--cw-ink-mute);font-size:11px}.cw-streak-pill{color:var(--cw-amber);border-radius:var(--cw-r-pill);font-family:var(--cw-font-mono);background:#f5a52414;border:1px solid #f5a52440;align-items:center;gap:6px;padding:5px 10px 5px 8px;font-size:12px;font-weight:600;display:inline-flex}.cw-ring-row{align-items:center;gap:22px;display:flex}.cw-ring-wrap{flex-shrink:0;width:132px;height:132px;position:relative}.cw-ring-overlay{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cw-ring-num{font-family:var(--cw-font-serif);color:var(--cw-ink);font-size:46px;font-style:italic;line-height:1}.cw-ring-num .denom{color:var(--cw-ink-mute);margin-left:2px;font-size:22px}.cw-ring-cap{font-family:var(--cw-font-mono);text-transform:uppercase;letter-spacing:.14em;color:var(--cw-ink-mute);margin-top:4px;font-size:10px}.cw-ring-stats{flex-direction:column;flex:1;display:flex}.cw-ring-stat{border-bottom:1px dashed var(--cw-line);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.cw-ring-stat:last-child{border-bottom:none}.cw-ring-stat-key{color:var(--cw-ink-dim);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.cw-ring-stat-val{font-family:var(--cw-font-mono);color:var(--cw-ink);font-size:13px}.cw-ring-stat-val.lime{color:var(--cw-lime)}.cw-ring-stat-val.amber{color:var(--cw-amber)}.cw-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.cw-stat{background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:var(--cw-r-lg);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.cw-stat-head{justify-content:space-between;align-items:center;display:flex}.cw-stat-label{font-family:var(--cw-font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--cw-ink-mute);font-size:11px}.cw-stat-icon{background:var(--cw-bg-2);border:1px solid var(--cw-line);border-radius:7px;place-items:center;width:24px;height:24px;display:grid}.cw-stat-icon.lime{color:var(--cw-lime)}.cw-stat-icon.amber{color:var(--cw-amber)}.cw-stat-icon.violet{color:var(--cw-violet)}.cw-stat-icon.cyan{color:var(--cw-cyan)}.cw-stat-value{font-family:var(--cw-font-sans);letter-spacing:-.02em;color:var(--cw-ink);font-size:28px;font-weight:500;line-height:1}.cw-stat-value .unit{color:var(--cw-ink-mute);margin-left:4px;font-size:14px}.cw-stat-foot{color:var(--cw-ink-dim);font-size:12px}.cw-xp-pill{color:var(--cw-violet);font-family:var(--cw-font-mono);border-radius:var(--cw-r-pill);background:#b9a4ff1a;border:1px solid #b9a4ff38;align-items:center;padding:3px 8px;font-size:10px;font-weight:500;display:inline-flex}.cw-bars{align-items:flex-end;gap:4px;height:22px;display:flex}.cw-bar{background:var(--cw-lime);border-radius:2px;flex:1;min-height:2px}.cw-bar.dim{background:var(--cw-line)}.cw-stat-delta{align-items:center;gap:6px;font-size:12px;display:inline-flex}.cw-stat-delta .up{color:var(--cw-lime);font-family:var(--cw-font-mono)}.cw-stat-delta .down{color:var(--cw-rose);font-family:var(--cw-font-mono)}.cw-stat-delta .label{color:var(--cw-ink-mute)}.cw-badge-name{color:var(--cw-ink);font-size:20px;font-weight:500}.cw-badge-foot .num{color:var(--cw-amber);font-family:var(--cw-font-mono)}.cw-badge-foot .label{color:var(--cw-ink-mute)}.cw-toolbar{background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:var(--cw-r-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:10px 12px;display:flex}.cw-toolbar-actions{flex-wrap:wrap;gap:6px;display:inline-flex}.cw-tool-btn{color:var(--cw-ink-dim);transition:background var(--cw-t-base), color var(--cw-t-base), border-color var(--cw-t-base);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:9px 13px;font-size:13px;font-weight:500;display:inline-flex}.cw-tool-btn:hover{background:var(--cw-panel-2);color:var(--cw-ink)}.cw-tool-btn.primary{color:var(--cw-lime);background:#c6f24e1a;border:1px solid #c6f24e33}.cw-tool-btn.primary:hover{background:#c6f24e24}.cw-chips{flex-wrap:wrap;gap:4px;display:inline-flex}.cw-chip{border-radius:var(--cw-r-pill);color:var(--cw-ink-mute);transition:background var(--cw-t-base), color var(--cw-t-base);background:0 0;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:500;display:inline-flex}.cw-chip:hover{color:var(--cw-ink)}.cw-chip .num{font-family:var(--cw-font-mono);opacity:.6}.cw-chip.active{background:var(--cw-ink);color:var(--cw-bg)}.cw-chip.active .num{opacity:.55}.cw-folder-section{margin-bottom:28px}.cw-folder-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:6px 4px 14px;display:flex}.cw-folder-left{align-items:center;gap:10px;display:inline-flex}.cw-folder-collapse{width:32px;height:32px;color:var(--cw-ink-dim);transition:background var(--cw-t-base), border-color var(--cw-t-base), color var(--cw-t-base), transform var(--cw-t-base);border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.cw-folder-collapse:hover{background:var(--cw-panel-2);border-color:var(--cw-line);color:var(--cw-ink)}.cw-folder-collapse.collapsed{transform:rotate(-90deg)}.cw-folder-tile{color:#1a1300;background:linear-gradient(135deg,#f5a524,#e08a0e);border-radius:9px;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 0 0 1px #f5a5244d}.cw-folder-title{font-family:var(--cw-font-sans);color:var(--cw-ink);font-size:15px;font-weight:600}.cw-folder-meta{font-family:var(--cw-font-mono);color:var(--cw-ink-mute);font-size:12.5px}.cw-folder-right{align-items:center;gap:8px;display:inline-flex}.cw-folder-pct{font-family:var(--cw-font-mono);color:var(--cw-ink-mute);font-size:12px}.cw-folder-bar{background:var(--cw-bg-2);border:1px solid var(--cw-line);border-radius:2px;width:96px;height:4px;overflow:hidden}.cw-folder-bar-fill{background:var(--cw-lime);height:100%;transition:width .25s}.cw-folder-act{width:32px;height:32px;color:var(--cw-ink-dim);transition:background var(--cw-t-base), color var(--cw-t-base), border-color var(--cw-t-base);border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.cw-folder-act:hover{background:var(--cw-panel-2);color:var(--cw-ink);border-color:var(--cw-line)}.cw-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.cw-clip-card{background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:var(--cw-r-lg);cursor:pointer;transition:transform var(--cw-t-base), border-color var(--cw-t-base), box-shadow var(--cw-t-base);flex-direction:column;display:flex;overflow:hidden}.cw-clip-card:hover{border-color:var(--cw-line-2);transform:translateY(-2px)}.cw-clip-thumb{aspect-ratio:16/10;position:relative;overflow:hidden}.cw-clip-thumb img{object-fit:cover;width:100%;height:100%;display:block}.cw-clip-thumb-bg{background-image:repeating-linear-gradient(135deg,#ffffff0a 0 12px,#ffffff05 12px 24px);position:absolute;inset:0}.cw-mood-1{background-color:#1d2a1a}.cw-mood-2{background-color:#261d2a}.cw-mood-3{background-color:#2a241a}.cw-mood-4{background-color:#1a262a}.cw-mood-5{background-color:#2a1a1f}.cw-mood-6{background-color:#1c1a2a}.cw-mood-7{background-color:#232a1a}.cw-mood-8{background-color:#2a201a}.cw-clip-source-label{font-family:var(--cw-font-mono);text-transform:uppercase;letter-spacing:.1em;color:#ffffff8c;-webkit-backdrop-filter:blur(6px);background:#0006;border-radius:5px;padding:3px 7px;font-size:10px;position:absolute;top:8px;left:8px}.cw-clip-play{-webkit-backdrop-filter:blur(8px);color:#fff;width:42px;height:42px;transition:background var(--cw-t-base), color var(--cw-t-base), transform var(--cw-t-base);background:#ffffff14;border:1px solid #ffffff2e;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cw-clip-card:hover .cw-clip-play{background:var(--cw-lime);color:var(--cw-bg);transform:translate(-50%,-50%)scale(1.08)}.cw-clip-duration{font-family:var(--cw-font-mono);color:#fff;-webkit-backdrop-filter:blur(4px);background:#0000008c;border-radius:5px;padding:3px 8px;font-size:11px;position:absolute;bottom:12px;right:8px}.cw-clip-progress-strip{background:#ffffff14;height:3px;position:absolute;bottom:0;left:0;right:0}.cw-clip-progress-strip-fill{background:var(--cw-lime);height:100%}.cw-clip-body{flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px;display:flex}.cw-clip-title{font-family:var(--cw-font-sans);color:var(--cw-ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;font-size:13.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.cw-clip-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.cw-clip-source{color:var(--cw-ink-dim);align-items:center;gap:6px;font-size:12px;display:inline-flex}.cw-source-dot{border-radius:50%;width:5px;height:5px;display:inline-block}.cw-source-dot.yt{background:var(--cw-rose)}.cw-source-dot.web{background:var(--cw-cyan)}.cw-source-dot.ud{background:var(--cw-violet)}.cw-source-dot.local{background:var(--cw-ink-mute)}.cw-empty-card{border:1.5px dashed var(--cw-line);border-radius:var(--cw-r-lg);aspect-ratio:16/10;color:var(--cw-ink-mute);cursor:pointer;transition:border-color var(--cw-t-base), color var(--cw-t-base);background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.cw-empty-card:hover{border-color:var(--cw-lime);color:var(--cw-lime)}.cw-empty-card-ring{border:1.5px dashed;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.cw-keys{font-family:var(--cw-font-mono);color:var(--cw-ink-mute);flex-wrap:wrap;align-items:center;gap:18px;margin-top:28px;font-size:12px;display:flex}.cw-key-hint{align-items:center;gap:6px;display:inline-flex}.cw-key{background:var(--cw-panel);border:1px solid var(--cw-line);color:var(--cw-ink-dim);font-family:var(--cw-font-mono);border-radius:5px;padding:2px 6px;font-size:10.5px}.cw-icon{flex-shrink:0;width:1em;height:1em;display:inline-block}.cw-empty-state{text-align:center;color:var(--cw-ink-dim);padding:80px 20px}.cw-empty-state h2{color:var(--cw-ink);margin-bottom:8px;font-size:22px;font-weight:500}.cw-empty-state p{margin-bottom:20px;font-size:14px}.cw-dashboard .folder-card{background:var(--cw-panel);border:1px solid var(--cw-line);border-radius:var(--cw-r-lg);color:var(--cw-ink);margin-bottom:16px;padding:14px 16px}.cw-dashboard .folder-card .folder-name{color:var(--cw-ink)}.cw-dashboard .folder-card .folder-count{color:var(--cw-ink-mute)}.cw-dashboard .folder-card .folder-action-btn{color:var(--cw-ink-dim);border:1px solid var(--cw-line);background:0 0}.cw-dashboard .folder-card .folder-progress-fill{background:var(--cw-lime)}@media (width<=1100px){.cw-hero{grid-template-columns:1fr}.cw-stats,.cw-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.cw-dashboard{padding:16px 14px 80px}.cw-topbar{grid-template-columns:1fr auto}.cw-pillnav{display:none}.cw-headline{font-size:28px}.cw-ring-wrap{width:110px;height:110px}.cw-stats,.cw-grid{grid-template-columns:repeat(2,1fr)}.cw-keys{display:none}}@media (prefers-reduced-motion:reduce){.cw-pulse-dot{animation:none}.cw-clip-card:hover{transform:none}}.drive-backup-card{background:var(--cw-bg-2,#151712);border:1px solid var(--cw-line,#2a2e26);color:var(--cw-ink,#f4f1e8);border-radius:12px;margin-top:14px;padding:12px 14px;font-size:13px}.drive-backup-card.compact{margin-top:10px;padding:10px 12px}.drive-backup-header{margin-bottom:6px}.drive-backup-kicker{font-family:var(--cw-font-mono,ui-monospace, monospace);text-transform:uppercase;letter-spacing:.12em;color:var(--cw-ink-mute,#6b6d62);font-size:10.5px}.drive-backup-status{color:var(--cw-ink-dim,#a8a89a);margin:4px 0}.drive-backup-meta{color:var(--cw-ink-mute,#6b6d62);margin:2px 0 8px;font-size:12px}.drive-backup-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.drive-backup-confirm{border:1px dashed var(--cw-line,#2a2e26);background:#f5a5240d;border-radius:10px;margin-top:8px;padding:10px}.drive-backup-confirm p{color:var(--cw-ink,#f4f1e8);margin:0 0 8px;font-size:12.5px}.drive-backup-result{margin-top:8px;font-size:12.5px}.drive-backup-result.ok{color:#58cc02}.drive-backup-result.err{color:#ff4b4b}