:root{--u-bg:#f5f7fb;--u-card:#fff;--u-text:#0f172a;--u-muted:#64748b;--u-line:#dbe3ef;--u-blue:#2563eb;--u-soft:#eef4ff;--u-shadow:0 18px 48px rgba(15,23,42,.08)}
body.user-page{background:var(--u-bg)!important;color:var(--u-text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}.user-page .wrap{max-width:1180px!important}.user-page .header{background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--u-line)!important;backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}.user-page .nav{height:70px!important}.user-page .logo{font-weight:950!important;letter-spacing:-.8px}.user-page .menu a,.user-page .nav-actions a,.user-page .nav a:not(.logo){font-weight:850!important;color:#334155!important}.user-page .account-btn,.user-page .nav-link{border-radius:999px!important}.user-page .icon-btn{border-radius:999px!important}.user-hero{padding:42px 0 22px;background:radial-gradient(circle at top left,#dbeafe,transparent 34%),radial-gradient(circle at top right,#fce7f3,transparent 28%);border-bottom:1px solid var(--u-line)}.user-hero h1{font-size:44px;line-height:1.1;margin:0 0 8px;letter-spacing:-1.2px;color:#0f172a}.user-hero p{margin:0;color:var(--u-muted);font-size:17px;line-height:1.7;max-width:920px}.user-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.user-tabs a{height:38px;padding:0 15px;border-radius:999px;background:rgba(255,255,255,.74);border:1px solid var(--u-line);display:inline-flex;align-items:center;color:#334155;text-decoration:none;font-size:13px;font-weight:950}.user-tabs a.active{background:var(--u-blue);color:#fff;border-color:var(--u-blue);box-shadow:0 12px 28px rgba(37,99,235,.22)}.user-page .panel,.user-page .card,.user-page .info,.user-page .link-card,.user-page .empty{background:var(--u-card)!important;border:1px solid var(--u-line)!important;border-radius:26px!important;box-shadow:var(--u-shadow)!important}.user-page .panel,.user-page .card{padding:24px!important;margin:24px 0!important}.user-page .topbar{align-items:flex-start!important}.user-page .btn,.user-page button,.user-page .load-more-btn{font-weight:950!important;border-radius:999px!important}.user-page .btn-primary,.user-page .load-more-btn,.user-page button:not(.light):not(.btn-soft):not(.soft){background:var(--u-blue)!important;color:#fff!important}.user-page .btn-soft,.user-page .soft,.user-page button.light{background:#eef2f7!important;color:#334155!important;border:0!important}.user-page input,.user-page select,.user-page textarea,.user-page .search-input{border:1px solid #cbd5e1!important;border-radius:18px!important;background:#fff!important;color:#0f172a!important}.stat-grid,.stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}.stat{border-radius:22px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;border:1px solid var(--u-line)!important;box-shadow:0 12px 28px rgba(15,23,42,.045)!important}.stat b{font-size:30px!important;color:#0f172a!important}.links{grid-template-columns:repeat(3,1fr)!important}.link-card{transition:.18s}.link-card:hover{transform:translateY(-2px);border-color:#bfdbfe!important}.video-grid,.m-grid{columns:4 250px!important;column-gap:18px!important;margin:20px 0 46px!important}.video-card,.m-card{break-inside:avoid!important;border-radius:24px!important;border:1px solid var(--u-line)!important;box-shadow:0 16px 38px rgba(15,23,42,.075)!important;margin:0 0 18px!important;overflow:hidden!important;background:#fff!important}.video-poster{position:relative!important;display:block!important;overflow:hidden!important;background:#0f172a!important}.video-poster img{width:100%!important;height:auto!important;display:block!important;object-fit:initial!important}.video-poster.no-poster{min-height:220px!important;display:flex!important;align-items:center!important;justify-content:center!important}.video-heart{width:42px!important;height:42px!important;right:11px!important;top:11px!important;background:rgba(255,255,255,.82)!important;color:#94a3b8!important;box-shadow:0 10px 28px rgba(15,23,42,.14)!important}.video-heart:hover,.video-heart.active{background:#fff!important;color:#ef4444!important}.actions,.video-actions{display:none!important}.user-page .footer{margin-top:60px!important;background:#0f172a!important;color:#cbd5e1!important}.msg,.status{border-radius:16px!important}.user-note{background:#f8fafc;border:1px solid var(--u-line);border-radius:18px;padding:14px 16px;color:#64748b;line-height:1.7;font-weight:800;margin:14px 0}.share-box{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.share-box a,.share-box button{height:36px;border:0;border-radius:999px;background:#eef2f7;color:#334155;padding:0 13px;font-size:12px;font-weight:950;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}
body.dark{--u-bg:#0b1220;--u-card:#111827;--u-text:#f8fafc;--u-muted:#94a3b8;--u-line:#1f2937;background:#0b1220!important;color:#f8fafc!important}body.dark .user-page .header{background:rgba(15,23,42,.92)!important}body.dark .user-hero{background:radial-gradient(circle at top left,#172554,transparent 34%),radial-gradient(circle at top right,#3b0764,transparent 28%)}body.dark .user-hero h1,body.dark .video-title,body.dark .stat b{color:#f8fafc!important}body.dark input,body.dark select,body.dark textarea,body.dark .search-input{background:#0f172a!important;border-color:#334155!important;color:#f8fafc!important}body.dark .stat,body.dark .user-tabs a{background:#111827!important;border-color:#1f2937!important}body.dark .btn-soft,body.dark .soft,body.dark button.light{background:#1f2937!important;color:#cbd5e1!important}
@media(max-width:1000px){.stat-grid,.stats{grid-template-columns:repeat(2,1fr)!important}.links{grid-template-columns:1fr!important}.video-grid,.m-grid{columns:3 230px!important}}@media(max-width:720px){.user-hero{padding:28px 0 16px}.user-hero h1{font-size:32px}.user-hero p{font-size:14px}.user-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.user-tabs a{white-space:nowrap}.stat-grid,.stats{grid-template-columns:1fr!important}.video-grid,.m-grid{columns:1!important}.user-page .panel,.user-page .card{padding:18px!important}.controls input,.controls .btn,.login-row input,.login-row .btn{width:100%!important;min-width:100%!important}}
.user-media-body.user-page{padding:13px 14px 5px}.user-media-title{font-size:14px;font-weight:950;line-height:1.45;color:#0f172a}.user-media-meta{margin-top:7px;color:#64748b;font-size:11px;font-weight:800;line-height:1.5}.user-media-card img{display:block;width:100%;height:auto}.m-card-img{display:block;background:#eef2f7}.m-card-img img{width:100%;height:auto}.video-poster span{color:#fff;font-weight:950}.empty a{color:#2563eb;font-weight:950}body.dark .user-media-title{color:#f8fafc}.email-box,.controls{display:flex;gap:10px;flex-wrap:wrap}.email-box input,.controls input{height:46px;min-width:260px;padding:0 14px}

.user-page .preview-unavailable{min-height:150px;display:flex!important;align-items:center;justify-content:center;background:#eef2f7;color:#64748b;font-weight:900;text-align:center}.user-page .preview-unavailable::after{content:"Preview unavailable"}.user-page .preview-unavailable>span{position:relative;z-index:1}.user-page .image-actions button,.user-page .task-actions button,.user-page .actions button{cursor:pointer}.user-page img[hidden]{display:none!important}body.dark.user-page .preview-unavailable{background:#1f2937;color:#94a3b8}

/* Unified user center: login, works and account dashboard */
.login-page-main{display:flex;justify-content:center;padding-top:28px;padding-bottom:70px}
.login-card-centered{width:min(560px,100%);margin:0 auto!important;padding:34px!important}
.login-card-centered h2{text-align:center;font-size:34px;margin:0 0 8px}
.login-card-centered .desc{text-align:center;max-width:460px;margin:0 auto 22px}
.login-card-centered .login-current{max-width:460px;margin:0 auto 20px}
.login-card-centered .form{display:grid;gap:14px;max-width:460px;margin:0 auto}
.login-card-centered .form input{width:100%;min-height:58px;padding:0 18px;font-size:16px}
.login-card-centered .login-actions{justify-content:center}
.login-card-centered .or-line{max-width:460px;margin-left:auto;margin-right:auto}
.login-card-centered #googleButton{display:flex;justify-content:center}
.login-status b{display:block}.login-status span{display:block;margin-top:4px;color:var(--u-muted);font-size:13px}
.account-summary-card .stat b{font-size:20px!important;overflow-wrap:anywhere}
.works-filter{margin:18px 0}
.work-section[hidden]{display:none!important}
.work-section+.work-section{margin-top:34px}
.works-panel .section-head{margin-top:26px}
@media(max-width:720px){
  .login-card-centered{padding:22px!important}
  .login-card-centered h2{font-size:28px}
  .account-stats{grid-template-columns:1fr 1fr!important}
}
@media(max-width:460px){.account-stats{grid-template-columns:1fr!important}}

.fav-img{position:relative}
.fav-video-badge{position:absolute;left:10px;top:10px;padding:5px 8px;border-radius:999px;background:rgba(15,23,42,.76);color:#fff;font-size:10px;font-weight:950;letter-spacing:.08em}

.works-sentinel{min-height:72px;display:flex;align-items:center;justify-content:center;color:var(--u-muted);font-size:12px;font-weight:900}
.fav-card{position:relative}
.fav-heart{position:absolute;right:11px;top:11px;z-index:8;display:grid;width:42px;height:42px;place-items:center;padding:0;border:1px solid rgba(239,68,68,.22)!important;border-radius:999px!important;background:#fff!important;color:#ef4444!important;box-shadow:0 10px 28px rgba(15,23,42,.15);font-size:22px;line-height:1;cursor:pointer;transition:transform .18s ease,opacity .18s ease}
.fav-heart:hover{transform:scale(1.08);opacity:.88}