*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--bg-1: #1c1c1e;--bg-2: #2c2c2e;--bg-3: #3a3a3c;--separator: rgba(255, 255, 255, .1);--label: #ffffff;--label-2: #ebebf5cc;--label-3: #8e8e93;--label-4: #48484a;--blue: #0a84ff;--blue-dim: rgba(10, 132, 255, .15);--green: #30d158;--green-dim: rgba(48, 209, 88, .15);--purple: #bf5af2;--purple-dim: rgba(191, 90, 242, .15);--orange: #ff9f0a;--orange-dim: rgba(255, 159, 10, .15);--red: #ff453a;--sidebar-w: 228px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;font-size:14px;line-height:1.5;color:var(--label);background:var(--bg);-webkit-font-smoothing:antialiased}.app-shell{display:flex;height:100dvh;overflow:hidden;flex-direction:column}@media (min-width: 700px){.app-shell{flex-direction:row}}.app-content{flex:1;overflow-y:auto;background:var(--bg);min-height:0}.topbar{display:flex;align-items:center;gap:12px;height:52px;padding:0 16px;background:#1c1c1ee6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--separator);flex-shrink:0;z-index:100}.topbar-menu{background:none;border:none;color:var(--label-2);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center}.topbar-menu:hover{color:var(--label)}.topbar-brand{display:flex;align-items:center;gap:8px}@media (min-width: 700px){.topbar{display:none}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:290;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (min-width: 700px){.sidebar-overlay{display:none}}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:#1c1c1eeb;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border-right:1px solid var(--separator);padding:20px 12px 16px;gap:6px}@media (max-width: 699px){.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:300;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar--open{transform:translate(0)}}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:4px 8px 16px;border-bottom:1px solid var(--separator);margin-bottom:8px}.sidebar-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#0a84ff,#bf5af2);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.sidebar-title{font-size:15px;font-weight:600;letter-spacing:-.2px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav--bottom{margin-top:auto;padding-top:8px;border-top:1px solid var(--separator)}.nav-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--label-3);padding:0 10px 6px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:13.5px;font-weight:450;color:var(--label-2);text-decoration:none;transition:background .12s,color .12s}.nav-item:hover{background:#ffffff0f;color:var(--label)}.nav-item.active{background:var(--blue-dim);color:var(--blue);font-weight:500}.sidebar-user{display:flex;align-items:center;gap:9px;padding:10px 8px;border-radius:10px;margin-top:4px;background:#ffffff0a}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0a84ff,#bf5af2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.user-info{display:flex;flex-direction:column;min-width:0;flex:1}.user-name{font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--label-3)}.user-logout{background:none;border:none;color:var(--label-3);cursor:pointer;padding:4px;border-radius:5px;display:flex;align-items:center;transition:color .12s,background .12s}.user-logout:hover{color:var(--label);background:#ffffff14}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;height:100dvh;background:var(--bg)}.loading-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#0a84ff,#bf5af2);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;box-shadow:0 0 48px #0a84ff59}.loading-label{font-size:15px;color:var(--label-3);letter-spacing:.1px}.loading-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.08);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}.page{max-width:1100px;margin:0 auto;padding:20px 16px;display:flex;flex-direction:column;gap:22px}@media (min-width: 600px){.page{padding:32px 24px;gap:26px}}@media (min-width: 900px){.page{padding:40px 36px;gap:28px}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-header h1{font-size:22px;font-weight:700;letter-spacing:-.5px;line-height:1.2}@media (min-width: 600px){.page-header h1{font-size:26px}}.page-subtitle{margin-top:4px;font-size:14px;color:var(--label-3)}.page-badge{background:var(--blue-dim);color:var(--blue);font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;margin-top:6px}.card{background:var(--bg-1);border:1px solid var(--separator);border-radius:14px;padding:20px 22px}.card-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--label-3);margin-bottom:14px}.card-title-link{display:flex;align-items:center;color:var(--label-4);text-decoration:none;margin-left:auto;padding:2px;border-radius:4px;transition:color .12s}.card-title-link:hover{color:var(--label-2)}.stat-grid{display:grid;grid-template-columns:1fr;gap:10px}@media (min-width: 480px){.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px}}.stat-card{background:var(--bg-1);border:1px solid var(--separator);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px}.stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon--blue{background:var(--blue-dim);color:var(--blue)}.stat-icon--purple{background:var(--purple-dim);color:var(--purple)}.stat-icon--green{background:var(--green-dim);color:var(--green)}.stat-icon--orange{background:var(--orange-dim);color:var(--orange)}.stat-body{display:flex;flex-direction:column}.stat-value{font-size:22px;font-weight:700;letter-spacing:-.5px;line-height:1.1}.stat-label{font-size:12px;color:var(--label-3);margin-top:2px}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}@media (min-width: 700px){.dashboard-grid{grid-template-columns:1fr 1fr}}.recent-list{list-style:none;display:flex;flex-direction:column;gap:10px}.recent-item{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;border-radius:8px;padding:4px 6px;margin:-4px -6px;transition:background .12s}.recent-item:hover{background:#ffffff0d}.recent-icon{width:30px;height:30px;border-radius:8px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;color:var(--label-3);flex-shrink:0}.recent-info{display:flex;flex-direction:column;min-width:0}.recent-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-date{font-size:11.5px;color:var(--label-3)}.platform-status-list{list-style:none;display:flex;flex-direction:column;gap:10px}.platform-status-item{display:flex;align-items:center;justify-content:space-between;font-size:13px}.platform-name{font-weight:450}.platform-badge{font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px}.platform-badge--disconnected{background:#ffffff0f;color:var(--label-3)}.platform-badge--connected{background:var(--green-dim);color:var(--green)}.platform-grid{list-style:none;display:flex;flex-direction:column;gap:10px}.platform-card{display:flex;align-items:center;gap:14px;background:var(--bg-1);border:1px solid var(--separator);border-radius:12px;padding:16px 18px;transition:border-color .15s}.platform-card:hover{border-color:#ffffff2e}.platform-card-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.platform-card-info{display:flex;flex-direction:column;flex:1}.platform-card-name{font-size:14px;font-weight:500}.platform-card-desc{font-size:12px;color:var(--label-3);margin-top:1px}.btn-connect{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;background:var(--blue-dim);color:var(--blue);font-size:12.5px;font-weight:500;border:none;cursor:pointer;transition:background .12s}.btn-connect:hover{background:#0a84ff40}.btn-connect:disabled{opacity:.6;cursor:not-allowed}.platform-card--connected{border-color:#30d15840}.platform-card-actions{display:flex;align-items:center;gap:8px}.platform-badge-connected{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--green);white-space:nowrap}.btn-disconnect{padding:5px 11px;border-radius:8px;background:transparent;color:var(--label-3);font-size:12px;font-weight:500;border:1px solid var(--separator);cursor:pointer;transition:color .12s,border-color .12s}.btn-disconnect:hover{color:var(--red);border-color:#ff453a66}.btn-disconnect:disabled{opacity:.5;cursor:not-allowed}.platform-card-loader{color:var(--label-3)}.platform-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:13.5px;margin-bottom:20px}.platform-banner--success{background:var(--green-dim);color:var(--green);border:1px solid rgba(48,209,88,.25)}.platform-banner--error{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,69,58,.25)}.platform-banner-close{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;font-size:14px;opacity:.7;padding:0 2px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-card{display:flex;align-items:center;gap:16px;background:var(--bg-1);border:1px solid var(--separator);border-radius:14px;padding:20px 22px}.profile-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#0a84ff,#bf5af2);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:#fff;flex-shrink:0}.profile-meta{display:flex;flex-direction:column;gap:2px}.profile-name{font-size:17px;font-weight:600}.profile-username{font-size:13px;color:var(--label-3)}.settings-section .card-title{border-bottom:1px solid var(--separator);padding-bottom:10px;margin-bottom:0}.settings-section--danger{border-color:#ff453a40}.settings-save-status{font-size:12.5px;min-width:60px;text-align:right}.settings-status--saving{color:var(--label-3)}.settings-status--saved{color:var(--green)}.settings-status--error{color:var(--red)}.settings-hint{font-size:12.5px;color:var(--label-3);padding:10px 0 4px}.settings-rows{display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--separator)}.settings-row:last-child{border-bottom:none}.settings-row--col{flex-direction:column;align-items:stretch}.settings-row--col .settings-row-top{display:flex;align-items:center;justify-content:space-between}.settings-platform-options{display:flex;flex-direction:column;margin-top:4px;border:1px solid var(--separator);border-radius:8px;overflow:hidden}.privacy-option--sm{padding:6px 10px}.privacy-option--sm .privacy-option-label{font-size:12px}.privacy-option--sm .privacy-option-desc{font-size:11px}.settings-row--danger{padding-top:16px}.settings-row-info{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-row-label{font-size:13.5px;font-weight:500;color:var(--label)}.settings-row-label--danger{color:var(--red)}.settings-row-desc{font-size:12px;color:var(--label-3);line-height:1.4}.settings-field{display:flex;flex-direction:column;gap:7px;padding:14px 0;border-bottom:1px solid var(--separator)}.settings-field:last-child{border-bottom:none}.settings-field-label{display:flex;flex-direction:column;gap:2px;font-size:13.5px;font-weight:500;color:var(--label)}.settings-field-hint{font-size:12px;font-weight:400;color:var(--label-3)}.settings-input{background:var(--bg-2);border:1px solid var(--bg-3);border-radius:8px;padding:8px 11px;font-size:13.5px;color:var(--label);font-family:inherit;width:100%}.settings-input:focus{outline:none;border-color:var(--blue)}.settings-input--short{width:100px}.settings-input-row{display:flex;align-items:center;gap:8px}.settings-suffix{font-size:13px;color:var(--label-3)}.settings-select{background:var(--bg-2);border:1px solid var(--bg-3);border-radius:8px;padding:8px 32px 8px 11px;font-size:13.5px;color:var(--label);font-family:inherit;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}.settings-select:focus{outline:none;border-color:var(--blue)}.btn-danger{background:#ff453a26;color:var(--red);border:1px solid rgba(255,69,58,.3);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .12s,border-color .12s;flex-shrink:0}.btn-danger:hover{background:#ff453a40;border-color:#ff453a80}.settings-delete-confirm{display:flex;align-items:center;gap:8px;flex-shrink:0}.settings-delete-prompt{font-size:12.5px;color:var(--label-3);white-space:nowrap}.delete-confirm{display:flex;flex-direction:column;gap:12px;padding:16px;margin-bottom:16px;border:1px solid var(--bg-3);border-radius:10px;background:var(--bg-2)}.delete-confirm-prompt{margin:0;font-size:14px;font-weight:600;color:var(--label)}.delete-confirm-platforms{display:flex;flex-direction:column;gap:6px}.delete-confirm-hint{font-size:12.5px;color:var(--label-3)}.delete-confirm-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--label-2);text-transform:capitalize}.delete-confirm-actions{display:flex;gap:8px}.clips-controls{display:flex;gap:10px;align-items:center}.search-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:11px;color:var(--label-3);pointer-events:none;flex-shrink:0}.search-input{width:100%;background:var(--bg-1);border:1px solid var(--separator);border-radius:9px;padding:8px 32px 8px 33px;font-size:13.5px;color:var(--label);font-family:inherit;transition:border-color .12s,box-shadow .12s;outline:none}.search-input::placeholder{color:var(--label-3)}.search-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}.search-clear{position:absolute;right:9px;background:none;border:none;color:var(--label-3);cursor:pointer;font-size:11px;padding:2px 4px;border-radius:4px;line-height:1}.search-clear:hover{color:var(--label)}.filter-btn{display:flex;align-items:center;gap:7px;background:var(--bg-1);border:1px solid var(--separator);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--label-2);cursor:pointer;font-family:inherit;transition:border-color .12s,color .12s;flex-shrink:0;position:relative}.filter-btn:hover{border-color:#fff3;color:var(--label)}.filter-btn--active{border-color:var(--blue);color:var(--blue)}.filter-btn-badge{background:var(--blue);color:#fff;font-size:10px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.fp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:300;animation:fp-backdrop-in .25s ease forwards}.fp-backdrop.closing{animation:fp-backdrop-out .22s ease forwards}@keyframes fp-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes fp-backdrop-out{0%{opacity:1}to{opacity:0}}.fp{position:fixed;top:0;right:0;height:100dvh;width:300px;background:var(--bg-1);border-left:1px solid var(--separator);z-index:301;display:flex;flex-direction:column;box-shadow:-20px 0 60px #00000080;animation:fp-slide-in .28s cubic-bezier(.25,.46,.45,.94) forwards}.fp.closing{animation:fp-slide-out .22s cubic-bezier(.55,0,.75,.06) forwards}@keyframes fp-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fp-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.fp-header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid var(--separator);flex-shrink:0}.fp-title{font-size:15px;font-weight:600;letter-spacing:-.2px}.fp-header-actions{display:flex;align-items:center;gap:6px}.fp-reset{display:flex;align-items:center;gap:5px;background:none;border:none;font-size:12px;font-weight:500;color:var(--label-3);cursor:pointer;padding:4px 8px;border-radius:6px;font-family:inherit;transition:color .12s,background .12s}.fp-reset:hover{color:var(--label);background:#ffffff0f}.fp-close{background:#ffffff12;border:none;color:var(--label-3);cursor:pointer;width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s}.fp-close:hover{color:var(--label);background:#ffffff1f}.fp-body{flex:1;overflow-y:auto;padding:8px 0 24px}.fp-section{padding:16px 18px;border-bottom:1px solid var(--separator)}.fp-section:last-child{border-bottom:none}.fp-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--label-3);margin-bottom:12px}.fp-sort-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fp-sort-btn{padding:8px 10px;border-radius:8px;border:1px solid var(--separator);background:var(--bg-2);color:var(--label-2);font-size:12.5px;font-weight:450;cursor:pointer;font-family:inherit;text-align:center;transition:background .12s,border-color .12s,color .12s}.fp-sort-btn:hover{background:var(--bg-3);color:var(--label)}.fp-sort-btn.active{background:var(--blue-dim);border-color:#0a84ff66;color:var(--blue);font-weight:500}.fp-date-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fp-date-row .field-group input{background:var(--bg-2);border:1px solid var(--separator);border-radius:8px;padding:7px 10px;font-size:12.5px;color:var(--label);font-family:inherit;outline:none;width:100%;color-scheme:dark}.fp-date-row .field-group input:focus{border-color:var(--blue)}.rs{display:flex;flex-direction:column;gap:10px}.rs-track{position:relative;height:4px;background:var(--bg-3);border-radius:2px;margin:10px 0 4px}.rs-fill{position:absolute;top:0;height:100%;background:var(--blue);border-radius:2px;pointer-events:none}.rs-thumb{position:absolute;top:50%;left:0;width:100%;height:4px;transform:translateY(-50%);background:transparent;pointer-events:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.rs-thumb::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 6px #00000080;cursor:pointer;border:none;transition:transform .1s}.rs-thumb::-webkit-slider-thumb:hover{transform:scale(1.15)}.rs-thumb::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 6px #00000080;cursor:pointer;border:none}.rs-inputs{display:flex;align-items:center;gap:8px}.rs-inputs input{flex:1;background:var(--bg-2);border:1px solid var(--separator);border-radius:7px;padding:6px 9px;font-size:12.5px;color:var(--label);font-family:inherit;outline:none;text-align:center;transition:border-color .12s;-moz-appearance:textfield}.rs-inputs input::-webkit-outer-spin-button,.rs-inputs input::-webkit-inner-spin-button{-webkit-appearance:none}.rs-inputs input:focus{border-color:var(--blue)}.rs-sep{color:var(--label-3);font-size:13px;flex-shrink:0}.profile-form{display:flex;flex-direction:column;gap:14px;padding-top:14px}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-group{display:flex;flex-direction:column;gap:5px}.field-group label{font-size:12px;font-weight:500;color:var(--label-3)}.field-group input,.field-group textarea{background:var(--bg-2);border:1px solid var(--separator);border-radius:9px;padding:9px 12px;font-size:13.5px;color:var(--label);font-family:inherit;outline:none;transition:border-color .12s,box-shadow .12s;width:100%;box-sizing:border-box}.field-group textarea{resize:vertical;min-height:80px;max-width:100%;line-height:1.55}.field-group input:focus,.field-group textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-dim)}.field-group input:disabled{opacity:.45;cursor:not-allowed}.profile-form-footer{display:flex;justify-content:flex-end;padding-top:4px}.clip-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}@media (min-width: 600px){.clip-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}}.clip-card{background:var(--bg-1);border:1px solid var(--separator);border-radius:14px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .12s;display:flex;flex-direction:column}.clip-card:hover{border-color:#fff3;transform:translateY(-2px)}.clip-card:hover .clip-card-play{opacity:1}.clip-card-thumb-wrap{position:relative;aspect-ratio:16 / 9;background:var(--bg-2);overflow:hidden}.clip-card-thumb{width:100%;height:100%;object-fit:cover;display:block}.clip-card-thumb--empty{width:100%;height:100%}.clip-card-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;opacity:0;transition:opacity .15s;color:#fff}.clip-card-body{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.clip-card-title{font-size:13.5px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--label);margin:0}.clip-card-stats{display:flex;gap:12px}.clip-card-stats span{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--label-3)}.clip-tags{list-style:none;display:flex;flex-wrap:wrap;gap:4px}.clip-tags li,.clip-tag{background:var(--bg-2);border-radius:5px;padding:1px 7px;font-size:11.5px;color:var(--label-3)}.clip-date{font-size:11.5px;color:var(--label-4)}.modal--clip{width:min(660px,96vw);max-height:90dvh;display:flex;flex-direction:column;padding:0}@media (min-width: 900px){.modal--clip{width:min(1400px,96vw)}}.clip-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px 14px;border-bottom:1px solid var(--separator);flex-shrink:0}.clip-modal-title-row{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.clip-modal-title{font-size:15px;font-weight:600;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0}.clip-modal-title-input{flex:1;background:var(--bg-2);border:1px solid var(--blue);border-radius:8px;padding:6px 10px;font-size:15px;font-weight:600;color:var(--label);font-family:inherit}.clip-modal-title-input:focus{outline:none}.clip-modal-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.clip-modal-fullpage-label{display:none}@media (min-width: 500px){.clip-modal-fullpage-label{display:inline}}.clip-modal-close{padding:6px 8px!important}.clip-modal-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}@media (min-width: 900px){.clip-modal-body{flex-direction:row}}.clip-modal-left{flex-shrink:0}@media (max-width: 899px){.clip-modal-left{background:#000;line-height:0}}@media (min-width: 900px){.clip-modal-left{width:55%;background:#000;display:flex;align-items:center;border-right:1px solid var(--separator);overflow:hidden;flex-shrink:0}}.clip-modal-player-wrap{width:100%;line-height:0}.clip-modal-player{width:100%;display:block;object-fit:contain}@media (max-width: 899px){.clip-modal-player{max-height:260px}}@media (min-width: 900px){.clip-modal-player{max-height:100%;height:auto}}.clip-modal-right{padding:16px 20px 20px;display:flex;flex-direction:column;gap:0}@media (min-width: 900px){.clip-modal-right{flex:1;overflow-y:auto;min-width:0;min-height:0}}.clip-modal-stats{display:flex;gap:0;border:1px solid var(--separator);border-radius:12px;overflow:hidden;margin-bottom:4px}.clip-modal-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:12px 0;border-right:1px solid var(--separator)}.clip-modal-stat:last-child{border-right:none}.clip-modal-stat-value{font-size:17px;font-weight:700;letter-spacing:-.4px;line-height:1}.clip-modal-stat-label{font-size:11px;color:var(--label-3)}.stat-ico{flex-shrink:0;margin-bottom:2px}.stat-ico--blue{color:var(--blue)}.stat-ico--purple{color:var(--purple)}.stat-ico--green{color:var(--green)}.stat-ico--orange{color:var(--orange)}.clip-modal-section{padding:14px 0;border-bottom:1px solid var(--separator);display:flex;flex-direction:column;gap:8px}.clip-modal-section--last{border-bottom:none}.clip-modal-section-header{display:flex;align-items:center;justify-content:space-between}.btn-publish-all{display:flex;align-items:center;gap:5px;background:var(--blue);color:#fff;border:none;border-radius:7px;padding:5px 11px;font-size:12px;font-weight:500;cursor:pointer;font-family:inherit;transition:opacity .12s;white-space:nowrap}.btn-publish-all:hover:not(:disabled){opacity:.85}.btn-publish-all:disabled{opacity:.45;cursor:default}.clip-modal-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--label-3)}.clip-modal-desc{font-size:13.5px;line-height:1.6;color:var(--label-2)}.clip-modal-empty{font-size:13px;color:var(--label-4);font-style:italic}.clip-modal-tags{display:flex;flex-wrap:wrap;gap:5px}.clip-modal-textarea{width:100%;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:8px;padding:8px 10px;font-size:13.5px;color:var(--label);font-family:inherit;resize:vertical;line-height:1.55}.clip-modal-textarea:focus,.clip-modal-input:focus{outline:none;border-color:var(--blue)}.clip-modal-input{width:100%;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:8px;padding:7px 10px;font-size:13.5px;color:var(--label);font-family:inherit}.clip-modal-platforms{list-style:none;display:flex;flex-direction:column;gap:0}.clip-modal-platform-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--separator)}.clip-modal-platform-row--col{flex-direction:column;align-items:stretch}.clip-modal-platform-row-top{display:flex;align-items:center;justify-content:space-between}.clip-modal-platform-row:last-child{border-bottom:none}.publish-privacy-picker{margin-top:10px;background:#ffffff0a;border:1px solid var(--separator);border-radius:8px;overflow:hidden}.unpublish-picker{border-color:#ff453a59}.unpublish-picker-warning{font-size:12px;font-weight:500;color:var(--label-2);padding:10px 12px 0}.privacy-option--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.publish-privacy-options{display:flex;flex-direction:column}.privacy-option{display:flex;align-items:center;justify-content:center;padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--separator);transition:background .12s}.privacy-option-text{display:flex;flex-direction:column;align-items:center;gap:2px}.privacy-option:last-child{border-bottom:none}.privacy-option:hover{background:#ffffff0d}.privacy-option--selected{background:#0a84ff1a}.privacy-option input[type=radio]{display:none}.privacy-option-label{font-size:13px;font-weight:500;color:var(--label)}.privacy-option--selected .privacy-option-label{color:var(--blue)}.privacy-option-desc{font-size:11.5px;color:var(--label-3)}.publish-privacy-actions{display:flex;justify-content:flex-end;gap:8px;padding:10px 12px;border-top:1px solid var(--separator)}.clip-modal-platform-name{font-size:13.5px;font-weight:500}.edit-btn{background:transparent;border:none;color:var(--label-4);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .12s,background .12s}.edit-btn:hover{color:var(--label-2);background:var(--bg-2)}.edit-field-wrap{display:flex;flex-direction:column;gap:6px}.edit-actions{display:flex;gap:4px}.edit-confirm,.edit-cancel{width:28px;height:28px;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.edit-confirm{background:var(--blue);color:#fff}.edit-confirm:disabled{opacity:.4;cursor:not-allowed}.edit-cancel{background:var(--bg-2);color:var(--label-2)}.edit-cancel:hover{background:var(--bg-3)}.toggle{position:relative;display:inline-flex;cursor:pointer;flex-shrink:0}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:44px;height:26px;background:var(--bg-3);border-radius:13px;position:relative;transition:background .2s;display:flex;align-items:center}.toggle input:checked~.toggle-track{background:var(--blue)}.toggle-thumb{position:absolute;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.toggle input:checked~.toggle-track .toggle-thumb{transform:translate(18px)}.clip-stat-layout{display:grid;grid-template-columns:1fr;gap:20px;align-items:start}@media (min-width: 860px){.clip-stat-layout{grid-template-columns:1fr 340px}}.clip-stat-left{display:flex;flex-direction:column;gap:14px}.clip-stat-right{display:flex;flex-direction:column;gap:0;background:var(--bg-1);border:1px solid var(--separator);border-radius:14px;overflow:hidden}.clip-stat-field{padding:18px 20px;border-bottom:1px solid var(--separator);display:flex;flex-direction:column;gap:6px}.clip-stat-field-row{display:flex;align-items:flex-start;gap:8px}.clip-stat-title{font-size:17px;font-weight:600;letter-spacing:-.3px;line-height:1.3;flex:1;min-width:0}.clip-stat-field-input{flex:1;background:var(--bg-2);border:1px solid var(--blue);border-radius:8px;padding:6px 10px;font-size:16px;font-weight:600;color:var(--label);font-family:inherit;width:100%}.clip-stat-field-input:focus{outline:none}.clip-stat-grid{padding:16px 20px;border-bottom:1px solid var(--separator);grid-template-columns:1fr;gap:8px}.clip-stat-grid .stat-card{padding:11px 14px;gap:10px}.clip-stat-section{padding:14px 20px;border-bottom:1px solid var(--separator);display:flex;flex-direction:column;gap:8px}.clip-stat-section:last-child{border-bottom:none}.clip-stat-player{width:100%;max-height:480px;object-fit:contain;display:block}.btn-icon{display:flex;align-items:center;gap:6px}.btn-primary,.btn-secondary{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:background .12s,opacity .12s;font-family:inherit}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:#1a8fff}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--bg-2);color:var(--label)}.btn-secondary:hover{background:var(--bg-3)}.btn-ghost{background:transparent;color:var(--label-2);border:none;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:background .12s,color .12s}.btn-ghost:hover{background:var(--bg-2);color:var(--label)}.modal--wide{width:min(640px,94vw)}.video-preview-wrap{position:relative;border-radius:10px;overflow:hidden;background:#000;line-height:0}.video-preview{width:100%;max-height:300px;object-fit:contain;display:block;border-radius:10px}.video-preview-clear{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-preview-clear:hover{background:#000000d9}.upload-file-info{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--label-3)}.clip-stat-layout{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}@media (max-width: 860px){.clip-stat-layout{grid-template-columns:1fr}}.clip-stat-player-wrap{background:#000;border-radius:14px;overflow:hidden;line-height:0}.clip-stat-player{width:100%;max-height:460px;object-fit:contain;display:block}.clip-stat-meta{display:flex;flex-direction:column;gap:8px;padding:4px 0}.clip-stat-title{font-size:18px;font-weight:600;letter-spacing:-.3px;line-height:1.3}.clip-stat-description{font-size:13px;color:var(--label-2);line-height:1.55}.platform-breakdown-list{display:flex;flex-direction:column;gap:10px}.platform-breakdown-card{border-radius:10px;border:1px solid rgba(255,255,255,.07);overflow:hidden}.platform-breakdown-header{display:flex;align-items:center;gap:8px;padding:11px 14px 10px;border-bottom:1px solid rgba(255,255,255,.07)}.platform-breakdown-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.platform-breakdown-name{font-size:13px;font-weight:600}.platform-breakdown-link{margin-left:auto;display:flex;align-items:center;color:var(--label-3);text-decoration:none;transition:color .12s}.platform-breakdown-link:hover{color:var(--label)}.platform-breakdown-stats{display:grid;grid-template-columns:repeat(4,1fr);padding:12px 14px;gap:6px;border-bottom:1px solid rgba(255,255,255,.07)}.platform-breakdown-stat{display:flex;flex-direction:column;gap:3px}.platform-breakdown-stat-value{font-size:15px;font-weight:600;color:var(--label)}.platform-breakdown-stat-label{font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.4px;color:var(--label-3)}.platform-comments{padding:10px 14px 12px}.platform-comments-title{display:flex;align-items:center;gap:5px;width:100%;background:none;border:none;padding:0;cursor:pointer;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--label-3);margin-bottom:10px;transition:color .12s}.platform-comments-title:hover{color:var(--label-2)}.platform-comment{display:flex;flex-direction:column;gap:3px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.platform-comment:last-child{border-bottom:none}.platform-comment--reply{padding:6px 0 6px 10px;border-bottom:none}.platform-comment-meta{display:flex;align-items:center;gap:6px}.platform-comment-author{font-size:12px;font-weight:600;color:var(--label)}.platform-comment-date{font-size:11px;color:var(--label-3)}.platform-comment-text{font-size:13px;color:var(--label-2);line-height:1.45}.platform-comment-actions{display:flex;align-items:center;gap:2px;margin-top:2px}.comment-action-btn{display:flex;align-items:center;gap:3px;background:none;border:none;padding:3px 5px;border-radius:4px;color:var(--label-3);font-size:11px;cursor:pointer;transition:color .12s,background .12s}.comment-action-btn:hover{color:var(--label-2);background:#ffffff0f}.comment-action-btn--active,.comment-action-btn--liked{color:var(--blue)}.comment-action-btn--disliked{color:var(--label-2);opacity:.7}.comment-action-btn--hearted{color:#ff2d55}.comment-action-btn--hearted svg{fill:currentColor}.platform-comment-replies{display:flex;flex-direction:column;margin-top:2px;padding-left:10px;border-left:2px solid rgba(255,255,255,.08)}.platform-comment-reply-form{display:flex;gap:6px;margin-top:4px}.platform-comment-reply-input{flex:1;background:#ffffff0d;border:1px solid var(--separator);border-radius:6px;padding:5px 9px;font-size:12px;color:var(--label);outline:none;transition:border-color .15s}.platform-comment-reply-input:focus{border-color:#fff3}.platform-comment-reply-btn{background:#ffffff14;border:1px solid var(--separator);border-radius:6px;padding:5px 9px;color:var(--label-2);cursor:pointer;transition:background .12s;display:flex;align-items:center}.platform-comment-reply-btn:hover:not(:disabled){background:#ffffff1f}.platform-comment-reply-btn:disabled{opacity:.5;cursor:not-allowed}.platform-comments-empty{font-size:12px;color:var(--label-3);text-align:center;padding:8px 0 4px}.platform-comments-loading{display:flex;justify-content:center;padding:10px 0;color:var(--label-3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:400}.modal{background:var(--bg-1);border:1px solid var(--separator);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 64px #0009}.modal:not(.modal--clip):not(.modal--wide):not(.modal--import){width:min(460px,92vw)}.modal h2{font-size:16px;font-weight:600;letter-spacing:-.2px}.modal label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:500;color:var(--label-3)}.modal input,.modal textarea{background:var(--bg-2);border:1px solid var(--separator);border-radius:8px;padding:8px 11px;color:var(--label);font-size:13.5px;font-family:inherit;resize:vertical;transition:border-color .12s}.modal input:focus,.modal textarea:focus{outline:none;border-color:var(--blue)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.page-header-actions{display:flex;gap:8px;align-items:center}.modal--import{width:min(92vw,1200px);max-width:none}.import-header{display:flex;flex-direction:column;gap:4px}.import-subtitle{font-size:13px;color:var(--label-2);line-height:1.4}.import-columns{display:grid;grid-template-columns:repeat(var(--col-count, 1),1fr);gap:12px;min-height:0}.import-upload{margin-top:4px}.import-upload-file{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--bg-3);border-radius:8px;background:var(--bg-2)}.import-upload-name{font-size:13px;color:var(--label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-column{display:flex;flex-direction:column;gap:8px;min-width:0}.import-column-header{display:flex;align-items:center;gap:8px;padding-bottom:6px;border-bottom:1.5px solid var(--bg-3)}.import-column-name{font-size:13px;font-weight:600;color:var(--label)}.import-column-badge{display:flex;align-items:center;gap:3px;font-size:11px;font-weight:600;color:#4caf50;text-transform:uppercase;letter-spacing:.4px}.import-column-body{display:flex;flex-direction:column;gap:4px;max-height:360px;overflow-y:auto;padding-right:2px}.import-video-row{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;border:1.5px solid transparent;background:none;cursor:pointer;text-align:left;transition:background .12s,border-color .12s;width:100%}.import-video-row:hover{background:var(--bg-2)}.import-video-row--selected{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,transparent)}.import-video-row-thumb-wrap{position:relative;flex-shrink:0}.import-video-row-thumb{width:72px;height:40px;object-fit:cover;border-radius:4px;background:var(--bg-3);display:block}.import-video-row-thumb--empty{background:var(--bg-3)}.import-video-row-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--blue) 60%,transparent);border-radius:4px;color:#fff}.import-video-row-title{font-size:12px;color:var(--label);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 20px;border:1.5px dashed var(--bg-3);border-radius:12px;background:var(--bg-1);cursor:pointer;transition:border-color .15s,background .15s;text-align:center}.upload-zone:hover{border-color:var(--blue);background:var(--blue-dim)}.upload-zone--filled{border-style:solid;border-color:var(--blue);background:var(--blue-dim)}.upload-zone-icon{color:var(--label-3);flex-shrink:0}.upload-zone-icon--filled{color:var(--blue)}.upload-zone-label{font-size:13px;font-weight:500;color:var(--label-2)}.upload-zone-filename{font-size:13px;font-weight:600;color:var(--label);word-break:break-all}.upload-zone-size{font-size:12px;color:var(--label-3)}.upload-zone-hint{font-size:11px;color:var(--label-3)}.upload-progress{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--label-3)}.upload-progress-bar{flex:1;height:3px;border-radius:2px;background:var(--bg-3);overflow:hidden;position:relative}.upload-progress-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--blue);animation:progress-indeterminate 1.4s ease-in-out infinite;transform-origin:left}@keyframes progress-indeterminate{0%{transform:translate(-100%) scaleX(.3)}50%{transform:translate(30%) scaleX(.6)}to{transform:translate(120%) scaleX(.3)}}.platform-list{list-style:none;display:flex;flex-direction:column;gap:8px}.platform-list label{display:flex;flex-direction:row;align-items:center;gap:9px;color:var(--label);cursor:pointer;font-size:13.5px;font-weight:400}.platform-list input[type=checkbox]{width:15px;height:15px;accent-color:var(--blue);cursor:pointer}.empty-hint{font-size:13px;color:var(--label-3);line-height:1.6}.hint{font-size:11.5px;color:var(--label-3)}.error{color:var(--red);font-size:12.5px}.success{color:var(--green);font-size:12.5px}.state-text{font-size:14px;color:var(--label-3);padding:40px 0;text-align:center}.state-text--error{color:var(--red)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;min-width:260px;max-width:380px;pointer-events:all;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:toast-in .2s ease;box-shadow:0 4px 20px #00000059}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.toast--error{background:#ff453a2e;border:1px solid rgba(255,69,58,.4)}.toast--success{background:#30d1582e;border:1px solid rgba(48,209,88,.4)}.toast--info{background:#0a84ff2e;border:1px solid rgba(10,132,255,.4)}.toast-message{flex:1;font-size:13px;line-height:1.4;color:var(--label)}.toast-close{flex-shrink:0;background:none;border:none;color:var(--label-3);cursor:pointer;font-size:12px;padding:2px 4px;border-radius:4px;line-height:1;transition:color .12s}.toast-close:hover{color:var(--label)}