/* Obsidian Glass: shared surface system for every section and its nested views. */
:root{--obs-ink:#080b0e;--obs-surface:rgba(13,17,21,.58);--obs-raised:rgba(29,35,41,.40);--obs-text:#edf2f4;--obs-muted:#a4afb6;--obs-line:rgba(160,174,184,.14);--obs-edge:rgba(130,143,153,.24);--obs-accent:#9aefbf;--obs-glass:linear-gradient(140deg,rgba(8,11,14,.12),rgba(1,3,5,.20) 36%,rgba(0,2,4,.24) 70%,rgba(7,10,13,.14));--obs-shadow:inset 0 1px 1px #d4e4ee20,inset 0 -1px 1px #d4e4ee0b,0 24px 70px #000a}
/* The player and green navigation pixels retain their own presentation. */
.window:not(.preview-player-window),.reputation-screen,dialog,.wallet-sheet,.marketplace-directory-dialog,.detail-shell{--paper:#11171d;--line:#44515c;--muted:var(--obs-muted);color:var(--obs-text)}
.window:not(.preview-player-window),dialog.log-detail-dialog,dialog.market-review-dialog,dialog.market-operation-dialog,.wallet-sheet,.detail-shell{
 background:var(--obs-glass)!important;border:1px solid var(--obs-edge)!important;box-shadow:var(--obs-shadow)!important;backdrop-filter:blur(1.5px) saturate(.95);-webkit-backdrop-filter:blur(1.5px) saturate(.95);clip-path:none!important;isolation:isolate
}
.window:not(.preview-player-window){border-radius:22px!important}
.window:not(.preview-player-window)::before{
 content:"";position:absolute;inset:0;left:0;top:0;width:auto;height:auto;border-radius:inherit;padding:1px;z-index:8;pointer-events:none;
 background:linear-gradient(135deg,#b0bfcc22,#a4b3c009 23%,#8a99a303 60%,#b5c5cf18);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude
}
.window:not(.preview-player-window)::after{content:"";position:absolute;inset:2px;border-radius:inherit;pointer-events:none;z-index:7;background:radial-gradient(ellipse at 0 0,#e3f5ff13,transparent 25%),radial-gradient(ellipse at 100% 100%,#d5eaff0c,transparent 23%);box-shadow:inset 0 0 12px #d9efff03}
.window:not(.preview-player-window) .window-content{background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--obs-text)}
.window:not(.preview-player-window) :is(.titlebar,.window-bottom){background:#141b2266!important;border-color:var(--obs-line)!important}
.window:not(.preview-player-window).shared-section-window .section-switch{background:linear-gradient(180deg,#cce6ff0e,#080c1155)!important;border-bottom:1px solid var(--obs-line)!important;box-shadow:inset 0 1px #f1faff12}
.window:not(.preview-player-window) .section-switch button{background:transparent!important;color:var(--obs-muted)!important;border-color:transparent!important;box-shadow:none;transition:background .24s,border-color .24s,box-shadow .24s,color .24s}
.window:not(.preview-player-window) .section-switch button[aria-pressed=true]{background:linear-gradient(180deg,#9aacbc0b,#080b0e88)!important;border-color:#a6bac529!important;color:#effff6!important;box-shadow:inset 0 1px #effaff0c,inset 0 -2px #9aefbf,0 3px 15px #0003}
.window:not(.preview-player-window) .section-switch button:hover:not([aria-pressed=true]){background:#e6f5ff03!important;color:var(--obs-text)!important}
/* Remove opaque green fills from inner pages, leaving the shared glass visible. */
.window:not(.preview-player-window) :is(.artist-materials,.materials-index,.materials-folio,.folio-layout,.folio-body,.folio-sidebar,.folio-sections,.folio-section,.collection-browser,.collection-grid-browser,.archive-search-browser,.archive-search-index,.timeline-browser,.web2-browser,.calendar-screen,.calendar-board,.log-screen,.record-log,.identity-ledger,.onchain-identity,.identity-passport,.identity-document,.identity-record-panel,.identity-side,.market-redesign,.market-console,.market-home,.exchange-workspace,.exchange-gallery,.exchange-collector,.exchange-content,.exchange-inspector,.exchange-session-summary){background:transparent!important;color:var(--obs-text)}
.window:not(.preview-player-window) :is(.artist-materials,.collection-browser,.calendar-screen,.log-screen,.identity-ledger,.market-redesign,.exchange-workspace) :is(h1,h2,h3,h4,b,strong){color:var(--obs-text)}
.window:not(.preview-player-window) :is(.folio-top,.folio-contents,.folio-section,.archive-head,.collection-browser>header,.collection-room-title,.collection-story,.collection-story-copy,.timeline-year,.timeline-events,.record-head,.record-row,.record-stream,.calendar-header,.calendar-agenda,.calendar-event,.identity-section,.identity-section>header,.identity-footnote,.participation-record,.exchange-header,.market-section-heading,.terminal-toolbar,.terminal-filters,.market-sync-bar,.listing-sale,.item-actions,.community-stat-row,.community-collector,.community-activity,.community-stat-group,.community-holdings){border-color:var(--obs-line)!important}
.window:not(.preview-player-window) :is(.materials-menu button,.archive-materials-menu button,.collection-item,.archive-card,.archive-work,.record-row,.participation-record,.identity-contract,.identity-wallet,.identity-bitcoin,.listing-card,.site-listing-card,.holdings-work,.exchange-work,.community-stat,.community-held-work,.community-stat-detail,.community-sales-audit){border-color:var(--obs-line)!important;background:linear-gradient(120deg,#cce5f708,#090e12a6)!important;box-shadow:inset 0 1px #e6f4ff0a!important;color:var(--obs-text)}
.window:not(.preview-player-window) :is(.materials-menu button,.archive-materials-menu button,.collection-item,.archive-card,.archive-work,.participation-record,.identity-contract,.identity-wallet,.listing-card,.site-listing-card,.holdings-work,.community-stat):hover{border-color:#d7edfc52!important;background:linear-gradient(120deg,#d9eeff12,#15202a80)!important}
.window:not(.preview-player-window) :is(.identity-heading,.identity-monogram,.identity-wallet-mark,.identity-networks span,.identity-chain,.identity-tokens,.participation-token,.market-manifest,.market-ledger,.exchange-demo-banner,.exchange-account,.market-panel,.order-card,.order-list,.exchange-review,.exchange-feedback,.exchange-work-order){background:#bddef50a!important;border-color:var(--obs-line)!important;color:var(--obs-text)}
.window:not(.preview-player-window) :is(p,small,time,dt,.eyebrow,.folio-note,.record-description,.calendar-location,.calendar-key,.identity-section-caption,.identity-heading p,.identity-footnote,.participation-when,.participation-evidence,.market-help,.market-source-note,.market-seaport-note,.market-ledger-note,.market-source-note,.terminal-footnote,.terminal-detail,.community-status,.community-rank,.community-network,.community-event,.community-event-meta){color:var(--obs-muted)!important}
/* Glass controls use silver highlights; mint is a deliberate selection/action accent. */
.window:not(.preview-player-window) :is(button:not(.calendar-day),input,select,textarea),.reputation-screen :is(button,a),dialog :is(button,input,select,textarea),.wallet-sheet :is(button,input),.marketplace-directory-dialog :is(button,select){border-color:#c7dce731!important}
.window:not(.preview-player-window) :is(input,select,textarea),dialog :is(input,select,textarea),.wallet-sheet input,.marketplace-directory-dialog select{background:#080d12a8!important;color:var(--obs-text)!important;box-shadow:inset 0 1px 5px #0004!important;caret-color:var(--obs-accent)}
.window:not(.preview-player-window) :is(input,textarea)::placeholder,dialog input::placeholder{color:#8c99a3!important;opacity:1}
.window:not(.preview-player-window) :is(input,select,textarea):focus,dialog :is(input,select,textarea):focus{border-color:#d7eafc88!important;outline:2px solid #bbd7ee22;outline-offset:2px}
.window:not(.preview-player-window) :is(button:not(.calendar-day):not([data-share-path]):not(.archive-share-icon)),dialog button,.wallet-sheet button,.reputation-back,.marketplace-directory-dialog button{background:linear-gradient(180deg,#d1eaff0e,#080b0ebf)!important;color:var(--obs-text)!important;box-shadow:inset 0 1px #e9f5ff0d}
.window:not(.preview-player-window) :is(button):hover:not(:disabled),dialog button:hover:not(:disabled),.wallet-sheet button:hover:not(:disabled),.marketplace-directory-dialog button:hover:not(:disabled){border-color:#dceeff70!important;box-shadow:inset 0 1px #effaff0c,0 0 14px #c1e4ff0a}
.window:not(.preview-player-window) :is(button[aria-current=page],button[aria-pressed=true]),.window:not(.preview-player-window) .market-browse-controls .market-section-navigation button[aria-current=page],.window:not(.preview-player-window) .identity-index button[aria-current=page]{background:linear-gradient(180deg,#b6d3eb21,#8ba7bd0d)!important;color:#f0fff7!important;border-color:#c7dfef4d!important;box-shadow:inset 0 -2px var(--obs-accent),inset 0 1px #effaff1c!important}
.window:not(.preview-player-window) :is(.market-connect,[data-market-connect],.wallet-checker-bar>button,.terminal-action:not(.terminal-transfer),.site-listing-action:not(.site-listing-secondary)),dialog :is(button[type=submit],.log-detail-article){background:linear-gradient(145deg,#d8e8df,#aac8ba)!important;color:#102018!important;border-color:#e1f7e9a3!important;box-shadow:inset 0 1px #fff7,0 4px 16px #0003!important}
.window:not(.preview-player-window) :is(.market-back-button,.market-search-toggle,.archive-share-icon,[data-share-path],.collection-back,.calendar-month-nav button,.calendar-gallery-links a,.community-more,.community-stat-back),.log-detail-share{background:linear-gradient(180deg,#dfedff0d,#080b0ecc)!important;border-color:#d2e5f541!important;color:#dceaf2!important;box-shadow:inset 0 1px #eaf6ff12!important}
.window:not(.preview-player-window) :is(.market-address-form.wallet-checker-bar,.market-section-navigation,.identity-index,.terminal-toolbar,.archive-filter-bar,.web2-filters){background:#09101777!important;border-color:var(--obs-line)!important;box-shadow:inset 0 1px #e2f3ff0a!important}
.window:not(.preview-player-window) .wallet-checker-bar label,.window:not(.preview-player-window) .wallet-checker-bar input{background:transparent!important}
.window:not(.preview-player-window) :is(.terminal-art,.listing-visual,.site-listing-visual,.archive-visual,.archive-work img,.collection-story-poster img,.resume-media img,.resume-media video){background:#05090dc9!important;border-color:var(--obs-line)!important}
.window:not(.preview-player-window) :is(.archive-work>button,.archive-card>button){background:transparent!important;box-shadow:none!important;color:var(--obs-text)!important}
/* Calendar: a smoked-glass month, silver dates, and a single mint event marker. */
.window:not(.preview-player-window) .calendar-month{background:linear-gradient(145deg,#a9cbe712,#0b1015a6)!important;border:1px solid var(--obs-line);box-shadow:inset 0 1px #f1faff12}
.window:not(.preview-player-window) .calendar-day{background:transparent!important;color:#d3dde4!important;border-color:transparent!important}
.window:not(.preview-player-window) button.calendar-day{background:#d7edff05!important;border-color:#d6ecff16!important}
.window:not(.preview-player-window) :is(.calendar-day.is-selected,button.calendar-day:hover){background:#a8c8e827!important;color:#f3fff8!important;border-color:#d4edff62!important;box-shadow:inset 0 -2px var(--obs-accent)}
.window:not(.preview-player-window) :is(.calendar-day i,.calendar-key i,.record-node){background:var(--obs-accent)!important}
.window:not(.preview-player-window) :is(.calendar-agenda .calendar-event,.calendar-event.is-selected){background:linear-gradient(120deg,#c3dff716,#0c121999)!important;border-color:#c9dfed36!important}
/* Marketplace directories are injected dynamically, so these rules outrank their local skin. */
.marketplace-directory-dialog{background:var(--obs-glass)!important;color:var(--obs-text)!important}
.marketplace-directory-dialog :is(.directory-toolbar,.directory-filters,.directory-card,.directory-footer,.directory-pager){border-color:var(--obs-line)!important}
.marketplace-directory-dialog :is(.directory-intro,.directory-eyebrow,.directory-network,.directory-networks,.directory-pager,small){color:var(--obs-muted)!important}
.marketplace-directory-dialog :is(h2,strong){color:var(--obs-text)!important}
.marketplace-directory-dialog .directory-card:hover{background:#d7edff0a!important}
/* Every operation/detail dialog and wallet sheet shares the same smoked glass. */
dialog.log-detail-dialog,dialog.market-review-dialog,dialog.market-operation-dialog,.wallet-sheet{border-radius:20px!important;color:var(--obs-text)!important}
dialog::backdrop,.wallet-modal{background:#03050933!important;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
.log-detail-head,.wallet-sheet-head{background:linear-gradient(180deg,#292f3745,#070b1088)!important;border-color:var(--obs-line)!important;box-shadow:inset 0 1px #e3f1ff18}
.log-detail-dialog :is(h2,.log-detail-subtitle),.market-review-dialog :is(h2,h3,dt,dd),.market-operation-dialog h2,.wallet-sheet :is(h3,b){color:var(--obs-text)!important}
.log-detail-dialog :is(p,small,figcaption,.log-share-status),.market-review-dialog :is(p,small),.wallet-sheet :is(small,.wallet-status){color:var(--obs-muted)!important}
.log-detail-dialog .log-detail-article{background:linear-gradient(145deg,#d8e8df,#aac8ba)!important;color:#102018!important;border-color:#e1f7e9a3!important}
.log-detail-dialog :is(.log-detail-media,.log-detail-head),.market-review-dialog :is(dl,dl div,.artwork-collectors-disclosure,.community-collector){border-color:var(--obs-line)!important}
.log-detail-dialog :is(img,video),.market-review-dialog .detail-artwork-preview{background:#05090d!important;border-color:var(--obs-line)!important}
.wallet-sheet{position:relative}.wallet-sheet .wallet-option{background:#e0efff05!important;border-color:var(--obs-line)!important}.wallet-sheet .wallet-demo-link{color:var(--obs-accent)!important}
/* Reputation retains its spatial layout, now composed of separate glass plaques. */
.reputation-screen{color:var(--obs-text)!important;background:radial-gradient(ellipse at 50% 50%,#10192338,transparent 65%)!important}
.reputation-intro{background:linear-gradient(140deg,#a9c6df12,#02040755)!important;border:1px solid #d9edff30;border-radius:16px;box-shadow:inset 0 1px #eaf5ff20,0 18px 55px #0008;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.reputation-intro :is(h2,a){color:var(--obs-text)!important}.reputation-intro :is(p,small){color:var(--obs-muted)!important}
.reputation-intro>a{background:linear-gradient(180deg,#c7e1f31c,#101923d9)!important;border-color:#d9edff26!important;text-shadow:none!important;box-shadow:inset 0 1px #f0faff08!important;animation:none!important}
.reputation-screen .reputation-tile{background:linear-gradient(140deg,#a4c7e41d,#0406097a)!important;border-color:#d7eaff1f!important;color:#e5edf4!important;border-radius:8px;box-shadow:inset 0 1px #e7f5ff06,0 6px 20px #0006!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.reputation-screen .reputation-tile:hover,.reputation-screen .reputation-tile:focus-visible{background:linear-gradient(140deg,#cbe4f933,#172431ee)!important;border-color:#e2f4ff3d!important;box-shadow:inset 0 1px #ffffff0a!important}
.reputation-back{background:#17212bbf!important;color:var(--obs-text)!important;border-color:#c5dbe626!important}
/* Community tables and metric drawers, including lazily loaded collector views. */
:is(.window:not(.preview-player-window),dialog,.detail-shell) .market-community :is(.community-networks,.community-stat-detail,.community-sales-audit,.community-stat,.community-holdings,.community-stat-group){background:transparent!important;border-color:var(--obs-line)!important;color:var(--obs-text)!important}
:is(.window:not(.preview-player-window),dialog,.detail-shell) .market-community :is(button,a){color:#d7e5ef!important;border-color:var(--obs-line)!important}
:is(.window:not(.preview-player-window),dialog,.detail-shell) .market-community :is(p,small,time,.community-status,.community-rank){color:var(--obs-muted)!important}
:is(.window:not(.preview-player-window),dialog,.detail-shell) .market-community :is(.community-collector,.community-activity,.community-stat-row,.community-stat-columns,.community-held-work){border-color:var(--obs-line)!important}
:is(.window:not(.preview-player-window),dialog,.detail-shell) .market-community button{background:#d4eaff09!important}
/* Canonical collection/work pages and their original-source and collector subviews. */
body:has(>.detail-shell){background:radial-gradient(ellipse at 50% 0,#14171c33,transparent 65%),#04070c!important;color:var(--obs-text)}
.detail-shell{position:relative;margin:24px auto;padding:24px clamp(16px,3vw,38px) 48px;border-radius:22px;color:var(--obs-text)}
.detail-shell :is(.detail-header,.detail-meta,dl,dl div,.work-row,.cyber-detail-cover,.sadeh-card-context,.market-community,.artwork-collectors-disclosure){border-color:var(--obs-line)!important}
.detail-shell :is(.work-art,.cyber-detail-cover,.detail-guide){background:linear-gradient(135deg,#b5d7ef0c,#05090dcf)!important;border-color:#d1e7f638!important;box-shadow:inset 0 1px #e9f5ff12}
.detail-shell :is(h1,h2,h3,dd,.work-row){color:var(--obs-text)!important}.detail-shell :is(p,small,dt,.detail-meta,.work-contribution,.sadeh-card-context figcaption){color:var(--obs-muted)!important}
.detail-shell :is(.detail-meta button,.work-actions button,.source-link){background:linear-gradient(180deg,#bfd9ee1d,#101923c9)!important;color:#e9f4ef!important;border-color:#d5e9f659!important;border-radius:8px;box-shadow:inset 0 1px #f1faff20}
.detail-shell .work-row:hover{background:#d1e9ff08!important;color:#b9f7d2!important}
/* Keyboard feedback and low-cost fallbacks keep the entire system usable. */
:is(.window:not(.preview-player-window),dialog,.wallet-sheet,.reputation-screen,.detail-shell) :is(button,a,summary):focus-visible{outline:2px solid #b4d7ef!important;outline-offset:3px}
:is(.window:not(.preview-player-window),dialog,.detail-shell){scrollbar-color:#71849166 #0b111855}
:is(.window:not(.preview-player-window),dialog,.detail-shell) ::-webkit-scrollbar-thumb{background:#9aafbf55!important;border:2px solid transparent;background-clip:padding-box}
@media(max-width:760px){.window:not(.preview-player-window){border-radius:18px!important;backdrop-filter:blur(1px) saturate(.95);-webkit-backdrop-filter:blur(1px) saturate(.95)}.window:not(.preview-player-window)::after{background:radial-gradient(ellipse at 0 0,#e3f5ff10,transparent 35%)}.detail-shell{margin:12px auto;padding:20px 16px 36px;border-radius:18px}.reputation-tile{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
@supports not (backdrop-filter:blur(1px)){.window:not(.preview-player-window),dialog,.wallet-sheet,.detail-shell{background:linear-gradient(145deg,#101215,#07090c 45%,#111418)!important}}
/* Final control hierarchy: neutral inactive tabs and clearly distinguished silver actions. */
.window:not(.preview-player-window).shared-section-window .section-switch>button:not([aria-pressed=true]){background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--obs-muted)!important}
.window:not(.preview-player-window).shared-section-window .section-switch>button[aria-pressed=true]{background:linear-gradient(180deg,#9aacbc0b,#080b0e88)!important;border-color:#a6bac529!important;box-shadow:inset 0 1px #effaff0c,inset 0 -2px #9aefbf,0 3px 15px #0003!important}
.window:not(.preview-player-window) .materials-axis{background:none!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.window:not(.preview-player-window) .materials-axis::before{background:linear-gradient(180deg,transparent,#c6dceb55,transparent)!important}
.window:not(.preview-player-window).market-landing-window .market-redesign .market-actions{background:#0a101688!important;border-color:var(--obs-line)!important;box-shadow:inset 0 1px #e9f5ff12!important}
.window:not(.preview-player-window).market-landing-window .market-redesign .market-actions>button.market-connect,.window:not(.preview-player-window).exchange-window .exchange-workspace.market-curated .exchange-session button[data-market-connect],.window:not(.preview-player-window) .market-redesign .market-address-form.wallet-checker-bar>button{background:linear-gradient(145deg,#d4dee5,#9daebc)!important;color:#101820!important;border-color:#effaff99!important;box-shadow:inset 0 1px #ffffff80,0 4px 16px #0003!important}
.window:not(.preview-player-window).market-landing-window .market-redesign .market-actions>button.manifold-market-link{background:linear-gradient(180deg,#d1eaff0e,#080b0ebf)!important;color:var(--obs-text)!important;border-color:#c7dce731!important}
.window:not(.preview-player-window) .exchange-workspace.market-curated .collector-listings .site-listing-action:not(.site-listing-secondary),.window:not(.preview-player-window) .exchange-workspace.market-curated .listing-sale .terminal-action{background:linear-gradient(145deg,#d4dee5,#9daebc)!important;color:#101820!important;border-color:#effaff99!important}
.window:not(.preview-player-window):before{background:linear-gradient(135deg,#b0bfcc22,#a4b3c009 23%,#8a99a303 60%,#b5c5cf18)}

dialog.opensea-availability{background:var(--obs-glass)!important;border:1px solid var(--obs-edge)!important;border-radius:20px;box-shadow:var(--obs-shadow)!important;color:var(--obs-text)!important;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
dialog.opensea-availability :is(h2,h3){color:var(--obs-text)!important}dialog.opensea-availability p{color:var(--obs-muted)!important}
.window:not(.preview-player-window) :is(.folio-lead,.folio-contents,.archive-index-intro,.record-definition){background:transparent!important;border-color:var(--obs-line)!important}
/* Dense public listings and each statistics cell use the same neutral glass material. */
.window:not(.preview-player-window) .exchange-workspace.market-curated :is(.listing-card,.site-listing-card){background:linear-gradient(120deg,#d4e7f70b,#03050766)!important;border-color:var(--obs-line)!important;box-shadow:inset 0 1px #eff8ff0b!important}
:is(.window:not(.preview-player-window),dialog,.detail-shell) .market-community .community-stats dl>div{background:linear-gradient(135deg,#bdd8ee12,#04060966)!important;border-color:#c7dff133!important;box-shadow:inset 0 1px #edf7ff0d}
:is(.window:not(.preview-player-window),dialog,.detail-shell) .market-community .community-stats dl>div:has([aria-expanded=true]){background:linear-gradient(135deg,#bdd8ee27,#14212ac9)!important;border-color:#d5edff70!important;box-shadow:inset 0 -2px #9aefbf}
:is(.window:not(.preview-player-window),dialog,.detail-shell) .market-community .community-stats dd button{background:transparent!important;box-shadow:none!important}
dialog :is(button[type=submit],.log-detail-article),.log-detail-dialog .log-detail-article{background:linear-gradient(145deg,#d4dee5,#9daebc)!important;color:#101820!important;border-color:#effaff99!important}
.window:not(.preview-player-window) :is(.performance-ticket,.performance-ticket-main,.performance-ticket-entry,.collection-performance-ticket,.archive-performance-ticket){background:linear-gradient(145deg,#a8c9e51a,#10171ee8)!important;color:var(--obs-text)!important;border-color:var(--obs-line)!important}
.window:not(.preview-player-window) :is(.performance-enter,.collection-ticket-entry,.archive-performance-enter){background:linear-gradient(145deg,#d4dee5,#9daebc)!important;color:#101820!important;border-color:#effaff99!important}

/* Broad, low-contrast reflections and background diffusion reveal the smoked glass. */
.window:not(.preview-player-window)::after{background:linear-gradient(120deg,transparent 5%,#e6f5ff0d 19%,transparent 38%,transparent 65%,#d8eeff08 82%,transparent 96%),radial-gradient(ellipse at 0 0,#e3f5ff0e,transparent 34%),radial-gradient(ellipse at 100% 100%,#d5eaff08,transparent 29%);box-shadow:inset 0 0 18px #d9efff03}
.reputation-intro{background:var(--obs-glass)!important;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
.reputation-screen .reputation-tile{background:var(--obs-glass)!important}
@media(max-width:760px){.window:not(.preview-player-window)::after{background:linear-gradient(120deg,transparent 7%,#e6f5ff0b 22%,transparent 43%),radial-gradient(ellipse at 0 0,#e3f5ff0c,transparent 42%)}}

/* Preserve the floating reputation cloud, with an unframed, readable centre. */
.reputation-screen{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.reputation-screen .reputation-intro{width:300px;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.reputation-screen .reputation-intro h2{font-size:22px;line-height:1.3}
.reputation-screen .reputation-intro p{font-size:12px;line-height:1.6;font-weight:400!important}
.reputation-screen .reputation-intro>a{font-size:10px;letter-spacing:.06em;min-height:34px}
.reputation-screen .reputation-intro>small{font-size:9px;line-height:1.5;font-weight:400!important}
.reputation-screen .reputation-tile span{font-size:12px;line-height:1.4}
@media(max-width:600px){.reputation-screen .reputation-intro{width:210px;padding:6px}.reputation-screen .reputation-intro h2{font-size:20px}.reputation-screen .reputation-intro p{font-size:10px}}
body.reputation-active :is(.dock,#apps,.menubar,.wallpaper,.dock-intro-labels,.scroll-cue){visibility:hidden!important;pointer-events:none!important}

/* Stable mobile text metrics and bounded motion keep the floating labels separate. */
.reputation-screen{touch-action:pan-y pinch-zoom;scrollbar-gutter:stable;overflow-anchor:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.reputation-screen .reputation-tile{box-sizing:border-box;max-width:min(240px,calc(100% - 8px));white-space:normal;animation-name:rep-label-appear,rep-float;animation-duration:.45s,var(--rep-float-duration,8s)}
.reputation-screen .reputation-tile span{min-width:0;max-width:100%}
@keyframes rep-label-appear{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}

/* Mobile keeps the entire cloud in view around a concise, centred introduction. */
.reputation-description-compact{display:none}
@media(max-width:760px){
 .reputation-screen{padding:60px 8px 20px;scrollbar-width:none;scrollbar-gutter:auto}
 .reputation-screen::-webkit-scrollbar{width:0;height:0}
 .reputation-screen.reputation-fitted{overflow-y:hidden}
 .reputation-screen .reputation-intro{width:142px;max-width:43%;padding:0}
 .reputation-screen .reputation-intro h2{font-size:15px;line-height:1.2;margin:0 0 7px}
 .reputation-screen .reputation-intro .reputation-description-full,.reputation-screen .reputation-intro .reputation-categories{display:none}
 .reputation-screen .reputation-intro .reputation-description-compact{display:block;font-size:10px;line-height:1.5;margin:0 0 7px}
 .reputation-screen .reputation-pixel{width:16px;height:16px;margin-bottom:8px}
 .reputation-screen .reputation-intro>a{font-size:8.5px;min-height:26px;margin-top:0;padding:5px 8px;letter-spacing:.03em}
 .reputation-screen .reputation-intro>small{font-size:7.5px;line-height:1.4;margin-top:6px}
 .reputation-snapshot{display:none}
 .reputation-screen .reputation-tile{padding:1.5px 3px;max-width:min(144px,calc(100% - 8px));border-radius:6px}
 .reputation-screen .reputation-tile span{font-size:var(--rep-label-size,7.25px);line-height:1.2;font-weight:500}
}
@media(max-width:350px){.reputation-screen .reputation-intro{width:128px}.reputation-screen .reputation-intro h2{font-size:14px}.reputation-screen .reputation-intro .reputation-description-compact{font-size:9.5px}}

@supports(height:100svh){@media(max-width:760px){.reputation-screen{height:100svh;bottom:auto}}}
@media(max-width:350px){.reputation-screen .reputation-tile{padding:1px 2.5px;max-width:130px}}