*{box-sizing:border-box} :root{--ink:#17202e;--muted:#758093;--line:#e7eaf0;--paper:#f7f8fb;--purple:#635bdb;--purple-dark:#5148c4;--mint:#dff7ec;--danger:#bd4352}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,76px);gap:18px}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;font-size:17px;letter-spacing:-.4px}.brand-icon,.brand-mark{display:grid;place-items:center;background:#eeedff;color:var(--purple);border-radius:14px;width:42px;height:42px;font-size:25px}.brand small{display:block;font-family:"DM Sans",sans-serif;color:#9299a8;font-size:9px;letter-spacing:1.5px;font-weight:700;margin-top:1px}.topbar-right{display:flex;align-items:center;gap:16px}.role-tag{font-size:11px;color:#625bc7;background:#f0efff;border-radius:30px;padding:6px 10px;text-transform:capitalize}.top-link{color:#5d6678;font-weight:600}.page{width:min(1160px,calc(100% - 40px));margin:42px auto 56px}.page.narrow{width:min(800px,calc(100% - 36px));margin-top:34px}.welcome-row,.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--purple);margin:0 0 8px}.welcome-row h1,.page-heading h1{font-family:Manrope,sans-serif;font-size:clamp(27px,4vw,38px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 8px}.muted{color:var(--muted)}.welcome-row p:not(.eyebrow),.page-heading p{margin:0}.welcome-actions{display:flex;align-items:center;gap:16px}.user-chip{display:flex;align-items:center;gap:8px;font-weight:600;color:#515b6c}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ecebff;color:var(--purple);font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:10px;padding:12px 17px;font-weight:700;cursor:pointer;transition:.15s ease}.btn.primary{background:var(--purple);color:#fff;box-shadow:0 5px 12px #635bdb24}.btn.primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.btn.ghost{border:1px solid var(--line);background:#fff;color:#4f586a}.btn.small{padding:10px 14px}.btn.full{width:100%;margin-top:6px}.search-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px 22px;margin-bottom:30px;box-shadow:0 6px 25px #1c2b4a05}.search-form{display:block}.search-box{display:flex;align-items:center;gap:12px;background:#f8f9fc;border:1px solid #e4e7ef;border-radius:12px;padding:5px 6px 5px 16px;min-height:58px}.search-icon{font-size:27px;color:#858da0;line-height:1}.search-box input{border:0;outline:0;background:transparent;min-width:0;flex:1;color:var(--ink);font-size:15px}.search-box input::placeholder{color:#9ba2b0}.search-submit{background:var(--ink);color:#fff;border:0;border-radius:8px;padding:11px 20px;font-weight:700;cursor:pointer}.filter-row{display:flex;align-items:center;gap:16px;margin-top:13px;min-height:28px}.filter-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.filter-label select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:5px 24px 5px 8px;color:#4d5668;outline:0}.clear-link{font-size:12px;color:var(--purple);font-weight:700}.result-count{margin-left:auto;color:#8a92a2;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-heading h2,.panel h2{font-family:Manrope,sans-serif;font-size:19px;letter-spacing:-.4px;margin:0 0 3px}.section-heading p{margin:0;font-size:13px}.count-badge{border:1px solid var(--line);background:#fff;border-radius:30px;padding:6px 11px;color:#6c7484;font-size:12px;font-weight:700}.clip-list{display:flex;flex-direction:column;gap:11px}.clip-item{display:grid;grid-template-columns:158px minmax(0,1fr) auto;gap:19px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:15px;padding:13px 16px;transition:border-color .15s,box-shadow .15s}.clip-item:hover{border-color:#d5d2fa;box-shadow:0 7px 24px #1c2b4a07}.clip-preview{height:94px;border-radius:9px;overflow:hidden;background:#202333}.clip-preview video{width:100%;height:100%;object-fit:cover;display:block}.audio-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#d5d2ff;background:linear-gradient(135deg,#282843,#48417d)}.audio-placeholder span{font-size:31px}.audio-placeholder small{font-size:8px;letter-spacing:1.6px;color:#b7b4db}.clip-main{min-width:0}.clip-title-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.clip-title-row h3{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.25px;margin:0;font-weight:800}.year-pill{font-size:10px;font-weight:800;color:#5f59bd;background:#f0efff;border-radius:6px;padding:3px 7px}.video-title{color:#747e90;font-size:12px;margin:4px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.clip-meta>span{font-size:11px;color:#4d5869;background:#f6f7fa;border-radius:6px;padding:5px 8px}.clip-meta b{font-size:9px;color:#9098a8;letter-spacing:.5px;margin-right:3px}.clip-meta .duration-pill{color:#267f61;background:#e4f8ee;font-weight:800}.clip-notes{font-size:12px;color:#778194;margin:9px 0 0;overflow-wrap:anywhere}.clip-actions{display:flex;gap:6px;align-items:center}.clip-actions form{margin:0}.icon-btn{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#667084;font-size:17px;cursor:pointer}.icon-btn:hover{background:#f2f1ff;color:var(--purple);border-color:#dcd9ff}.icon-btn.danger:hover{color:var(--danger);background:#fff1f2;border-color:#f7cdd2}.empty-state{border:1px dashed #d9deea;border-radius:16px;padding:58px 20px;text-align:center;background:#fff}.empty-icon{width:56px;height:56px;display:grid;place-items:center;background:#f0efff;color:var(--purple);border-radius:18px;font-size:30px;margin:0 auto 15px}.empty-state h3{font-family:Manrope,sans-serif;font-size:19px;margin:0 0 7px}.empty-state p{margin:0 0 20px}.stats-footer{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);margin-top:27px;padding-top:17px;color:#8a92a2;font-size:12px}.stats-footer b{color:#424d60}.stats-footer a{margin-left:auto;color:var(--purple);font-weight:700}.alert{border-radius:10px;padding:12px 15px;margin:0 0 18px;font-weight:600}.alert.success{background:#e8f8ef;color:#26784f;border:1px solid #c9edd9}.alert.error{background:#fff0f1;color:#a33343;border:1px solid #f4d1d5}.back-link{display:inline-block;color:var(--purple);font-size:12px;font-weight:700;margin-bottom:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;margin-bottom:20px}.panel>h2{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.stack label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:12px;color:#465064}.form-grid input,.form-grid textarea,.form-grid select,.stack input{width:100%;border:1px solid #e0e4ed;border-radius:9px;padding:12px 13px;background:#fff;outline:0;color:var(--ink);font-weight:400;font-size:14px}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.stack input:focus{border-color:#a6a1f1;box-shadow:0 0 0 3px #635bdb12}.form-grid input[type=file]{padding:10px;background:#fafbfe}.form-grid textarea{resize:vertical}.form-grid small{font-weight:400;font-size:11px}.span-2{grid-column:span 2}.required{color:#d04b59}.form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:3px}.current-file{display:flex;align-items:center;gap:10px;background:#f6f7fb;border-radius:9px;padding:10px 12px;color:#5d687a;font-size:12px}.current-file a{margin-left:auto;color:var(--purple);font-weight:700}.file-icon{color:var(--purple)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line)}th{color:#8a92a2;font-size:10px;text-transform:uppercase;letter-spacing:.8px}.role-pill{background:#f0efff;color:#625bc7;padding:4px 7px;border-radius:5px;text-transform:capitalize}.auth-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:36px 18px;background:radial-gradient(ellipse at 50% 30%,#eeedff 0%,#f7f8fb 58%)}.auth-card{width:min(420px,100%);background:#fff;border:1px solid #e6e8f0;border-radius:22px;padding:36px;box-shadow:0 18px 55px #29355c0b}.brand-mark{margin-bottom:24px}.auth-card h1{font-family:Manrope,sans-serif;font-size:30px;letter-spacing:-1px;margin:0 0 8px}.auth-card>p{margin:0 0 22px}.auth-card .eyebrow{margin-bottom:9px}.stack{display:flex;flex-direction:column;gap:16px}.tiny{font-size:11px;line-height:1.6;margin-top:20px!important;margin-bottom:0!important}.footer{display:flex;justify-content:space-between;gap:15px;padding:20px clamp(20px,5vw,76px);border-top:1px solid var(--line);background:#fff;color:#959cac;font-size:11px}.footer span:first-child{font-weight:800;color:#6b7485}@media(max-width:700px){.topbar{height:68px;padding:0 16px}.brand{font-size:14px;gap:8px}.brand-icon{width:36px;height:36px}.brand small{font-size:7px}.page{width:calc(100% - 28px);margin-top:28px}.welcome-row{align-items:flex-start;flex-direction:column}.welcome-actions{width:100%;justify-content:space-between}.search-panel{padding:13px}.search-box{gap:8px;padding-left:10px}.search-box input{font-size:13px}.search-submit{padding:10px 12px}.clip-item{grid-template-columns:94px minmax(0,1fr);gap:12px;padding:11px}.clip-preview{height:82px}.clip-actions{grid-column:2;justify-content:flex-end;margin-top:-3px}.clip-title-row h3{font-size:14px}.video-title{font-size:11px;margin-bottom:7px}.clip-meta{gap:5px}.clip-meta>span{padding:4px 6px;font-size:10px}.stats-footer{flex-wrap:wrap;gap:12px}.stats-footer a{margin-left:0;width:100%}.page-heading{align-items:flex-start}.panel{padding:17px}.form-grid{grid-template-columns:1fr;gap:15px}.span-2{grid-column:span 1}.footer{flex-direction:column}.auth-card{padding:27px 23px}.filter-row{gap:10px;flex-wrap:wrap}.result-count{margin-left:auto}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.landing-wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}.landing-hero{min-height:510px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding:55px 0 45px}.landing-copy h1{font-family:Manrope,sans-serif;font-size:clamp(36px,5vw,59px);line-height:1.08;letter-spacing:-2.6px;margin:0 0 20px}.landing-copy h1 span{color:var(--purple)}.landing-description{font-size:16px;line-height:1.8;color:#747e90;max-width:510px;margin:0}.landing-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:29px}.secure-note{font-size:11px;color:#858da0}.landing-art{min-height:365px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:linear-gradient(145deg,#eeedff,#f8f8ff 55%,#e3f7f0);border:1px solid #e7e6fa}.art-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:240px;height:240px;background:#d9d6ff;right:6%;top:5%;opacity:.65}.orb-two{width:170px;height:170px;background:#c9f1e1;left:4%;bottom:0;opacity:.8}.music-card{position:absolute;background:#fff;border:1px solid #e6e7f1;border-radius:16px;box-shadow:0 22px 60px #38336e18}.card-back{width:280px;padding:20px 22px;transform:rotate(-8deg) translate(-10px,-40px);opacity:.85}.mini-wave{display:block;font-size:27px;letter-spacing:4px;color:#8d86ed;margin-bottom:12px}.card-back small{font-size:9px;letter-spacing:1.6px;color:#9299a8;font-weight:800}.card-front{width:min(340px,86%);padding:18px;transform:rotate(3deg) translate(10px,35px);z-index:1}.card-front>div:first-of-type{display:inline-block}.cover-note{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:#eeedff;color:var(--purple);font-size:25px;float:left;margin-right:12px}.card-front b,.card-front small{display:block}.card-front b{font-size:13px;margin-top:2px}.card-front small{font-size:10px;color:#8991a1;margin-top:2px}.art-duration{float:right;font-size:11px;color:#267f61;background:#e4f8ee;padding:4px 7px;border-radius:6px;margin-top:7px}.art-progress{height:5px;background:#eeeef7;border-radius:8px;margin-top:24px;clear:both;overflow:hidden}.art-progress i{display:block;width:58%;height:100%;background:var(--purple);border-radius:8px}.art-times{display:flex;justify-content:space-between;color:#8a92a2;font-size:10px;margin-top:7px}.floating-chip{position:absolute;z-index:2;right:6%;bottom:12%;padding:10px 13px;background:#fff;border:1px solid #e2e7eb;border-radius:10px;box-shadow:0 10px 30px #29355c12;font-size:11px;font-weight:800;color:#267f61}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:10px 0 45px}.landing-features>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:grid;grid-template-columns:38px 1fr;column-gap:11px;align-items:center}.landing-features>div>span{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f0efff;color:var(--purple);font-size:20px}.landing-features b{font-size:13px}.landing-features small{font-size:11px;color:#8991a1;margin-top:3px}@media(max-width:760px){.landing-wrap{width:calc(100% - 30px)}.landing-hero{grid-template-columns:1fr;padding:43px 0 24px;gap:27px}.landing-copy h1{font-size:40px}.landing-description{font-size:14px}.landing-art{min-height:310px}.landing-features{grid-template-columns:1fr;padding-bottom:30px}.landing-features>div{padding:14px}.secure-note{width:100%}}

.timestamp-in{background:#e2f7e9!important;color:#146c43!important;border:1px solid #b8e9c9}.timestamp-in b{color:#146c43!important}.timestamp-out{background:#fff0dc!important;color:#a95a00!important;border:1px solid #ffd5a1}.timestamp-out b{color:#a95a00!important}.download-btn{color:#287d58;background:#e5f8ed;border-color:#bde8ce}.download-btn:hover{color:#17623f;background:#d2f3df}.payment-note{grid-column:span 2;background:#f6f5ff;border:1px solid #e2e0ff;border-radius:10px;padding:13px 15px;color:#5c5b7e;font-size:12px}.payment-note p{margin:6px 0}.payment-note small{font-size:11px;color:#77759a}.inline-form{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.inline-form select{border:1px solid var(--line);border-radius:7px;padding:7px;max-width:120px}.inline-form .btn.small{padding:7px 9px;font-size:11px}@media(max-width:700px){.payment-note{grid-column:span 1}}

/* Registration plan chooser and Super Admin dashboard */
.register-wrap{width:min(1120px,calc(100% - 36px));margin:42px auto 60px;display:grid;grid-template-columns:.78fr 1.22fr;gap:30px;align-items:start}.register-intro{padding:34px 8px 20px}.register-intro h1{font:800 clamp(34px,4vw,49px)/1.1 Manrope,sans-serif;letter-spacing:-1.8px;margin:12px 0 16px}.register-intro>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:390px}.register-benefits{display:grid;gap:15px;margin-top:28px}.register-benefits div{display:flex;gap:11px;align-items:center;color:#4c5669;font-size:13px}.register-benefits span{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#e1f8eb;color:#16754b;font-weight:900}.register-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px;box-shadow:0 16px 55px #26345b0a}.register-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.register-card-head h2{font:800 24px/1.2 Manrope,sans-serif;margin:5px 0}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.register-left,.register-right{min-width:0}.register-left h3,.register-right h3{font-size:13px;margin:0 0 15px}.register-left label,.register-right label{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;font-size:12px;font-weight:700;color:#424c60}.register-left input,.register-right input,.register-right select{width:100%;min-width:0;border:1px solid #dfe3ec;border-radius:9px;padding:11px 12px;font:400 12px 'DM Sans',sans-serif;background:#fff;color:#202a3b;outline:none}.register-left input:focus,.register-right input:focus,.register-right select:focus{border-color:#9188f0;box-shadow:0 0 0 3px #9188f01c}.plan-option{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important;border:1px solid #e0e4ed;border-radius:12px;padding:13px;cursor:pointer;margin-bottom:10px!important;position:relative}.plan-option:has(input:checked){border-color:#8276ec;background:#f7f6ff;box-shadow:0 0 0 2px #8276ec12}.plan-option>input{width:16px!important;height:16px;margin:0;accent-color:#7568e8}.plan-option-copy{display:grid;gap:4px;flex:1}.plan-option-copy b{font-size:12px;color:#273146}.plan-option-copy strong{font-size:18px;color:#252c40}.plan-option-copy strong small{font-size:10px;font-weight:500;color:#7e8797}.plan-option-copy>small{font-size:10px;color:#7e8797;font-weight:500}.plan-check{display:none;color:#7568e8}.plan-option:has(input:checked) .plan-check{display:block}.paid-payment-fields{border-top:1px solid #e8eaf2;margin-top:15px;padding-top:15px}.payment-note{grid-column:auto;background:#f7f6ff;border:1px solid #e4e1ff;border-radius:10px;padding:12px;margin-bottom:14px;color:#5b5a7b;font-size:11px;line-height:1.6}.payment-note p{margin:5px 0}.payment-note small{font-size:10px;overflow-wrap:anywhere}.free-plan-note{display:grid;gap:5px;padding:14px;border:1px solid #ccebd9;background:#f1fbf5;border-radius:11px;font-size:11px;color:#276c4c;line-height:1.6}.free-plan-note span{color:#5c7c6b}.register-submit{grid-column:1/-1;border-top:1px solid #edf0f5;padding-top:18px}.register-submit .btn{max-width:100%}.register-submit .tiny{text-align:center;margin:13px 0 0}.admin-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0}.admin-shortcuts>a{display:grid;gap:7px;align-content:start;padding:17px;border:1px solid var(--line);border-radius:13px;background:#fff;color:inherit;text-decoration:none;transition:transform .15s,border-color .15s}.admin-shortcuts>a:hover{transform:translateY(-2px);border-color:#b9b3fa}.admin-shortcuts>a>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#f0efff;color:#6b60db;font-size:20px}.admin-shortcuts b{font-size:13px}.admin-shortcuts small{font-size:11px;color:#7d8798}.admin-page .panel{margin-bottom:17px}.admin-page .panel h2{display:flex;align-items:center;gap:8px}
@media(max-width:850px){.register-wrap{grid-template-columns:1fr;gap:10px;margin-top:20px}.register-intro{padding:15px 4px}.register-intro h1{font-size:36px}.register-benefits{grid-template-columns:1fr 1fr}.register-grid{gap:16px}.admin-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.register-wrap{width:calc(100% - 24px)}.register-card{padding:17px}.register-grid{grid-template-columns:1fr}.register-submit{grid-column:1}.register-benefits{grid-template-columns:1fr}.register-intro h1{font-size:32px}}

/* Payment instructions, copyable wallet details, and timestamp inputs */
.payment-method-details{background:#f8f7ff;border:1px solid #dcd8ff;border-radius:11px;padding:13px;margin:2px 0 14px;color:#29334a}.payment-method-details[hidden]{display:none}.payment-address-label{font-size:11px;font-weight:800;color:#5650b7;margin-bottom:8px}.copy-address-row{display:flex;align-items:center;gap:8px;min-width:0}.copy-address-row code{display:block;flex:1;min-width:0;overflow-wrap:anywhere;white-space:normal;background:#fff;border:1px solid #e3e5ef;border-radius:8px;padding:10px;font-size:11px;color:#1f2937}.copy-address-row .btn{white-space:nowrap;flex-shrink:0}.payment-instructions{font-size:12px;line-height:1.65;color:#4b5568;margin:10px 0 0;overflow-wrap:anywhere}.crypto-details{background:#f2fbf8;border-color:#ccece1}.crypto-details .payment-address-label{color:#13745d}.payment-note{background:#fff8e8;border-color:#f2d99b;color:#76511b}.clip-time-input{font-variant-numeric:tabular-nums;letter-spacing:.03em}.admin-page textarea{width:100%;min-width:0;border:1px solid #dfe3ec;border-radius:9px;padding:11px 12px;font:400 13px 'DM Sans',sans-serif;resize:vertical}
@media(max-width:520px){.copy-address-row{align-items:stretch;flex-direction:column}.copy-address-row .btn{width:100%}}

.points-pill{display:inline-flex;align-items:center;gap:4px;background:#fff6d9;color:#8a6500;border:1px solid #f0df9b;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;white-space:nowrap}.admin-shortcuts{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.inline-form input[type=number]{padding:7px 8px;border:1px solid #e0e4ed;border-radius:7px}

/* V6: navigation, upload progress, landing archive, and information pages */
.site-nav{display:flex;align-items:center;gap:24px;margin-left:auto;margin-right:8px}.site-nav a{font-size:13px;font-weight:700;color:#657084;transition:color .15s}.site-nav a:hover{color:var(--purple)}.topbar-right{gap:13px}.login-button svg{flex-shrink:0}.footer{align-items:center;flex-wrap:wrap;gap:22px;padding-top:25px;padding-bottom:25px}.footer-brand{display:flex;align-items:center;gap:11px}.footer-brand .brand-icon{width:38px;height:38px;font-size:22px}.footer-brand b,.footer-brand small{display:block}.footer-brand b{font-size:13px;color:#424b5d}.footer-brand small{font-size:10px;color:#8d96a6;margin-top:3px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{font-size:11px;font-weight:700;color:#677184}.footer-links a:hover{color:var(--purple)}.footer-copy{font-size:10px;color:#9aa2b0}
.landing-features>a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;display:grid;grid-template-columns:38px 1fr;column-gap:11px;align-items:center;transition:transform .18s,border-color .18s,box-shadow .18s}.landing-features>a:hover{transform:translateY(-3px);border-color:#c9c5ff;box-shadow:0 12px 28px #27235d0a}.landing-features>a>span{grid-row:span 2;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f0efff;color:var(--purple);font-size:20px}.landing-features>a b{font-size:13px}.landing-features>a small{font-size:11px;color:#8991a1;margin-top:3px}.recent-clips{padding:10px 0 58px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.section-heading h2{font:800 clamp(23px,3vw,32px)/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 7px}.section-heading p{margin:0;font-size:12px}.public-clip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.public-clip-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:15px;min-width:0;box-shadow:0 5px 20px #202a4205}.public-clip-cover{height:150px;background:linear-gradient(135deg,#25253b,#5550a3);display:grid;place-items:center;overflow:hidden}.public-clip-cover>span{font-size:54px;color:#d7d4ff}.public-clip-cover video{width:100%;height:100%;object-fit:cover;background:#202333}.public-clip-info{padding:14px}.public-clip-year{display:inline-block;background:#f0efff;color:#635bdb;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:800}.public-clip-info h3{font:800 15px/1.3 Manrope,sans-serif;margin:9px 0 5px;overflow-wrap:anywhere}.public-clip-info>p{font-size:11px;color:#7f8899;margin:0 0 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-clip-times{display:flex;gap:8px;flex-wrap:wrap}.public-clip-times span{font-size:10px;background:#f5f7fa;border:1px solid #eceef4;border-radius:6px;padding:5px 7px;color:#6b7485}.public-clip-times b{color:#333e52}.recent-empty{background:#fff;border:1px dashed #d9deea;border-radius:15px;text-align:center;padding:36px 18px;display:grid;justify-items:center;gap:8px}.recent-empty>span{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#f0efff;color:var(--purple);font-size:26px}.recent-empty b{font-size:15px}.recent-empty p{margin:0 0 8px;color:#858ea0;font-size:12px}.upload-progress-wrap{border:1px solid #dcd9ff;background:#f8f7ff;padding:13px 15px;border-radius:11px}.upload-progress-wrap[hidden]{display:none}.upload-progress-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;color:#5148c4;font-size:12px}.upload-progress-track{height:9px;background:#e8e6fb;border-radius:20px;overflow:hidden}.upload-progress-track span{display:block;width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#635bdb,#8c83ff);transition:width .15s}.upload-progress-wrap.is-complete .upload-progress-track span{background:#20a56b}.upload-progress-wrap.is-error{border-color:#f2c9ce;background:#fff5f6}.upload-progress-wrap.is-error .upload-progress-track span{background:#c84554}.info-page{max-width:900px}.info-hero{background:linear-gradient(135deg,#fff,#f0efff);border:1px solid #e5e3fa;border-radius:22px;padding:clamp(24px,5vw,48px);margin:12px 0 22px}.info-hero h1{font:800 clamp(30px,5vw,44px)/1.12 Manrope,sans-serif;letter-spacing:-1.5px;margin:0 0 16px}.info-hero>p:last-child{max-width:740px;color:#667185;font-size:15px;line-height:1.9;margin:0}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-grid article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.info-grid article>span{display:grid;place-items:center;width:38px;height:38px;background:#f0efff;color:var(--purple);border-radius:10px;font-size:20px}.info-grid h2{font:800 16px Manrope,sans-serif;margin:13px 0 7px}.info-grid p{font-size:12px;line-height:1.75;color:#7b8597;margin:0}.info-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0 50px}
@media(max-width:760px){.site-nav{gap:12px;margin:0}.site-nav a{font-size:11px}.topbar{gap:10px}.topbar-right{gap:7px}.role-tag{display:none}.public-clip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-clip-cover{height:125px}.info-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.footer-links{gap:13px}}
@media(max-width:480px){.brand{font-size:12px;gap:7px}.brand-icon{width:32px;height:32px;font-size:20px}.brand small{font-size:6px;letter-spacing:1px}.site-nav{gap:9px}.site-nav a{font-size:10px}.login-button{padding:9px 10px!important;gap:5px;font-size:11px}.public-clip-grid{grid-template-columns:1fr}.public-clip-card{display:grid;grid-template-columns:110px minmax(0,1fr)}.public-clip-cover{height:100%;min-height:135px}.public-clip-info{padding:11px}.public-clip-info h3{font-size:13px}.public-clip-times{gap:4px}.public-clip-times span{padding:4px 5px}}

/* V7: refined responsive header and navigation */
.site-header{position:sticky;top:0;z-index:100;height:78px;padding:0 clamp(18px,4.2vw,64px);gap:26px;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);box-shadow:0 4px 20px rgba(24,32,52,.035)}
.site-header .brand{flex:0 0 auto;gap:11px;font-size:16px;letter-spacing:-.45px}
.site-header .brand-icon{width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#eeedff,#e4e1ff);box-shadow:inset 0 0 0 1px rgba(99,91,219,.08)}
.site-header .brand-copy{white-space:nowrap}
.site-header .brand small{font-size:8px;letter-spacing:1.65px;margin-top:3px}
.header-content{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,3vw,42px);flex:1;min-width:0}
.site-header .site-nav{display:flex;align-items:center;gap:5px;margin:0;padding:5px;border:1px solid #eff0f5;background:#f8f9fc;border-radius:14px}
.site-header .site-nav a{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:10px;color:#687286;font-size:12px;font-weight:700;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}
.site-header .site-nav a svg{color:#8a91a2;transition:color .18s}
.site-header .site-nav a:hover{background:#fff;color:var(--purple)}
.site-header .site-nav a:hover svg{color:var(--purple)}
.site-header .site-nav a.is-active{background:#fff;color:var(--purple);box-shadow:0 2px 8px rgba(30,35,70,.07);border:1px solid #eeecff}
.site-header .site-nav a.is-active svg{color:var(--purple)}
.site-header .topbar-right{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.header-login,.header-signup{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border-radius:11px;font-size:12px;font-weight:800;white-space:nowrap;transition:transform .18s,background .18s,border-color .18s}
.header-login{color:#4f586b;background:#fff;border:1px solid #e5e8f0}
.header-login svg{color:#655ddd}
.header-login:hover{background:#f8f7ff;border-color:#d5d1ff}
.header-signup{color:#fff;background:var(--purple);box-shadow:0 5px 14px rgba(99,91,219,.18)}
.header-signup:hover{background:var(--purple-dark);transform:translateY(-1px)}
.header-signup span{font-size:16px;margin-left:2px}
.header-account{display:flex;align-items:center;gap:9px;min-width:0;padding:3px 10px 3px 4px}
.header-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eeedff;color:#5b53d2;font-size:13px;font-weight:800;flex:0 0 auto}
.header-account-copy{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.header-account-copy b{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#30394b}
.header-account-copy small{font-size:10px;color:#8a92a2;margin-top:3px;white-space:nowrap}
.header-points{display:inline-flex;align-items:center;gap:5px;padding:8px 10px;background:#fff8df;border:1px solid #f1e2a8;color:#876400;border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap}
.header-points span{font-size:10px;font-weight:700;color:#a18736}
.header-logout{min-height:38px;padding:0 11px;background:#f8f9fc;border-color:#eef0f5}
.mobile-menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:42px;height:42px;border:1px solid #e6e8f0;border-radius:12px;background:#fff;cursor:pointer}
.mobile-menu-toggle span{display:block;width:17px;height:2px;background:#4f586b;border-radius:2px;transition:transform .18s,opacity .18s}
.mobile-menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1000px){.site-header{gap:14px;padding:0 22px}.header-content{gap:16px}.site-header .site-nav a{padding:10px 11px}.header-account-copy b{max-width:85px}.site-header .brand{font-size:14px}}
@media(max-width:760px){.site-header{height:70px;padding:0 18px;justify-content:space-between}.site-header .brand{font-size:14px}.site-header .brand-icon{width:38px;height:38px}.mobile-menu-toggle{display:flex;order:3;flex:0 0 auto}.header-content{display:none;position:absolute;top:calc(100% + 8px);left:14px;right:14px;padding:14px;background:#fff;border:1px solid #e8eaf1;border-radius:17px;box-shadow:0 18px 45px rgba(24,32,52,.14);align-items:stretch;gap:13px;flex-direction:column}.header-content.is-open{display:flex}.site-header .site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}.site-header .site-nav a{justify-content:flex-start;padding:12px;font-size:13px}.site-header .topbar-right{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid #eef0f5}.header-account{flex:1}.header-account-copy b{max-width:160px}.header-points{margin-right:auto}.header-login,.header-signup{min-height:40px}.site-header .role-tag{display:inline-flex}}
@media(max-width:420px){.site-header{padding:0 12px}.site-header .brand{font-size:12px;gap:8px}.site-header .brand-icon{width:35px;height:35px}.site-header .brand small{font-size:6px;letter-spacing:1.15px}.header-content{left:10px;right:10px}.header-account-copy b{max-width:100px}.header-logout span{display:none}.header-logout{width:40px;padding:0}.header-login,.header-signup{padding:0 11px;font-size:11px}}


/* V8: landing page recent clips use the same compact row layout as Saved clips */
.public-clip-list{gap:11px}
.public-clip-item{grid-template-columns:158px minmax(0,1fr) auto}
.public-clip-item .clip-preview{height:94px}
.public-clip-item .clip-actions{justify-content:flex-end;align-items:center}
.public-clip-item .clip-title-row h3{overflow-wrap:anywhere}
.public-clip-item .video-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.public-clip-item{grid-template-columns:125px minmax(0,1fr);gap:13px}.public-clip-item .clip-actions{grid-column:2;justify-content:flex-start}.public-clip-item .clip-preview{height:88px}}
@media(max-width:480px){.public-clip-item{grid-template-columns:96px minmax(0,1fr);gap:10px;padding:10px}.public-clip-item .clip-preview{height:100%;min-height:112px}.public-clip-item .clip-title-row h3{font-size:13px}.public-clip-item .clip-meta{gap:5px}.public-clip-item .clip-meta span{font-size:10px}.public-clip-item .clip-actions{grid-column:2}}

/* V10: custom header menu icon selector */
.menu-icon-select{font-family:inherit}.menu-icon-preview{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:32px;padding:0 8px;border-radius:9px;background:#f0efff;color:#5f55df;font-size:18px}.menu-icon-select option{padding:8px}