:root{
  --ucp-ink:#141416;
  --ucp-ink-soft:#242528;
  --ucp-paper:#111214;
  --ucp-white:#1b1c1f;
  --ucp-line:#343539;
  --ucp-muted:#a29fa2;
  --ucp-lime:#f0ad25;
  --ucp-green:#c5232d;
  --ucp-coral:#df4c35;
  --ucp-blue:#a7aaaf;
}

body:has(#view-dashboard.active){background:var(--ucp-paper);color:var(--ucp-ink);overflow:hidden}
html:has(#view-dashboard.active){overflow:hidden;background:var(--ucp-paper)}
body:has(#view-dashboard.active) header.top,
body:has(#view-dashboard.active) .brandbar{display:none}
body:has(#view-dashboard.active) header.top{display:none!important}
#view-dashboard,#view-dashboard.active{position:fixed;inset:0;overflow:hidden;background:var(--ucp-paper);animation:none}
#view-dashboard::after{display:none}
.ucp-shell{display:flex;width:100%;height:100dvh;min-height:0;background:var(--ucp-paper);color:var(--ucp-ink);font-family:var(--font)}

.ucp-sidebar{
  flex:0 0 254px;
  border:0;
  background:var(--ucp-ink);
  color:#f3f1f0;
}
.ucp-brand{height:76px;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.1)}
.ucp-brand img{width:34px;height:34px;filter:none}
.ucp-brand>span{font:700 17px/1 var(--display);letter-spacing:.04em;color:#f3f1f0}
.ucp-brand small{margin-top:5px;color:#aaa7a7;font:500 8px/1.2 var(--mono);letter-spacing:.1em}
.ucp-profile{margin:19px 14px 18px;padding:13px 11px;border:1px solid rgba(255,255,255,.12);border-radius:4px;background:rgba(255,255,255,.055)}
.ucp-profile>img,.ucp-avatar-fallback{width:42px;height:42px;flex-basis:42px;border-color:rgba(255,255,255,.18);border-radius:3px;background:#39393c}
.ucp-avatar-fallback{color:var(--ucp-coral);font:700 16px/1 var(--display)}
.ucp-profile-copy strong{color:#f3f1f0;font:600 12px/1.2 var(--font)}
.ucp-profile-copy small{color:#aaa7a7;font:500 8px/1.2 var(--mono);letter-spacing:.08em}
.ucp-profile-status{align-self:center;background:#f0ad25;box-shadow:0 0 0 4px rgba(240,173,37,.12)}
.ucp-nav-label{margin:20px 0 4px;color:#a5a1a1;font:500 8px/1.4 var(--mono);letter-spacing:.12em}
.ucp-nav-label b{color:var(--ucp-coral)}
.ucp-nav-label i{background:rgba(197,35,45,.55)}
.ucp-nav{gap:4px;padding:7px 11px}
.ucp-nav button{
  height:43px;
  gap:12px;
  padding:0 12px;
  border-radius:3px;
  color:#c5c2c1;
  font:500 10px/1 var(--mono);
  letter-spacing:.045em;
}
.ucp-nav button svg{width:17px;height:17px;color:#aaa7a7}
.ucp-nav button:hover:not(:disabled){background:rgba(255,255,255,.08);color:#fff}
.ucp-nav button.active{border-color:rgba(197,35,45,.28);background:rgba(197,35,45,.15);color:#f0ad25}
.ucp-nav button.active svg{color:var(--ucp-lime)}
.ucp-nav button.locked,.ucp-nav button:disabled{color:#777477}
.ucp-nav button .ucp-lock{color:#898689}
.ucp-sidebar-bottom{padding:14px;border-top-color:rgba(255,255,255,.1)}
.ucp-access{padding:11px;border-color:rgba(255,255,255,.11);border-radius:3px;background:rgba(255,255,255,.045)}
.ucp-access>span{color:#f0ad25}
.ucp-access strong{color:#eef0e7;font:500 8px/1.2 var(--mono);letter-spacing:.08em}
.ucp-access small{color:#aaa7a7;font-size:9px}
.ucp-sidebar-legal{color:#898689;font:500 7px/1.8 var(--mono);letter-spacing:.08em}

.ucp-main{background:var(--ucp-paper);scrollbar-color:#b8b5b5 var(--ucp-paper)}
.ucp-topbar{
  height:66px;
  padding:0 clamp(22px,4vw,58px);
  border-bottom:1px solid var(--ucp-line);
  background:rgba(251,252,248,.94);
  backdrop-filter:blur(12px);
}
.ucp-top-links{gap:11px}
.ucp-top-links a,.ucp-top-links span{color:var(--ucp-muted);font:500 9px/1 var(--mono);letter-spacing:.08em;text-decoration:none}
.ucp-top-links a{color:var(--ucp-coral)}
.ucp-top-links i{width:21px;height:1px;background:#b5b1b1}
.ucp-top-links .ucp-home-button{display:inline-flex;min-height:34px;align-items:center;gap:8px;padding:0 11px;border:1px solid #454448;border-radius:3px;background:#222326;color:#f1efed;font:600 8px/1 var(--mono);letter-spacing:.07em;transition:background .16s ease,border-color .16s ease,color .16s ease}
.ucp-top-links .ucp-home-button:hover{border-color:#c5232d;background:#302124;color:#fff}
.ucp-home-button svg{width:14px;height:14px;fill:none;stroke:#f0ad25;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ucp-top-user{gap:13px}
.ucp-top-user>span,.ucp-top-user>a{color:var(--ucp-muted);font:500 8px/1 var(--mono);letter-spacing:.055em}
.ucp-top-user>span:nth-child(2){color:var(--ucp-ink);font:600 11px/1 var(--font);letter-spacing:0}
.ucp-online{color:var(--ucp-green)!important}
.ucp-online i{background:#f0ad25;box-shadow:none}
.ucp-sync-state{padding-left:12px;border-left:1px solid var(--ucp-line);white-space:nowrap}
.ucp-refresh{
  display:grid;
  width:34px;
  height:34px;
  flex:0 0 34px;
  place-items:center;
  border:1px solid var(--ucp-line);
  border-radius:3px;
  background:var(--ucp-white);
  color:var(--ucp-green);
  cursor:pointer;
  transition:background .16s ease,color .16s ease,transform .16s ease;
}
.ucp-refresh:hover{background:var(--ucp-ink);color:#f0ad25}
.ucp-refresh svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ucp-refresh.is-loading svg{animation:ucp-spin .8s linear infinite}
@keyframes ucp-spin{to{transform:rotate(360deg)}}
.ucp-top-user>a{padding:9px 12px;border:1px solid #d6d3d2;border-radius:3px;color:var(--ucp-ink);text-decoration:none;transition:background .16s ease}
.ucp-top-user>a:hover{background:#eeebea}

.ucp-content{width:min(100%,1500px);padding:34px clamp(24px,4vw,60px) 52px}
.ucp-page-index{gap:10px;color:#777578;font:500 8px/1.2 var(--mono);letter-spacing:.12em}
.ucp-page-index i{background:#c0bdbd}
.ucp-page-index b{color:var(--ucp-coral)}
.ucp-welcome-row{
  position:relative;
  min-height:218px;
  align-items:flex-end;
  margin-top:22px;
  overflow:hidden;
  padding:28px 32px;
  border-radius:4px;
  background-color:var(--ucp-ink);
  background-image:linear-gradient(rgba(236,232,231,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(236,232,231,.06) 1px,transparent 1px);
  background-size:34px 34px;
  color:#f4f2f1;
}
.ucp-welcome-row::after{
  position:absolute;
  right:6%;
  bottom:-95px;
  width:260px;
  height:260px;
  border:1px solid rgba(240,173,37,.24);
  border-radius:50%;
  content:"";
  box-shadow:0 0 0 34px rgba(240,173,37,.025),0 0 0 68px rgba(240,173,37,.02);
  pointer-events:none;
}
.ucp-welcome-row>div:first-child{position:relative;z-index:1}
.ucp-welcome-row h1{font:600 clamp(38px,4.8vw,62px)/.88 var(--display);letter-spacing:.015em}
.ucp-welcome-row h1 span{color:var(--ucp-lime)}
.ucp-welcome-row p{max-width:470px;margin-top:16px;color:#c5c1c1;font-size:12px;line-height:1.65}
.ucp-date{position:relative;z-index:1;min-width:144px;margin:0 0 2px;padding:12px 14px;border-left:1px solid rgba(240,173,37,.48);color:#b6b2b2;font:500 8px/1.4 var(--mono);letter-spacing:.08em}
.ucp-date strong{gap:8px;margin-top:7px;color:#f2f0ef;font:500 9px/1.3 var(--mono);letter-spacing:.04em}
.ucp-date strong i{background:#f0ad25;box-shadow:none}
.ucp-section{margin-top:34px}
.ucp-section-eyebrow{color:#777578;font:500 8px/1.2 var(--mono);letter-spacing:.13em}
.ucp-section-eyebrow i{width:17px;background:var(--ucp-coral)}
.ucp-section-heading{margin:10px 0 14px}
.ucp-section-heading h2{color:var(--ucp-ink);font:600 30px/.95 var(--display);letter-spacing:.025em}
.ucp-section-heading h2 span{color:var(--ucp-coral)}
.ucp-section-heading p{color:#777578;font-size:10px}
.ucp-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ucp-tile{
  min-height:137px;
  gap:6px;
  padding:16px;
  border:1px solid var(--ucp-line);
  border-radius:3px;
  background:var(--ucp-white);
  color:var(--ucp-ink);
  transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease;
}
.ucp-tile::after{right:0;bottom:0;width:5px;height:100%;background:var(--ucp-blue);transform:none;opacity:.72}
.ucp-tile:hover{transform:translateY(-2px);border-color:#c5bfc0;background:#fff;box-shadow:0 8px 20px rgba(25,25,27,.07)}
.ucp-tile-featured{grid-row:auto;min-height:137px;border-color:#e0b9ac;background:#f7e9e5}
.ucp-tile-featured::after{background:var(--ucp-lime);opacity:1}
.ucp-tile-index,.ucp-tile-arrow{top:13px;color:#777578;font:500 8px/1 var(--mono);letter-spacing:.08em}
.ucp-tile-index{left:14px}
.ucp-tile-index i{background:var(--ucp-green)}
.ucp-tile-arrow{right:14px;color:var(--ucp-green)}
.ucp-tile-icon,.ucp-tile-featured .ucp-tile-icon{
  width:31px;
  height:31px;
  margin-bottom:3px;
  border:1px solid #e0d9d8;
  border-radius:3px;
  background:#f5f3f2;
  color:var(--ucp-green);
  font-size:15px;
}
.ucp-tile strong,.ucp-tile-featured strong{color:var(--ucp-ink);font:600 19px/1 var(--display);letter-spacing:.04em}
.ucp-tile small,.ucp-tile-featured small{max-width:260px;color:#737073;font-size:9px;line-height:1.5}
.ucp-stats{grid-template-columns:repeat(2,minmax(130px,.62fr)) minmax(230px,1.5fr);gap:10px;margin-top:12px}
.ucp-stat-card,.ucp-stat-note{min-height:96px;padding:14px 17px;border:1px solid var(--ucp-line);border-radius:3px;background:var(--ucp-white)}
.ucp-stat-card>span,.ucp-stat-note>span{color:#797679;font:500 7px/1.3 var(--mono);letter-spacing:.09em}
.ucp-stat-card strong{margin:5px 0 1px;color:var(--ucp-ink);font:600 27px/1 var(--display);letter-spacing:.02em}
.ucp-stat-card small{color:#797679;font:500 7px/1.3 var(--mono);letter-spacing:.06em}
.ucp-stat-note{position:relative;justify-content:center;border-left:3px solid var(--ucp-coral)}
.ucp-stat-note strong{margin-top:7px;color:var(--ucp-ink);font:600 22px/1 var(--display)}
.ucp-stat-note button{margin-top:7px;color:var(--ucp-green);font:500 8px/1.3 var(--mono);letter-spacing:.07em}

/* Statistics and garage pages */
.us-root{padding-bottom:56px}
.us-eyebrow{color:#777578;font:500 8px/1.2 var(--mono);letter-spacing:.1em}
.us-eyebrow b{color:var(--ucp-green)}.us-eyebrow i{background:#c7c3c3}.us-eyebrow span{color:var(--ucp-coral)}
.us-title{margin:14px 0 12px;color:var(--ucp-ink);font:600 clamp(48px,6vw,72px)/.86 var(--display);letter-spacing:.02em}
.us-title span{color:var(--ucp-coral)}
.us-lead{max-width:560px;margin-bottom:25px;color:#6f6c6e;font-size:12px;line-height:1.65}
.us-notice{margin:0 0 17px;padding:11px 14px;border:1px solid #d7c59c;border-radius:3px;background:#f6f0df;color:#665c42;font-size:11px;line-height:1.55}
.us-tabs{margin-bottom:18px;border:1px solid var(--ucp-line);border-radius:3px;background:var(--ucp-white)}
.us-tabs button{border-color:transparent;border-bottom-color:var(--ucp-line);background:transparent;color:#738075}
.us-tabs button small{color:#827f80;font:500 7px/1.2 var(--mono);letter-spacing:.07em}
.us-tabs button small b{color:#a16851}.us-tabs button small i{background:#c2cdc0}
.us-tabs button span{color:var(--ucp-ink);font:600 16px/1 var(--display);letter-spacing:.035em}
.us-tabs button.active{border-bottom-color:var(--ucp-green);background:#f6e9e6;color:var(--ucp-ink)}
.us-card{border:1px solid var(--ucp-line);border-radius:3px;background:var(--ucp-white);color:var(--ucp-ink)}
.us-head{padding-bottom:15px;border-bottom:1px solid #e4e8df}
.us-ico{border-color:#e0d9d8;border-radius:3px;background:#f5f0ef;color:var(--ucp-green)}
.us-head small,.us-chart-head small,.us-honor small,.us-hint small{color:#777578;font-family:var(--mono);letter-spacing:.08em}
.us-head small::before{background:#c0bcbc}
.us-head h3{color:var(--ucp-ink);font:600 21px/1 var(--display);letter-spacing:.025em}
.us-head h3 em{color:var(--ucp-green)}
.us-row{border-bottom-color:#e5e9e1;color:var(--ucp-ink)}
.us-row dt{color:#777578;font:500 8px/1.5 var(--mono);letter-spacing:.06em}
.us-row dd{color:#303033;font-size:11px}
.us-mini div,.us-money-card,.us-kpi,.us-honor-total,.us-honor-recent,.us-hint{border-color:#e2dfde;border-radius:3px;background:#f7f6f5}
.us-mini small,.us-money-card small,.us-kpi small,.us-kpi>span,.us-job-top small,.us-job-xp{color:#777578;font-family:var(--mono);letter-spacing:.05em}
.us-mini strong,.us-hist li,.us-job-top{color:var(--ucp-ink)}
.us-empty{color:#777578}
.us-empty .us-ico{border-color:#e2dfde;background:#f7f6f5;color:#8b8788}
.us-empty strong{color:#414042}
.us-money-card:first-child,.us-kpi:nth-child(2),.us-honor-total{border-color:#e4c3bc;background:#f8ece9}
.us-money-card strong,.us-kpi strong,.us-honor-total strong{color:#4a2223}
.us-money-card:first-child strong,.us-kpi:nth-child(2) strong,.us-honor-total strong{color:#c5232d}
.us-money-card>i,.us-pt b{color:#c5232d}
.us-chart{border-top-color:#e1e6dc}
.us-chart svg line{stroke:rgba(45,42,43,.12)}
.us-chart svg polygon{fill:rgba(197,35,45,.12)}
.us-chart svg polyline{stroke:#c5232d}
.us-chart-x{color:#777578;font-family:var(--mono)}
.us-seg{border-color:#dce2d7;border-radius:3px;background:#eef1eb}
.us-seg button{border-radius:2px;color:#708074;font-family:var(--mono)}
.us-seg button.active{border-color:#e0b9ac;background:#f6e9e6;color:#8e2026}
.us-honor-total{color:#6f3330}
.us-honor-total small:last-child{color:#777578}
.us-honor-recent>small{border-bottom-color:#e0dddc;color:#777578}
.us-honor-recent>div span{color:#777578}
.us-honor blockquote{border-left-color:var(--ucp-coral);background:#f3eee8;color:#6f6b6d}
.us-honor-info p,.us-hint p{color:#6f6c6e}
.us-hint{background:#f8f9f5}
.us-seg button.active{color:#8e2026}

.uv-kpi,.uv-card,.uv-detail{border-color:var(--ucp-line);border-radius:3px;background:var(--ucp-white);color:var(--ucp-ink)}
.uv-kpi>i,.uv-kpi>span{color:var(--ucp-coral)}
.uv-kpi strong{color:var(--ucp-ink)}
.uv-kpi small,.uv-card .uv-info>small{color:#777578;font-family:var(--mono);letter-spacing:.06em}
.uv-bar{border-color:var(--ucp-line);background:var(--ucp-white)}
.uv-filters button{color:#777578;font-family:var(--mono)}
.uv-filters button.active{border-color:#e4c0b8;background:#f7eae7;color:#8e2026}
.uv-search{border-color:#dce2d7;background:#f7f8f4}
.uv-search input{color:var(--ucp-ink)}
.uv-card:hover,.uv-card.active{border-color:#d99a8f;background:#fff8f6}
.uv-card .uv-info strong,.uv-dhead h3{color:var(--ucp-ink);font-family:var(--display);letter-spacing:.03em}
.uv-badge{border-color:#e3c39b;background:#f7efdf;color:#8d6225}
.uv-badge.out{border-color:#e4c4b5;background:#f5e8e1;color:#9b6048}
.uv-art{background:#ecebea}
.uv-art code{border-color:rgba(25,38,31,.15);background:rgba(25,38,31,.78);color:#fff}
.uv-gauge>div:first-child span,.uv-facts dt{color:#777578;font-family:var(--mono);letter-spacing:.05em}
.uv-gauge>div:first-child b,.uv-facts dd{color:#39383a}
.uv-gauge .us-bar{background:#e6e3e2}
.uv-gauge .us-bar i{background:#c5232d}

.ucp-shell .ucp-content,.ucp-main{scrollbar-width:thin;scrollbar-color:#b8b5b5 var(--ucp-paper)}
@media(max-width:980px){
  .ucp-sidebar{flex-basis:220px}
  .ucp-content{padding-right:28px;padding-left:28px}
  .ucp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ucp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ucp-stat-note{grid-column:1/-1}
}
@media(max-width:680px){
  html:has(#view-dashboard.active),body:has(#view-dashboard.active){overflow:auto}
  #view-dashboard,#view-dashboard.active{position:fixed;overflow:auto}
  .ucp-shell{height:auto;min-height:100dvh;flex-direction:column}
  .ucp-sidebar{flex:0 0 auto;border:0}
  .ucp-brand{height:58px;padding-inline:16px}
  .ucp-profile{display:none}
  .ucp-nav-label,.ucp-sidebar-bottom{display:none}
  .ucp-sidebar>.ucp-nav{flex-direction:row;overflow-x:auto;gap:5px;padding:7px 10px 11px}
  .ucp-sidebar>.ucp-nav button{width:auto;min-width:max-content;height:38px;padding-inline:12px;font-size:9px}
  .ucp-sidebar>.ucp-nav button svg{display:block}
  .ucp-sidebar nav[aria-label="UCP Extras"]{display:none}
  .ucp-topbar{position:sticky;top:0;height:54px;gap:8px;padding:0 12px}
  .ucp-top-links{gap:6px}.ucp-top-links>span,.ucp-top-links>i,.ucp-sync-state{display:none}
  .ucp-top-user{gap:7px}.ucp-top-user>span:nth-child(2){max-width:90px;font-size:9px}
  .ucp-top-user>a{padding:8px;font-size:7px}
  .ucp-refresh{width:31px;height:31px;flex-basis:31px}
  .ucp-content{padding:20px 14px 32px}
  .ucp-welcome-row{min-height:210px;align-items:flex-start;flex-direction:column;gap:16px;padding:22px 19px}
  .ucp-welcome-row h1{font-size:48px}
  .ucp-welcome-row p{max-width:330px;margin-top:12px;font-size:11px}
  .ucp-date{display:flex;min-width:0;margin:0;padding:8px 10px}
  .ucp-section{margin-top:24px}
  .ucp-section-heading{align-items:flex-start;flex-direction:column;gap:5px}
  .ucp-section-heading h2{font-size:26px}
  .ucp-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ucp-tile,.ucp-tile-featured{min-height:128px;padding:13px 12px}
  .ucp-tile-index{left:12px;font-size:7px}
  .ucp-tile strong,.ucp-tile-featured strong{font-size:17px}
  .ucp-tile small,.ucp-tile-featured small{font-size:8px}
  .ucp-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ucp-stat-card,.ucp-stat-note{min-height:90px;padding:12px}
  .us-title{font-size:48px}
  .us-lead{font-size:11px}
  .us-tabs{grid-template-columns:repeat(5,minmax(102px,1fr));overflow-x:auto}
  .us-grid,.us-grid-2,.us-kpis{grid-template-columns:1fr}
  .us-honor{grid-template-columns:1fr}
  .us-honor-cols{gap:12px}
  .us-head-split{align-items:flex-start;flex-direction:column}
  .uv-bar{align-items:stretch;flex-direction:column}
  .uv-filters{overflow-x:auto}
  .uv-search{width:100%}
  .uv-layout{grid-template-columns:1fr}
  .uv-detail{position:static}
}
@media(max-width:380px){
  .ucp-tiles{grid-template-columns:1fr}
  .ucp-tile,.ucp-tile-featured{min-height:112px}
  .ucp-stats{grid-template-columns:1fr 1fr}
  .ucp-welcome-row h1{font-size:42px}
  .ucp-online{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .ucp-refresh.is-loading svg{animation:none}
  .ucp-tile,.ucp-refresh{transition:none}
}

.ucp-photos-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.ucp-photos-heading .us-title{margin-bottom:10px}
.ucp-photos-heading .us-lead{margin-bottom:24px}
.ucp-photos-heading .ucp-refresh{margin-top:8px}
.ucp-photos-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:0 0 11px;border-bottom:1px solid #37373a;color:#aaa5a6;font:500 8px/1.4 var(--mono);letter-spacing:.08em}
.ucp-photos-toolbar span:first-child{color:#f0ad25}
.ucp-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:13px}
.ucp-photo-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;padding:0;border:1px solid #38383b;border-radius:4px;background:#1b1c1f;color:#f1efed;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.ucp-photo-card:hover{transform:translateY(-2px);border-color:#8c373c;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.ucp-photo-image{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;background:#232427}
.ucp-photo-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}
.ucp-photo-card:hover .ucp-photo-image img{transform:scale(1.035)}
.ucp-photo-image i{position:absolute;top:10px;right:10px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:rgba(16,16,18,.76);color:#f0ad25;font-size:15px;font-style:normal}
.ucp-photo-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:11px 12px 12px}
.ucp-photo-meta strong{overflow:hidden;color:#f1efed;font:600 14px/1.1 var(--display);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}
.ucp-photo-meta time{color:#aaa5a6;font:500 8px/1.4 var(--mono);white-space:nowrap}
.ucp-photo-meta small{grid-column:1/-1;display:-webkit-box;overflow:hidden;color:#aaa5a6;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ucp-photos-notice{margin:0 0 15px}
.ucp-photos-more{display:flex;min-height:38px;align-items:center;justify-content:center;gap:9px;margin:18px auto 0;padding:0 16px;border:1px solid #454448;border-radius:3px;background:#222326;color:#eeeae8;font:500 8px/1 var(--mono);letter-spacing:.08em;cursor:pointer}
.ucp-photos-more:hover{border-color:#a74449;background:#2d2022}
.ucp-photos-more:disabled{opacity:.55;cursor:wait}
.ucp-photos-more[hidden]{display:none}
.ucp-photos-more span{color:#f0ad25;font-size:13px}
.ucp-photo-dialog{position:fixed;inset:0;width:min(1040px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);margin:auto;padding:14px;border:1px solid #48464a;border-radius:5px;background:#1b1c1f;color:#f1efed;box-shadow:0 24px 90px rgba(0,0,0,.55)}
.ucp-photo-dialog::backdrop{background:rgba(5,5,7,.82);backdrop-filter:blur(7px)}
.ucp-photo-dialog[open]{display:flex;flex-direction:column;gap:12px}
.ucp-photo-dialog>img{display:block;width:100%;max-height:calc(100dvh - 112px);flex:1;min-height:0;object-fit:contain;background:#111214}
.ucp-photo-close{position:absolute;top:22px;right:22px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:3px;background:rgba(14,14,16,.8);color:#fff;font-size:22px;cursor:pointer}
.ucp-photo-caption{display:flex;justify-content:space-between;gap:14px;color:#f1efed}
.ucp-photo-caption strong{font:600 16px/1.2 var(--display)}
.ucp-photo-caption time{color:#aaa5a6;font:500 9px/1.5 var(--mono)}
.community-photos-page{position:relative;z-index:1;width:min(100%,1420px);min-height:100vh;margin:0 auto;padding:calc(var(--hh) + 44px) clamp(22px,6vw,92px) 64px}
#view-photos{overflow-y:auto;background:transparent}
.community-photos-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.community-photos-header .page-label{color:var(--gold);font:500 8px/1.3 var(--mono);letter-spacing:.14em}
.community-photos-header .page-title{margin:12px 0 8px;color:#f2efed;font:600 clamp(48px,6vw,76px)/.84 var(--display);letter-spacing:.02em}
.community-photos-header .page-title span{color:var(--accent-hover)}
.community-photos-header .page-sub{max-width:520px;margin:0;color:#aaa5a6;font-size:12px;line-height:1.55}
.community-photos-actions{display:flex;align-items:center;gap:12px;padding-bottom:3px}
.community-photos-live{display:flex;align-items:center;gap:8px;color:#aaa5a6;font:500 8px/1 var(--mono);letter-spacing:.09em;white-space:nowrap}
.community-photos-live i{width:7px;height:7px;border-radius:50%;background:#f0ad25;box-shadow:0 0 0 4px rgba(240,173,37,.1)}
.community-photos-notice{margin:0 0 16px}
@media(max-width:680px){
  .community-photos-page{padding:calc(var(--hh) + 25px) 15px 42px}
  .community-photos-header{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:18px;padding-bottom:17px}
  .community-photos-header .page-title{font-size:48px}
  .community-photos-actions{width:100%;justify-content:space-between}
  .community-photos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ucp-photos-heading{gap:10px}
  .ucp-photos-heading .us-title{font-size:43px}
  .ucp-photos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ucp-photo-meta{grid-template-columns:minmax(0,1fr);gap:5px;padding:9px}
  .ucp-photo-meta time{grid-row:2}
  .ucp-photo-meta small{grid-row:3;font-size:9px}
  .ucp-photo-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:9px}
  .ucp-photo-dialog>img{max-height:calc(100dvh - 90px)}
  .ucp-photo-close{top:15px;right:15px}
  .ucp-photo-caption strong{font-size:14px}
}
@media(max-width:360px){.ucp-photos-grid{grid-template-columns:1fr}}

/* Dark control-room surfaces, with red and gold taken from the Blackline mark. */
body:has(#view-dashboard.active),html:has(#view-dashboard.active),
#view-dashboard,#view-dashboard.active,.ucp-shell,.ucp-main{background:var(--ucp-paper);color:#f1efed}
.ucp-sidebar{background:#171719}
.ucp-topbar{border-bottom-color:#303034;background:rgba(25,25,27,.96)}
.ucp-top-links a,.ucp-top-links span,.ucp-top-user>span,.ucp-top-user>a{color:#a8a4a5}
.ucp-top-user>span:nth-child(2){color:#f1efed}
.ucp-top-user>a{border-color:#414145;color:#e4e0df}
.ucp-top-user>a:hover{background:#2a2a2d}
.ucp-sync-state{border-left-color:#414145}
.ucp-refresh{border-color:#414145;background:#222326;color:#e34f36}
.ucp-refresh:hover{background:#343438;color:#f0ad25}
.ucp-content{color:#f1efed}
.ucp-page-index{color:#aaa6a7}
.ucp-page-index i{background:#555256}
.ucp-welcome-row{border:1px solid #39383b;background-color:#232326}
.ucp-welcome-row::after{border-color:rgba(240,173,37,.25);box-shadow:0 0 0 34px rgba(240,173,37,.035),0 0 0 68px rgba(240,173,37,.025)}
.ucp-welcome-row h1{color:#f4f1ef}
.ucp-welcome-row h1 span{color:#f0ad25}
.ucp-welcome-row p{color:#c0bbbc}
.ucp-date{color:#aaa5a5}
.ucp-date strong{color:#f3efed}
.ucp-section-eyebrow,.ucp-section-heading p{color:#a29ea0}
.ucp-section-heading h2{color:#f2efed}
.ucp-section-heading h2 span{color:#e34f36}
.ucp-tile,.ucp-stat-card,.ucp-stat-note{border-color:#363639;background:#1b1c1f;color:#f1efed}
.ucp-tile strong,.ucp-tile-featured strong,.ucp-stat-card strong,.ucp-stat-note strong{color:#f2efed}
.ucp-tile small,.ucp-tile-featured small,.ucp-stat-card small,.ucp-stat-note>span{color:#a9a4a5}
.ucp-tile-index,.ucp-tile-arrow{color:#b4afb0}
.ucp-tile-arrow{color:#f0ad25;background:none}
.ucp-tile-index i{background:#f0ad25}
.ucp-tile-icon,.ucp-tile-featured .ucp-tile-icon{border-color:#414145;background:#27282b;color:#f0ad25}
.ucp-tile::after{background:#9da0a5}
.ucp-tile-featured{border-color:#84373c;background:#2c2022}
.ucp-tile-featured::after{background:#e34f36}
.ucp-tile:hover{border-color:#a74449;background:#242528;box-shadow:0 8px 22px rgba(0,0,0,.22)}
.ucp-stat-note{border-left-color:#e34f36}
.ucp-stat-note button{color:#f0ad25}

.us-eyebrow{color:#aaa5a5}
.us-eyebrow b{color:#e34f36}
.us-eyebrow i{background:#4a484b}
.us-eyebrow span{color:#f0ad25}
.us-title{color:#f2efed}
.us-title span{color:#e34f36}
.us-lead{color:#aaa5a6}
.us-notice{border-color:#735a2e;background:#2b2419;color:#e2d0a6}
.us-tabs,.us-card{border-color:#38383b;background:#1b1c1f;color:#f1efed}
.us-tabs button{border-bottom-color:#343539;color:#aaa5a6}
.us-tabs button small{color:#aaa5a6}
.us-tabs button small b{color:#e34f36}
.us-tabs button span{color:#efedeb}
.us-tabs button.active{border-bottom-color:#e34f36;background:#2d2022;color:#fff}
.us-head{border-bottom-color:#343539}
.us-ico{border-color:#414145;background:#28292c;color:#e34f36}
.us-head small,.us-chart-head small,.us-honor small,.us-hint small{color:#aaa5a6}
.us-head small::before{background:#625d60}
.us-head h3{color:#f2efed}
.us-head h3 em{color:#e34f36}
.us-row{border-bottom-color:#343539}
.us-row dt,.us-mini small,.us-money-card small,.us-kpi small,.us-kpi>span,.us-job-top small,.us-job-xp{color:#a9a5a6}
.us-row dd,.us-mini strong,.us-hist li,.us-job-top{color:#f1efed}
.us-mini div,.us-money-card,.us-kpi,.us-honor-total,.us-honor-recent,.us-hint{border-color:#3a393d;background:#222326}
.us-empty{color:#a8a3a4}
.us-empty .us-ico{border-color:#414145;background:#27282b;color:#888589}
.us-empty strong{color:#e5e1df}
.us-money-card:first-child,.us-kpi:nth-child(2),.us-honor-total{border-color:#70363a;background:#2b2022}
.us-money-card strong,.us-kpi strong,.us-honor-total strong{color:#f0ad25}
.us-money-card:first-child strong,.us-kpi:nth-child(2) strong,.us-honor-total strong{color:#f0ad25}
.us-money-card>i,.us-pt b{color:#e34f36}
.us-chart{border-top-color:#37373a}
.us-chart svg line{stroke:rgba(255,255,255,.1)}
.us-chart svg polygon{fill:rgba(197,35,45,.2)}
.us-chart svg polyline{stroke:#e34f36}
.us-chart-x{color:#aaa5a6}
.us-seg{border-color:#3e3d41;background:#222326}
.us-seg button{color:#aaa5a6}
.us-seg button.active{border-color:#73373c;background:#342124;color:#f2efed}
.us-honor-total{color:#e2c7c5}
.us-honor-total small:last-child,.us-honor-recent>small,.us-honor-recent>div span{color:#aaa5a6}
.us-honor-recent>small{border-bottom-color:#3a393d}
.us-honor blockquote{border-left-color:#e34f36;background:#292426;color:#c4bdbd}
.us-honor-info p,.us-hint p{color:#aaa5a6}
.us-hint{background:#202124}
.us-seg button.active{color:#f2efed}

.uv-kpi,.uv-card,.uv-detail,.uv-bar{border-color:#38383b;background:#1b1c1f;color:#f1efed}
.uv-kpi>i,.uv-kpi>span{color:#e34f36}
.uv-kpi strong,.uv-card .uv-info strong,.uv-dhead h3,.uv-facts dd{color:#f1efed}
.uv-kpi small,.uv-card .uv-info>small,.uv-filters button,.uv-gauge>div:first-child span,.uv-facts dt{color:#aaa5a6}
.uv-filters button.active{border-color:#71363b;background:#302124;color:#f2efed}
.uv-search{border-color:#414145;background:#222326}
.uv-search input{color:#f1efed}
.uv-card:hover,.uv-card.active{border-color:#8b3c42;background:#262225}
.uv-badge{border-color:#775d35;background:#2e281e;color:#f0c66d}
.uv-badge.out{border-color:#83443a;background:#342321;color:#f0977e}
.uv-art{background:#252629}
.uv-art code{border-color:rgba(255,255,255,.16);background:rgba(18,18,20,.82);color:#f5f2f0}
.uv-gauge>div:first-child b{color:#f0ad25}
.uv-gauge .us-bar{background:#39393d}
.uv-gauge .us-bar i{background:#e34f36}
.ucp-main,.ucp-shell .ucp-content{scrollbar-color:#57565a var(--ucp-paper)}
.us-notice{border-color:#735a2e;background:#2b2419;color:#e4d2a8}
.uv-bar{border-color:#38383b;background:#1b1c1f}
.uv-search{border-color:#414145;background:#222326;color:#aaa5a6}
.uv-search input{background:transparent;color:#f1efed}
.uv-art{border-bottom-color:#3a393d;background:repeating-linear-gradient(135deg,#27282b 0 14px,#202124 14px 28px)}
.uv-art>svg{stroke:#8a8588}
.uv-meta{color:#aaa5a6}
.uv-facts{border-top-color:#3a393d}
.ui-bar{border-bottom-color:#37373a}
.ui-sort{border-color:#414145;background:#222326;color:#f1efed}
.ui-count{border-color:#414145;color:#aaa5a6}
.ui-item{border-color:#38383b;background:#1b1c1f}
.ui-idx,.ui-qty,.ui-label small{color:#aaa5a6}
.ui-qty{color:#f0ad25}
.ui-label{border-top-color:#38383b}
.ui-label strong{color:#f1efed}
.ui-cube{stroke:#e34f36}

.ucp-photos-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.ucp-photos-heading .us-title{margin-bottom:10px}
.ucp-photos-heading .us-lead{margin-bottom:24px}
.ucp-photos-heading .ucp-refresh{margin-top:8px}
.ucp-photos-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:0 0 11px;border-bottom:1px solid #37373a;color:#aaa5a6;font:500 8px/1.4 var(--mono);letter-spacing:.08em}
.ucp-photos-toolbar span:first-child{color:#f0ad25}
.ucp-photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:13px}
.ucp-photo-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;padding:0;border:1px solid #38383b;border-radius:4px;background:#1b1c1f;color:#f1efed;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.ucp-photo-card:hover{transform:translateY(-2px);border-color:#8c373c;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.ucp-photo-image{position:relative;display:block;overflow:hidden;aspect-ratio:4/3;background:#232427}
.ucp-photo-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .24s ease}
.ucp-photo-card:hover .ucp-photo-image img{transform:scale(1.035)}
.ucp-photo-image i{position:absolute;top:10px;right:10px;display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:3px;background:rgba(16,16,18,.76);color:#f0ad25;font-size:15px;font-style:normal}
.ucp-photo-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:11px 12px 12px}
.ucp-photo-meta strong{overflow:hidden;color:#f1efed;font:600 14px/1.1 var(--display);letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}
.ucp-photo-meta time{color:#aaa5a6;font:500 8px/1.4 var(--mono);white-space:nowrap}
.ucp-photo-meta small{grid-column:1/-1;display:-webkit-box;overflow:hidden;color:#aaa5a6;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ucp-photos-notice{margin:0 0 15px}
.ucp-photos-more{display:flex;min-height:38px;align-items:center;justify-content:center;gap:9px;margin:18px auto 0;padding:0 16px;border:1px solid #454448;border-radius:3px;background:#222326;color:#eeeae8;font:500 8px/1 var(--mono);letter-spacing:.08em;cursor:pointer}
.ucp-photos-more:hover{border-color:#a74449;background:#2d2022}
.ucp-photos-more:disabled{opacity:.55;cursor:wait}
.ucp-photos-more[hidden]{display:none}
.ucp-photos-more span{color:#f0ad25;font-size:13px}
.ucp-photo-dialog{position:fixed;inset:0;width:min(1040px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);margin:auto;padding:14px;border:1px solid #48464a;border-radius:5px;background:#1b1c1f;color:#f1efed;box-shadow:0 24px 90px rgba(0,0,0,.55)}
.ucp-photo-dialog::backdrop{background:rgba(5,5,7,.82);backdrop-filter:blur(7px)}
.ucp-photo-dialog[open]{display:flex;flex-direction:column;gap:12px}
.ucp-photo-dialog>img{display:block;width:100%;max-height:calc(100dvh - 112px);flex:1;min-height:0;object-fit:contain;background:#111214}
.ucp-photo-close{position:absolute;top:22px;right:22px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.3);border-radius:3px;background:rgba(14,14,16,.8);color:#fff;font-size:22px;cursor:pointer}
.ucp-photo-caption{display:flex;justify-content:space-between;gap:14px;color:#f1efed}
.ucp-photo-caption strong{font:600 16px/1.2 var(--display)}
.ucp-photo-caption time{color:#aaa5a6;font:500 9px/1.5 var(--mono)}
@media(max-width:680px){
  .ucp-photos-heading{gap:10px}
  .ucp-photos-heading .us-title{font-size:43px}
  .ucp-photos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .ucp-photo-meta{grid-template-columns:minmax(0,1fr);gap:5px;padding:9px}
  .ucp-photo-meta time{grid-row:2}
  .ucp-photo-meta small{grid-row:3;font-size:9px}
  .ucp-photo-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:9px}
  .ucp-photo-dialog>img{max-height:calc(100dvh - 90px)}
  .ucp-photo-close{top:15px;right:15px}
  .ucp-photo-caption strong{font-size:14px}
}
@media(max-width:360px){.ucp-photos-grid,.community-photos-grid{grid-template-columns:1fr}}