/* HAEBOM v4.8 — The Collection Edition
   Discovery belongs on the first screen; experiences become keepsakes.
   All decorative marks are monochrome/SVG: no green Apple emoji rendering. */
:root{--green:#765969;--v48-ink:#322b33;--v48-mauve:#755569;--v48-line:#e6dce1;--v48-paper:#fffcfa;--v48-cloud:#f5edf1;}
/* Homepage: a deliberate split between the surprise draw and the full catalogue. */
#tab-home .v47-discover-spotlight{background:linear-gradient(137deg,#efe5ec 0%,#f5edf2 57%,#faf7f7 100%);border-color:#ded0da;box-shadow:0 13px 30px rgba(86,64,78,.065);padding:28px 27px 19px;}
#tab-home .v48-spotlight-top{position:relative;min-height:194px;align-items:stretch;}
#tab-home .v47-spotlight-copy{max-width:none;width:100%;position:relative;z-index:2;}
#tab-home .v47-kicker{font-size:10px;letter-spacing:.19em;margin:0 0 14px;}
#tab-home .v47-spotlight-copy h2{font-weight:800;font-size:clamp(27px,3.5vw,37px);line-height:1.28;letter-spacing:-.065em;margin:0 0 9px;max-width:70%;}
#tab-home .v47-spotlight-copy h2 em{color:#84647a;}
#tab-home .v47-spotlight-description{font-size:13px;line-height:1.72;color:#746871;margin:0 0 22px;max-width:70%;}
.v48-discovery-actions{display:flex;gap:9px;align-items:stretch;flex-wrap:wrap;}
#tab-home .v48-discovery-actions button{position:relative;z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:45px;min-width:0;white-space:nowrap;font-size:13px;font-weight:750;letter-spacing:-.025em;border-radius:12px;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease;}
#tab-home .v48-draw-action{background:#715366;color:white;border:1px solid #715366;box-shadow:0 4px 13px rgba(83,54,71,.13);padding:11px 17px;}
#tab-home .v48-draw-action:hover{background:#5c4253;transform:translateY(-1px);}
#tab-home .v48-button-symbol{display:inline-block;font-size:14px!important;line-height:1;font-family:Georgia,serif;color:#f7e6f2;font-variant-emoji:text;}
#tab-home .v48-button-arrow{font-size:17px;opacity:.8;font-weight:500;margin-left:3px;}
#tab-home .v48-browse-action{padding:11px 16px;background:rgba(255,253,254,.79);border:1px solid #d8c8d2;color:#664e60;}
#tab-home .v48-browse-action:hover{background:#fff;transform:translateY(-1px);}
#tab-home .v48-discovery-actions button:focus-visible{outline:3px solid #92758b;outline-offset:3px;}
/* Layered embossed experience-card illustration, never a native emoji. */
.v48-hero-art{position:absolute;right:8px;top:4px;width:147px;height:164px;pointer-events:none;}
.v48-hero-card{position:absolute;width:112px;height:144px;border-radius:14px;border:1px solid rgba(101,72,91,.23);box-shadow:0 9px 23px rgba(94,70,84,.09);}
.v48-hero-back{right:1px;top:4px;transform:rotate(12deg);background:linear-gradient(150deg,#e4d5e1,#f2e6ec);}
.v48-hero-front{right:22px;top:11px;transform:rotate(-11deg);background:linear-gradient(145deg,#fffafc,#e9dae5);overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:12px;color:#785b70;}
.v48-hero-front::before{content:"";position:absolute;inset:5px;border:1px solid rgba(124,92,112,.18);border-radius:10px;pointer-events:none;}
.v48-hero-front>span{font:700 15px/1 Georgia,serif;letter-spacing:-.04em;}
.v48-hero-front svg{position:absolute;inset:23px 9px 24px;width:calc(100% - 18px);height:calc(100% - 47px);}
.v48-hero-front small{align-self:flex-end;font-size:6px;letter-spacing:.17em;font-weight:800;}
/* Compact recommendations should feel curated, not swamp the two hero actions. */
#tab-home .v46-home-discover{margin:23px 0 0!important;padding-top:18px;}
#tab-home .v46-section-head h3{font-size:14px;}
#tab-home .v46-idea-card{min-height:182px;}
#tab-home .v46-idea-card h3{font-size:16px!important;}
/* A strong but restrained collectible wall. Views that opt into Timeline retain the original rows. */
#tab-footprints #records-section{scroll-margin-top:20px;}
#tab-footprints .quiet-list-heading{align-items:center;margin:0 0 19px;padding:0 0 13px;border-bottom:1px solid #e9dfe2;}
#tab-footprints #entries-title{font-size:22px;font-weight:800;letter-spacing:-.06em;}
.v48-collection-subtitle{font-size:12px;line-height:1.5;margin-top:4px;color:#8b8186;}
#tab-footprints .view-switch{border:1px solid #e6dce1;border-radius:11px;padding:3px;background:#f7f3f4;}
#tab-footprints .view-switch .view-btn{border-radius:8px;}
#tab-footprints .view-switch .view-btn.active{background:white;color:#654b5c;box-shadow:0 2px 6px rgba(65,44,59,.08);}
/* Consistent purposeful card surface for details and collectible acknowledgement. */
#v42-detail-dialog .v42-detail-media img{border-radius:12px;}
#v42-reward-dialog .v42-reward-photo{border-radius:12px;}
/* remove native-green emoji markers from the app's own section graphics */
#tab-home .v47-preview-undated .v47-preview-glyph,#tab-home .v37-empty-ornament{color:#7a5e74;font-variant-emoji:text;}
@media(max-width:740px){
 #tab-home .v47-discover-spotlight{padding:22px 18px 18px;border-radius:23px;margin-bottom:29px;}
 #tab-home .v48-spotlight-top{min-height:235px;}
 #tab-home .v47-spotlight-copy h2{font-size:clamp(25px,6.2vw,29px);max-width:75%;line-height:1.29;margin-bottom:10px;}
 #tab-home .v47-spotlight-description{font-size:12px;line-height:1.65;max-width:78%;margin-bottom:17px;}
 .v48-hero-art{width:103px;height:124px;right:-7px;top:5px;opacity:.85;}
 .v48-hero-card{width:83px;height:110px;border-radius:12px;}
 .v48-hero-front{right:16px;top:10px;padding:9px;}
 .v48-hero-front span{font-size:12px;}.v48-hero-front small{font-size:5px;}
 .v48-discovery-actions{width:100%;gap:8px;flex-wrap:nowrap;}
 #tab-home .v48-discovery-actions button{font-size:12px;min-height:46px;gap:5px;}
 #tab-home .v48-draw-action{flex:1.05;padding:9px 10px;}
 #tab-home .v48-browse-action{flex:1;padding:9px 10px;}
 #tab-home .v46-home-discover{margin-top:17px!important;padding-top:15px;}
 #tab-footprints .quiet-list-heading{align-items:start;gap:10px;}
 #tab-footprints #entries-title{font-size:20px;}
 .v48-collection-subtitle{font-size:11px;max-width:200px;}
}
@media(max-width:355px){
 #tab-home .v47-spotlight-copy h2{font-size:24px;}
 #tab-home .v47-spotlight-description{max-width:80%;}
 #tab-home .v48-discovery-actions button{font-size:11px;}
 #tab-home .v48-button-arrow{display:none;}
}
@media(prefers-reduced-motion:reduce){#tab-home .v48-discovery-actions button{transition:none;}}

/* Status is informational, not a separate green brand palette. */
#tab-home .cloud-status{color:#8a7482!important;background:#f8f4f6!important;border-color:#eee3e8!important;}