/* v52 site polish — loaded last on every page.
   V2 editor columns · V4 share header · V3 share equipment list · V6 mobile headers · V7 maker toolbar
   V8 shared design tokens · V9 empty states · U1 readable sizes · U2 tap targets · U3 contrast */

/* ---------- V8 shared design tokens ---------- */
:root{
 --sp-gold:#e5cf93;--sp-gold-2:#c9b278;--sp-cyan:#9ccfd9;--sp-text:#e3ecf4;--sp-muted:#9fb4c6;
 --sp-panel:#0e1b2c;--sp-line:#2c4457;
 --sp-r-sm:8px;--sp-r:10px;--sp-r-lg:16px;
 --sp-focus:0 0 0 3px rgba(156,207,217,.32);
}
html body :is(input[type=text],input[type=number],input[type=url],input[type=password],input[type=search],input[type=email],select,textarea):not(#capture-target *){border-radius:var(--sp-r)}
html body :is(input[type=text],input[type=number],input[type=url],input[type=password],input[type=search],input[type=email],select,textarea):not(#capture-target *):focus-visible{outline:none;border-color:var(--sp-cyan);box-shadow:var(--sp-focus)}
html body :is(button,a,summary,[role=button]):focus-visible{outline:2px solid var(--sp-cyan);outline-offset:2px}
.orientation-btn,.layout-thumb,.style-option,.upgrade-preview-bar button,.editor-tabs button,.media-filter-options button{border-radius:var(--sp-r)!important}
.controls.glass-card,.toolbar,.hot-strip,.creator-profile,.ca-panel,.share-info .social-panel{border-radius:var(--sp-r-lg)}

/* ---------- V2 editor: one page scroll, preview stays visible ---------- */
@media(min-width:901px){
 .maker-layout>.controls{height:auto!important;max-height:none!important;overflow:visible!important}
 .maker-layout>.controls .editor-header{top:76px;z-index:30;box-shadow:0 10px 18px rgba(4,9,18,.55)}
 body.is-scrolled .maker-layout>.controls .editor-header{top:60px}
 .maker-layout>.preview-area{top:92px}
 body.is-scrolled .maker-layout>.preview-area{top:72px}
}

/* ---------- V7 maker toolbar on phones: one tidy row ---------- */
.upgrade-preview-bar .tb-ico{display:inline-block}
@media(max-width:600px){
 .upgrade-preview-bar{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;gap:6px!important;padding-bottom:10px}
 .upgrade-preview-bar::-webkit-scrollbar{display:none}
 .upgrade-preview-bar>*{flex:0 0 auto}
 .upgrade-preview-bar>span{display:none!important}
 .upgrade-preview-bar .tb-lbl{display:none}
 .upgrade-preview-bar .tb-ico{font-size:16px;line-height:1}
 .upgrade-preview-bar button{min-height:40px;min-width:40px;padding:6px 10px!important;font-size:12px!important}
}

/* ---------- V6 compact headers on phones (glamours, account) ---------- */
@media(max-width:760px){
 .site-header{display:grid!important;grid-template-columns:1fr auto auto;align-items:center;gap:8px 8px!important;padding:10px 14px 6px!important}
 .site-header>.brand{grid-column:1;min-width:0}
 .site-header>nav{grid-column:1/-1;grid-row:2;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;gap:4px!important;margin:0 -14px;padding:0 14px 4px;align-items:center;justify-content:flex-start!important;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent)}
 .site-header>nav::-webkit-scrollbar{display:none}
 .site-header>nav>a{flex:0 0 auto;white-space:nowrap}
 .site-header>nav>.ca-bar{flex:0 0 auto;margin:0 0 0 4px!important;width:auto!important}
 .site-header>nav>.ca-bar .ca-button{min-height:36px;padding:6px 12px}
 .site-header>.ca-bar{grid-column:2;grid-row:1;margin:0!important;width:auto!important}
 .site-header>.ca-bar .ca-button{min-height:36px;padding:6px 12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .site-header>label,.site-header>.ca-language{grid-column:3;grid-row:1}
 .site-header>.ca-language select{max-width:86px;min-height:36px!important;padding:4px 8px!important}
 .site-header>.brand{font-size:13px}
 .site-header>nav>#gallery-motion-toggle{flex:0 0 auto;font-size:12px!important;min-height:36px;padding:4px 10px!important;margin-left:4px}
}

/* ---------- V4 share page header ---------- */
.share-header{position:relative;z-index:40;display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:16px 24px!important}
.share-header>a{display:flex!important;flex-direction:column;gap:4px!important;min-width:max-content;color:var(--sp-text);text-decoration:none}
.share-header>a span{white-space:nowrap}
.share-header>nav{justify-self:center;display:inline-flex!important;flex-wrap:nowrap!important;gap:2px!important;padding:3px;border:1px solid var(--sp-line);border-radius:999px;background:rgba(9,18,32,.7)}
.share-header>nav a{display:inline-flex;align-items:center;min-height:32px;padding:4px 14px;border-radius:999px;color:var(--sp-muted);text-decoration:none;white-space:nowrap;font-size:13px}
.share-header>nav a[aria-current]{background:linear-gradient(135deg,rgba(229,207,147,.22),rgba(156,207,217,.12));color:#f3e6c2}
.share-header>.ca-bar{grid-column:3;justify-self:end;margin:0!important;width:auto!important}
@media(max-width:760px){
 .share-header{grid-template-columns:1fr auto;padding:14px 16px!important;gap:12px!important}
 .share-header>a{grid-column:1}
 .share-header>.ca-bar{grid-column:2;grid-row:1}
 .share-header>nav{grid-column:1/-1;grid-row:2;justify-self:start}
 .share-header>a span{font-size:17px!important}
}
.share-info .share-tags{justify-content:flex-start;padding:2px 0 4px}
.share-info .share-personal{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;border:1px solid var(--sp-line);border-radius:var(--sp-r);color:var(--sp-cyan);text-decoration:none;background:rgba(14,28,44,.6)}
.share-info .share-personal:hover{border-color:var(--sp-gold-2);color:#f3e6c2}
.share-info .creator-link{display:inline-block;margin:0 0 10px}

/* ---------- V3 share equipment list: icon · name · dye dots · small source button ---------- */
.share-gear ul{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.share-gear li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;grid-auto-rows:auto;column-gap:12px;row-gap:2px;align-items:center;padding:10px 12px;border:1px solid rgba(88,119,133,.35);border-radius:var(--sp-r);background:rgba(13,26,42,.6)}
.share-gear li>.gear-icon{grid-column:1;grid-row:1/span 4;width:44px;height:44px;border-radius:8px;background:#0b1626;object-fit:contain;border:1px solid rgba(255,255,255,.08)}
.share-gear li>.gear-slot{grid-column:2;font-size:11px;letter-spacing:.06em;color:var(--sp-gold-2)}
.share-gear li>strong{grid-column:2;font-size:14px;color:var(--sp-text);line-height:1.35}
.share-gear li>span{grid-column:2;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--sp-muted)}
.share-gear li>span .dye-dot{flex:none;width:11px;height:11px;border-radius:50%;background:var(--c,#555);box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.share-gear li>span .dye-dot.none{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.share-gear li>button,.share-gear li>a{grid-column:3;grid-row:1/span 4;align-self:center;width:auto!important;min-width:0!important;min-height:36px!important;margin:0!important;padding:6px 12px!important;font-size:12px!important;border-radius:var(--sp-r)!important;white-space:nowrap}
.share-gear .share-copy{margin:6px 0 4px;padding:8px 14px;border-radius:var(--sp-r);border:1px solid var(--sp-line);background:rgba(14,28,44,.7);color:var(--sp-text);font-size:13px;cursor:pointer}
.share-gear .share-copy:hover{border-color:var(--sp-gold-2);color:#f3e6c2}
@media(max-width:520px){.share-gear li{grid-template-columns:40px minmax(0,1fr) auto;padding:9px 10px}.share-gear li>.gear-icon{width:40px;height:40px}}

/* ---------- V9 empty & missing states ---------- */
.ca-empty,.empty{position:relative}
.ca-empty{display:grid;justify-items:center;gap:12px;padding:44px 20px!important;text-align:center;color:var(--sp-muted);border:1px dashed rgba(156,207,217,.3);border-radius:var(--sp-r-lg);background:radial-gradient(ellipse at 50% 0%,rgba(156,207,217,.08),transparent 70%)}
.ca-empty::before{content:'';width:56px;height:56px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23cdeef3'/%3E%3Cstop offset='1' stop-color='%23e5cf93'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M32 4 50 24 32 60 14 24Z' fill='none' stroke='url(%23g)' stroke-width='2'/%3E%3Cpath d='M14 24h36M32 4 26 24l6 36 6-36Z' fill='none' stroke='url(%23g)' stroke-width='1.4' opacity='.7'/%3E%3C/svg%3E");filter:drop-shadow(0 0 10px rgba(156,207,217,.35))}
.ca-empty .ca-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.photo .missing,.crystal-image.image-missing>span{display:grid;justify-items:center;gap:10px;color:var(--sp-muted);font-size:12px;letter-spacing:.04em}
.photo .missing::before,.crystal-image.image-missing>span::before{content:'';width:38px;height:38px;opacity:.7;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 4 50 24 32 60 14 24Z' fill='none' stroke='%239ccfd9' stroke-width='2'/%3E%3Cpath d='M14 24h36M32 4 26 24l6 36 6-36Z' fill='none' stroke='%239ccfd9' stroke-width='1.4' opacity='.6'/%3E%3C/svg%3E")}

/* ---------- U1 readable text ---------- */
.brand small,.site-brand small{font-size:10px!important;letter-spacing:.32em!important}
.editor-tabs button>span{font-size:11px!important}
.crystal-card-type,.crystal-eyebrow,.crystal-card-date,.crystal-no-link{font-size:11px!important}
.container>header>p{font-size:12px!important}
.crystal-card-server,.crystal-card-date,.crystal-no-link,.outfit-copy p,.outfit-copy time,.photo .media,.slot-choice span,.slot-name,.filter-hint,.search-hint,.mini-copy small,.gear-slot,.share-gear li>span{font-size:12px!important}
@media(max-width:760px){
 .crystal-card-server,.crystal-card-date,.crystal-no-link,.crystal-status,#crystal-total,
 .outfit-copy p,.outfit-copy time,.photo .media,.mini-copy small,.slot-choice span,.slot-name,
 .toolbar label>span,.classification-filters span,.filter-hint,.search-hint,#status,
 .upgrade-note,.tag-hint,#draft-status,.crystal-consent span,details>summary>small,
 #reset-defaults,.editor-tabs button,.ca-status,.preview-empty b,.extra-slot-filters>summary,
 .outfit-tags .tag-chip,.share-tags .tag-chip,.tag-chip{font-size:12px!important}
 .eyebrow,.ca-eyebrow,.crystal-eyebrow,.crystal-card-type{font-size:11px!important}
 .gear-slot{font-size:12px!important}
 #motion-toggle,#gallery-motion-toggle,.language-switch a{font-size:12px!important}
}

/* ---------- U2 comfortable tap targets on touch screens ---------- */
@media(pointer:coarse){
 .site-header nav>a,.ca-nav>a{display:inline-flex;align-items:center;min-height:40px;padding:0 10px}
 .language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:40px}
 .share-header>nav a{min-height:38px}
 .tag-chip{min-height:36px}
 .outfit-tags .tag-chip{min-height:34px}
 .creator-link{min-height:40px;display:inline-flex;align-items:center}
 .slot-clear,.filter-chip{min-height:36px}
}

@media(pointer:coarse){
 .gallery-footer a,.site-footer a,.share-more,.share-info .share-personal{min-height:40px;display:inline-flex;align-items:center}
 #motion-toggle,#gallery-motion-toggle{min-height:36px}
 .site-header .language select,.language-switch{min-height:36px}
}
/* ---------- U3 contrast ---------- */
#job-checkboxes>div[style*="#2b6aff"]{color:#82a8ff!important}

/* ---------- v53 phone maker: more room ---------- */
@media(max-width:900px){
 .mobile-action-bar{display:none!important}
 body:has(.mobile-action-bar){padding-bottom:0!important}
 body:has(.mobile-action-bar) .upload-progress:not(.is-inline),body:has(.mobile-action-bar) .ca-toast,body:has(.mobile-action-bar) #upgrade-toast{bottom:calc(16px + env(safe-area-inset-bottom))!important}
 .editor-header .card-mode-tabs,.editor-header .editor-reset-row{max-height:96px;overflow:hidden;transition:max-height .28s ease,opacity .2s ease,margin .28s ease,padding .28s ease}
 body.maker-tabs-hidden .editor-header .card-mode-tabs,body.maker-tabs-hidden .editor-header .editor-reset-row{max-height:0;opacity:0;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-width:0!important;pointer-events:none}
}
/* v53 phone gallery detail: no 3D tilt on touch screens */
@media(pointer:coarse){.holo:not(.holo-card){transform:none!important;touch-action:auto}.holo:not(.holo-card)::before,.holo:not(.holo-card)::after{display:none}.holo-card{touch-action:none}}
/* v54: the detail dialog never grows wider than the screen (MP4 cards made the column 512px wide on phones) */
#detail .detail-layout>*{min-width:0}
#detail .holo-frame{min-width:0;max-width:100%}
#detail .holo-frame video{width:100%!important;max-width:100%;height:auto}
@media(max-width:760px){#detail .detail-layout{grid-template-columns:minmax(0,1fr)!important}#detail .holo-frame{display:block;width:100%}#detail .holo-frame img{width:100%;max-width:100%}}

/* ---------- v54 maker navigation = same look as Crystal glamours ---------- */
html body nav.main-navigation{display:flex;align-items:center;flex-wrap:nowrap;gap:24px;height:auto;min-height:0;padding:16px max(28px,calc((100vw - 1320px) / 2 + 28px));background:rgba(9,18,33,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #2d4358;box-shadow:none}
html body.is-scrolled nav.main-navigation{padding-top:9px;padding-bottom:9px;background:rgba(6,12,22,.88);box-shadow:0 10px 26px rgba(0,0,0,.35)}
html body nav.main-navigation>.site-brand{order:1;display:flex!important;align-items:center;gap:10px;flex:0 0 auto;width:auto!important;height:auto!important;overflow:visible;color:#a4e1e9;font:24px/1.1 Georgia,serif;letter-spacing:2px;text-decoration:none}
html body nav.main-navigation>.site-brand span{display:block}
html body nav.main-navigation>.site-brand small{display:block;font:10px/1.4 CardHuninn,sans-serif!important;letter-spacing:.32em!important;color:#ddc18a}
html body nav.main-navigation>.nav-menu{order:2;display:flex!important;flex:0 1 auto;flex-wrap:nowrap;justify-content:flex-start;gap:20px;margin:0;padding:0;list-style:none;width:auto}
html body nav.main-navigation>.nav-menu .nav-item{display:block;margin:0;padding:0}
html body nav.main-navigation>.nav-menu .nav-link{display:inline-flex;align-items:center;min-height:0;padding:0;font:400 14px/1.6 CardHuninn,system-ui,sans-serif;letter-spacing:normal;color:#e7edf5;text-decoration:none;white-space:nowrap;background:none;border:0;border-radius:0;box-shadow:none;text-shadow:none}
html body nav.main-navigation>.nav-menu .nav-link::before,html body nav.main-navigation>.nav-menu .nav-link::after{display:none}
html body nav.main-navigation>.nav-menu .nav-link:hover{color:#ddc18a}
html body nav.main-navigation>.nav-menu .nav-link[aria-current=page]{color:#ddc18a;font-weight:400}
html body nav.main-navigation>.ca-bar{order:3;margin:0!important;flex:0 0 auto}
html body nav.main-navigation>#motion-toggle{order:4;margin:0 0 0 auto!important;padding:7px 10px;font:400 11px CardHuninn,system-ui,sans-serif;color:#e7edf5;background:#14273a;border:1px solid #2d4358;border-radius:8px;min-height:34px}
html body nav.main-navigation>.language-switch{order:5;margin:0!important;display:inline-flex;gap:2px;padding:2px;background:#14273a;border:1px solid #2d4358;border-radius:10px}
html body nav.main-navigation>.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:2px 9px;border-radius:8px;font:400 12px CardHuninn,system-ui,sans-serif;color:#9fb4c6;text-decoration:none}
html body nav.main-navigation>.language-switch a[aria-current]{background:#22405a;color:#e7edf5}
@media(max-width:1180px){html body nav.main-navigation{gap:16px}html body nav.main-navigation>.nav-menu{gap:14px}}
@media(max-width:900px){
 html body nav.main-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 14px 4px}
 html body.is-scrolled nav.main-navigation{padding-top:8px;padding-bottom:2px}
 html body nav.main-navigation>.site-brand{grid-column:1;grid-row:1;font-size:18px;gap:8px}
 html body nav.main-navigation>.site-brand small{font-size:9px!important;letter-spacing:.24em!important}
 html body nav.main-navigation>.ca-bar{grid-column:2;grid-row:1}
 html body nav.main-navigation>.ca-bar .ca-button{min-height:36px;padding:6px 10px}
 html body nav.main-navigation>.language-switch{grid-column:3;grid-row:1}
 html body nav.main-navigation>.language-switch a{min-height:30px;padding:2px 7px}
 html body nav.main-navigation>.nav-menu{grid-column:1/-1;grid-row:2;overflow-x:auto;scrollbar-width:none;gap:4px;margin:0 0 0 -14px;padding:0 0 0 14px;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent)}
 html body nav.main-navigation>.nav-menu::-webkit-scrollbar{display:none}
 html body nav.main-navigation>.nav-menu .nav-link{min-height:40px;padding:0 9px;font-size:14px}
 html body nav.main-navigation .motion-item{flex:0 0 auto;display:flex;align-items:center}
 html body nav.main-navigation .motion-item #motion-toggle{margin:0 0 0 6px!important;font:400 12px CardHuninn,system-ui,sans-serif;min-height:34px;padding:4px 10px;color:#e7edf5;background:#14273a;border:1px solid #2d4358;border-radius:8px;white-space:nowrap}
 html body nav.main-navigation .ca-account-label{max-width:72px}
 html body nav.main-navigation>.language-switch a{font-size:11px;padding:2px 6px}
}

html body nav.main-navigation>.ca-bar{display:flex;align-items:center}
html body nav.main-navigation>.ca-bar::before{content:'';width:1px;height:18px;margin-right:16px;background:#2d4358}
@media(max-width:900px){html body nav.main-navigation>.ca-bar::before{display:none}}
html body nav.main-navigation>.site-brand,html body nav.main-navigation>.nav-menu{margin-left:0!important;margin-right:0!important}
@media(max-width:900px){
 html body nav.main-navigation>.nav-menu{margin-left:-14px!important}
 html body nav.main-navigation>.language-switch a{font-size:11px!important;padding:2px 5px!important;min-width:0!important}
}
html body nav.main-navigation>.ca-bar>.ca-button{min-height:36px;padding:6px 14px 6px 12px;border-radius:999px;font:400 14px CardHuninn,system-ui,sans-serif;letter-spacing:.04em;color:#f3e6c2;border:1px solid #c9b2786b;background:linear-gradient(135deg,#7df9ff1a,#c9b2781f),#0b1626cc;box-shadow:inset 0 1px 0 #ffffff14;gap:7px;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}
html body nav.main-navigation>.ca-bar>.ca-button:hover,html body nav.main-navigation>.ca-bar>.ca-button[aria-expanded=true]{border-color:#e5cf93;background:linear-gradient(135deg,#7df9ff2b,#c9b27833),#0f1d31;box-shadow:inset 0 1px 0 #ffffff1f,0 0 18px #7df9ff26;transform:translateY(-1px)}
@media(max-width:900px){html body nav.main-navigation>.nav-menu .nav-link{font-size:13px}html body nav.main-navigation>.ca-bar>.ca-button{font-size:13px;padding:5px 10px}}

/* ── v55 P1: stable layout while scripts load ───────────────────────── */
.ca-bar.ca-pending>*{visibility:hidden}
.hot-strip .is-skeleton{cursor:default;pointer-events:none}
.hot-strip .is-skeleton .sk-photo{display:block}
.hot-strip.is-loading .hot-head h2::before{opacity:.5}
@media(min-width:701px){#slot-filters:empty{min-height:182px}}
main.ca-page{min-height:calc(100vh - 120px);min-height:calc(100svh - 120px)}
.ca-cloud.ca-pending>*{visibility:hidden}

/* ── v55 E1: install chip ───────────────────────────────────────────── */
.pwa-chip{position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:9000;transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:min(440px,calc(100vw - 32px));box-sizing:border-box;padding:12px 12px 12px 16px;border:1px solid #c9b2786b;border-radius:16px;background:linear-gradient(135deg,#1a2a3df2,#0b1626f2);box-shadow:0 18px 40px #000a,0 0 0 1px #7df9ff14 inset;color:#e7edf5;font-family:CardHuninn,system-ui,sans-serif;animation:pwa-in .35s cubic-bezier(.2,.8,.2,1)}
.pwa-chip>div{flex:1;min-width:0;display:grid;gap:2px}
.pwa-chip small{color:#9eb3c7;font-size:12px;line-height:1.5}
.pwa-go{justify-self:start;padding:0;border:0;background:none;color:#f3e6c2;font:inherit;font-size:15px;font-weight:700;cursor:pointer;text-align:left}
.pwa-later{flex:none;min-height:36px;padding:0 12px;border:1px solid #58778566;border-radius:999px;background:#0d1a29;color:#c7d6e3;font:inherit;font-size:12px;cursor:pointer}
.pwa-chip.is-leaving{opacity:0;transform:translate(-50%,12px);transition:.25s}
@keyframes pwa-in{from{opacity:0;transform:translate(-50%,16px)}}
@media(prefers-reduced-motion:reduce){.pwa-chip{animation:none}}
/* v55 E2 */
#image-result .share-file-btn{display:flex;justify-content:center;width:100%;margin:12px 0 4px;min-height:46px;font-size:15px}
#media-result .share-file-btn{min-height:44px}

/* ── v55 E3: notices with thumbnails + activity toast ───────────────── */
.ca-notice{align-items:center;padding:10px 14px 10px 10px}
.ca-notice-link{flex:1;min-width:0;display:flex;align-items:center;gap:14px;color:#e0eaf3;text-decoration:none;border-radius:10px}
a.ca-notice-link:hover .ca-notice-text{color:#f3e6c2}
a.ca-notice-link:focus-visible{outline:2px solid #a8e2f7;outline-offset:4px}
.ca-notice-thumb{position:relative;flex:none;width:52px;height:64px;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:#15283b;border:1px solid #43566a77}
.ca-notice-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ca-notice-thumb img+.ca-notice-icon{position:absolute;right:-1px;bottom:-1px;width:22px;height:22px;font-size:11px;border-radius:8px 0 9px 0;background:#0b1626e6;border:1px solid #43566a}
.ca-notice-text{display:block;line-height:1.55;overflow-wrap:anywhere}
.ca-notice-hidden .ca-notice-icon,.ca-notice-report-hidden .ca-notice-icon{color:#ffcf8a}
.ca-notice-restored .ca-notice-icon,.ca-notice-report-ok .ca-notice-icon,.ca-notice-assigned .ca-notice-icon{color:#9fe6cf}
.ca-notice-favorite .ca-notice-icon{color:#f3d98b}
.ca-activity{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:9500;display:flex;align-items:center;gap:12px;width:min(380px,calc(100vw - 32px));box-sizing:border-box;padding:12px 10px 12px 12px;border:1px solid #c9b2786b;border-radius:16px;background:linear-gradient(135deg,#1a2a3df5,#0b1626f5);box-shadow:0 18px 40px #000a;color:#e7edf5;font-size:14px;animation:pwa-in .35s cubic-bezier(.2,.8,.2,1)}
.ca-activity-thumb{flex:none;width:46px;height:58px;object-fit:cover;border-radius:10px;border:1px solid #43566a}
.ca-activity-text{flex:1;min-width:0;display:grid;gap:3px;line-height:1.5}
.ca-activity-text strong{color:#f3e6c2;font-weight:600}
.ca-activity-text span{color:#c7d6e3;font-size:13px}
.ca-activity .ca-activity-go{justify-self:start;min-height:32px;padding:4px 12px;margin-top:4px;font-size:12px;border-radius:999px}
.ca-activity .ca-activity-close{flex:none;align-self:flex-start;min-height:32px;min-width:32px;padding:0;border:0;background:none;color:#9eb3c7;font-size:20px;line-height:1}
.ca-activity.is-leaving{opacity:0;transform:translateY(10px);transition:.26s}
@media(max-width:600px){.ca-activity{left:50%;right:auto;transform:translateX(-50%)}.ca-activity.is-leaving{transform:translate(-50%,10px)}@keyframes ca-act-in{from{opacity:0;transform:translate(-50%,16px)}}.ca-activity{animation-name:ca-act-in}}
@media(prefers-reduced-motion:reduce){.ca-activity{animation:none}}

/* ── v55 M3: report dialog, admin queue, claim ──────────────────────── */
.ca-report-form,.ca-claim-form{display:grid;gap:14px}
.ca-report-reasons{display:grid;gap:8px;margin:0;padding:0;border:0}
.ca-radio{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 12px;border:1px solid #43566a77;border-radius:12px;background:#101c2caa;cursor:pointer}
.ca-radio:has(input:checked){border-color:#c9b278aa;background:linear-gradient(135deg,#c9b2781a,#101c2caa)}
.ca-radio input{accent-color:#e5cf93;width:18px;height:18px;margin:0}
.ca-report-note{display:grid;gap:6px;color:#c7d6e3;font-size:13px}
.ca-report-note textarea{font:inherit;font-size:14px;color:#e7edf5;background:#0b1626;border:1px solid #456070;border-radius:12px;padding:10px 12px;resize:vertical}
.ca-claim-form input[type=email]{font:inherit;font-size:15px;color:#e7edf5;background:#0b1626;border:1px solid #456070;border-radius:12px;padding:10px 12px;min-height:44px;box-sizing:border-box;width:100%}
.ca-claim-form label{display:grid;gap:6px;color:#c7d6e3;font-size:13px}
.ca-claim-work{margin:0;color:#f3e6c2}
.ca-seg{display:inline-flex;gap:4px;padding:4px;margin:0 0 16px;border:1px solid #43566a77;border-radius:14px;background:#0d1a29}
.ca-seg .ca-button{min-height:38px;border-color:transparent;background:none}
.ca-seg .ca-button.is-on{border-color:#ad985c;color:#f6e9bd;background:linear-gradient(135deg,#41463b,#202d37)}
.ca-report-list{display:grid;gap:12px}
.ca-report-card{display:flex;gap:16px;padding:14px;border:1px solid #43566a77;border-radius:16px;background:#101c2caa}
.ca-report-card.is-hidden{opacity:.75}
.ca-report-thumb{flex:none;width:96px;aspect-ratio:3/4;border-radius:12px;overflow:hidden;background:#15283b}
.ca-report-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ca-report-info{flex:1;min-width:0;display:grid;gap:6px;align-content:start}
.ca-report-info h3{margin:0;font-size:16px;color:#ede2c8;overflow-wrap:anywhere}
.ca-report-meta{margin:0}
.ca-report-n{border-color:#c9b278aa;color:#f3e6c2}
.ca-warn{border-color:#b5874a;color:#ffcf8a}
.ca-report-notes{margin:0;padding:8px 12px 8px 26px;border-radius:10px;background:#0b1626;color:#c7d6e3;font-size:13px}
.ca-report-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
@media(max-width:600px){.ca-report-card{gap:12px;padding:12px}.ca-report-thumb{width:72px}}
.detail-tools-v55{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.report-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:1px solid #58778566;border-radius:999px;background:none;color:#9eb3c7;font:inherit;font-size:12px;cursor:pointer}
.report-link:hover{color:#ffcf8a;border-color:#b5874a}
.claim-link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid #ad985c;border-radius:999px;background:linear-gradient(135deg,#41463b,#202d37);color:#f6e9bd;font:inherit;font-size:12px;cursor:pointer}

/* ── v55 C2: creator page ───────────────────────────────────────────── */
.creator-profile{position:relative;display:block;padding:0;overflow:hidden;isolation:isolate;border:1px solid #c9b27855;background:#0d1a29}
.creator-banner{position:absolute;inset:0 0 auto;height:100%;z-index:-1;overflow:hidden}
.creator-banner img{width:100%;height:100%;object-fit:cover;filter:blur(28px) saturate(1.25) brightness(.55);transform:scale(1.2)}
.creator-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0d1a2955 0%,#0d1a29d9 55%,#0d1a29 100%),radial-gradient(ellipse at 15% 0,#7df9ff1f,transparent 60%)}
.creator-main{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:22px;align-items:center;padding:22px}
.creator-profile .creator-cover{width:150px;border-radius:16px;border:1px solid #f3e6c255;box-shadow:0 16px 36px #000a,0 0 0 4px #0d1a2999}
.creator-info .eyebrow{color:#e5cf93;letter-spacing:.18em;font-size:11px}
.creator-profile .creator-info h2{margin:6px 0 2px;font-size:clamp(24px,3vw,32px);color:#f6e9bd;letter-spacing:.02em;overflow-wrap:anywhere}
.creator-stats{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 4px;padding:0;list-style:none}
.creator-stats li{display:grid;gap:0;min-width:84px;padding:8px 14px;border:1px solid #ffffff1f;border-radius:12px;background:#06111b8c;backdrop-filter:blur(6px)}
.creator-stats strong{color:#f3e6c2;font-size:18px;line-height:1.3}
.creator-stats span{color:#9eb3c7;font-size:12px}
.creator-actions{display:grid;gap:8px;align-self:start;justify-items:stretch}
.creator-share,.creator-profile .creator-back{min-height:40px;padding:0 16px;border-radius:999px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.creator-share{border:1px solid #ad985c;background:linear-gradient(135deg,#41463b,#202d37);color:#f6e9bd}
.creator-share:hover{border-color:#e5cf93}
.creator-top{padding:0 22px 16px}
.creator-top h3{margin:0 0 10px;font-size:14px;color:#ede2c8;letter-spacing:.06em}
.creator-top h3::before{content:'✦ ';color:#e5cf93}
.creator-top .mini-outfit{flex-basis:132px}
@media(max-width:760px){.creator-main{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:16px}.creator-profile .creator-cover{width:96px}.creator-actions{grid-column:1/-1;grid-auto-flow:column;justify-content:start}.creator-stats li{min-width:0;padding:6px 10px}.creator-stats strong{font-size:16px}.creator-top{padding:0 16px 14px}.creator-top .mini-outfit{flex-basis:112px}}
@media(max-width:760px){.creator-main{align-items:start}.creator-profile .creator-info h2{font-size:22px;margin-top:2px}.creator-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.creator-stats li{padding:6px 8px;border-radius:10px}.creator-stats strong{font-size:15px;white-space:nowrap}.creator-stats span{font-size:11px}.creator-actions .creator-back{grid-column:auto;order:2}.creator-info .outfit-tags{padding-top:6px}}
.ca-report-form .ca-radio{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}
.ca-report-form .ca-radio input[type=radio]{flex:none;width:18px!important;height:18px!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border-radius:50%;appearance:auto;-webkit-appearance:radio;box-shadow:none!important;background:none!important}
.ca-report-form .ca-radio span{flex:1;min-width:0}
#detail-tools{margin:16px 0 4px;padding-top:14px;border-top:1px solid #ffffff14}
/* v61: 友站連結 dropdown in every site header (hover on desktop, tap to open on phones) */
.nav-friends{position:relative;display:inline-flex;align-items:center}
.nav-friends>summary{display:inline-flex;align-items:center;gap:4px;list-style:none;cursor:pointer;color:inherit;font:inherit;white-space:nowrap;user-select:none}
.nav-friends>summary::-webkit-details-marker{display:none}
.nav-friends>summary::after{content:'';width:6px;height:6px;margin:0 2px 3px 4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.7;transition:transform .2s}
.nav-friends[open]>summary::after{transform:rotate(225deg);margin-bottom:-2px}
.nav-friends-menu{display:none;position:absolute;top:100%;left:50%;z-index:80;padding-top:8px;transform:translateX(-50%)}
.nav-friends-menu>a{display:flex!important;align-items:center;gap:6px;min-height:40px;padding:8px 16px!important;border:1px solid #526478;border-radius:12px;background:#101e2df5;box-shadow:0 12px 32px #0008;color:#e7edf5!important;white-space:nowrap;text-decoration:none;backdrop-filter:blur(14px)}
.nav-friends-menu>a:hover{border-color:#e5cf93;color:#f3e6c2!important}
.nav-friends:hover>.nav-friends-menu,.nav-friends:focus-within>.nav-friends-menu,.nav-friends[open]>.nav-friends-menu{display:block}
@media (hover:none),(max-width:900px){
 .nav-friends:hover>.nav-friends-menu,.nav-friends:focus-within>.nav-friends-menu{display:none}
 .nav-friends[open]>.nav-friends-menu{display:inline-flex;position:static;transform:none;padding:0 0 0 8px}
 .nav-friends-menu>a{min-height:32px;padding:4px 12px!important;border-radius:999px;box-shadow:none}
}
html body nav.main-navigation>.nav-menu .nav-friends>summary.nav-link{color:#e7edf5}
html body nav.main-navigation>.nav-menu .nav-friends>summary.nav-link:hover,html body nav.main-navigation>.nav-menu .nav-friends[open]>summary.nav-link{color:#f3e6c2}
html body nav.main-navigation>.nav-menu .nav-friends>summary.nav-link::after{display:block;content:'';width:6px;height:6px;margin:0 2px 3px 6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:.7;transition:transform .2s}
html body nav.main-navigation>.nav-menu .nav-friends[open]>summary.nav-link::after{transform:rotate(225deg);margin-bottom:-2px}