/* Pinhuan workspace visual system · official specification 2026-11-05 glass v2.
   Load after page styles. Business layouts, data, chart colors and table columns remain page-owned. */
:root{
 --ph-ink:#1d1d1f;--ph-muted:#6e6e73;--ph-background:#f5f5f7;--ph-surface:#fff;
 --ph-line:#d2d2d7;--ph-divider:#e8e8ed;--ph-accent:#fce47c;--ph-accent-hover:#f4d65d;
 --ph-accent-soft:#fff7d6;--ph-link:#775900;--ph-focus:#957000;--ph-header-height:80px;
 --ph-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
 --ink:var(--ph-ink);--muted:var(--ph-muted);--paper:var(--ph-background);--soft:var(--ph-background);
 --panel:var(--ph-surface);--line:var(--ph-line);--yellow:var(--ph-accent);--yellow-deep:var(--ph-accent-hover);
 --shadow:0 8px 24px rgba(29,29,31,.045)
}
html{background:var(--ph-background);scroll-padding-top:calc(var(--ph-header-height) + 20px)}
body.ph-workspace,.ph-workspace{margin:0;background:var(--ph-background);color:var(--ph-ink);font-family:var(--ph-font);letter-spacing:normal;line-height:1.6}
.ph-workspace,.ph-workspace *,.ph-workspace *::before,.ph-workspace *::after{box-sizing:border-box}
.ph-workspace [hidden]{display:none!important}
.ph-workspace :is(button,input,select,textarea){font-family:var(--ph-font)}
.ph-workspace :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--ph-focus);outline-offset:3px}
.ph-workspace :is(a,button,summary){touch-action:manipulation}
.ph-workspace :is(h1,h2,h3,h4){color:var(--ph-ink);letter-spacing:normal}
.ph-workspace :is(p,small,span){overflow-wrap:anywhere}
.ph-workspace :is(button,a,input,select,textarea){-webkit-tap-highlight-color:rgba(252,228,124,.22)}

/* The main-site return is independent of the horizontally scrolling local navigation. */
.ph-workspace .ph-site-header.topbar,.ph-workspace .ph-site-header.upload-topbar,.ph-workspace .ph-site-header.ph-access-header{
 display:grid;grid-template-columns:minmax(210px,1fr) auto auto;grid-template-areas:"brand nav home";
 align-items:center;gap:18px;height:var(--ph-header-height);min-height:var(--ph-header-height);
 padding:12px clamp(24px,4.7vw,88px);position:sticky;top:0;z-index:50;
 background:rgba(250,250,252,.97);border:0;border-bottom:1px solid var(--ph-line);box-shadow:none;
 color:var(--ph-ink);backdrop-filter:blur(14px)
}
.ph-workspace .ph-site-header .ph-site-brand{
 grid-area:brand;display:flex;align-items:center;gap:11px;min-width:0;max-width:100%;margin:0;
 color:var(--ph-ink);background:none;border:0;padding:0;text-decoration:none;font-size:17px;font-weight:650;line-height:1.3
}
.ph-workspace .ph-site-header .ph-site-logo{display:block;flex:0 0 44px;width:44px;height:44px;object-fit:contain;background:#fff;border-radius:8px;box-shadow:none}
.ph-workspace .ph-site-header .ph-site-brand>span,.ph-workspace .ph-site-header .ph-site-brand>b{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ph-ink);font:inherit;line-height:1.35;background:none;width:auto;height:auto;border-radius:0}
.ph-workspace .ph-site-header .ph-site-brand small{display:block;color:var(--ph-muted);margin:4px 0 0;font-size:10px;font-weight:450;letter-spacing:normal;line-height:1.4;white-space:nowrap}
.ph-workspace .ph-site-header .nav{
 grid-area:nav;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:3px;
 min-width:0;max-width:100%;width:auto;height:44px;margin:0;padding:0;position:static;
 overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-width:none;
 border:0;border-radius:0;background:transparent;box-shadow:none
}
.ph-workspace .ph-site-header .nav::-webkit-scrollbar{display:none}
.ph-workspace .ph-site-header .nav a{
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-height:44px;
 padding:9px 12px;border:1px solid transparent;border-radius:999px;color:var(--ph-ink);
 background:transparent;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:450;line-height:1.4
}
.ph-workspace .ph-site-header .nav a:hover{background:#efeff3;color:var(--ph-ink)}
.ph-workspace .ph-site-header .nav a.active,.ph-workspace .ph-site-header .nav a[aria-current=page]{background:var(--ph-accent);color:var(--ph-ink);font-weight:650}
.ph-workspace .ph-site-header .ph-main-home{
 grid-area:home;display:inline-flex;align-items:center;justify-content:center;justify-self:end;
 min-height:44px;margin:0;padding:9px 15px;border:1px solid var(--ph-line);border-radius:999px;
 color:var(--ph-link);background:var(--ph-surface);text-decoration:none;white-space:nowrap;font-size:13px;font-weight:600;line-height:1.4
}
.ph-workspace .ph-site-header .ph-main-home:hover{background:var(--ph-accent-soft);border-color:#c3aa4b}
.ph-workspace .ph-site-header .nav-toggle{display:none}

/* Surfaces and hierarchy stay compact in operating tables and editors. */
.ph-workspace :is(.catalog-section,.upload-shell){background:var(--ph-background)}
.ph-workspace :is(.wrap,.audience-wrap,.pdd-wrap,.new-products-wrap){max-width:1740px}
.ph-workspace :is(.hero h1,.upload-heading h1,.audience-heading h1,.pdd-heading h1,.new-products-heading h1){font-size:clamp(28px,2.5vw,40px);font-weight:650;line-height:1.2;letter-spacing:normal}
.ph-workspace :is(.section-heading h2,.section-title h2){font-size:clamp(25px,2.5vw,36px);font-weight:650;line-height:1.25;letter-spacing:normal}
.ph-workspace :is(.panel,.filters,.period-toolbar,.upload-card,.audience-filters,.pdd-filters,.new-products-controls,.video-filter,.video-list-panel){
 background:var(--ph-surface);border-color:var(--ph-line);border-radius:18px;box-shadow:none
}
.ph-workspace :is(.summary-strip>div,.video-summary>div,.audience-summary>div,.pdd-summary>div,.board-card,.metric){border-color:var(--ph-line);background:var(--ph-surface);box-shadow:none}
.ph-workspace :is(.audience-results,.pdd-results,.new-products-board,.product-grid,.sku-sales-card,.order-association-card,.market-card,.product-audience-section){border-color:var(--ph-line);background:var(--ph-surface);box-shadow:none}
.ph-workspace :is(.hero p,.section-heading>p,.filter-note,.footer,.count,.pdd-footnote,.new-products-footnote,.audience-estimate-note){color:var(--ph-muted)}
.ph-workspace .footer{background:#fafafc;border-top:1px solid var(--ph-divider);color:var(--ph-muted)}
.ph-workspace .footer strong{color:var(--ph-ink)}
.ph-workspace .footer :is(span,small){color:var(--ph-muted)}
.ph-workspace :is(.product-card,.upload-card):hover{transform:none;box-shadow:none}
.ph-workspace :is(.product-image img,.detail-image img,.new-product-thumb img,.audience-product-image,.pdd-image-button img){object-fit:contain;transform:none}
.ph-workspace .product-card:hover img{transform:none}
.ph-workspace :is(.product-image,.detail-image){background:#fafafc}

/* Keep semantic success/error/negative-number colors and real image/chart colors intact. */
.ph-workspace :is(.primary,.card-actions a,.video-upload-link,.upload-drop b,.video-detail-link){background:var(--ph-accent);color:var(--ph-ink);border-color:transparent}
.ph-workspace :is(.primary,.card-actions a,.video-upload-link,.upload-drop b,.video-detail-link):hover{background:var(--ph-accent-hover);color:var(--ph-ink)}
.ph-workspace :is(.weekly-save-button,#saveLaunchTracker,.detail-actions .promo-button:not(.is-empty)){min-height:44px;border-radius:999px;background:var(--ph-accent);color:var(--ph-ink)}
.ph-workspace :is(.weekly-save-button,#saveLaunchTracker,.detail-actions .promo-button:not(.is-empty)):hover:not(:disabled){background:var(--ph-accent-hover);color:var(--ph-ink)}
.ph-workspace .upload-shell button[type=submit],.upload-shell.ph-workspace button[type=submit]{min-height:44px!important;border-radius:999px!important;background:var(--ph-accent)!important;color:var(--ph-ink)!important}
.ph-workspace .upload-shell button[type=submit]:hover:not(:disabled),.upload-shell.ph-workspace button[type=submit]:hover:not(:disabled){background:var(--ph-accent-hover)!important}
.ph-workspace .order-association-periods button{min-height:44px;border-radius:999px}
.ph-workspace .order-association-periods button.is-active{background:var(--ph-accent-soft);border-color:#e2ce80;color:var(--ph-ink)}
.ph-workspace .order-association-periods button:hover{background:var(--ph-accent-soft)}
.ph-workspace :is(.secondary,.back,.audience-refresh,.pdd-button,.audience-reset,.pdd-reset,.new-products-heading-actions button,.new-products-controls>button){border-color:var(--ph-line);color:var(--ph-ink);background:var(--ph-surface)}
.ph-workspace :is(.period-presets button.active,.period-presets button[aria-pressed=true],.pdd-periods button[aria-pressed=true],.audience-dimension-tabs button[aria-pressed=true],.series-view-switch button[aria-pressed=true]){background:var(--ph-accent);color:var(--ph-ink)}
.ph-workspace :is(.period-presets button,.pdd-periods button,.audience-dimension-tabs button){border-radius:8px}
.ph-workspace :is(.primary,.secondary,.back,.filter-actions button,.audience-refresh,.pdd-button,.pdd-reset,.audience-reset,.new-products-controls>button,.new-products-heading-actions button,.video-filter button,.series-view-switch button,.card-actions a,.video-upload-link,.video-detail-link){min-height:44px;border-radius:999px}
.ph-workspace :is(.period-presets button,.pdd-periods button,.audience-dimension-tabs button,.pdd-pagination button,.audience-pagination button,.new-products-pagination button){min-height:44px}
.ph-workspace :is(.filters,.period-toolbar,.audience-filters,.pdd-filters,.new-products-controls,.video-filter,.series-controls,.upload-card) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select){min-height:44px;border-color:var(--ph-line);background:#fff;border-radius:9px;color:var(--ph-ink)}
.ph-workspace textarea{border-color:var(--ph-line);background:#fff;border-radius:10px;color:var(--ph-ink)}
.ph-workspace :is(input,select,textarea):focus{border-color:var(--ph-focus)}
.ph-workspace :is(.upload-drop,.association-plan-image-zone,.market-card-image-zone){border-color:var(--ph-line);background:#fafafc}
.ph-workspace .upload-drop:hover{background:var(--ph-accent-soft);border-color:var(--ph-focus);transform:none}

/* Only change table colors; page-owned colgroups, widths and alignment remain authoritative. */
.ph-workspace :is(.pdd-table,.audience-table,.new-products-table,.video-table,.promotion-table,.analytics-daily-table,.sku-sales-table,.order-association-table) thead th,
.ph-workspace .new-products-table>thead th,
.ph-workspace .product-list-head{
 background:#fafafc;color:var(--ph-ink);border-color:var(--ph-line)
}
.ph-workspace .new-products-table th:nth-child(n+5){color:var(--ph-muted)}
.ph-workspace :is(.pdd-table,.audience-table,.new-products-table,.video-table,.promotion-table) :is(td,th){border-bottom-color:var(--ph-divider)}
.ph-workspace :is(.pdd-table,.audience-table) tbody tr:hover td{background:#fffcf0}
.ph-workspace .pdd-table .pdd-frozen{border-right-color:var(--ph-divider)}
.ph-workspace :is(.pdd-table th .pdd-sort-arrow,.product-audience-updated){color:var(--ph-link)}
.ph-workspace .video-table tr>th:first-child{background:#fafafc;color:var(--ph-ink)}
.ph-workspace .new-product-task{min-height:28px}
.ph-workspace .new-product-task:not(.is-completed):hover{background:var(--ph-accent-soft);border-color:#c6ad4b}
.ph-workspace :is(.new-product-edit,.new-product-upload-button,.association-plan-controls button,.market-cards-toolbar button,.market-card-controls button){background:var(--ph-accent-soft);color:var(--ph-link);border-color:#e2ce80}
.ph-workspace .new-product-task-list{flex-wrap:nowrap}

/* The two-row shared header must not cover the detail summary or its section anchors. */
.ph-workspace #promotion,.ph-workspace .launch-tracker-section,.ph-workspace #association-plan,
.ph-workspace #market-association,.ph-workspace #association-analysis,.ph-workspace #product-audience{scroll-margin-top:calc(var(--ph-header-height) + 148px)}
@media(min-width:761px){.ph-workspace #detail .detail-hero{top:var(--ph-header-height);box-shadow:0 4px 14px rgba(29,29,31,.04)}}

/* Login and error pages use the same identity when a full local menu is unnecessary. */
.ph-workspace .ph-access-header.ph-site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand home"}
.ph-workspace .ph-error{width:min(680px,calc(100% - 32px));margin:56px auto;padding:32px;border:1px solid var(--ph-line);border-radius:24px;background:var(--ph-surface)}
.ph-workspace .ph-error h1{font-size:28px;line-height:1.25;margin:0 0 12px}
.ph-workspace .ph-error p{color:var(--ph-muted);line-height:1.7}
.ph-workspace .ph-error a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;background:var(--ph-accent);color:var(--ph-ink)}

@media(max-width:1599px){
 :root{--ph-header-height:120px}
 .ph-workspace .ph-site-header.topbar,.ph-workspace .ph-site-header.upload-topbar{
  grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 44px;grid-template-areas:"brand home" "nav nav";column-gap:16px;row-gap:8px
 }
 .ph-workspace .ph-site-header .nav{width:100%;justify-content:flex-start}
 .ph-workspace .ph-access-header.ph-site-header{height:80px;min-height:80px}
}
@media(max-width:734px){
 :root{--ph-header-height:116px}
 .ph-workspace .ph-site-header.topbar,.ph-workspace .ph-site-header.upload-topbar{
  height:116px;min-height:116px;padding:10px 16px;column-gap:10px;row-gap:8px
 }
 .ph-workspace .ph-site-header .ph-site-brand{gap:8px;font-size:15px}
 .ph-workspace .ph-site-header .ph-site-logo{width:40px;height:40px;flex-basis:40px}
 .ph-workspace .ph-site-header .ph-site-brand small{font-size:9px;margin-top:4px}
 .ph-workspace .ph-site-header .ph-main-home{font-size:12px;padding:8px 11px}
 .ph-workspace .ph-site-header .nav a{font-size:13px;padding:8px 12px}
 .ph-workspace :is(.wrap,.audience-wrap,.pdd-wrap,.new-products-wrap){width:calc(100% - 32px)}
 .ph-workspace :is(.hero h1,.upload-heading h1,.audience-heading h1,.pdd-heading h1,.new-products-heading h1){font-size:28px}
 .ph-workspace :is(.section-heading h2,.section-title h2){font-size:26px}
 .ph-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){font-size:16px!important;min-height:44px}
 .ph-workspace input:is([type=checkbox],[type=radio]){flex-shrink:0}
 .ph-workspace :is(.new-product-task,.upload-confirm,.launch-task-item){min-height:44px}
 .ph-workspace :is(.association-plan-controls button,.market-card-controls button,.market-card-image-actions button,.market-card-heading>button,.new-product-edit,.new-product-upload-button,.new-product-buyer-remove,.evidence-thumb>button:last-child,.personnel-close){min-height:44px}
 .ph-workspace :is(.association-plan-controls button,.market-card-controls button,.market-card-image-actions button,.new-product-upload-button){padding-top:8px;padding-bottom:8px}
 .ph-workspace #promotion,.ph-workspace .launch-tracker-section,.ph-workspace #association-plan,
 .ph-workspace #market-association,.ph-workspace #association-analysis,.ph-workspace #product-audience{scroll-margin-top:calc(var(--ph-header-height) + 20px)}
 .ph-workspace .ph-access-header.ph-site-header{height:76px;min-height:76px;padding:12px 16px}
 .ph-workspace .ph-error{margin:32px auto;padding:24px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .ph-workspace *,.ph-workspace *::before,.ph-workspace *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* Official 2026-11-05 v2: light halos, a glass shell, solid task surfaces.
   No per-row blur, extra assets, layout rewrites or business-selector changes. */
:root{
 --ph-success:#28734c;--ph-danger:#a93630;
 --ph-glass:rgba(255,255,255,.68);--ph-glass-strong:rgba(255,255,255,.82);
 --ph-glass-stroke:rgba(255,255,255,.88);
 --ph-glass-shadow:0 18px 60px rgba(35,34,29,.07),inset 0 1px 0 rgba(255,255,255,.92);
 --ph-header-height:104px;
}
html:root body.ph-workspace[class]{
 min-height:100vh;
 background:
  radial-gradient(ellipse 44% 520px at 88% 0,rgba(252,228,124,.18),transparent 76%),
  radial-gradient(ellipse 42% 720px at 6% 82%,rgba(232,235,238,.48),transparent 78%),
  var(--ph-background);
 background-attachment:fixed;
}
html:root body.ph-workspace[class] :is(.catalog-section,.upload-shell,.hero,.score-page,.audience-page,.pdd-page){background:transparent}
html:root body.ph-workspace[class] .ph-site-header:is(.topbar,.upload-topbar,.ph-access-header){
 width:min(1740px,calc(100% - 32px));margin:12px auto 0;padding:12px 20px;
 height:80px;min-height:80px;top:12px;gap:14px;
 grid-template-columns:minmax(190px,1fr) auto auto;grid-template-rows:1fr;grid-template-areas:"brand nav home";
 border:1px solid var(--ph-glass-stroke);border-radius:24px;
 background:var(--ph-glass-strong);box-shadow:var(--ph-glass-shadow);
 -webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%);
}
html:root body.ph-workspace[class] .ph-access-header.ph-site-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand home"}
html:root body.ph-workspace[class] .ph-site-header .ph-site-logo{padding:3px;background:#fff;border:1px solid rgba(232,232,237,.8);border-radius:12px}
html:root body.ph-workspace[class] .ph-site-header .nav{gap:2px}
html:root body.ph-workspace[class] .ph-site-header .nav a{padding-inline:10px}
html:root body.ph-workspace[class] .ph-site-header .nav a:hover{background:rgba(255,255,255,.88)}
html:root body.ph-workspace[class] .ph-site-header .nav a:is(.active,[aria-current=page]){background:var(--ph-accent-soft);border-color:rgba(226,206,128,.72)}
html:root body.ph-workspace[class] .ph-site-header .ph-main-home{background:rgba(255,255,255,.92);border-color:rgba(210,210,215,.8);font-weight:600}
html:root body.ph-workspace[class] :is(.hero h1,.upload-heading h1,.audience-heading h1,.pdd-heading h1,.new-products-heading h1){font-size:clamp(28px,2.35vw,36px);font-weight:600;letter-spacing:-.015em}
html:root body.ph-workspace[class] :is(.section-heading h2,.section-title h2){font-size:clamp(22px,2vw,28px);font-weight:600}
html:root body.ph-workspace[class] :is(.filters,.period-toolbar,.audience-filters,.pdd-filters,.new-products-controls,.video-filter,.series-controls){
 background:var(--ph-glass);border:1px solid var(--ph-glass-stroke);border-radius:26px;
 box-shadow:var(--ph-glass-shadow);
 -webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%);
}
/* Backdrop filters create stacking contexts. Lift the whole menu-owning panel
   above later glass panels while keeping it below the global header (50). */
html:root body.ph-workspace[class] :is(.filters,.new-products-controls){
 position:relative;z-index:4;overflow:visible;
}
html:root body.ph-workspace[class] :is(.filter-summary,.audience-summary,.pdd-summary,.summary-strip,.video-summary){
 padding:10px;border:1px solid var(--ph-glass-stroke);border-radius:28px;
 background:var(--ph-glass);box-shadow:var(--ph-glass-shadow);
}
html:root body.ph-workspace[class] :is(.filter-summary,.audience-summary,.pdd-summary,.summary-strip,.video-summary)>div{
 background:rgba(255,255,255,.94);border-color:var(--ph-divider);border-radius:20px;
 box-shadow:0 3px 14px rgba(35,34,29,.025);min-width:0;
}
html:root body.ph-workspace[class] :is(.filter-summary,.audience-summary,.pdd-summary,.summary-strip,.video-summary) strong{font-variant-numeric:tabular-nums;letter-spacing:-.025em}
html:root body.ph-workspace[class] :is(.filter-summary-amount,.filter-summary-spend,.filter-summary-profit){color:var(--ph-ink)}
html:root body.ph-workspace[class] .filter-summary-profit.is-loss{color:var(--ph-danger)}
html:root body.ph-workspace[class] :is(.panel,.upload-card,.video-list-panel,.audience-results,.pdd-results,.new-products-board,.sku-sales-card,.order-association-card,.market-card,.product-audience-section,.score-panel,.score-report){
 border-color:var(--ph-divider);border-radius:24px;background:#fff;
 box-shadow:0 8px 28px rgba(35,34,29,.035),inset 0 1px 0 rgba(255,255,255,.92);
}
html:root body.ph-workspace[class] :is(.product-grid,.product-card,.weekly-report-card,.launch-tracker-body,.product-audience-card,.ph-error,.login-card,.account-shell .card){background:#fff}
html:root body.ph-workspace[class] :is(.pdd-table,.audience-table,.new-products-table,.video-table,.promotion-table,.analytics-daily-table,.sku-sales-table,.order-association-table) tbody td{background:#fff;font-variant-numeric:tabular-nums}
html:root body.ph-workspace[class] :is(.pdd-table,.audience-table,.new-products-table,.video-table,.promotion-table,.analytics-daily-table,.sku-sales-table,.order-association-table) thead th,
html:root body.ph-workspace[class] .product-list-head{background:#fafafc;color:var(--ph-ink);border-color:var(--ph-divider)}
html:root body.ph-workspace[class] :is(.pdd-table,.audience-table,.new-products-table,.video-table,.promotion-table) tbody tr:hover td{background:#fffdf5}
html:root body.ph-workspace[class] :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.category-picker-trigger,.assignee-filter-trigger){background:#fff;color:var(--ph-ink);border-color:var(--ph-line)}
html:root body.ph-workspace[class] #detailActualLevel{background:#fff;color:var(--ph-ink)}
html:root body.ph-workspace[class] :is(input,select,textarea):focus{border-color:var(--ph-focus)}
html:root body.ph-workspace[class] :is(input,select,textarea,button,a,summary):focus-visible{outline:2px solid var(--ph-focus);outline-offset:3px}
html:root body.ph-workspace[class] :is(.weekly-adjustment,.association-plan-textarea,.market-card-input){background:#fff}
html:root body.ph-workspace[class] .footer{background:transparent;border-color:var(--ph-divider);box-shadow:none;gap:12px;flex-wrap:wrap}
html:root body.ph-workspace[class] .ph-copyright{font:500 12px/1.6 var(--ph-font);color:var(--ph-muted);white-space:nowrap;letter-spacing:.04em}
html:root body.ph-workspace[class] .ph-brand-footer{width:min(1740px,calc(100% - 32px));margin:32px auto 0;padding:20px 0 28px;text-align:center}
html:root .ph-access-page .login-shell{padding-top:0}
html:root .ph-access-page .login-card{border:1px solid var(--ph-glass-stroke);border-radius:28px;background:var(--ph-glass-strong);box-shadow:var(--ph-glass-shadow)}
html:root .ph-access-page .login-card form{border-radius:18px;background:#fff;padding:20px}
html:root .ph-access-page .account-shell .card{border-color:var(--ph-divider);border-radius:24px;box-shadow:0 8px 28px rgba(35,34,29,.035)}
@media(max-width:1279px){
 :root{--ph-header-height:144px}
 html:root body.ph-workspace[class] .ph-site-header:is(.topbar,.upload-topbar){height:120px;min-height:120px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:44px 44px;grid-template-areas:"brand home" "nav nav";row-gap:8px}
}
@media(max-width:734px){
 :root{--ph-header-height:132px}
 html:root body.ph-workspace[class]{background-attachment:scroll}
 html:root body.ph-workspace[class] .ph-site-header:is(.topbar,.upload-topbar,.ph-access-header){width:calc(100% - 16px);margin-top:8px;padding:10px 12px;top:8px;border-radius:22px;column-gap:8px}
 html:root body.ph-workspace[class] .ph-site-header:is(.topbar,.upload-topbar){height:116px;min-height:116px}
 html:root body.ph-workspace[class] .ph-site-header.ph-access-header{height:76px;min-height:76px}
 html:root body.ph-workspace[class] .ph-site-header .ph-main-home{padding-inline:9px;font-size:12px}
 html:root body.ph-workspace[class] .ph-site-header .ph-site-brand{font-size:14px;gap:7px}
 html:root body.ph-workspace[class] .ph-site-header .ph-site-brand small{font-size:9px}
 html:root body.ph-workspace[class] :is(.filters,.period-toolbar,.audience-filters,.pdd-filters,.new-products-controls,.video-filter){border-radius:22px}
 html:root body.ph-workspace[class] :is(.filter-summary,.audience-summary,.pdd-summary,.summary-strip,.video-summary){padding:7px;border-radius:24px}
 html:root .ph-access-page .login-card form{padding:16px}
}
@media(prefers-reduced-transparency:reduce),(forced-colors:active){
 html:root body.ph-workspace[class] .ph-site-header:is(.topbar,.upload-topbar,.ph-access-header),
 html:root body.ph-workspace[class] :is(.filters,.period-toolbar,.audience-filters,.pdd-filters,.new-products-controls,.video-filter,.series-controls,.filter-summary,.audience-summary,.pdd-summary,.summary-strip,.video-summary,.login-card){background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}
}
@supports not (backdrop-filter:blur(1px)){
 html:root body.ph-workspace[class] .ph-site-header:is(.topbar,.upload-topbar,.ph-access-header),
 html:root body.ph-workspace[class] :is(.filters,.period-toolbar,.audience-filters,.pdd-filters,.new-products-controls,.video-filter,.series-controls,.filter-summary,.audience-summary,.pdd-summary,.summary-strip,.video-summary,.login-card){background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
}