#collection-page{position:fixed;inset:0;width:600px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid var(--ui-border);border-radius:8px;background:var(--ui-surface);color:var(--ui-text);font:400 13px/1.6 var(--ui-font);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}
#collection-page::backdrop{background:var(--theme-backdrop,#080808b8)}
#collection-page *{box-sizing:border-box}
#collection-page :is(input,select,textarea,button){font:inherit}
#collection-page :is(button,input,select,textarea):focus-visible{outline:2px solid var(--theme-accent,#bfa6ef);outline-offset:3px}
#scan-panel #collection-page{position:static;inset:auto;width:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:transparent;overflow:visible}
#scan-panel .collection-body{padding:0}
#scan-panel .receipt-scanner{margin:0 0 16px;padding:0;border:0;background:transparent}
#scan-panel .receipt-detected-details{grid-template-columns:1fr}
.collection-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:10px 24px;border-bottom:1px solid var(--ui-border);background:var(--ui-surface)}
.collection-close{width:34px;height:34px;border:0;background:transparent;color:var(--ui-text);font-size:24px!important;cursor:pointer}
.collection-body{padding:26px}
.collection-title-row{display:flex;gap:12px;align-items:center;justify-content:space-between}
.collection-body h1{font-size:25px;line-height:1.25;font-weight:500;letter-spacing:-.6px;margin:0}
.collection-body h2{font-size:15px;font-weight:500;margin:0 0 8px}
.collection-muted{color:var(--ui-muted)}
.collection-hint{font-size:12px;color:var(--ui-muted);margin:8px 0 0}
.receipt-scanner{margin:24px 0;padding:20px;border:1px dashed var(--theme-accent-line,#bfa6ef66);border-radius:6px;background:var(--theme-accent-wash,#bfa6ef06)}
.receipt-picker{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.receipt-picker button{min-height:44px;width:auto;margin-top:0}
.receipt-picker button:disabled{opacity:.4;cursor:default}
.receipt-picker .receipt-camera-button{display:none}
.receipt-language-picker{display:flex;flex-direction:column;gap:7px;margin-top:16px}
.receipt-language-search{position:relative}
.receipt-language-search svg{position:absolute;left:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);fill:none;stroke:var(--ui-muted);stroke-width:1.7;stroke-linecap:round;pointer-events:none}
.receipt-language-search input{display:block;width:100%;min-width:0;min-height:44px;padding:9px 12px 9px 36px;border:1px solid var(--ui-border);border-radius:4px;color:var(--ui-text);background:var(--theme-input,#151515)}
.receipt-language-search input:disabled{opacity:.4;cursor:default}
.receipt-language-picker>.collection-hint{margin:0}
.receipt-language-results{border:1px solid var(--ui-border);border-radius:4px;background:var(--theme-input,#151515);overflow:hidden}
.receipt-language-results[hidden]{display:none}
.receipt-language-results ul{list-style:none;margin:0;padding:4px}
.receipt-language-results [role=option]{display:flex;align-items:center;min-height:44px;padding:8px;border-radius:3px;cursor:pointer;overflow-wrap:anywhere}
.receipt-language-results [role=option]:is(:hover,[aria-selected=true]){background:var(--theme-accent-wash,#bfa6ef12);color:var(--theme-accent,#c5b5e3)}
.receipt-language-matches{margin:0;padding:8px 12px;border-top:1px solid var(--ui-border);font-size:11px;color:var(--ui-muted)}
#receipt-result{margin-top:16px;padding:16px;border:1px solid var(--ui-border);border-radius:4px;overflow-wrap:anywhere}
.receipt-detected-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 20px}
.receipt-detected-details dt{font-size:11px;color:var(--ui-muted);margin-bottom:4px}
.receipt-detected-details dd{margin:0;font-weight:500}
#receipt-result-title,#collection-status{scroll-margin-top:68px}
#receipt-result-title:focus{outline:none}
.collection-primary,.collection-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 14px;border:1px solid var(--ui-border);border-radius:4px;background:transparent;color:var(--ui-text);cursor:pointer;text-decoration:none}
.collection-primary{width:100%;margin-top:16px;color:var(--theme-surface,#191919);background:var(--theme-text,#e5e5e5);border-color:var(--theme-text,#e5e5e5)}
.collection-primary:disabled{opacity:.4;cursor:default}
.collection-text-button{padding:6px 0;border:0;background:none;color:var(--ui-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.collection-status{min-height:20px;margin:14px 0 0;color:var(--theme-success,#bcd9c5);overflow-wrap:anywhere}
.collection-status.is-error,.collection-error{color:var(--theme-danger,#eeaaa6)}
.experience-history{margin-top:30px;padding-top:24px;border-top:1px solid var(--ui-border)}
.experience-entry{padding:18px 0;border-bottom:1px solid var(--ui-border);overflow-wrap:anywhere}
.pending-experience-entry{padding:18px 0;border-bottom:1px solid var(--ui-border);overflow-wrap:anywhere}
.pending-rescan{display:block}
.pending-experiences{margin-top:26px;border-top:1px solid var(--ui-border);padding-top:24px}
.experience-entry-heading{display:flex;gap:12px;align-items:center;justify-content:space-between}
.experience-entry-heading strong{font-size:15px;font-weight:500}
.experience-kind{font-size:11px;padding:3px 7px;background:var(--theme-accent-wash,#bfa6ef12);color:var(--theme-accent,#c5b5e3);border-radius:3px}
.experience-location{font-size:12px;color:var(--ui-muted);margin:6px 0}
.experience-items{padding-left:18px;margin:12px 0;line-height:1.8}
.brand-node.is-collected::after{content:'•';position:absolute;bottom:-20px;left:50%;color:var(--theme-accent,#bfa6ef);font:20px sans-serif}
@media(max-height:550px){.empty-state.collection-message .empty-symbol{display:none}.empty-state.collection-message h2{margin-top:0}}
@media(any-pointer:coarse),(max-width:600px){.receipt-picker .receipt-camera-button{display:inline-flex;align-items:center;justify-content:center}.receipt-picker button{flex:1}}
@media(max-width:480px){.collection-body{padding:20px}.collection-header{padding:8px 20px}.collection-title-row{align-items:flex-start}.collection-title-row>.collection-secondary{font-size:11px!important;padding:7px 9px;white-space:nowrap}.receipt-detected-details{grid-template-columns:1fr}.receipt-scanner{padding:16px}}

.collection-status:empty{display:none}
.receipt-scanner .receipt-language-picker:first-child{margin-top:0}

/* City editions reuse the complete source mark and a brand-specific companion. */
.wordmark--collection{--city-font:Arial,Helvetica,sans-serif;--city-size:.26em;--city-weight:500;--city-tracking:.045em;--city-gap:.14em;flex-direction:column;gap:var(--city-gap);text-align:center;line-height:1}
.wordmark.wordmark--collection>.collection-brand-name{font-size:inherit}
.wordmark--collection .collection-place-name{display:block;min-width:0;font:var(--city-weight) calc(var(--city-size)*var(--city-scale,1))/1.3 var(--city-font);letter-spacing:var(--city-tracking);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.collection-mark--arena,.collection-mark--aesop,.collection-mark--notion,.collection-mark--patagonia,.collection-mark--monocle{--city-font:Georgia,'Times New Roman',serif;--city-weight:400;--city-tracking:.035em}
.collection-mark--nothing{--city-font:var(--mono);--city-tracking:.06em}
.collection-mark--uniqlo,.collection-mark--muji,.collection-mark--ikea,.collection-mark--hay{--city-weight:600;--city-size:.25em;--city-tracking:.08em}
.collection-mark--canva{--city-font:'Patrick Hand',cursive;--city-size:.32em;--city-weight:400;--city-tracking:.01em}
.collection-focus .focus-stage{height:auto;display:flex;justify-content:center;padding:24px 0 28px}
.collection-focus .focus-wordmark{position:static;translate:none;max-width:100%}
.collection-focus .brand-story{min-height:0}
.collection-focus .brand-story>p{margin-bottom:10px}
.collection-focus.has-spec .brand-story{display:none}
.collection-focus .spec-zone{min-height:0;margin-top:24px}
.collection-focus .spec-dock.is-active{display:flex;align-items:center;gap:var(--spec-panel-gap);transform:none}
.collection-focus .spec-panel{position:static;translate:none;max-height:clamp(180px,calc(100dvh - 400px),360px)}
.collection-focus .spec-connector{left:var(--spec-panel-width);right:auto}
.collection-focus .brand-descriptor{text-transform:none;letter-spacing:.02em;font:12px var(--ui-font)}
.collection-focus .spec-toolbar .spec-tool[hidden]{display:none}
.magnet-panel{padding:8px 4px;overflow-wrap:anywhere}
.magnet-panel h3{margin:0;font:500 15px/1.5 var(--ui-font);letter-spacing:-.3px}
.magnet-panel-caption,.magnet-visit p{margin:6px 0 12px;font:12px/1.6 var(--ui-font);color:var(--ui-muted)}
.magnet-visit{padding:14px 0 8px}
.magnet-visit+.magnet-visit{border-top:1px solid var(--ui-border)}
.magnet-visit strong{font:500 12px/1.6 var(--ui-font)}
.magnet-items{margin:10px 0;padding-left:18px;font:13px/1.8 var(--ui-font)}
.magnet-map-link{display:block;min-height:36px;padding:7px 0;color:var(--theme-text);font:12px/1.5 var(--ui-font)}
.magnet-panel .collection-text-button{min-height:36px;font:11px var(--ui-font)}
.receipt-detected-items{border-top:1px solid var(--ui-border);padding-top:14px}
.receipt-detected-items h3{font-size:13px;font-weight:500;margin:0 0 8px}
@media(max-width:1000px){.collection-focus .spec-dock.is-active{flex-direction:column;gap:24px}}
@media(max-width:760px){
  .collection-focus .focus-stage{padding:12px 0 24px}
  .collection-focus .spec-panel{max-height:clamp(180px,calc(100dvh - 350px),320px)}
}