:root{
    --bg:#0f0f10;
    --surface:#19191c;
    --surface-2:#232327;
    --text:#f8f8f8;
    --muted:#a7a7ad;
    --yellow:#ffd329;
    --border:#2f2f35;
    --danger:#ff6b6b;
    --success:#65d98b;
    --radius:22px;
}
*{box-sizing:border-box}
html{color-scheme:dark}
body{
    margin:0;
    min-height:100vh;
    background:var(--bg);
    color:var(--text);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:inherit}
button,input{font:inherit}
.auth-shell,.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:40px 0}
.auth-card{
    width:min(100%,560px);
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:28px;
    padding:28px;
    box-shadow:0 24px 80px rgba(0,0,0,.35)
}
.eyebrow{font-weight:900;letter-spacing:.08em;color:var(--yellow);font-size:.82rem}
h1{font-size:clamp(2rem,7vw,4.4rem);line-height:.96;margin:.25em 0}
.auth-card h1{font-size:clamp(2rem,7vw,3.25rem)}
h2{font-size:1.5rem}
.muted{color:var(--muted)}
form{display:grid;gap:16px;margin-top:24px}
label{display:grid;gap:8px;font-weight:700}
input{
    width:100%;
    background:#101012;
    border:1px solid var(--border);
    color:var(--text);
    border-radius:14px;
    padding:14px 15px;
    outline:none;
}
input:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(255,211,41,.14)}
.username-field{display:flex;align-items:center;gap:8px;background:#101012;border:1px solid var(--border);border-radius:14px;padding-left:14px}
.username-field input{border:0;background:transparent;padding-left:0}
.check-row{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-weight:500}
.check-row input{width:auto}
.button{
    display:inline-flex;align-items:center;justify-content:center;
    border:0;border-radius:999px;padding:14px 20px;
    font-weight:900;text-decoration:none;cursor:pointer
}
.button-primary{background:var(--yellow);color:#111}
.button-secondary{background:var(--surface-2);color:#fff;border:1px solid var(--border)}
.alert{padding:12px 14px;border-radius:14px;margin:14px 0}
.alert-error{background:rgba(255,107,107,.12);color:#ffd0d0;border:1px solid rgba(255,107,107,.3)}
.alert-success{background:rgba(101,217,139,.12);color:#d2ffe0;border:1px solid rgba(101,217,139,.3)}
.error{color:#ff9a9a}
.auth-footer{color:var(--muted);font-size:.95rem}
.hero-panel{
    padding:40px 0 24px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start
}
.hero-question{font-size:1.15rem;color:var(--muted)}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:40px}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}
.stat-panel strong{display:block;font-size:4rem;line-height:1;margin:12px 0;color:var(--yellow)}
@media(max-width:720px){
    .auth-shell,.app-shell{width:min(100% - 20px,1180px)}
    .auth-card{padding:22px;border-radius:22px}
    .hero-panel{flex-direction:column}
    .dashboard-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
    *,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* Phase 2 — content/admin */
textarea,select{
    width:100%;background:#101012;border:1px solid var(--border);color:var(--text);
    border-radius:14px;padding:14px 15px;outline:none;font:inherit
}
textarea:focus,select:focus{border-color:var(--yellow);box-shadow:0 0 0 3px rgba(255,211,41,.14)}
button:disabled{opacity:.35;cursor:not-allowed}
.admin-topbar{height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px max(20px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--border);background:#121214;position:sticky;top:0;z-index:30}
.admin-brand img{display:block;width:180px;max-height:58px;object-fit:contain;object-position:left center}
.admin-account{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:.92rem}.admin-account a{color:#fff;font-weight:800}
.admin-nav{display:flex;gap:6px;padding:9px max(20px,calc((100vw - 1240px)/2));overflow:auto;white-space:nowrap;border-bottom:1px solid var(--border);background:#171719;position:sticky;top:84px;z-index:29}
.admin-nav a{padding:9px 13px;border-radius:999px;text-decoration:none;color:var(--muted);font-weight:800;font-size:.9rem}.admin-nav a:hover,.admin-nav a.is-active{background:var(--yellow);color:#111}
.admin-shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding-bottom:70px}.narrow-admin{width:min(920px,calc(100% - 32px))}
.admin-heading{padding:38px 0 24px;display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.admin-heading h1{font-size:clamp(2.2rem,5vw,4.2rem);margin:.14em 0}.compact-heading h1{font-size:clamp(2rem,4vw,3.4rem)}.heading-actions{display:flex;gap:10px;flex-wrap:wrap}
.admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.stat-tile{min-height:132px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:18px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.stat-tile span{color:var(--muted);font-weight:800}.stat-tile strong{font-size:2.5rem;color:var(--yellow)}
.admin-panel{margin-bottom:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.panel-heading h2{margin:2px 0}.panel-heading a{font-weight:800;color:var(--yellow)}
.admin-list{display:grid}.admin-list-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;border-top:1px solid var(--border);text-decoration:none}.admin-list-row:first-child{border-top:0}.admin-list-row div{display:grid;gap:4px}.admin-list-row span{color:var(--muted);font-size:.9rem}
.status-pill{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:6px 9px;font-size:.72rem!important;font-weight:900;letter-spacing:.04em;color:#fff!important;background:#34343a}.status-published{background:rgba(101,217,139,.17);color:#9af2b8!important}.status-draft{background:rgba(255,211,41,.14);color:#ffe780!important}.status-archived{background:rgba(167,167,173,.12);color:#c6c6cc!important}
.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:780px}.admin-table th,.admin-table td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--border);vertical-align:middle}.admin-table th{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.table-subtitle{font-size:.86rem;color:var(--muted);margin-top:3px}.table-action{border:0;background:none;padding:0;color:var(--yellow);font:inherit;font-weight:900;cursor:pointer;text-decoration:none}.category-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--dot);margin-right:9px;box-shadow:0 0 0 4px color-mix(in srgb,var(--dot) 18%,transparent)}
.admin-form{display:grid;gap:16px;margin:0}.admin-form label{display:grid;gap:8px}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:6px 0}.field-note{color:var(--muted);font-size:.82rem;font-weight:500}.code-field{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.back-link{display:inline-block;color:var(--muted);text-decoration:none;font-weight:800;margin-bottom:8px}.back-link:hover{color:var(--yellow)}
.admin-split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sticky-save{position:sticky;bottom:14px;z-index:20;display:flex;gap:10px;width:max-content;margin:20px auto 0;padding:10px;background:rgba(20,20,22,.92);border:1px solid var(--border);border-radius:999px;backdrop-filter:blur(12px)}
.filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 220px auto auto;gap:10px;margin:0 0 20px}.button-ghost{background:transparent;color:var(--muted);border:1px solid transparent}.small-button{padding:10px 14px;font-size:.84rem}.tiny-button{padding:8px 11px;font-size:.75rem}.type-chip,.optional-chip{display:inline-flex;width:max-content;border:1px solid var(--border);background:#28282d;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:900;letter-spacing:.04em;color:#cfcfd4}.optional-chip{color:#ffe780;border-color:rgba(255,211,41,.25)}
.card-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.content-card-admin{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#151517}.card-cover-mini{height:140px;background:linear-gradient(135deg,var(--card-accent),#111 74%);display:grid;place-items:center;overflow:hidden}.card-cover-mini img{width:100%;height:100%;object-fit:cover}.card-cover-mini span{font-size:4rem;color:#111;font-weight:900}.content-card-admin-body{padding:18px}.content-card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.73rem;font-weight:900;letter-spacing:.04em}.content-card-admin h2{margin:8px 0 6px}.content-card-admin p{min-height:42px;color:var(--muted)}.card-admin-stats{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0}.card-admin-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.builder-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.75fr);gap:20px;align-items:start}.builder-side{position:sticky;top:148px}.builder-list{display:grid;gap:10px}.builder-item{display:grid;grid-template-columns:52px 1fr 32px;gap:12px;align-items:start;background:#121214;border:1px solid var(--border);border-radius:16px;padding:12px}.builder-order{display:grid;justify-items:center;gap:4px;color:var(--muted);font-weight:900}.builder-order button,.icon-danger{border:0;background:#28282d;color:#fff;width:28px;height:28px;border-radius:8px;cursor:pointer}.icon-danger{font-size:1.25rem;color:#ff9a9a}.builder-item-content{min-width:0}.builder-item-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.builder-item-title a{margin-left:auto;color:var(--muted);font-size:.78rem}.builder-row-form{display:grid;grid-template-columns:1fr 1.35fr auto auto;gap:8px;align-items:end;margin-top:12px}.builder-row-form input{padding:9px 10px;border-radius:10px}.builder-row-form label{font-size:.72rem;color:var(--muted)}.inline-form{margin:0}.empty-builder{padding:30px;border:1px dashed var(--border);border-radius:16px;text-align:center}.search-results{display:grid;gap:8px;margin-top:16px}.search-result{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px;border-radius:12px;background:#121214;border:1px solid var(--border)}.search-result div{display:grid;gap:3px}.search-result div span{font-size:.72rem;color:var(--muted)}
/* Phase 2 — public Card catalogue */
.public-topbar{width:min(1240px,calc(100% - 32px));margin:0 auto;height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}.public-topbar>a img{width:190px;max-height:74px;object-fit:contain}.public-topbar nav{display:flex;gap:16px;align-items:center}.public-topbar nav>a:not(.button){text-decoration:none;font-weight:800;color:var(--muted)}.public-topbar nav>a:hover{color:#fff}.public-shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding-bottom:70px}.cards-hero{padding:70px 0 34px;max-width:860px}.cards-hero h1{font-size:clamp(3rem,7vw,6.4rem);letter-spacing:-.04em}.cards-hero>p:last-child{max-width:720px;color:var(--muted);font-size:1.15rem;line-height:1.6}.category-strip{display:flex;gap:8px;overflow:auto;padding:0 0 24px}.category-strip span{white-space:nowrap;padding:9px 12px;border-radius:999px;background:color-mix(in srgb,var(--category-colour) 13%,#19191c);border:1px solid color-mix(in srgb,var(--category-colour) 35%,#2f2f35);font-weight:800}.public-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.life-card{display:block;overflow:hidden;border-radius:24px;background:var(--surface);border:1px solid var(--border);text-decoration:none;transition:transform .18s ease,border-color .18s ease}.life-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--card-accent) 65%,var(--border))}.life-card-cover{height:230px;position:relative;display:grid;place-items:center;background:linear-gradient(140deg,var(--card-accent),#111 78%);overflow:hidden}.life-card-cover img{width:100%;height:100%;object-fit:cover}.life-card-cover>span{font-size:6rem;color:#111;font-weight:900}.card-access{position:absolute;top:14px;right:14px;padding:7px 10px;border-radius:999px;background:rgba(15,15,16,.86);font-size:.7rem;font-weight:900}.life-card-body{padding:20px}.life-card-category{font-size:.74rem;color:var(--card-accent);font-weight:900;letter-spacing:.06em}.life-card-body h2{font-size:1.65rem;margin:7px 0}.life-card-body p{color:var(--muted);min-height:44px}.life-card-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:14px;margin-top:14px;font-size:.78rem}.life-card-footer span{color:var(--yellow);font-weight:900}
.card-detail-shell{padding-top:30px}.card-detail-hero{display:grid;grid-template-columns:minmax(300px,.75fr) 1.25fr;gap:40px;align-items:center;padding:30px;border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--card-accent) 18%,#19191c),#19191c 55%);border:1px solid color-mix(in srgb,var(--card-accent) 34%,var(--border))}.card-detail-art{aspect-ratio:1/1;border-radius:24px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(140deg,var(--card-accent),#111 78%)}.card-detail-art img{width:100%;height:100%;object-fit:cover}.card-detail-art>span{font-size:9rem;color:#111}.card-detail-meta{display:flex;gap:8px;flex-wrap:wrap}.card-detail-meta span{font-size:.72rem;font-weight:900;padding:6px 9px;border-radius:999px;background:#29292e}.card-detail-copy h1{font-size:clamp(3rem,6vw,6rem)}.card-detail-copy h2{color:var(--card-accent);margin-top:-10px}.card-detail-copy>p{color:var(--muted);font-size:1.08rem;line-height:1.6;max-width:720px}.card-detail-stats{display:flex;gap:28px;margin:26px 0}.card-detail-stats div{display:grid;gap:3px}.card-detail-stats strong{font-size:1.4rem}.card-detail-stats span{font-size:.75rem;color:var(--muted);text-transform:uppercase;font-weight:900}.card-checklist{padding:44px 0}.public-item-list{display:grid;gap:8px}.public-item{display:grid;grid-template-columns:56px 1fr auto auto;align-items:center;gap:14px;padding:15px 18px;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.public-item-number{color:var(--yellow);font-weight:900}.public-item p{margin:3px 0 0;color:var(--muted)}.item-section-heading{margin:26px 0 3px;color:var(--yellow)}
@media(max-width:1000px){.admin-stats{grid-template-columns:repeat(3,1fr)}.card-admin-grid,.public-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-grid{grid-template-columns:1fr}.builder-side{position:static}.builder-row-form{grid-template-columns:1fr 1fr}.card-detail-hero{grid-template-columns:1fr 1.3fr}}
@media(max-width:720px){.admin-topbar{height:70px;padding:8px 12px}.admin-brand img{width:135px;max-height:50px}.admin-account span{display:none}.admin-nav{top:70px;padding-left:10px;padding-right:10px}.admin-shell,.narrow-admin,.public-shell,.public-topbar{width:min(100% - 20px,1240px)}.admin-heading{align-items:flex-start;flex-direction:column}.admin-heading .button{width:100%}.admin-stats{grid-template-columns:repeat(2,1fr)}.form-grid.two,.form-grid.three,.admin-split,.check-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr}.card-admin-grid,.public-card-grid{grid-template-columns:1fr}.builder-item{grid-template-columns:42px 1fr}.builder-item>form:last-child{grid-column:2;justify-self:end}.builder-row-form{grid-template-columns:1fr}.public-topbar{height:78px}.public-topbar>a img{width:140px}.public-topbar nav>a:not(:first-child){display:none}.cards-hero{padding-top:45px}.life-card-cover{height:210px}.card-detail-hero{grid-template-columns:1fr;padding:18px}.card-detail-art{max-width:420px;width:100%;margin:auto}.card-detail-stats{gap:18px;flex-wrap:wrap}.public-item{grid-template-columns:42px 1fr}.public-item .type-chip,.public-item .optional-chip{grid-column:2}.sticky-save{width:calc(100% - 20px);justify-content:center}.sticky-save .button{flex:1}.admin-account{font-size:.8rem}}


/* Auth + public frontend repair / UX pass */
.alert-info{background:rgba(90,165,255,.12);color:#d8eaff;border:1px solid rgba(90,165,255,.3)}
.site-header{
    width:min(1240px,calc(100% - 32px));
    margin:0 auto;
    min-height:92px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.brand-link{display:flex;align-items:center;text-decoration:none}
.brand-link img{display:block;width:190px;max-width:38vw;max-height:78px;object-fit:contain;object-position:left center}
.header-link{color:var(--muted);font-weight:900;text-decoration:none}.header-link:hover{color:#fff}
.site-nav{display:flex;align-items:center;gap:22px}.site-nav>a{color:var(--muted);font-weight:800;text-decoration:none}.site-nav>a:hover,.site-nav>a.is-active{color:#fff}
.small-header-button{padding:11px 17px!important;color:#111!important}
.auth-page{
    min-height:calc(100vh - 92px);
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(500px,.9fr);
}
.auth-visual{position:relative;overflow:hidden;padding:7vw;display:flex;align-items:center;background:
    radial-gradient(circle at 18% 25%,rgba(255,211,41,.16),transparent 26%),
    linear-gradient(145deg,#131315,#0b0b0c)}
.auth-visual::after{content:"";position:absolute;inset:auto -15% -35% 5%;height:55%;background:radial-gradient(ellipse,rgba(255,211,41,.08),transparent 70%)}
.auth-visual-inner{position:relative;z-index:2;max-width:760px}.auth-kicker{font-size:.78rem;letter-spacing:.14em;font-weight:1000;color:var(--yellow)}
.auth-visual h1{font-size:clamp(3.6rem,7vw,7.4rem);letter-spacing:-.055em;max-width:780px;margin:.17em 0}
.auth-visual p{max-width:650px;font-size:1.18rem;line-height:1.65;color:#b9b9c0}
.auth-panel-wrap{display:grid;place-items:center;padding:50px 5vw;background:#111113}
.polished-auth-card{width:min(100%,570px);background:transparent;border:0;box-shadow:none;padding:0}
.polished-auth-card h2{font-size:clamp(2.6rem,5vw,4.2rem);margin:.14em 0 .1em;letter-spacing:-.04em}
.auth-lead{font-size:1.04rem;margin-bottom:28px}.auth-form{gap:19px}
.auth-form label{font-size:.92rem}.auth-form input{padding:15px 16px;background:#18181b}
.label-between{display:flex;align-items:center;justify-content:space-between;gap:15px}.label-between a{font-size:.78rem;color:var(--yellow);text-decoration:none}
.auth-submit{width:100%;min-height:52px}.auth-separator{display:flex;align-items:center;gap:12px;margin:24px 0 16px;color:#77777e;font-size:.7rem;font-weight:900;letter-spacing:.1em}
.auth-separator::before,.auth-separator::after{content:"";height:1px;background:var(--border);flex:1}
.auth-mini-cards{position:relative;height:245px;margin-top:48px}.auth-mini-card{position:absolute;left:2%;bottom:0;width:190px;aspect-ratio:.72;border-radius:20px;padding:19px;background:linear-gradient(145deg,#6b4cff,#221b42);border:1px solid rgba(255,255,255,.15);box-shadow:0 25px 65px rgba(0,0,0,.45);display:flex;flex-direction:column}
.auth-mini-card span{font-size:.68rem;font-weight:1000;letter-spacing:.08em}.auth-mini-card strong{font-size:1.6rem;line-height:.95;margin:auto 0}.auth-mini-card small{margin-top:auto;font-weight:900}
.auth-mini-card-yellow{left:32%;bottom:18px;background:linear-gradient(145deg,#ffe33f,#b98900);color:#111;z-index:3}.auth-mini-card.rotate-right{left:62%;background:linear-gradient(145deg,#ff5757,#5b1818)}.rotate-left{transform:rotate(-8deg)}.rotate-right{transform:rotate(8deg)}
.register-page{grid-template-columns:minmax(0,.9fr) minmax(620px,1.1fr)}.register-visual{background:radial-gradient(circle at 20% 35%,rgba(255,211,41,.18),transparent 28%),#0d0d0f}
.register-card{width:min(100%,720px)}.auth-two{gap:14px}.auth-username-field{background:#18181b}.auth-username-field input{background:transparent}
.field-error{display:block;color:#ff9a9a;font-weight:700;line-height:1.35}.legal-checks{display:grid;gap:10px;margin-top:4px}.legal-checks .check-row{background:#18181b;border:1px solid var(--border);border-radius:12px;padding:12px}
.auth-bottom-note{text-align:center;color:var(--muted);margin-top:20px}.auth-bottom-note a{color:#fff;font-weight:900}
.signup-steps{display:grid;gap:10px;margin-top:42px}.signup-steps div{display:flex;gap:15px;align-items:center;padding:15px 0;border-top:1px solid rgba(255,255,255,.1)}.signup-steps strong{color:var(--yellow);font-size:.8rem}.signup-steps span{font-weight:900;font-size:1.05rem}
.simple-message-page{min-height:calc(100vh - 92px);display:grid;place-items:center;padding:48px 20px;background:radial-gradient(circle at 50% 30%,rgba(255,211,41,.08),transparent 30%)}
.message-card{width:min(100%,650px);text-align:center;padding:40px;background:var(--surface);border:1px solid var(--border);border-radius:28px}.message-card h1{font-size:clamp(2.8rem,7vw,4.7rem)}.message-card>p:not(.eyebrow){color:var(--muted);line-height:1.7}.message-icon{width:72px;height:72px;margin:0 auto 20px;border-radius:22px;display:grid;place-items:center;background:var(--yellow);color:#111;font-size:2rem;font-weight:900}.message-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:25px 0}.message-card form{text-align:left}
.landing-hero{width:min(1240px,calc(100% - 32px));margin:0 auto;min-height:700px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:55px 0 80px}.landing-copy h1{font-size:clamp(4rem,8vw,7.7rem);letter-spacing:-.06em;max-width:850px}.landing-lead{font-size:1.18rem;color:var(--muted);line-height:1.7;max-width:690px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.landing-main-cta{padding-inline:25px}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#8f8f96;font-size:.83rem;font-weight:800}
.landing-card-stage{height:560px;position:relative;perspective:1000px}.demo-life-card{position:absolute;width:min(330px,72%);aspect-ratio:.72;border-radius:30px;padding:27px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 90px rgba(0,0,0,.5);overflow:hidden}.demo-life-card::after{content:"✓";position:absolute;right:-8px;bottom:-48px;font-size:11rem;font-weight:1000;opacity:.09}
.card-film{left:0;top:65px;transform:rotate(-10deg);background:linear-gradient(150deg,#734bff,#21184a)}.card-travel{right:0;top:35px;z-index:3;transform:rotate(7deg);background:linear-gradient(145deg,#ffe13d,#b87900);color:#111}.card-music{left:25%;bottom:0;z-index:2;transform:rotate(-1deg);background:linear-gradient(145deg,#ff5757,#5b1616)}
.demo-card-top{display:flex;justify-content:space-between;font-size:.72rem;font-weight:1000;letter-spacing:.07em}.demo-life-card>strong{font-size:2.45rem;line-height:.9;margin:auto 0;letter-spacing:-.05em}.demo-life-card>small{font-size:.72rem;font-weight:1000;margin-top:10px}.demo-progress{height:10px;background:rgba(0,0,0,.25);border-radius:999px;overflow:hidden}.demo-progress i{display:block;height:100%;background:currentColor;border-radius:999px}
.landing-section{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:70px 0 110px}.section-heading{max-width:800px}.section-heading h2{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.045em;margin:.18em 0}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.landing-feature-grid article{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:24px}.feature-number{color:var(--yellow);font-size:.72rem;font-weight:1000}.landing-feature-grid h3{font-size:1.55rem;margin:25px 0 9px}.landing-feature-grid p{color:var(--muted);line-height:1.6}.landing-cta-strip{width:min(1240px,calc(100% - 32px));margin:0 auto 80px;padding:35px;border-radius:30px;background:var(--yellow);color:#111;display:flex;align-items:center;justify-content:space-between;gap:30px}.landing-cta-strip .eyebrow{color:#111}.landing-cta-strip h2{font-size:clamp(2rem,4vw,4rem);margin:.15em 0}.landing-cta-strip .button{background:#111;color:#fff}
.user-site-header{position:sticky;top:0;z-index:30;background:rgba(15,15,16,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);width:100%;padding-left:max(16px,calc((100vw - 1240px)/2));padding-right:max(16px,calc((100vw - 1240px)/2))}
.nav-coming{color:#57575e;font-weight:800;cursor:not-allowed}.user-header-actions{display:flex;align-items:center;gap:13px}.username-pill{padding:8px 11px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:.8rem;font-weight:900}
.user-home{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:50px 0 80px}.dashboard-alert{margin-top:0}.welcome-block{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.welcome-block h1{font-size:clamp(3rem,7vw,6rem);margin:.13em 0}.welcome-block p:not(.eyebrow){color:var(--muted);font-size:1.1rem}
.home-summary-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:14px}.completion-rate-card,.summary-stat-card{padding:25px;border-radius:24px;background:var(--surface);border:1px solid var(--border)}.completion-rate-card>span,.summary-stat-card>span{font-size:.72rem;font-weight:1000;color:var(--muted);letter-spacing:.08em}.completion-rate-card>strong,.summary-stat-card>strong{display:block;font-size:4rem;line-height:1;color:var(--yellow);margin:14px 0}.summary-progress{height:10px;background:#2b2b30;border-radius:999px;overflow:hidden}.summary-progress i{display:block;height:100%;background:var(--yellow)}.completion-rate-card small,.summary-stat-card small{display:block;color:var(--muted);margin-top:11px}.home-content-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:16px}.big-home-panel,.home-story-panel{min-height:280px}.big-home-panel h2,.home-story-panel h2{font-size:2rem}.big-home-panel p,.home-story-panel p{color:var(--muted);line-height:1.6}.text-link{color:var(--yellow);font-weight:900;text-decoration:none}.story-placeholder{display:flex;gap:12px;align-items:center;padding:14px;margin-top:25px;border-radius:14px;background:#121214;border:1px solid var(--border)}.story-placeholder>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#111;font-weight:1000}.story-placeholder div{display:grid;gap:3px}.story-placeholder small{color:var(--muted)}
@media(max-width:980px){
    .auth-page,.register-page{grid-template-columns:1fr}.auth-visual{min-height:470px;padding:55px 6vw}.auth-mini-cards{display:none}.auth-panel-wrap{padding:50px 20px}
    .landing-hero{grid-template-columns:1fr;padding-top:40px}.landing-card-stage{height:490px;max-width:620px;width:100%;margin:auto}.home-summary-grid{grid-template-columns:1fr 1fr}.completion-rate-card{grid-column:1/-1}.home-content-grid{grid-template-columns:1fr}
}
@media(max-width:720px){
    .site-header{min-height:76px;width:min(100% - 20px,1240px)}.brand-link img{width:135px;max-width:45vw}.site-nav>a:not(.button){display:none}.auth-site-header .brand-link img{width:145px}
    .auth-page{min-height:calc(100vh - 76px)}.auth-visual{min-height:360px;padding:42px 20px}.auth-visual h1{font-size:clamp(3rem,15vw,4.8rem)}.auth-visual p{font-size:1rem}.auth-panel-wrap{padding:35px 20px 55px}.auth-two{grid-template-columns:1fr!important}
    .landing-hero{width:min(100% - 20px,1240px);min-height:auto;gap:25px;padding-bottom:55px}.landing-copy h1{font-size:clamp(3.4rem,17vw,5.3rem)}.landing-lead{font-size:1rem}.hero-actions .button{width:100%}.hero-proof{display:grid;gap:9px}.landing-card-stage{height:390px}.demo-life-card{width:62%;padding:18px;border-radius:22px}.demo-life-card>strong{font-size:1.55rem}.card-film{top:42px}.card-travel{top:25px}.card-music{left:20%}.landing-section{width:min(100% - 20px,1240px);padding:45px 0 70px}.landing-feature-grid{grid-template-columns:1fr}.landing-cta-strip{width:min(100% - 20px,1240px);flex-direction:column;align-items:flex-start;padding:25px}.landing-cta-strip .button{width:100%}
    .user-site-header{width:100%;min-height:70px}.user-nav{display:none}.username-pill{display:none}.user-home{width:min(100% - 20px,1240px);padding-top:35px}.welcome-block{align-items:flex-start;flex-direction:column}.welcome-block .button{width:100%}.home-summary-grid{grid-template-columns:1fr}.completion-rate-card{grid-column:auto}.message-card{padding:28px 20px}.message-actions .button{width:100%}
}


/* =========================================================
   PHASE 3 — COMPLETION ENGINE / STORY / ONBOARDING / IMAGES
   ========================================================= */

.card-art-editor{
    display:grid;
    grid-template-columns:190px 1fr;
    gap:20px;
    align-items:start;
    margin-bottom:24px;
}
.admin-cover-preview{
    width:190px;
    aspect-ratio:1;
    border-radius:22px;
    overflow:hidden;
    background:linear-gradient(145deg,var(--preview-colour,#FFD329),#222);
    border:1px solid var(--border);
    display:grid;
    place-items:center;
    font-weight:1000;
    color:#111;
    font-size:2rem;
}
.admin-cover-preview img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.admin-cover-controls{display:grid;gap:12px}
.admin-cover-controls input[type=file]{
    background:#151517;
    border:1px dashed #494950;
    padding:14px;
    border-radius:13px;
}
.phase3-cards-hero{
    display:grid;
    gap:12px;
}
.card-search{
    display:flex;
    gap:10px;
    margin-top:18px;
    max-width:720px;
}
.card-search input{
    flex:1;
    min-width:0;
    background:#151517;
    color:#fff;
    border:1px solid var(--border);
    border-radius:14px;
    padding:15px 17px;
    font:inherit;
}
.interactive-category-strip{
    overflow:auto;
    padding-bottom:10px;
}
.interactive-category-strip a{
    flex:0 0 auto;
    text-decoration:none;
    color:#fff;
    border:1px solid var(--border);
    background:#19191c;
    border-radius:999px;
    padding:10px 14px;
    font-weight:900;
    font-size:.78rem;
}
.interactive-category-strip a:hover,
.interactive-category-strip a.active{
    border-color:var(--category-colour,#FFD329);
    box-shadow:inset 0 0 0 1px var(--category-colour,#FFD329);
}
.cards-results-heading{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:20px;
    margin:34px 0 18px;
}
.cards-results-heading h2{
    font-size:clamp(2rem,4vw,3.4rem);
    margin:.1em 0 0;
}
.phase3-life-card{
    position:relative;
}
.phase3-life-card.is-complete{
    box-shadow:0 0 0 2px var(--card-accent),0 20px 50px rgba(0,0,0,.35);
}
.card-progress-badge{
    position:absolute;
    left:14px;
    bottom:14px;
    padding:7px 9px;
    background:rgba(10,10,12,.82);
    border:1px solid rgba(255,255,255,.2);
    backdrop-filter:blur(10px);
    border-radius:999px;
    color:#fff;
    font-size:.72rem;
    font-weight:1000;
}
.card-grid-progress{
    margin-top:16px;
}
.card-grid-progress>div:first-child{
    display:flex;
    justify-content:space-between;
    gap:12px;
    font-size:.72rem;
    margin-bottom:8px;
}
.card-grid-progress span{color:var(--muted);font-weight:900}
.progress-track{
    height:9px;
    border-radius:999px;
    overflow:hidden;
    background:#2a2a2f;
}
.progress-track i{
    display:block;
    height:100%;
    background:var(--card-accent,var(--yellow));
    border-radius:999px;
}
.card-detail-art{position:relative}
.card-art-progress{
    position:absolute;
    left:16px;
    right:16px;
    bottom:16px;
    border-radius:17px;
    padding:12px 14px;
    background:rgba(8,8,10,.82);
    backdrop-filter:blur(12px);
    border:1px solid rgba(255,255,255,.16);
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
}
.card-art-progress strong{font-size:1.45rem}
.card-art-progress span{font-size:.7rem;font-weight:1000;color:#d7d7db}
.card-main-progress{
    margin:20px 0;
    max-width:620px;
}
.progress-copy{
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-bottom:8px;
    font-size:.8rem;
}
.progress-copy span{
    color:var(--yellow);
    font-weight:1000;
}
.card-complete-banner{
    margin:20px 0 26px;
    padding:24px;
    border-radius:24px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:20px;
    background:var(--yellow);
    color:#111;
    box-shadow:0 22px 70px rgba(255,211,41,.12);
}
.card-complete-banner .eyebrow{color:#111}
.card-complete-banner h2{
    margin:.1em 0;
    font-size:clamp(2.2rem,5vw,4.5rem);
    letter-spacing:-.05em;
}
.card-complete-banner p{margin:.35em 0}
.completion-stamp{
    width:76px;
    height:76px;
    display:grid;
    place-items:center;
    border-radius:20px;
    background:#111;
    color:var(--yellow);
    font-size:2.3rem;
    font-weight:1000;
    transform:rotate(-7deg);
}
.card-complete-banner .button{
    background:#111;
    color:#fff;
}
.checklist-heading{
    align-items:end;
}
.checklist-legend{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    color:var(--muted);
    font-size:.75rem;
    font-weight:800;
}
.legend-dot{
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    margin-right:5px;
}
.legend-dot.done{background:#65d889}
.legend-dot.unsure{background:#f7c768}
.legend-dot.todo{background:#676770}
.phase3-item-list{
    gap:10px;
}
.completion-item-row{
    grid-template-columns:46px auto 1fr minmax(300px,auto);
    gap:14px;
    align-items:center;
    border:1px solid var(--border);
    transition:.16s ease;
}
.completion-item-row.is-done{
    background:linear-gradient(90deg,rgba(80,210,130,.1),rgba(255,255,255,.015));
    border-color:rgba(80,210,130,.28);
}
.completion-item-row.is-unsure{
    background:linear-gradient(90deg,rgba(247,199,104,.08),rgba(255,255,255,.015));
}
.completion-item-row.is-done .public-item-number{
    background:#62d58c;
    color:#07140b;
}
.item-thumb{
    width:58px;
    height:58px;
    border-radius:12px;
    object-fit:cover;
    border:1px solid var(--border);
}
.completion-item-main{
    min-width:0;
}
.completion-title-line{
    display:flex;
    align-items:baseline;
    gap:7px;
    flex-wrap:wrap;
}
.completion-title-line strong{font-size:1.02rem}
.completion-item-main p{
    margin:5px 0 0;
    color:var(--muted);
}
.completion-item-meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    align-items:center;
    margin-top:8px;
    color:#909097;
    font-size:.72rem;
}
.quick-complete-actions{
    display:grid;
    grid-template-columns:repeat(3,auto);
    gap:6px;
    justify-content:end;
}
.quick-complete-actions form{margin:0}
.quick-action{
    appearance:none;
    border:1px solid #3f3f46;
    background:#1a1a1d;
    color:#b6b6bc;
    border-radius:10px;
    padding:9px 10px;
    font-size:.67rem;
    font-weight:1000;
    cursor:pointer;
    white-space:nowrap;
}
.quick-action:hover{border-color:#777}
.quick-action.active{
    color:#fff;
    border-color:#8b8b94;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}
.quick-action.done.active{
    color:#07140b;
    background:#62d58c;
    border-color:#62d58c;
}
.quick-action.unsure.active{
    color:#1b1301;
    background:#f7c768;
    border-color:#f7c768;
}
.memory-link{
    grid-column:1/-1;
    justify-self:end;
    color:var(--yellow);
    font-size:.65rem;
    font-weight:1000;
    text-decoration:none;
    margin-top:2px;
}
.completion-editor-shell{
    max-width:1160px;
}
.completion-editor-heading{
    max-width:850px;
    padding:38px 0 28px;
}
.completion-editor-heading h1{
    font-size:clamp(3.2rem,7vw,6.8rem);
    letter-spacing:-.055em;
    margin:.1em 0;
}
.completion-editor-heading>p:last-child{
    color:var(--muted);
    font-size:1.05rem;
    line-height:1.65;
}
.completion-editor-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:16px;
}
.completion-form-panel,
.completion-photo-panel{
    padding:24px;
}
.historical-check{
    align-items:flex-start;
    margin-top:8px;
}
.historical-check span{
    display:grid;
    gap:4px;
}
.historical-check small{
    color:var(--muted);
    font-weight:500;
}
.completion-photo-preview{
    width:100%;
    aspect-ratio:1;
    object-fit:cover;
    border-radius:18px;
    margin:12px 0;
}
.completion-photo-empty{
    width:100%;
    aspect-ratio:1;
    border-radius:18px;
    border:2px dashed #3d3d44;
    display:grid;
    place-items:center;
    font-size:4rem;
    color:#5a5a61;
    margin:12px 0;
}
.upload-drop{
    display:block;
    border:1px dashed #55555c;
    border-radius:14px;
    padding:14px;
    text-align:center;
    font-weight:1000;
    cursor:pointer;
}
.upload-drop input{
    display:block;
    width:100%;
    margin-top:10px;
}
.completion-save-bar{
    grid-column:1/-1;
    position:sticky;
    bottom:10px;
    display:flex;
    justify-content:flex-end;
    background:rgba(15,15,17,.92);
    border:1px solid var(--border);
    padding:12px;
    border-radius:16px;
    backdrop-filter:blur(12px);
}
.onboarding-topbar{
    width:min(1100px,calc(100% - 28px));
    margin:0 auto;
    min-height:84px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.onboarding-topbar img{
    width:160px;
    max-height:70px;
    object-fit:contain;
}
.onboarding-topbar span{
    font-size:.75rem;
    font-weight:1000;
    color:var(--muted);
}
.onboarding-page{
    width:min(880px,calc(100% - 28px));
    margin:0 auto;
    min-height:calc(100vh - 84px);
    display:flex;
    flex-direction:column;
    padding-bottom:70px;
}
.onboarding-progress{
    height:8px;
    border-radius:999px;
    background:#242429;
    overflow:hidden;
}
.onboarding-progress i{
    display:block;
    height:100%;
    background:var(--yellow);
}
.onboarding-question{
    flex:1;
    display:grid;
    place-items:center;
    align-content:center;
    text-align:center;
    padding:36px 0;
}
.onboarding-type{
    position:absolute;
    left:-9999px;
}
.onboarding-question-image,
.onboarding-question-icon{
    width:140px;
    aspect-ratio:1;
    border-radius:28px;
    margin-bottom:20px;
}
.onboarding-question-image{object-fit:cover}
.onboarding-question-icon{
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,var(--yellow),#ab7b00);
    color:#111;
    font-size:4.5rem;
    font-weight:1000;
    transform:rotate(-4deg);
}
.onboarding-question h1{
    font-size:clamp(3rem,8vw,6.3rem);
    max-width:820px;
    letter-spacing:-.055em;
    margin:.12em 0;
}
.onboarding-item-title{
    color:var(--muted);
    font-weight:800;
    font-size:1.08rem;
}
.onboarding-answer-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    width:100%;
    margin-top:30px;
}
.onboarding-answer{
    width:100%;
    min-height:66px;
    border-radius:16px;
    border:1px solid #3e3e46;
    background:#19191c;
    color:#fff;
    font-size:.82rem;
    font-weight:1000;
    cursor:pointer;
}
.onboarding-answer:hover{transform:translateY(-1px);border-color:#777}
.onboarding-answer.done{
    background:var(--yellow);
    border-color:var(--yellow);
    color:#111;
}
.onboarding-answer.unsure{
    color:#f5d681;
}
.onboarding-answer.selected{
    box-shadow:0 0 0 3px rgba(255,255,255,.13);
}
.skip-quiz-form{margin-top:22px}
.skip-quiz-form button{
    background:none;
    border:0;
    color:#73737b;
    text-decoration:underline;
    cursor:pointer;
}
.onboarding-complete-page{
    width:min(1180px,calc(100% - 28px));
    margin:0 auto;
    padding:55px 0 90px;
}
.onboarding-complete-hero{
    text-align:center;
    max-width:950px;
    margin:0 auto;
}
.big-check{
    width:84px;
    height:84px;
    border-radius:24px;
    display:grid;
    place-items:center;
    margin:0 auto 20px;
    background:var(--yellow);
    color:#111;
    font-size:2.7rem;
    font-weight:1000;
    transform:rotate(-5deg);
}
.onboarding-complete-hero h1{
    font-size:clamp(3.7rem,9vw,8rem);
    letter-spacing:-.065em;
    margin:.1em 0;
}
.onboarding-result-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin:34px auto;
    max-width:760px;
}
.onboarding-result-grid div{
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:20px;
    padding:22px;
}
.onboarding-result-grid strong{
    display:block;
    color:var(--yellow);
    font-size:3.2rem;
}
.onboarding-result-grid span{color:var(--muted);font-weight:800}
.onboarding-joke{color:var(--muted);font-size:1.1rem}
.onboarding-complete-hero h2{
    font-size:clamp(2rem,5vw,4rem);
}
.onboarding-complete-hero .hero-actions{justify-content:center}
.onboarding-suggestions{
    margin-top:75px;
}
.onboarding-suggestions>h2{
    font-size:clamp(2.5rem,5vw,4.5rem);
    margin:.15em 0 25px;
}
.mini-progress-card-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}
.mini-progress-card-grid>a{
    padding:20px;
    border-radius:20px;
    background:linear-gradient(160deg,color-mix(in srgb,var(--card-accent,#FFD329) 17%,#17171a),#151517);
    border:1px solid var(--border);
    text-decoration:none;
    color:#fff;
    display:grid;
    gap:12px;
}
.mini-progress-card-grid span,
.mini-progress-card-grid small{
    color:var(--muted);
    font-size:.72rem;
    font-weight:800;
}
.story-shell{
    max-width:1000px;
}
.story-hero{
    padding:45px 0 35px;
    max-width:780px;
}
.story-hero h1{
    font-size:clamp(3.8rem,8vw,7.5rem);
    letter-spacing:-.06em;
    margin:.08em 0;
}
.story-hero>p:last-child{
    color:var(--muted);
    line-height:1.65;
    font-size:1.06rem;
}
.story-empty{text-align:center;padding:48px}
.story-timeline{
    position:relative;
    display:grid;
    gap:16px;
    padding-left:52px;
}
.story-timeline::before{
    content:"";
    position:absolute;
    left:18px;
    top:18px;
    bottom:18px;
    width:2px;
    background:#2e2e34;
}
.story-entry{
    position:relative;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:24px;
    padding:22px;
}
.story-marker{
    position:absolute;
    left:-53px;
    top:18px;
    width:38px;
    height:38px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#26262b;
    border:2px solid #494950;
    color:#fff;
    font-weight:1000;
    z-index:2;
}
.story-card-complete{
    border-color:rgba(255,211,41,.34);
}
.story-card-complete .story-marker{
    background:var(--yellow);
    color:#111;
    border-color:var(--yellow);
}
.story-entry-top{
    display:flex;
    justify-content:space-between;
    align-items:start;
    gap:20px;
}
.story-entry-top h2{
    font-size:1.7rem;
    margin:.15em 0;
}
.story-entry-top time{
    color:#77777e;
    font-size:.75rem;
    font-weight:800;
    white-space:nowrap;
}
.story-action{
    color:var(--yellow);
    font-size:.66rem;
    font-weight:1000;
    letter-spacing:.08em;
}
.story-photo{
    display:block;
    width:min(100%,620px);
    aspect-ratio:1;
    object-fit:cover;
    border-radius:18px;
    margin:17px 0;
}
.story-memory{
    font-size:1.03rem;
    line-height:1.7;
    color:#dddddf;
}
.story-meta{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    align-items:center;
    color:#8d8d95;
    font-size:.75rem;
    margin-top:14px;
}
.story-meta a{
    margin-left:auto;
    color:var(--yellow);
    font-weight:1000;
    text-decoration:none;
}
.onboarding-nudge{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:20px 22px;
    background:linear-gradient(110deg,#2a2500,#171717);
    border:1px solid rgba(255,211,41,.28);
    border-radius:22px;
    margin-bottom:28px;
}
.onboarding-nudge h2{margin:.1em 0}
.onboarding-nudge p:last-child{color:#b9b9be;margin:.35em 0 0}
.phase3-summary-grid{
    grid-template-columns:1.5fr repeat(3,.65fr);
}
.phase3-summary-grid .summary-stat-card>strong{
    font-size:3.25rem;
}
.nearly-list{
    display:grid;
    gap:10px;
}
.nearly-list>a{
    display:grid;
    grid-template-columns:74px 1fr;
    gap:14px;
    align-items:center;
    color:#fff;
    text-decoration:none;
    padding:10px;
    border-radius:15px;
    background:#131315;
    border:1px solid var(--border);
}
.nearly-art{
    width:74px;
    aspect-ratio:1;
    border-radius:13px;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:var(--near-colour,#FFD329);
    color:#111;
    font-size:1.6rem;
    font-weight:1000;
}
.nearly-art img{width:100%;height:100%;object-fit:cover}
.nearly-list>a>div:last-child{
    min-width:0;
    display:grid;
    gap:6px;
}
.nearly-list span,
.nearly-list small{
    color:var(--muted);
    font-size:.68rem;
    font-weight:800;
}
.dashboard-story-list{
    display:grid;
    gap:8px;
}
.dashboard-story-list>div{
    display:flex;
    gap:10px;
    align-items:center;
    border-bottom:1px solid var(--border);
    padding:9px 0;
}
.dashboard-story-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    display:grid;
    place-items:center;
    background:#25252a;
    color:var(--yellow);
    font-weight:1000;
}
.dashboard-story-list p{
    display:grid;
    gap:3px;
    margin:0!important;
}
.dashboard-story-list small{
    color:var(--muted);
    font-size:.65rem;
    font-weight:800;
}
.home-featured-section{
    margin-top:34px;
}
.home-featured-section>.panel-heading h2{
    font-size:2.2rem;
}
.home-featured-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
}
.home-featured-grid>a{
    color:#fff;
    text-decoration:none;
    display:grid;
    gap:10px;
    border:1px solid var(--border);
    background:var(--surface);
    border-radius:20px;
    padding:12px;
}
.home-featured-grid>a>div:first-child{
    aspect-ratio:1.25;
    border-radius:14px;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,var(--card-accent),#19191c);
    color:#111;
    font-size:2.5rem;
}
.home-featured-grid img{width:100%;height:100%;object-fit:cover}
.home-featured-grid small,
.home-featured-grid em{
    color:var(--muted);
    font-size:.68rem;
    font-style:normal;
    font-weight:800;
}
.home-featured-grid strong{
    font-size:1.07rem;
    line-height:1.1;
}

@media(max-width:1100px){
    .completion-item-row{grid-template-columns:44px auto 1fr}
    .quick-complete-actions{grid-column:2/-1;justify-content:start}
    .phase3-summary-grid{grid-template-columns:1fr 1fr}
    .completion-rate-card{grid-column:1/-1}
    .home-featured-grid,.mini-progress-card-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
    .card-art-editor{grid-template-columns:1fr}
    .admin-cover-preview{width:100%;max-width:260px}
    .card-search{display:grid}
    .cards-results-heading{align-items:flex-start;flex-direction:column}
    .card-complete-banner{grid-template-columns:1fr;text-align:center}
    .completion-stamp{margin:auto}
    .completion-item-row{grid-template-columns:40px 1fr;padding:13px}
    .completion-item-row .item-thumb{display:none}
    .quick-complete-actions{
        grid-column:1/-1;
        grid-template-columns:1fr;
        width:100%;
    }
    .quick-complete-actions form,.quick-action{width:100%}
    .memory-link{justify-self:center}
    .checklist-legend{display:none}
    .completion-editor-grid{grid-template-columns:1fr}
    .completion-save-bar{grid-column:auto}
    .onboarding-answer-grid{grid-template-columns:1fr}
    .onboarding-question h1{font-size:clamp(2.7rem,13vw,4.6rem)}
    .onboarding-result-grid{grid-template-columns:1fr}
    .mini-progress-card-grid,.home-featured-grid{grid-template-columns:1fr}
    .story-timeline{padding-left:37px}
    .story-timeline::before{left:12px}
    .story-marker{left:-42px;width:30px;height:30px}
    .story-entry-top{display:grid}
    .story-entry-top time{order:-1}
    .story-meta a{width:100%;margin-left:0}
    .onboarding-nudge{align-items:flex-start;flex-direction:column}
    .onboarding-nudge .button{width:100%}
    .phase3-summary-grid{grid-template-columns:1fr}
    .completion-rate-card{grid-column:auto}
}

.admin-dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}@media(max-width:900px){.admin-dashboard-columns{grid-template-columns:1fr}}


/* =========================================================
   COMPLETED IT MATE UX PASS — MOBILE NAV / PEOPLE / STATS / SETTINGS / STORY
   ========================================================= */

/* Universal authenticated mobile navigation */
.mobile-tabbar,
.mobile-more-sheet,
.mobile-menu-backdrop{display:none}

.people-shell,.stats-shell,.settings-shell{padding-bottom:90px}

.people-hero,.stats-hero,.settings-hero{
    padding:46px 0 34px;
    max-width:930px;
}
.people-hero h1,.stats-hero h1,.settings-hero h1{
    font-size:clamp(3.4rem,7vw,7rem);
    line-height:.92;
    letter-spacing:-.06em;
    margin:.1em 0 .18em;
}
.people-hero>div>p:last-child,.stats-hero>p:last-child,.settings-hero>p:last-child{
    color:var(--muted);
    font-size:1.05rem;
    line-height:1.65;
    max-width:760px;
}

/* People */
.people-search{
    margin-top:28px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    max-width:760px;
    padding:7px;
    border:1px solid var(--border);
    border-radius:18px;
    background:#171719;
}
.people-search>span{
    padding-left:10px;
    color:var(--yellow);
    font-size:1.25rem;
    font-weight:1000;
}
.people-search input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:#fff;
    padding:12px 4px;
    font:inherit;
    font-size:1rem;
}
.people-section{margin-top:36px}
.section-line{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:18px;
    margin-bottom:15px;
}
.section-line h2{
    margin:.12em 0 0;
    font-size:2rem;
}
.count-badge{
    display:grid;
    place-items:center;
    min-width:34px;
    height:34px;
    padding:0 9px;
    background:var(--yellow);
    color:#111;
    border-radius:999px;
    font-weight:1000;
}
.people-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}
.person-card,.request-list article{
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:13px;
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:20px;
    padding:15px;
}
.person-avatar,.story-mini-avatar{
    width:52px;
    height:52px;
    border-radius:17px;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:linear-gradient(145deg,var(--yellow),#a97800);
    color:#111;
    font-weight:1000;
    font-size:1.2rem;
}
.person-avatar img,.story-mini-avatar img{
    width:100%;height:100%;object-fit:cover;
}
.person-copy{
    min-width:0;
    display:grid;
    gap:3px;
}
.person-copy strong{font-size:1.05rem}
.person-copy span{
    color:var(--muted);
    font-size:.78rem;
    overflow:hidden;
    text-overflow:ellipsis;
}
.people-status{
    padding:8px 10px;
    border-radius:999px;
    font-size:.66rem;
    font-weight:1000;
    white-space:nowrap;
}
.people-status.accepted{background:rgba(90,210,130,.12);color:#7be59c}
.people-status.pending{background:#25252a;color:#aaaab1}
.request-list{display:grid;gap:10px}
.request-actions{
    display:flex;
    gap:6px;
    align-items:center;
}
.request-actions select{
    max-width:110px;
    background:#141416;
    color:#fff;
    border:1px solid var(--border);
    border-radius:10px;
    padding:9px;
}
.request-actions .button{padding:10px 12px}
.icon-button{
    width:36px;height:36px;
    border-radius:11px;
    border:1px solid var(--border);
    background:#18181b;color:#8d8d94;
    font-size:1.35rem;cursor:pointer;
}
.icon-button:hover{color:#fff;border-color:#666}
.people-empty{
    display:grid;gap:5px;
    padding:24px;
}
.people-empty span{color:var(--muted)}
.outgoing-block{margin-top:24px}
.outgoing-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.outgoing-chips span{
    border:1px solid var(--border);
    border-radius:999px;
    padding:8px 11px;
    color:var(--muted);
    font-size:.75rem;
}

/* Stats */
.stats-big-grid{
    display:grid;
    grid-template-columns:1.5fr repeat(3,.72fr);
    gap:12px;
    margin-bottom:16px;
}
.stats-big-grid>article{
    min-height:190px;
    padding:22px;
    border:1px solid var(--border);
    border-radius:22px;
    background:var(--surface);
    position:relative;
    overflow:hidden;
}
.stats-big-grid article>span{
    color:var(--muted);
    font-size:.7rem;
    font-weight:1000;
    letter-spacing:.08em;
}
.stats-big-grid article>strong{
    display:block;
    margin:16px 0 10px;
    color:var(--yellow);
    font-size:3.5rem;
    line-height:1;
}
.stats-big-grid article>small{
    color:var(--muted);
    line-height:1.45;
}
.stats-rate{padding-right:150px!important}
.stats-ring{
    position:absolute;
    right:24px;top:25px;
    width:120px;height:120px;
    border-radius:50%;
    background:conic-gradient(var(--yellow) calc(var(--pct)*1%),#2b2b30 0);
}
.stats-ring::after{
    content:"";
    position:absolute;
    inset:12px;
    border-radius:50%;
    background:var(--surface);
}
.stats-layout{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:16px;
}
.stats-category-panel,.stats-activity-panel,.stats-cards-panel{padding:24px}
.category-stats-list{display:grid;gap:15px}
.category-stat-row{display:grid;gap:8px}
.category-stat-row .progress-track i{background:var(--cat-colour)}
.category-stat-title{
    display:grid;
    grid-template-columns:38px 1fr auto;
    align-items:center;
    gap:10px;
}
.category-stat-title>span{
    width:38px;height:38px;
    display:grid;place-items:center;
    border-radius:11px;
    background:#19191c;
}
.category-stat-title>div{display:grid;gap:2px}
.category-stat-title small{color:var(--muted);font-size:.69rem}
.category-stat-title>b{font-size:.9rem}
.activity-bars{
    height:260px;
    display:grid;
    grid-template-columns:repeat(12,1fr);
    gap:6px;
    align-items:end;
    padding-top:35px;
}
.activity-bars>div{
    height:100%;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:center;
    gap:6px;
    min-width:0;
}
.activity-bars i{
    width:min(22px,80%);
    min-height:4px;
    background:var(--yellow);
    border-radius:6px 6px 2px 2px;
}
.activity-bars small{color:#72727a;font-size:.62rem}
.activity-value{font-size:.62rem;color:#a1a1a8;font-weight:800}
.stats-footnote{font-size:.73rem!important;color:#73737a!important}
.stats-cards-panel{margin-top:16px}
.stats-card-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
}
.stats-card-grid>a{
    color:#fff;text-decoration:none;
    padding:12px;
    border:1px solid var(--border);
    border-radius:17px;
    background:#151517;
    display:grid;gap:9px;
}
.stats-card-art{
    aspect-ratio:1.6;
    border-radius:12px;
    overflow:hidden;
    display:grid;place-items:center;
    background:linear-gradient(145deg,var(--card-accent),#242428);
    color:#111;font-size:2rem;font-weight:1000;
}
.stats-card-art img{width:100%;height:100%;object-fit:cover}
.stats-card-grid>a>div:nth-child(2){display:grid;gap:2px}
.stats-card-grid small,.stats-card-grid em{
    color:var(--muted);font-size:.65rem;font-style:normal;font-weight:800;
}
.stats-empty{display:flex;justify-content:space-between;align-items:center;gap:20px}

/* Settings */
.settings-tabs{
    position:sticky;
    top:0;
    z-index:12;
    display:flex;
    gap:8px;
    overflow:auto;
    padding:10px 0;
    margin-bottom:20px;
    background:rgba(15,15,16,.95);
    backdrop-filter:blur(16px);
}
.settings-tabs a{
    flex:0 0 auto;
    color:#a7a7ad;
    text-decoration:none;
    border:1px solid var(--border);
    border-radius:999px;
    padding:9px 12px;
    font-size:.72rem;
    font-weight:900;
}
.settings-tabs a:hover{color:#fff;border-color:#666}
.settings-section{
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:28px;
    padding:34px 0;
    border-top:1px solid var(--border);
    scroll-margin-top:70px;
}
.settings-section-intro h2{
    font-size:2rem;
    margin:.15em 0;
}
.settings-section-intro>p:last-child{
    color:var(--muted);
    line-height:1.55;
    font-size:.86rem;
}
.settings-card{padding:24px}
.profile-photo-editor{
    display:grid;
    grid-template-columns:130px 1fr;
    gap:20px;
    align-items:center;
    padding-bottom:24px;
    margin-bottom:22px;
    border-bottom:1px solid var(--border);
}
.profile-avatar-large{
    width:130px;height:130px;
    border-radius:34px;
    overflow:hidden;
    display:grid;place-items:center;
    background:linear-gradient(145deg,var(--yellow),#b78200);
    color:#111;
    font-size:3rem;font-weight:1000;
}
.profile-avatar-large img{width:100%;height:100%;object-fit:cover}
.profile-photo-editor p{color:var(--muted);font-size:.82rem}
.file-button{display:inline-block;cursor:pointer;margin-right:8px}
.file-button input{display:none}
.text-danger-button{
    background:none;border:0;color:#ff8e8e;
    font-weight:800;cursor:pointer;text-decoration:underline;
}
.privacy-master,.privacy-grid label,.settings-toggle{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.privacy-master{
    padding:17px;
    background:#141416;
    border:1px solid var(--border);
    border-radius:16px;
    margin-bottom:12px;
}
.privacy-master>span,.privacy-grid label>span,.settings-toggle>span{
    display:grid;gap:4px;
}
.privacy-master small,.privacy-grid small,.settings-toggle small{
    color:var(--muted);
    font-weight:500;
    line-height:1.4;
}
.privacy-master select,.privacy-grid select{
    width:auto;min-width:135px;
}
.privacy-grid{display:grid;gap:8px}
.privacy-grid label{
    padding:14px 0;
    border-bottom:1px solid var(--border);
}
.toggle-list{display:grid;gap:0;margin:18px 0}
.settings-toggle{
    padding:14px 0;
    border-bottom:1px solid var(--border);
}
.settings-toggle input[type=checkbox]{
    appearance:none;
    width:48px;height:28px;
    flex:0 0 auto;
    border:0;border-radius:999px;
    background:#34343a;
    position:relative;cursor:pointer;
}
.settings-toggle input[type=checkbox]::after{
    content:"";
    position:absolute;
    width:20px;height:20px;
    border-radius:50%;
    background:#fff;
    top:4px;left:4px;
    transition:.16s ease;
}
.settings-toggle input[type=checkbox]:checked{background:var(--yellow)}
.settings-toggle input[type=checkbox]:checked::after{left:24px;background:#111}
.communication-groups{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
}
.communication-groups h3{margin-top:0}
.account-details{display:grid;gap:0}
.account-details>div{
    display:grid;
    grid-template-columns:130px 1fr auto;
    align-items:center;
    gap:15px;
    padding:15px 0;
    border-bottom:1px solid var(--border);
}
.account-details>div:last-child{border-bottom:0}
.account-details span,.account-details small{color:var(--muted);font-size:.75rem}
.account-details a{color:var(--yellow);font-weight:900;text-decoration:none}

/* Story v2 */
.story-v2{max-width:980px}
.story-profile-hero{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:22px;
    align-items:center;
    padding:42px 0 28px;
}
.story-profile-avatar{
    width:104px;height:104px;
    border-radius:30px;overflow:hidden;
    display:grid;place-items:center;
    background:linear-gradient(145deg,var(--yellow),#aa7900);
    color:#111;font-size:2.5rem;font-weight:1000;
}
.story-profile-avatar img{width:100%;height:100%;object-fit:cover}
.story-profile-copy h1{
    font-size:clamp(3.2rem,7vw,6.5rem);
    letter-spacing:-.06em;
    margin:.08em 0;
}
.story-profile-copy>p:last-child{color:var(--muted)}
.story-profile-stats{display:flex;gap:8px}
.story-profile-stats>div{
    min-width:105px;
    padding:15px;
    border-radius:17px;
    border:1px solid var(--border);
    background:var(--surface);
}
.story-profile-stats strong{display:block;color:var(--yellow);font-size:1.8rem}
.story-profile-stats span{color:var(--muted);font-size:.65rem;font-weight:800}
.story-philosophy{
    margin:5px 0 38px;
    padding:14px 17px;
    border-left:4px solid var(--yellow);
    background:#171719;
    color:#9a9aa1;
    font-size:.9rem;
}
.story-philosophy span{color:#696970;font-weight:900}
.story-philosophy strong{color:#fff;margin-left:14px}
.story-stream{display:grid;gap:12px}
.story-month-divider{
    display:flex;align-items:center;gap:12px;
    padding:20px 0 6px;
    color:#77777f;font-size:.73rem;font-weight:1000;letter-spacing:.08em;
}
.story-month-divider::after{content:"";height:1px;background:var(--border);flex:1}
.story-card-v2{
    border:1px solid var(--border);
    background:var(--surface);
    border-radius:24px;
    padding:20px;
    overflow:hidden;
}
.story-card-v2.is-card-medal{
    border-color:color-mix(in srgb,var(--story-accent) 55%,#333);
    background:linear-gradient(145deg,color-mix(in srgb,var(--story-accent) 8%,#1a1a1d),#18181b);
}
.story-user-line{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:10px;align-items:center;
}
.story-mini-avatar{width:40px;height:40px;border-radius:13px;font-size:.9rem}
.story-user-line>div:nth-child(2){display:grid;gap:2px}
.story-user-line small{color:var(--muted);font-size:.68rem}
.archive-pill{
    padding:7px 9px;border-radius:999px;
    background:#28282d;color:#9a9aa1;
    font-size:.6rem;font-weight:1000;
}
.story-card-main{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:14px;
    align-items:center;
    margin:20px 0 13px;
}
.story-card-icon{
    width:52px;height:52px;
    display:grid;place-items:center;
    border-radius:15px;
    background:var(--story-accent);
    color:#111;font-size:1.5rem;font-weight:1000;
    transform:rotate(-3deg);
}
.story-action-label{color:var(--yellow);font-size:.62rem;font-weight:1000;letter-spacing:.08em}
.story-card-main h2{font-size:1.9rem;margin:.12em 0}
.story-item-type{color:#6f6f77;font-size:.62rem;font-weight:900}
.story-hero-photo{
    display:block;width:100%;
    max-height:620px;aspect-ratio:1;
    object-fit:cover;border-radius:18px;
    margin:13px 0;
}
.story-memory-v2{
    color:#dddde0;
    font-size:1rem;
    line-height:1.7;
    margin:16px 3px;
}
.story-detail-chips{
    display:flex;flex-wrap:wrap;gap:7px;margin-top:12px;
}
.story-detail-chips span{
    padding:7px 9px;border-radius:999px;
    background:#25252a;
    color:#aaaab1;font-size:.67rem;font-weight:800;
}
.story-card-footer{
    display:flex;justify-content:flex-end;
    padding-top:15px;margin-top:15px;
    border-top:1px solid var(--border);
}
.story-card-footer a{color:var(--yellow);font-size:.7rem;font-weight:1000;text-decoration:none}

/* Hard override: clean, equal completion controls on phones */
@media(max-width:760px){
    body{padding-bottom:82px}
    .public-topbar.app-topbar nav{display:none}
    .public-topbar.app-topbar{min-height:72px;padding:8px 14px}
    .public-topbar.app-topbar>a img{width:138px!important;max-height:58px}

    .mobile-tabbar{
        position:fixed;
        display:grid;
        grid-template-columns:repeat(5,1fr);
        left:8px;right:8px;bottom:8px;
        height:66px;
        z-index:100;
        background:rgba(20,20,22,.96);
        border:1px solid #38383e;
        border-radius:20px;
        box-shadow:0 15px 45px rgba(0,0,0,.55);
        backdrop-filter:blur(18px);
        padding:5px;
    }
    .mobile-tabbar a,.mobile-tabbar button{
        appearance:none;border:0;background:none;
        color:#72727a;text-decoration:none;
        display:flex;flex-direction:column;
        align-items:center;justify-content:center;
        gap:2px;min-width:0;
        font:inherit;cursor:pointer;
        border-radius:14px;
    }
    .mobile-tabbar a.active{color:var(--yellow);background:rgba(255,211,41,.07)}
    .mobile-tabbar span{font-size:1.18rem;line-height:1}
    .mobile-tabbar small{font-size:.58rem;font-weight:900}
    .mobile-menu-backdrop{
        position:fixed;inset:0;display:block;
        z-index:108;background:rgba(0,0,0,.62);
        backdrop-filter:blur(2px);
    }
    .mobile-menu-backdrop[hidden]{display:none}
    .mobile-more-sheet{
        position:fixed;
        display:block;
        left:8px;right:8px;bottom:8px;
        z-index:110;
        max-height:min(650px,82vh);
        overflow:auto;
        border:1px solid #39393f;
        border-radius:26px;
        background:#18181b;
        box-shadow:0 25px 80px rgba(0,0,0,.65);
        padding:9px 14px 18px;
    }
    .mobile-more-sheet[hidden]{display:none}
    .mobile-sheet-handle{
        width:44px;height:4px;
        border-radius:999px;background:#494950;
        margin:2px auto 12px;
    }
    .mobile-sheet-profile{
        display:grid;grid-template-columns:auto 1fr auto;
        gap:11px;align-items:center;
        padding:8px 2px 16px;
        border-bottom:1px solid var(--border);
    }
    .mobile-sheet-profile>img,.mobile-sheet-profile>span{
        width:48px;height:48px;border-radius:15px;
        object-fit:cover;display:grid;place-items:center;
        background:var(--yellow);color:#111;font-weight:1000;
    }
    .mobile-sheet-profile>div{display:grid;gap:2px}
    .mobile-sheet-profile small{color:var(--muted)}
    .mobile-sheet-profile button{
        width:38px;height:38px;
        border:0;border-radius:11px;background:#26262b;color:#aaa;
        font-size:1.5rem;
    }
    .mobile-sheet-links{display:grid;padding-top:7px}
    .mobile-sheet-links>a{
        display:grid;grid-template-columns:40px 1fr auto;
        gap:10px;align-items:center;
        padding:13px 4px;
        border-bottom:1px solid var(--border);
        color:#fff;text-decoration:none;
    }
    .mobile-sheet-links>a>span{
        width:38px;height:38px;
        display:grid;place-items:center;
        border-radius:11px;background:#232328;color:var(--yellow);
    }
    .mobile-sheet-links>a>div{display:grid;gap:2px}
    .mobile-sheet-links small{color:var(--muted);font-size:.67rem}
    .mobile-sheet-links b{color:#666;font-size:1.4rem}
    .mobile-sheet-logout strong{color:#ff9797}

    .completion-item-row{
        display:grid!important;
        grid-template-columns:38px minmax(0,1fr)!important;
        gap:10px!important;
        align-items:start!important;
        padding:14px!important;
        border-radius:17px!important;
    }
    .completion-item-row .public-item-number{
        width:38px!important;height:38px!important;
        min-width:38px!important;
        display:grid!important;place-items:center!important;
    }
    .completion-item-main{grid-column:2}
    .completion-title-line strong{font-size:1rem}
    .completion-item-meta{gap:5px}
    .quick-complete-actions{
        grid-column:1/-1!important;
        display:grid!important;
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:6px!important;
        width:100%!important;
        margin-top:5px;
        justify-content:stretch!important;
    }
    .quick-complete-actions form{
        width:100%!important;
        min-width:0!important;
        display:block!important;
    }
    .quick-action{
        width:100%!important;
        height:46px!important;
        min-height:46px!important;
        padding:5px 4px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        text-align:center!important;
        white-space:normal!important;
        line-height:1.05!important;
        font-size:.59rem!important;
        letter-spacing:0!important;
        border-radius:11px!important;
    }
    .memory-link{
        grid-column:1/-1!important;
        justify-self:stretch!important;
        text-align:center!important;
        padding:9px 4px 1px!important;
        font-size:.62rem!important;
    }

    .people-hero,.stats-hero,.settings-hero{padding-top:27px}
    .people-hero h1,.stats-hero h1,.settings-hero h1{font-size:clamp(3rem,14vw,4.8rem)}
    .people-search{grid-template-columns:auto minmax(0,1fr);border-radius:15px}
    .people-search .button{grid-column:1/-1;width:100%}
    .people-grid{grid-template-columns:1fr}
    .person-card,.request-list article{grid-template-columns:auto 1fr}
    .person-card>form,.person-card>.people-status,.request-actions{
        grid-column:1/-1;
        width:100%;
    }
    .person-card>form .button{width:100%}
    .request-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
    }
    .request-actions select{grid-column:1/-1;max-width:none;width:100%}
    .request-actions .button{width:100%}

    .stats-big-grid{grid-template-columns:1fr 1fr}
    .stats-rate{grid-column:1/-1;padding-right:135px!important}
    .stats-layout{grid-template-columns:1fr}
    .stats-card-grid{grid-template-columns:1fr}
    .activity-bars{height:210px;gap:3px}
    .activity-bars small{font-size:.54rem;transform:rotate(-45deg);margin-bottom:7px}
    .stats-empty{align-items:flex-start;flex-direction:column}

    .settings-tabs{top:0;margin-left:-2px}
    .settings-section{grid-template-columns:1fr;gap:12px;padding:28px 0}
    .settings-card{padding:17px}
    .profile-photo-editor{grid-template-columns:92px 1fr;gap:14px}
    .profile-avatar-large{width:92px;height:92px;border-radius:25px}
    .privacy-master,.privacy-grid label{align-items:flex-start;flex-direction:column}
    .privacy-master select,.privacy-grid select{width:100%;min-width:0}
    .communication-groups{grid-template-columns:1fr}
    .account-details>div{grid-template-columns:1fr;gap:4px}
    .story-profile-hero{grid-template-columns:auto 1fr;gap:14px;padding-top:26px}
    .story-profile-avatar{width:72px;height:72px;border-radius:22px;font-size:1.8rem}
    .story-profile-copy h1{font-size:clamp(2.8rem,13vw,4.6rem)}
    .story-profile-stats{grid-column:1/-1;width:100%}
    .story-profile-stats>div{flex:1}
    .story-philosophy{line-height:1.7}
    .story-philosophy strong{display:block;margin-left:0;margin-top:4px}
    .story-card-v2{padding:15px}
    .story-user-line{grid-template-columns:auto 1fr}
    .archive-pill{grid-column:1/-1;width:max-content}
    .story-card-main h2{font-size:1.45rem}
}

@media(max-width:380px){
    .quick-action{font-size:.53rem!important}
    .stats-big-grid{grid-template-columns:1fr}
    .stats-rate{grid-column:auto;padding-right:120px!important}
    .stats-big-grid article>strong{font-size:2.8rem}
}

.desktop-profile-link{
    display:flex;align-items:center;gap:8px;
    color:#fff;text-decoration:none;
    padding:5px 9px 5px 5px;
    border:1px solid var(--border);
    border-radius:999px;
    background:#18181b;
}
.desktop-profile-link img,.desktop-profile-link span{
    width:30px;height:30px;border-radius:50%;
    object-fit:cover;display:grid;place-items:center;
    background:var(--yellow);color:#111;font-size:.72rem;font-weight:1000;
}
.desktop-profile-link b{font-size:.72rem}
@media(max-width:760px){.desktop-profile-link{display:none}}


/* =========================================================
   MOBILE POLISH — PROFILE / APP DOCK / CATEGORY TILES
   ========================================================= */

/* Profile images are uploaded square for safe storage/cropping,
   but displayed as circular avatars throughout the user UI. */
.profile-avatar-large,
.story-profile-avatar,
.story-mini-avatar,
.person-avatar,
.mobile-sheet-profile > img,
.mobile-sheet-profile > span,
.desktop-profile-link img,
.desktop-profile-link span {
    border-radius: 50% !important;
}

/* Category markup */
.category-tile-icon,
.category-tile-label {
    display: block;
}

@media (max-width: 760px) {
    /* Compact mobile header: the app dock carries the navigation. */
    .public-topbar.app-topbar {
        width: 100% !important;
        min-height: 62px !important;
        height: 62px !important;
        padding: 6px 14px !important;
        margin: 0 !important;
        border-bottom: 1px solid var(--border);
        background: rgba(15,15,16,.96);
        position: sticky;
        top: 0;
        z-index: 60;
        backdrop-filter: blur(16px);
    }

    .public-topbar.app-topbar > a {
        height: 50px;
        display: flex;
        align-items: center;
    }

    .public-topbar.app-topbar > a img {
        width: 120px !important;
        max-width: 120px !important;
        max-height: 50px !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    .public-topbar.app-topbar nav {
        display: none !important;
    }

    /* Smaller circular profile imagery on portrait mobile. */
    .profile-photo-editor {
        grid-template-columns: 68px minmax(0,1fr) !important;
        gap: 13px !important;
        align-items: center !important;
    }

    .profile-avatar-large {
        width: 68px !important;
        height: 68px !important;
        min-width: 68px !important;
        border-radius: 50% !important;
        font-size: 1.45rem !important;
    }

    .story-profile-avatar {
        width: 58px !important;
        height: 58px !important;
        min-width: 58px !important;
        border-radius: 50% !important;
        font-size: 1.25rem !important;
    }

    .story-mini-avatar,
    .person-avatar {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 50% !important;
    }

    .profile-photo-editor .file-button {
        padding: 9px 11px !important;
        font-size: .66rem !important;
    }

    .profile-photo-editor p {
        margin: 4px 0 9px !important;
        font-size: .74rem !important;
        line-height: 1.4 !important;
    }

    /* True floating app-style bottom dock. */
    body {
        padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important;
    }

    .mobile-tabbar {
        display: grid !important;
        position: fixed !important;
        left: 50% !important;
        right: auto !important;
        bottom: calc(8px + env(safe-area-inset-bottom)) !important;
        transform: translateX(-50%) !important;
        width: calc(100% - 18px) !important;
        max-width: 520px !important;
        height: 68px !important;
        grid-template-columns: repeat(5, minmax(0,1fr)) !important;
        padding: 5px !important;
        border-radius: 22px !important;
        z-index: 1000 !important;
        background: rgba(20,20,22,.97) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        box-shadow:
            0 18px 50px rgba(0,0,0,.62),
            0 0 0 1px rgba(0,0,0,.25) !important;
        backdrop-filter: blur(22px) !important;
        -webkit-backdrop-filter: blur(22px) !important;
    }

    .mobile-tabbar a,
    .mobile-tabbar button {
        min-width: 0 !important;
        border-radius: 16px !important;
        gap: 4px !important;
        overflow: hidden;
    }

    .mobile-tabbar a.active {
        background: rgba(255,211,41,.11) !important;
        color: var(--yellow) !important;
    }

    .mobile-tabbar span {
        font-size: 1.08rem !important;
        line-height: 1 !important;
    }

    .mobile-tabbar small {
        display: block !important;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: .55rem !important;
        line-height: 1 !important;
        font-weight: 900 !important;
    }

    .mobile-more-sheet {
        bottom: calc(8px + env(safe-area-inset-bottom)) !important;
        z-index: 1010 !important;
        border-radius: 26px !important;
    }

    .mobile-menu-backdrop {
        z-index: 1005 !important;
    }

    /* Cards: compact app-like category boxes, icon over label. */
    .interactive-category-strip {
        display: flex !important;
        gap: 7px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        padding: 4px 0 13px !important;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .interactive-category-strip::-webkit-scrollbar {
        display: none;
    }

    .interactive-category-strip > a {
        width: 72px !important;
        min-width: 72px !important;
        height: 68px !important;
        padding: 6px 5px !important;
        border-radius: 14px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        text-align: center !important;
        scroll-snap-align: start;
        white-space: normal !important;
        background:
            linear-gradient(
                145deg,
                color-mix(in srgb, var(--category-colour,#FFD329) 11%, #19191c),
                #171719
            ) !important;
        border: 1px solid
            color-mix(in srgb, var(--category-colour,#FFD329) 28%, #303036) !important;
    }

    .interactive-category-strip > a:first-child {
        width: 58px !important;
        min-width: 58px !important;
    }

    .interactive-category-strip > a.active {
        background:
            linear-gradient(
                145deg,
                color-mix(in srgb, var(--category-colour,#FFD329) 24%, #19191c),
                #171719
            ) !important;
        border-color: var(--category-colour,#FFD329) !important;
        box-shadow:
            inset 0 0 0 1px var(--category-colour,#FFD329),
            0 6px 18px rgba(0,0,0,.2) !important;
    }

    .category-tile-icon {
        font-size: 1.25rem !important;
        line-height: 1 !important;
    }

    .category-tile-label {
        width: 100%;
        color: #efeff1;
        font-size: .56rem !important;
        line-height: 1.05 !important;
        font-weight: 900 !important;
        overflow: hidden;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .interactive-category-strip > a:first-child {
        font-size: .62rem !important;
        font-weight: 1000 !important;
    }

    .phase3-cards-hero {
        padding-top: 28px !important;
    }

    .phase3-cards-hero h1 {
        font-size: clamp(2.9rem, 14vw, 4.5rem) !important;
    }
}

@media (max-width: 390px) {
    .interactive-category-strip > a {
        width: 66px !important;
        min-width: 66px !important;
        height: 64px !important;
    }

    .mobile-tabbar {
        width: calc(100% - 12px) !important;
    }

    .mobile-tabbar small {
        font-size: .51rem !important;
    }
}


/* =========================================================
   COLLECTIONS / CARD PACKS
   ========================================================= */
.cards-hero-actions{margin-top:8px}
.collections-shell,.collection-detail-shell{padding-bottom:100px}
.collections-hero{padding:46px 0 34px;max-width:850px}
.collections-hero h1{
    font-size:clamp(4rem,8vw,7.5rem);
    letter-spacing:-.06em;
    margin:.08em 0;
}
.collections-hero>p:last-child{color:var(--muted);font-size:1.08rem;line-height:1.65}
.collection-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
}
.collection-card{
    text-decoration:none;color:#fff;
    border:1px solid var(--border);
    border-radius:24px;
    overflow:hidden;
    background:var(--surface);
    transition:transform .16s ease,border-color .16s ease;
}
.collection-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--collection-accent) 55%,#444)}
.collection-cover{
    position:relative;aspect-ratio:1.45;overflow:hidden;
    display:grid;place-items:center;
    background:linear-gradient(145deg,var(--collection-accent),#202024);
}
.collection-cover>img{width:100%;height:100%;object-fit:cover}
.collection-cover>span{font-size:4rem;filter:drop-shadow(0 12px 25px rgba(0,0,0,.25))}
.collection-count,.owned-badge{
    position:absolute;top:12px;
    padding:7px 9px;border-radius:999px;
    font-size:.62rem;font-weight:1000;
    backdrop-filter:blur(12px);
}
.collection-count{left:12px;background:rgba(15,15,17,.78);color:#fff}
.owned-badge{right:12px;background:var(--yellow);color:#111}
.collection-copy{padding:18px;display:grid;gap:7px}
.collection-copy>span{color:var(--collection-accent);font-size:.64rem;font-weight:1000;letter-spacing:.08em}
.collection-copy h2{margin:0;font-size:1.6rem;line-height:1.05}
.collection-copy p{margin:0;color:var(--muted);line-height:1.5}
.collection-price-line{
    margin-top:10px;padding-top:13px;border-top:1px solid var(--border);
    display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;
}
.collection-price-line strong{font-size:1.3rem;color:var(--yellow)}
.collection-price-line del{color:#777;font-size:.78rem}
.collection-price-line span{margin-left:auto;color:#fff;font-size:.67rem;font-weight:1000}
.collection-detail-hero{
    display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
    gap:42px;align-items:center;padding:42px 0 52px;
}
.collection-detail-art{
    aspect-ratio:1;border-radius:30px;overflow:hidden;
    display:grid;place-items:center;
    background:linear-gradient(145deg,var(--collection-accent),#202024);
    box-shadow:0 28px 80px rgba(0,0,0,.35);
}
.collection-detail-art img{width:100%;height:100%;object-fit:cover}
.collection-detail-art span{font-size:7rem}
.collection-detail-copy h1{
    font-size:clamp(3.4rem,7vw,6.8rem);
    letter-spacing:-.06em;line-height:.92;margin:.1em 0;
}
.collection-detail-copy h2{font-size:1.35rem;margin:.25em 0 1em;color:#ddd}
.collection-detail-copy>p:last-of-type{color:var(--muted);line-height:1.65;max-width:720px}
.collection-buy-box{
    margin-top:26px;padding:18px;
    display:flex;justify-content:space-between;align-items:center;gap:18px;
    border:1px solid color-mix(in srgb,var(--collection-accent) 35%,#34343a);
    border-radius:18px;
    background:linear-gradient(135deg,color-mix(in srgb,var(--collection-accent) 7%,#171719),#151517);
}
.collection-buy-box>div{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.collection-buy-box strong{color:var(--yellow);font-size:1.8rem}
.collection-buy-box del{color:#777}
.collection-buy-box span{width:100%;color:var(--muted);font-size:.75rem}
.collection-cards-section{padding:20px 0 80px}
.locked-card-cta{
    margin:18px 0 10px;padding:14px;
    display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;
    border:1px solid rgba(255,211,41,.25);border-radius:15px;background:#1b1a12;
}
.lock-icon{font-size:1.5rem}
.locked-card-cta strong{font-size:.78rem}
.locked-card-cta p{margin:4px 0 0!important;font-size:.8rem!important}
.collection-unlock-button{margin-top:6px}
.locked-checklist{
    max-width:720px;margin:28px auto;text-align:center;
    padding:45px 25px;border:1px solid var(--border);
    border-radius:26px;background:var(--surface);
}
.locked-checklist-icon{font-size:3rem;margin-bottom:15px}
.locked-checklist h2{font-size:2.1rem}
.locked-checklist>p:not(.eyebrow){color:var(--muted);line-height:1.6}
.collection-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.collection-card-selector{grid-column:1/-1}
.collection-card-checks{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
    max-height:620px;overflow:auto;
}
.collection-card-checks label{
    display:grid!important;grid-template-columns:auto 1fr;gap:9px;align-items:start;
    padding:12px;border:1px solid var(--border);border-radius:13px;background:#151517;
}
.collection-card-checks label>span{display:grid;gap:3px}
.collection-card-checks small{color:var(--muted);font-size:.65rem}
@media(max-width:980px){
    .collection-grid{grid-template-columns:repeat(2,1fr)}
    .collection-detail-hero{grid-template-columns:1fr}
    .collection-detail-art{max-width:520px;width:100%}
    .collection-edit-grid{grid-template-columns:1fr}
    .collection-card-selector{grid-column:auto}
    .collection-card-checks{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
    .collections-hero{padding-top:28px}
    .collections-hero h1{font-size:clamp(3.2rem,16vw,5rem)}
    .collection-grid{grid-template-columns:1fr}
    .collection-cover{aspect-ratio:1.75}
    .collection-detail-hero{padding-top:28px;gap:24px}
    .collection-detail-art{max-width:100%;border-radius:24px}
    .collection-detail-copy h1{font-size:clamp(3rem,14vw,4.8rem)}
    .collection-buy-box{align-items:stretch;flex-direction:column}
    .collection-buy-box .button{width:100%}
    .collection-card-checks{grid-template-columns:1fr}
}


/* =========================================================
   CATEGORY GRID — MATCH THE CLEAN COMPLETED IT MATE VISUAL
   ========================================================= */

@media (min-width: 1100px) {
    .category-strip.interactive-category-strip {
        display:grid !important;
        grid-template-columns:repeat(9,minmax(0,1fr)) !important;
        gap:14px !important;
        width:100% !important;
        overflow:visible !important;
        padding:0 !important;
        margin:26px 0 38px !important;
        background:transparent !important;
        border:0 !important;
    }

    .category-strip.interactive-category-strip > a {
        width:auto !important;
        min-width:0 !important;
        height:108px !important;
        padding:14px 10px 12px !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:7px !important;
        text-align:center !important;
        border-radius:16px !important;
        border:1px solid color-mix(in srgb,var(--category-colour,#FFD329) 28%,#303036) !important;
        background:
            linear-gradient(
                145deg,
                color-mix(in srgb,var(--category-colour,#FFD329) 8%,#19191c),
                #171719
            ) !important;
        color:#f4f4f5 !important;
        box-shadow:none !important;
        transition:transform .15s ease,border-color .15s ease,background .15s ease;
    }

    .category-strip.interactive-category-strip > a:hover {
        transform:translateY(-2px) !important;
        border-color:color-mix(in srgb,var(--category-colour,#FFD329) 60%,#404046) !important;
        background:
            linear-gradient(
                145deg,
                color-mix(in srgb,var(--category-colour,#FFD329) 13%,#19191c),
                #171719
            ) !important;
    }

    .category-strip.interactive-category-strip > a.active {
        border:2px solid var(--category-colour,#FFD329) !important;
        background:
            linear-gradient(
                145deg,
                color-mix(in srgb,var(--category-colour,#FFD329) 18%,#19191c),
                #171719
            ) !important;
        box-shadow:0 0 0 1px rgba(0,0,0,.35) !important;
    }

    .category-strip.interactive-category-strip .category-tile-icon {
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        border-radius:11px !important;
        display:grid !important;
        place-items:center !important;
        background:transparent !important;
        color:var(--category-colour,#FFD329) !important;
        font-size:1.55rem !important;
        line-height:1 !important;
    }

    .category-strip.interactive-category-strip > a.active .category-tile-icon {
        background:transparent !important;
        color:var(--category-colour,#FFD329) !important;
    }

    .category-strip.interactive-category-strip .category-tile-label {
        display:block !important;
        width:100% !important;
        color:#ffffff !important;
        font-size:.78rem !important;
        line-height:1.1 !important;
        font-weight:900 !important;
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
    }

    .category-strip.interactive-category-strip .category-tile-count {
        display:block !important;
        color:#86868d !important;
        font-size:.67rem !important;
        line-height:1 !important;
        font-weight:800 !important;
    }
}

@media (min-width: 760px) and (max-width: 1099px) {
    .category-strip.interactive-category-strip {
        display:grid !important;
        grid-template-columns:repeat(6,minmax(0,1fr)) !important;
        gap:10px !important;
        overflow:visible !important;
    }
    .category-strip.interactive-category-strip > a {
        width:auto !important;
        min-width:0 !important;
        height:94px !important;
    }
    .category-tile-count{display:block;color:#777;font-size:.62rem;font-weight:800}
}

@media (max-width: 759px) {
    .category-tile-count{display:none !important}
}

/* =========================================================
   PAYMENTS / INTEGRATIONS / USER ACCESS
   ========================================================= */

.payments-shell{padding-bottom:100px}
.payments-hero{padding:44px 0 30px;max-width:850px}
.payments-hero h1{
    font-size:clamp(3.3rem,7vw,6.8rem);
    letter-spacing:-.055em;
    line-height:.95;
    margin:.1em 0;
}
.payments-hero>p:last-child{color:var(--muted);font-size:1.04rem}
.payment-summary-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-bottom:16px;
}
.payment-summary-grid article{
    padding:22px;
    border:1px solid var(--border);
    border-radius:20px;
    background:var(--surface);
}
.payment-summary-grid span{color:var(--muted);font-size:.68rem;font-weight:1000;letter-spacing:.08em}
.payment-summary-grid strong{display:block;color:var(--yellow);font-size:2.4rem;margin:10px 0}
.payment-summary-grid small{color:var(--muted)}
.payments-panel{padding:24px;margin-top:16px}
.payments-empty{display:grid;gap:5px;padding:18px 0}
.payments-empty span{color:var(--muted)}
.owned-collection-list{display:grid;gap:8px}
.owned-collection-list>a{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:12px;
    align-items:center;
    padding:11px;
    border:1px solid var(--border);
    border-radius:15px;
    background:#151517;
    color:#fff;
    text-decoration:none;
}
.owned-collection-icon{
    width:58px;height:58px;border-radius:14px;overflow:hidden;
    display:grid;place-items:center;
    background:var(--owned-accent);
    color:#111;font-size:1.5rem;
}
.owned-collection-icon img{width:100%;height:100%;object-fit:cover}
.owned-collection-list>a>div:nth-child(2){display:grid;gap:3px}
.owned-collection-list>a>div:nth-child(2) span{color:#76e39a;font-size:.67rem;font-weight:900}
.owned-collection-list>a>b{color:var(--yellow);font-size:.7rem}
.order-history{display:grid}
.order-history article{
    display:grid;
    grid-template-columns:180px 1fr 100px 105px;
    gap:14px;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid var(--border);
}
.order-history article>div:first-child{display:grid;gap:3px}
.order-history article>div:first-child span{color:var(--muted);font-size:.68rem}
.order-description{color:#c9c9ce;font-size:.84rem}
.order-total{font-weight:1000;text-align:right}
.order-status{
    justify-self:end;
    padding:7px 9px;
    border-radius:999px;
    font-size:.62rem;
    font-weight:1000;
}
.order-paid{background:rgba(76,210,126,.13);color:#7ce49f}
.order-pending{background:rgba(255,211,41,.1);color:#f4d86a}
.order-failed,.order-cancelled{background:rgba(255,100,100,.1);color:#ff9a9a}
.order-refunded{background:rgba(100,170,255,.1);color:#a9ccff}

.integration-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
}
.integration-card{padding:24px}
.integration-card-head{
    display:grid;
    grid-template-columns:auto 1fr auto;
    gap:12px;
    align-items:center;
}
.integration-logo{
    width:48px;height:48px;
    border-radius:15px;
    display:grid;place-items:center;
    background:var(--yellow);
    color:#111;
    font-size:1.3rem;font-weight:1000;
}
.integration-card-head h2{margin:.1em 0}
.integration-status{
    padding:7px 9px;
    border-radius:999px;
    font-size:.62rem;font-weight:1000;
}
.integration-status.ok{background:rgba(80,210,130,.13);color:#7ce49f}
.integration-status.warn{background:rgba(255,211,41,.1);color:#f4d86a}
.integration-status.off{background:#29292e;color:#999}
.integration-status-list{display:grid;margin-top:22px}
.integration-status-list>div{
    display:flex;justify-content:space-between;gap:20px;
    padding:11px 0;border-bottom:1px solid var(--border);
}
.integration-status-list span{color:var(--muted)}
.integration-status-list strong{font-size:.78rem;text-align:right}
.integration-callout{
    display:grid;gap:7px;
    padding:15px;
    margin-top:18px;
    border-radius:15px;
    background:#121214;
    border:1px solid var(--border);
}
.integration-callout>span{color:var(--yellow);font-size:.64rem;font-weight:1000}
.integration-callout code{word-break:break-all}
.integration-callout small,.integration-note{color:var(--muted);line-height:1.5}
.integration-env-guide{padding:24px;margin-top:16px}
.integration-env-guide pre{
    background:#101012;border:1px solid var(--border);
    padding:16px;border-radius:14px;overflow:auto;
}

.admin-filter-bar{
    display:grid;
    grid-template-columns:minmax(0,1fr) 180px auto;
    gap:8px;
    margin-bottom:18px;
}
.admin-filter-bar input,.admin-filter-bar select{
    background:#151517;color:#fff;
    border:1px solid var(--border);
    border-radius:12px;padding:12px 13px;
}
.payment-admin-table{display:grid}
.payment-admin-table>article{
    display:grid;
    grid-template-columns:150px 180px minmax(180px,1fr) 90px 90px 90px;
    gap:12px;
    align-items:center;
    padding:13px 0;
    border-bottom:1px solid var(--border);
}
.payment-admin-table>article>div{display:grid;gap:3px}
.payment-admin-table span,.payment-admin-table small{color:var(--muted);font-size:.65rem}
.payment-admin-desc{color:#ddd!important;font-size:.76rem!important}
.payment-admin-table details{font-size:.7rem}
.payment-admin-table details small{display:block;margin-top:5px;word-break:break-all}

.user-search-results{display:grid}
.user-search-results>a{
    display:flex;justify-content:space-between;gap:15px;align-items:center;
    color:#fff;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--border);
}
.user-search-results>a>div{display:grid;gap:3px}
.user-search-results span{color:var(--muted);font-size:.7rem}
.admin-user-access-head{
    display:grid;
    grid-template-columns:1fr auto auto;
    gap:18px;
    align-items:center;
    margin:18px 0;
    padding:20px;
    border:1px solid var(--border);
    border-radius:20px;
    background:var(--surface);
}
.admin-user-access-head h2{font-size:2rem;margin:.12em 0}
.admin-user-access-head>div:not(:first-child){display:grid;gap:4px;text-align:right}
.admin-user-access-head>div:not(:first-child) span{color:var(--muted);font-size:.64rem;font-weight:900}
.collection-access-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
}
.collection-access-card{padding:14px;display:grid;gap:12px}
.collection-access-card.is-owned{border-color:color-mix(in srgb,var(--access-accent) 50%,#444)}
.collection-access-icon{
    aspect-ratio:1.8;
    border-radius:14px;
    overflow:hidden;
    display:grid;place-items:center;
    background:linear-gradient(145deg,var(--access-accent),#222);
    color:#111;font-size:2rem;
}
.collection-access-icon img{width:100%;height:100%;object-fit:cover}
.collection-access-copy{display:grid;gap:5px}
.collection-access-copy>span{color:var(--yellow);font-size:.62rem;font-weight:1000}
.collection-access-copy h3{margin:0}
.collection-access-copy small{color:var(--muted)}
.collection-access-card form .button{width:100%}

@media(max-width:980px){
    .integration-grid{grid-template-columns:1fr}
    .payment-admin-table>article{grid-template-columns:1fr 1fr}
    .collection-access-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
    .payment-summary-grid{grid-template-columns:1fr}
    .order-history article{grid-template-columns:1fr auto}
    .order-description{grid-column:1/-1}
    .order-total{text-align:left}
    .admin-filter-bar{grid-template-columns:1fr}
    .collection-access-grid{grid-template-columns:1fr}
    .admin-user-access-head{grid-template-columns:1fr}
    .admin-user-access-head>div:not(:first-child){text-align:left}
}


/* =========================================================
   CUSTOMER PURCHASE VIEW / REFUNDS
   ========================================================= */
.customer-money-stats{grid-template-columns:repeat(5,minmax(0,1fr))}
.admin-heading-actions{display:flex;gap:8px;flex-wrap:wrap}
.customer-entitlement-list,
.customer-order-list,
.access-history-list{display:grid}
.customer-entitlement-list article{
    display:grid;
    grid-template-columns:minmax(220px,1fr) 150px 150px auto;
    gap:14px;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid var(--border);
}
.customer-entitlement-list article>div{display:grid;gap:3px}
.customer-entitlement-list article>div:first-child span{
    color:#7ce49f;font-size:.64rem;font-weight:1000
}
.customer-entitlement-list article>div:not(:first-child) span{
    color:var(--muted);font-size:.6rem;font-weight:900
}
.customer-entitlement-list small{color:var(--muted)}
.customer-entitlement-list a{color:var(--yellow);font-size:.7rem;font-weight:1000;text-decoration:none}

.customer-order-list article{
    display:grid;
    grid-template-columns:minmax(240px,1.3fr) 105px minmax(180px,1fr) 115px 160px;
    gap:14px;
    align-items:center;
    padding:16px 0;
    border-bottom:1px solid var(--border);
}
.customer-order-list article.is-refunded{opacity:.78}
.customer-order-main{display:grid;gap:5px}
.customer-order-main h3{margin:0;font-size:1rem}
.customer-order-main p{margin:0;color:var(--muted);font-size:.68rem}
.customer-order-main .order-status{justify-self:start}
.customer-order-money,
.customer-order-provider,
.customer-order-email{display:grid;gap:4px}
.customer-order-money>span,
.customer-order-provider>span,
.customer-order-email>span{
    color:var(--muted);font-size:.6rem;font-weight:1000
}
.customer-order-money small{color:#ffaeae}
.customer-order-provider small,
.customer-order-email small{color:var(--muted);font-size:.64rem;word-break:break-all}
.customer-order-actions{display:grid;gap:7px}
.customer-order-actions form,
.customer-order-actions .button{width:100%}
.button-danger{
    background:#5a1c20!important;
    border-color:#7d2a31!important;
    color:#ffd5d5!important;
}
.button-danger:hover{background:#702229!important}
.refund-complete{color:#ff9b9b;font-size:.72rem}

.access-history-list article{
    display:grid;
    grid-template-columns:90px minmax(180px,1fr) auto;
    gap:14px;
    align-items:center;
    padding:12px 0;
    border-bottom:1px solid var(--border);
}
.access-history-list article>span{color:var(--yellow);font-size:.62rem;font-weight:1000}
.access-history-list article>small{color:var(--muted)}

.order-total small{
    display:block;
    color:#ffaaaa;
    font-size:.6rem;
    margin-top:3px;
}

@media(max-width:1150px){
    .customer-money-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
    .customer-order-list article{grid-template-columns:1fr 110px}
    .customer-order-provider,
    .customer-order-email,
    .customer-order-actions{grid-column:1/-1}
    .customer-order-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
    .customer-money-stats{grid-template-columns:1fr 1fr}
    .customer-entitlement-list article{grid-template-columns:1fr 1fr}
    .customer-entitlement-list article>div:first-child{grid-column:1/-1}
    .customer-order-list article{grid-template-columns:1fr}
    .customer-order-money,
    .customer-order-provider,
    .customer-order-email,
    .customer-order-actions{grid-column:auto}
    .customer-order-actions{grid-template-columns:1fr}
    .access-history-list article{grid-template-columns:1fr}
}


/* Individual paid Card purchase */
.single-card-buy-form{
    margin:10px 0 8px;
}
.single-card-buy-form .button{
    width:100%;
    justify-content:center;
}


/* =========================================================
   COMPLETED IT MATE — PUBLIC UX POLISH
   ========================================================= */

/* Consistent desktop app header */
.app-topbar{
    max-width:1480px;
    margin:0 auto;
    padding-left:clamp(16px,3vw,42px);
    padding-right:clamp(16px,3vw,42px);
}
.app-topbar .app-brand{
    display:flex;
    align-items:center;
    flex:0 0 auto;
}
.app-topbar .app-brand img{
    display:block;
    width:auto;
    max-width:180px;
    max-height:52px;
}
.desktop-app-nav{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
}
.desktop-app-nav>a:not(.button){
    min-height:42px;
    display:inline-flex;
    align-items:center;
    padding:0 12px;
    border-radius:12px;
    white-space:nowrap;
}
.desktop-app-nav>a:not(.button):hover{
    background:rgba(255,255,255,.055);
}
.desktop-app-nav>a.is-active{
    background:rgba(255,211,41,.10);
    color:var(--yellow);
}
.app-nav-join{
    min-height:40px;
    padding-inline:16px!important;
}

/* Better rhythm across authenticated public pages */
.public-shell{
    width:min(1480px,calc(100% - 32px));
    margin-left:auto;
    margin-right:auto;
}
.cards-hero,
.collections-hero,
.payments-hero{
    border-radius:24px;
}
.cards-results-heading,
.panel-heading{
    gap:18px;
}
.panel-heading>a{
    flex:0 0 auto;
}

/* Cards: clearer access state and stronger hover/focus feedback */
.phase3-life-card,
.collection-card,
.owned-collection-list>a,
.owned-card-list>a{
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.phase3-life-card:hover,
.collection-card:hover,
.owned-collection-list>a:hover,
.owned-card-list>a:hover{
    transform:translateY(-2px);
}
.phase3-life-card:focus-visible,
.collection-card:focus-visible,
.owned-collection-list>a:focus-visible,
.owned-card-list>a:focus-visible,
.button:focus-visible,
.desktop-app-nav a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
    outline:3px solid var(--yellow);
    outline-offset:3px;
}
.card-access.is-owned{
    background:#1f6a3e!important;
    color:#d9ffe7!important;
    border-color:#2b9356!important;
}

/* Public search and form controls */
.card-search input,
.auth-form input,
.settings-form input,
.settings-form select,
.settings-form textarea{
    min-height:48px;
}
.card-search .button,
.auth-submit,
.settings-form .button{
    min-height:48px;
}

/* Payment/access page now supports both Collections and individual Cards */
.payment-summary-grid-four{
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.owned-card-list{
    display:grid;
    gap:10px;
}
.owned-card-list>a{
    display:grid;
    grid-template-columns:64px minmax(0,1fr) auto;
    gap:14px;
    align-items:center;
    padding:12px 14px;
    background:rgba(255,255,255,.025);
    border:1px solid var(--border);
    border-left:3px solid var(--owned-accent);
    border-radius:16px;
    color:inherit;
    text-decoration:none;
}
.owned-card-icon{
    width:58px;
    aspect-ratio:1;
    border-radius:13px;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:rgba(255,255,255,.045);
    font-size:1.65rem;
}
.owned-card-icon img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.owned-card-list>a>div:nth-child(2){
    min-width:0;
    display:grid;
    gap:3px;
}
.owned-card-list small{
    color:var(--muted);
    font-size:.62rem;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.owned-card-list strong{
    overflow:hidden;
    text-overflow:ellipsis;
}
.owned-card-list span{
    color:#7ce49f;
    font-size:.65rem;
    font-weight:1000;
}
.owned-card-list b{
    color:var(--yellow);
    font-size:.72rem;
    white-space:nowrap;
}
.order-history article{
    align-items:center;
}

/* Mobile: preserve app feel, avoid cramped desktop nav, improve tap targets */
@media(max-width:900px){
    .desktop-app-nav{display:none!important}
    .app-topbar{
        min-height:66px;
        padding-top:8px;
        padding-bottom:8px;
    }
    .app-topbar .app-brand img{
        max-width:148px;
        max-height:44px;
    }
    .public-shell{
        width:min(100% - 22px,1480px);
    }
    .payment-summary-grid-four{
        grid-template-columns:1fr 1fr;
    }
    .cards-hero,
    .collections-hero,
    .payments-hero{
        border-radius:19px;
    }
    .button{
        min-height:44px;
    }
}

@media(max-width:560px){
    .payment-summary-grid-four{
        grid-template-columns:1fr 1fr;
        gap:9px;
    }
    .payment-summary-grid-four article{
        padding:15px 13px;
    }
    .payment-summary-grid-four article strong{
        font-size:1.55rem;
    }
    .owned-card-list>a{
        grid-template-columns:52px minmax(0,1fr);
        padding:10px;
    }
    .owned-card-icon{width:50px}
    .owned-card-list>a>b{
        grid-column:2;
        justify-self:start;
    }
    .order-history article{
        gap:8px;
    }
}


/* =========================================================
   DESKTOP NAV + CATEGORY TILE REDESIGN — 2026-09
   ========================================================= */

@media (min-width:901px){
    .app-topbar{
        gap:22px;
    }
    .desktop-app-nav{
        margin-left:auto;
        gap:4px;
    }
    .desktop-app-nav>a:not(.button){
        padding-inline:10px;
        font-size:.82rem;
    }
    .desktop-nav-profile{
        margin-left:8px;
        padding:5px 9px 5px 5px!important;
        gap:8px;
        border:1px solid rgba(255,255,255,.09);
        background:#18181b;
    }
    .desktop-nav-profile img,
    .desktop-nav-profile>span{
        width:32px;
        height:32px;
        flex:0 0 32px;
        border-radius:50%;
        object-fit:cover;
        display:grid;
        place-items:center;
        background:#2a2a2f;
        color:#fff;
        font-weight:1000;
    }
    .desktop-nav-profile b{
        max-width:120px;
        overflow:hidden;
        text-overflow:ellipsis;
        font-size:.75rem;
    }
}

/* Replace the nested pill/category treatment with simple collectible tiles. */
@media (min-width:760px){
    .category-strip.interactive-category-strip{
        display:grid!important;
        grid-template-columns:repeat(auto-fit,minmax(128px,1fr))!important;
        gap:12px!important;
        margin:28px 0 42px!important;
        padding:0!important;
        overflow:visible!important;
        background:transparent!important;
        border:0!important;
    }
    .category-strip.interactive-category-strip>a{
        position:relative!important;
        isolation:isolate;
        width:auto!important;
        min-width:0!important;
        height:124px!important;
        padding:18px 12px 14px!important;
        display:grid!important;
        grid-template-rows:44px auto auto!important;
        align-items:center!important;
        justify-items:center!important;
        gap:5px!important;
        overflow:hidden!important;
        border-radius:18px!important;
        border:1px solid rgba(255,255,255,.10)!important;
        background:#171719!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
        text-align:center!important;
        text-decoration:none!important;
    }
    .category-strip.interactive-category-strip>a::before{
        content:"";
        position:absolute;
        z-index:-1;
        inset:0;
        background:
            radial-gradient(circle at 50% -15%,color-mix(in srgb,var(--category-colour,#FFD329) 24%,transparent) 0,transparent 58%);
        opacity:.72;
    }
    .category-strip.interactive-category-strip>a::after{
        content:"";
        position:absolute;
        left:14px;
        right:14px;
        bottom:0;
        height:2px;
        border-radius:2px 2px 0 0;
        background:var(--category-colour,#FFD329);
        opacity:.5;
    }
    .category-strip.interactive-category-strip>a:hover{
        transform:translateY(-3px)!important;
        border-color:color-mix(in srgb,var(--category-colour,#FFD329) 50%,#444)!important;
        background:#1a1a1d!important;
        box-shadow:0 10px 26px rgba(0,0,0,.24)!important;
    }
    .category-strip.interactive-category-strip>a.active{
        border:2px solid var(--category-colour,#FFD329)!important;
        background:#1b1b1e!important;
        box-shadow:0 0 0 3px color-mix(in srgb,var(--category-colour,#FFD329) 12%,transparent)!important;
    }
    .category-strip.interactive-category-strip .category-tile-icon{
        width:44px!important;
        height:44px!important;
        min-width:44px!important;
        display:grid!important;
        place-items:center!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        color:inherit!important;
        font-size:2rem!important;
        line-height:1!important;
        filter:drop-shadow(0 4px 7px rgba(0,0,0,.28));
    }
    .category-strip.interactive-category-strip .category-tile-label{
        width:100%!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        color:#fff!important;
        font-size:.84rem!important;
        line-height:1.15!important;
        font-weight:950!important;
        white-space:normal!important;
    }
    .category-strip.interactive-category-strip .category-tile-count{
        position:static!important;
        min-width:0!important;
        height:auto!important;
        padding:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        color:#85858d!important;
        font-size:.66rem!important;
        line-height:1.1!important;
        font-weight:800!important;
    }
}

/* On wide desktop use a balanced 6-column board instead of 9 tiny tiles. */
@media (min-width:1180px){
    .category-strip.interactive-category-strip{
        grid-template-columns:repeat(6,minmax(0,1fr))!important;
        gap:14px!important;
    }
    .category-strip.interactive-category-strip>a{
        height:132px!important;
    }
}

/* Mobile stays swipeable, but loses the pill-inside-pill appearance. */
@media (max-width:759px){
    .category-strip.interactive-category-strip{
        gap:9px!important;
        padding:2px 1px 8px!important;
    }
    .category-strip.interactive-category-strip>a{
        width:104px!important;
        min-width:104px!important;
        height:94px!important;
        padding:12px 8px!important;
        display:grid!important;
        grid-template-rows:38px auto!important;
        align-items:center!important;
        justify-items:center!important;
        gap:5px!important;
        border-radius:15px!important;
        border:1px solid rgba(255,255,255,.10)!important;
        background:
            radial-gradient(circle at 50% 0,color-mix(in srgb,var(--category-colour,#FFD329) 18%,transparent),transparent 60%),
            #171719!important;
    }
    .category-strip.interactive-category-strip>a.active{
        border:2px solid var(--category-colour,#FFD329)!important;
    }
    .category-strip.interactive-category-strip .category-tile-icon{
        width:38px!important;
        height:38px!important;
        padding:0!important;
        border:0!important;
        background:transparent!important;
        font-size:1.65rem!important;
    }
    .category-strip.interactive-category-strip .category-tile-label{
        padding:0!important;
        border:0!important;
        background:transparent!important;
        font-size:.72rem!important;
        line-height:1.05!important;
        white-space:normal!important;
    }
    .category-strip.interactive-category-strip .category-tile-count{
        display:none!important;
    }
}


/* =========================================================
   COMPLETED IT MATE — GLOBAL PAGE CONSISTENCY PASS
   ========================================================= */

:root{
    --public-max:1480px;
    --public-gutter:32px;
}

/* Every signed-in desktop page shares exactly the same outer width. */
.user-home,
.public-shell,
.people-shell,
.story-shell,
.stats-shell,
.settings-shell,
.payments-shell,
.collections-shell,
.card-detail-shell,
.collection-detail-shell{
    width:min(var(--public-max),calc(100% - var(--public-gutter)))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Header lines up to the same left/right edge as the page beneath it. */
.app-topbar{
    width:min(var(--public-max),calc(100% - var(--public-gutter)))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
}

/* Dashboard spacing now matches Cards / Collections instead of using the older narrow shell. */
.user-home{
    padding-top:52px!important;
}
.user-home .welcome-block{
    margin-top:0;
}
.home-summary-grid,
.home-content-grid{
    width:100%;
}

/* Keep desktop navigation visually stable across every page. */
@media (min-width:901px){
    .app-topbar{
        min-height:78px;
    }
    .app-topbar .app-brand img{
        width:auto!important;
        max-width:150px!important;
        max-height:56px!important;
    }
    .desktop-app-nav{
        margin-left:auto!important;
    }
}

/* Mobile category cards use the SAME visual language as desktop:
   single surface, glow, large icon, label, bottom accent. */
@media (max-width:759px){
    .category-strip.interactive-category-strip{
        display:flex!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        gap:10px!important;
        margin:20px 0 30px!important;
        padding:2px 2px 10px!important;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
    }
    .category-strip.interactive-category-strip::-webkit-scrollbar{
        display:none;
    }
    .category-strip.interactive-category-strip>a{
        position:relative!important;
        isolation:isolate!important;
        flex:0 0 112px!important;
        width:112px!important;
        min-width:112px!important;
        height:108px!important;
        padding:13px 9px 12px!important;
        display:grid!important;
        grid-template-rows:46px auto!important;
        align-items:center!important;
        justify-items:center!important;
        gap:7px!important;
        overflow:hidden!important;
        scroll-snap-align:start;
        border-radius:17px!important;
        border:1px solid rgba(255,255,255,.10)!important;
        background:#171719!important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
        text-decoration:none!important;
    }
    .category-strip.interactive-category-strip>a::before{
        content:""!important;
        position:absolute!important;
        z-index:-1!important;
        inset:0!important;
        background:radial-gradient(
            circle at 50% -10%,
            color-mix(in srgb,var(--category-colour,#FFD329) 24%,transparent) 0,
            transparent 62%
        )!important;
        opacity:.75!important;
    }
    .category-strip.interactive-category-strip>a::after{
        content:""!important;
        position:absolute!important;
        left:12px!important;
        right:12px!important;
        bottom:0!important;
        height:2px!important;
        border-radius:2px 2px 0 0!important;
        background:var(--category-colour,#FFD329)!important;
        opacity:.55!important;
    }
    .category-strip.interactive-category-strip>a.active{
        border:2px solid var(--category-colour,#FFD329)!important;
        background:#1b1b1e!important;
        box-shadow:0 0 0 3px color-mix(in srgb,var(--category-colour,#FFD329) 12%,transparent)!important;
    }
    .category-strip.interactive-category-strip .category-tile-icon{
        width:46px!important;
        height:46px!important;
        min-width:46px!important;
        display:grid!important;
        place-items:center!important;
        padding:0!important;
        margin:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        color:inherit!important;
        font-size:2rem!important;
        line-height:1!important;
        filter:drop-shadow(0 4px 7px rgba(0,0,0,.28))!important;
    }
    .category-strip.interactive-category-strip .category-tile-label{
        width:100%!important;
        padding:0!important;
        margin:0!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        color:#fff!important;
        font-size:.75rem!important;
        line-height:1.08!important;
        font-weight:950!important;
        text-align:center!important;
        white-space:normal!important;
    }
    .category-strip.interactive-category-strip .category-tile-count{
        display:none!important;
    }
}

@media (max-width:900px){
    :root{
        --public-gutter:22px;
    }
    .user-home,
    .public-shell,
    .people-shell,
    .story-shell,
    .stats-shell,
    .settings-shell,
    .payments-shell,
    .collections-shell,
    .card-detail-shell,
    .collection-detail-shell,
    .app-topbar{
        width:calc(100% - var(--public-gutter))!important;
    }
    .user-home{
        padding-top:28px!important;
    }
}


/* =========================================================
   CACHE/LOGIN/DESKTOP NAV POLISH
   ========================================================= */

/* Login/register header aligns with the rest of the public site. */
.auth-site-header{
    width:min(var(--public-max,1480px),calc(100% - var(--public-gutter,32px)))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:0!important;
    padding-right:0!important;
}

/* Login page uses the same desktop canvas as the signed-in experience. */
.auth-page{
    width:min(var(--public-max,1480px),calc(100% - var(--public-gutter,32px)))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
}

/* Keep the two-column login composition balanced on larger screens. */
@media (min-width:901px){
    .auth-page{
        grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
        gap:clamp(36px,5vw,84px)!important;
    }
    .auth-visual,
    .auth-panel-wrap{
        min-width:0;
    }
    .auth-visual-inner{
        max-width:680px!important;
    }
    .auth-panel-wrap{
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
    }
    .polished-auth-card{
        width:min(100%,560px)!important;
    }

    .desktop-nav-logout{
        margin-left:2px!important;
        color:var(--muted)!important;
        font-weight:850!important;
    }
    .desktop-nav-logout:hover{
        color:#fff!important;
        background:rgba(255,255,255,.055)!important;
    }
}

@media (max-width:900px){
    .auth-site-header,
    .auth-page{
        width:calc(100% - 22px)!important;
    }
}


/* =========================================================
   COMPLETED IT MATE — STORY SOCIAL SHARING
   ========================================================= */

.story-share-philosophy{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.story-share-philosophy>div{
    min-width:0;
}
.story-share-philosophy p{
    margin:0;
    max-width:520px;
    color:var(--muted);
    font-size:.85rem;
    line-height:1.45;
}

.story-card-footer{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
}
.story-card-footer-primary{
    min-width:0;
}
.story-share-button{
    flex:0 0 auto;
    border:1px solid rgba(255,211,41,.28);
    background:rgba(255,211,41,.08);
    color:var(--yellow);
    border-radius:999px;
    padding:9px 13px;
    font:inherit;
    font-size:.72rem;
    font-weight:1000;
    cursor:pointer;
}
.story-share-button:hover{
    background:var(--yellow);
    color:#111;
}
.story-share-button:focus-visible{
    outline:3px solid var(--yellow);
    outline-offset:3px;
}

.story-share-modal[hidden]{
    display:none!important;
}
.story-share-modal{
    position:fixed;
    inset:0;
    z-index:120;
    display:grid;
    place-items:center;
    padding:22px;
}
.story-share-backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.76);
    backdrop-filter:blur(8px);
}
.story-share-dialog{
    position:relative;
    z-index:1;
    width:min(600px,100%);
    max-height:min(88vh,900px);
    overflow:auto;
    background:#171719;
    border:1px solid #35353b;
    border-radius:26px;
    padding:26px;
    box-shadow:0 28px 90px rgba(0,0,0,.55);
}
.story-share-dialog h2{
    margin:5px 0 4px;
    font-size:clamp(1.8rem,5vw,2.7rem);
}
.story-share-selected{
    margin:0 0 18px;
    color:var(--muted);
}
.story-share-close{
    position:absolute;
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid var(--border);
    border-radius:50%;
    background:#232327;
    color:#fff;
    font-size:1.25rem;
    cursor:pointer;
}
.story-share-preview{
    aspect-ratio:16/9;
    border:1px solid var(--border);
    border-radius:18px;
    background:#101012;
    overflow:hidden;
    display:grid;
    place-items:center;
}
.story-share-preview img,
.story-share-preview video{
    width:100%;
    height:100%;
    object-fit:cover;
}
.story-share-preview-placeholder{
    font-size:4rem;
    color:var(--yellow);
    font-weight:1000;
}
.story-share-caption{
    display:grid;
    gap:7px;
    margin-top:16px;
}
.story-share-caption>span{
    color:var(--muted);
    font-size:.67rem;
    font-weight:1000;
    letter-spacing:.08em;
}
.story-share-caption textarea{
    resize:none;
    min-height:142px;
    line-height:1.45;
    font-size:.88rem;
    background:#101012;
}
.story-share-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    margin-top:14px;
}
.story-social-button{
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border:1px solid var(--border);
    border-radius:14px;
    background:#242428;
    color:#fff;
    font:inherit;
    font-weight:900;
    cursor:pointer;
}
.story-social-button>span{
    width:24px;
    height:24px;
    display:grid;
    place-items:center;
    border-radius:8px;
    background:rgba(255,255,255,.08);
}
.story-social-button.facebook{
    background:#1877f2;
    border-color:#1877f2;
}
.story-social-button.instagram{
    background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
    border-color:transparent;
}
.story-social-button:hover{
    filter:brightness(1.08);
}
.story-share-note{
    min-height:34px;
    margin:12px 0 0;
    color:var(--muted);
    font-size:.76rem;
    line-height:1.45;
}
.story-share-note[data-state="error"]{
    color:#ffaaaa;
}
body.story-share-open{
    overflow:hidden;
}

/* Public share landing page */
.shared-story-header{
    width:min(1180px,calc(100% - 32px));
    min-height:82px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
}
.shared-story-header img{
    width:auto;
    max-width:160px;
    max-height:58px;
}
.shared-story-page{
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;
    padding:42px 0 70px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(300px,.55fr);
    gap:34px;
    align-items:start;
}
.shared-story-card{
    position:relative;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--story-accent,#FFD329) 40%,#303036);
    background:
        radial-gradient(circle at 85% 0,color-mix(in srgb,var(--story-accent,#FFD329) 15%,transparent),transparent 38%),
        #171719;
    border-radius:28px;
    padding:30px;
}
.shared-story-card h1{
    font-size:clamp(2.5rem,6vw,5rem);
    margin:.12em 0 .4em;
}
.shared-story-identity{
    color:var(--muted);
    font-size:.82rem;
    margin-bottom:22px;
}
.shared-story-mark{
    width:48px;
    height:48px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:var(--story-accent,#FFD329);
    color:#111;
    font-size:1.45rem;
    font-weight:1000;
    margin-bottom:13px;
}
.shared-story-media{
    display:block;
    width:100%;
    aspect-ratio:1;
    object-fit:cover;
    border-radius:20px;
    background:#0d0d0f;
}
.shared-story-fallback{
    width:100%;
    aspect-ratio:1;
    display:grid;
    place-items:center;
    border-radius:20px;
    background:#101012;
    color:var(--yellow);
    font-size:6rem;
}
.shared-story-quote{
    margin-top:22px;
    padding-top:20px;
    border-top:1px solid var(--border);
    color:#d6d6db;
    line-height:1.7;
}
.shared-story-quote span{
    color:#ee5aa7;
    font-weight:1000;
}
.shared-story-quote strong{
    color:var(--yellow);
}
.shared-story-cta{
    position:sticky;
    top:28px;
    padding:28px;
    border:1px solid var(--border);
    border-radius:24px;
    background:#19191c;
}
.shared-story-cta h2{
    font-size:clamp(2rem,4vw,3.2rem);
    line-height:1;
    margin:.2em 0;
}
.shared-story-cta p:not(.eyebrow){
    color:var(--muted);
    line-height:1.55;
}
.shared-story-cta .button{
    width:100%;
    margin-top:10px;
}

@media(max-width:760px){
    .story-share-philosophy{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }
    .story-card-footer{
        align-items:flex-start!important;
    }
    .story-share-dialog{
        padding:22px 16px 18px;
        border-radius:22px;
    }
    .story-share-actions{
        grid-template-columns:1fr 1fr;
    }
    .shared-story-header,
    .shared-story-page{
        width:calc(100% - 22px);
    }
    .shared-story-page{
        grid-template-columns:1fr;
        padding-top:22px;
    }
    .shared-story-card{
        padding:20px 16px;
        border-radius:22px;
    }
    .shared-story-cta{
        position:static;
    }
}

/* ============================================================
   USER BUCKET LIST — 2026-09
   ============================================================ */
.bucket-shell{padding-top:38px;padding-bottom:110px}
.bucket-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:32px;align-items:center;overflow:hidden;padding:34px;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:radial-gradient(circle at 90% 20%,rgba(255,211,41,.14),transparent 32%),linear-gradient(145deg,#181818,#0d0d0d);margin-bottom:28px}
.bucket-hero:after{content:"";position:absolute;inset:auto -80px -130px auto;width:300px;height:300px;border:1px solid rgba(255,211,41,.12);border-radius:50%}
.bucket-hero h1{font-size:clamp(36px,5vw,72px);line-height:.96;max-width:900px;margin:8px 0 12px}
.bucket-hero-copy>p:not(.eyebrow){max-width:760px;color:rgba(255,255,255,.7);font-size:17px}
.bucket-progress-track{height:10px;background:#2a2a2a;border-radius:999px;overflow:hidden;margin:24px 0 10px;max-width:720px}
.bucket-progress-track i{display:block;height:100%;background:#ffd329;border-radius:999px}
.bucket-progress-meta{display:flex;justify-content:space-between;max-width:720px;font-size:13px;letter-spacing:.04em}.bucket-progress-meta span{color:#ffd329;font-weight:800}
.bucket-hero-medal{position:relative;z-index:1;display:flex;min-height:190px;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid rgba(255,211,41,.35);background:rgba(0,0,0,.28);border-radius:24px;padding:22px}
.bucket-hero-medal>span{font-size:64px;line-height:1;color:#ffd329}.bucket-hero-medal strong{margin-top:12px;font-size:14px;letter-spacing:.08em}.bucket-hero-medal small{margin-top:6px;color:rgba(255,255,255,.55)}
.bucket-hero.is-complete{box-shadow:inset 0 0 0 1px rgba(255,211,41,.25)}
.bucket-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.bucket-main-column,.bucket-side-column{display:grid;gap:24px}
.bucket-add-panel,.bucket-list-panel,.bucket-completed-panel,.bucket-settings-card{border-radius:24px}.bucket-capacity{padding:8px 12px;border-radius:999px;background:#222;color:#ffd329;font-weight:900;font-size:12px}
.bucket-add-form{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:10px}.bucket-add-form input,.bucket-settings-form input,.bucket-settings-form textarea,.bucket-settings-form select{width:100%;background:#111;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:13px;padding:13px 14px;outline:none}.bucket-add-form input:focus,.bucket-settings-form input:focus,.bucket-settings-form textarea:focus,.bucket-settings-form select:focus{border-color:#ffd329}
.bucket-full-message{display:flex;align-items:center;gap:14px;padding:18px;border-radius:16px;background:rgba(255,211,41,.08)}.bucket-full-message strong{color:#ffd329;font-size:22px}.bucket-full-message span{color:rgba(255,255,255,.7)}
.bucket-items{display:grid;gap:9px}.bucket-item{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid rgba(255,255,255,.08);background:#121212;border-radius:17px}.bucket-check{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,211,41,.4);background:rgba(255,211,41,.06);color:#ffd329;font-size:20px;font-weight:900;cursor:pointer}.bucket-check:hover{background:#ffd329;color:#111}.bucket-check.done{background:#ffd329;color:#111;border-color:#ffd329}.bucket-item-copy strong{display:block;font-size:16px}.bucket-item-copy p{margin:4px 0 0;color:rgba(255,255,255,.57);font-size:13px}.bucket-item-copy small{display:block;margin-top:4px;color:#ffd329}.bucket-item.is-done .bucket-item-copy strong{text-decoration:line-through;color:rgba(255,255,255,.65)}
.bucket-item-actions details{position:relative}.bucket-item-actions summary{list-style:none;cursor:pointer;padding:8px 10px;color:rgba(255,255,255,.6)}.bucket-item-actions summary::-webkit-details-marker{display:none}.bucket-item-menu{position:absolute;z-index:5;right:0;top:34px;width:140px;padding:7px;background:#1d1d1d;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.45)}.bucket-item-menu button{width:100%;padding:9px 8px;text-align:left;background:none;border:0;color:#fff;cursor:pointer}.bucket-item-menu button:hover{background:#292929}.bucket-item-menu .danger{color:#ff8f8f}.bucket-undo{border:0;background:none;color:rgba(255,255,255,.55);font-size:11px;font-weight:800;cursor:pointer}.bucket-undo:hover{color:#fff}
.bucket-empty{text-align:center;padding:48px 20px;color:rgba(255,255,255,.65)}.bucket-empty>span{display:block;font-size:50px;color:#ffd329}.bucket-empty strong{display:block;color:#fff;font-size:20px;margin:10px 0 5px}.bucket-empty p{margin:0}
.bucket-settings-card h2{margin-top:5px}.bucket-settings-form{display:grid;gap:15px}.bucket-settings-form label{display:grid;gap:7px;font-size:12px;font-weight:800;color:rgba(255,255,255,.7)}.bucket-settings-form textarea{resize:vertical}.bucket-why-card{padding:26px;border-radius:24px;background:#ffd329;color:#121212}.bucket-why-card>span{font-size:42px}.bucket-why-card .eyebrow{color:#121212;opacity:.65}.bucket-why-card h3{font-size:25px;margin:4px 0 8px}.bucket-why-card p:last-child{margin-bottom:0;line-height:1.5}
@media(max-width:1050px){.bucket-grid{grid-template-columns:1fr}.bucket-side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.bucket-add-form{grid-template-columns:1fr 1fr}.bucket-add-form .button{grid-column:1/-1}}
@media(max-width:700px){.bucket-shell{padding-top:22px}.bucket-hero{grid-template-columns:1fr;padding:22px;border-radius:22px}.bucket-hero-medal{min-height:135px}.bucket-hero-medal>span{font-size:48px}.bucket-add-form{grid-template-columns:1fr}.bucket-side-column{grid-template-columns:1fr}.bucket-item{grid-template-columns:44px minmax(0,1fr) auto;padding:11px}.bucket-item-copy strong{font-size:15px}.bucket-item-menu{right:-4px}.bucket-progress-meta{font-size:11px}}

/* QUICK COMPLETE BETA UX — selected state stays visible without page jump */
.quick-action.active{box-shadow:0 0 0 2px #ffd329 inset,0 0 0 1px rgba(255,211,41,.35);transform:translateY(-1px)}
.quick-action.done.active{background:#ffd329!important;color:#111!important;border-color:#ffd329!important}
.quick-action.unsure.active{background:#fff!important;color:#111!important;border-color:#fff!important}
.completion-item-row.is-todo .quick-action:not(.done):not(.unsure).active{background:#6b6b6b!important;color:#fff!important;border-color:#9b9b9b!important}
.quick-action.is-saving{opacity:.6}.quick-action:disabled{cursor:wait}
.quick-complete-toast{position:fixed;z-index:9999;left:50%;bottom:92px;transform:translate(-50%,20px);background:#ffd329;color:#111;border-radius:999px;padding:11px 18px;font-weight:900;box-shadow:0 14px 40px rgba(0,0,0,.45);opacity:0;pointer-events:none;transition:.18s ease;max-width:calc(100vw - 32px);text-align:center}
.quick-complete-toast.show{opacity:1;transform:translate(-50%,0)}

/* ADMIN VISIBILITY + SPECIAL CARDS */
.admin-table-wrap{overflow:auto}.admin-data-table{width:100%;border-collapse:collapse;min-width:900px}.admin-data-table th,.admin-data-table td{text-align:left;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle}.admin-data-table th{font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.55);text-transform:uppercase}.admin-data-table small{color:rgba(255,255,255,.55)}
.admin-user-cell{display:flex;align-items:center;gap:11px}.admin-user-cell>img,.admin-user-cell>span{width:40px;height:40px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#252525;color:#ffd329;font-weight:900}.admin-user-cell strong,.admin-user-cell small{display:block}.admin-heading-actions{display:flex;gap:10px;flex-wrap:wrap}
.special-card-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.special-card-editor{display:grid;gap:15px}.special-card-editor label{display:grid;gap:7px;font-size:12px;font-weight:800;color:rgba(255,255,255,.72)}.special-card-editor input[type=text],.special-card-editor input:not([type]){width:100%;background:#111;border:1px solid rgba(255,255,255,.12);color:#fff;border-radius:12px;padding:12px}.special-card-preview{aspect-ratio:1/1;max-width:320px;width:100%;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 30%,rgba(255,211,41,.15),transparent 50%),#111;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1)}.special-card-preview img{width:100%;height:100%;object-fit:cover}.special-card-preview span{font-size:90px;color:#ffd329}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;justify-content:flex-start}
.bucket-hero-medal.has-artwork{padding:0;overflow:hidden;min-height:0;aspect-ratio:1/1}.bucket-hero-medal.has-artwork img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bucket-hero-medal.has-artwork strong,.bucket-hero-medal.has-artwork small{display:none}
@media(max-width:850px){.special-card-admin-grid{grid-template-columns:1fr}.special-card-preview{max-width:260px}}

/* ADMIN NAV LAYOUT + MY DECK — 2026-09-10 */
.admin-nav{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:7px!important;
    width:min(1240px,calc(100% - 32px));
    margin:0 auto;
    padding:10px 0!important;
    overflow:visible!important;
    white-space:normal!important;
    position:sticky;
    top:84px;
    background:#171719;
}
.admin-nav::before{
    content:"";
    position:absolute;
    left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;
    top:0;bottom:0;
    background:#171719;
    border-bottom:1px solid var(--border);
    z-index:-1;
}
.admin-nav a{
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:9px 10px!important;
    border-radius:10px!important;
    line-height:1.15;
}
.admin-view-site{font-weight:900;color:var(--yellow)!important;text-decoration:none}
@media(max-width:980px){.admin-nav{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:720px){
    .admin-nav{top:70px;width:calc(100% - 20px);grid-template-columns:repeat(3,minmax(0,1fr));padding:8px 0!important;gap:6px!important}
    .admin-nav a{font-size:.72rem!important;padding:8px 5px!important}
    .admin-view-site{display:none}
}
@media(max-width:430px){.admin-nav{grid-template-columns:repeat(2,minmax(0,1fr));}}

.my-deck-shell{padding-top:34px}
.my-deck-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:end;padding:24px 0 30px}
.my-deck-hero h1{font-size:clamp(3.4rem,7vw,7rem);line-height:.9;letter-spacing:-.055em;margin:.15em 0}
.my-deck-hero>div:first-child>p:last-child{max-width:720px;color:var(--muted);font-size:1.05rem;line-height:1.55}
.deck-score-card{background:linear-gradient(145deg,#1b1b1e,#101011);border:1px solid var(--border);border-radius:22px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.22)}
.deck-score-card>span{display:block;color:var(--yellow);font-size:.72rem;font-weight:900;letter-spacing:.08em}
.deck-score-card>strong{display:block;font-size:2.7rem;line-height:1;margin:10px 0 14px}
.deck-score-card>small{display:block;color:var(--muted);margin-top:10px}
.deck-score-track{height:9px;border-radius:999px;background:#29292d;overflow:hidden}.deck-score-track i{display:block;height:100%;background:var(--yellow);border-radius:inherit}
.deck-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:12px 14px}
.deck-view-tabs{display:flex;gap:6px;flex-wrap:wrap}.deck-view-tabs a{display:flex;gap:7px;align-items:center;text-decoration:none;color:var(--muted);font-size:.76rem;font-weight:900;padding:9px 12px;border-radius:999px}.deck-view-tabs a span{opacity:.65}.deck-view-tabs a:hover,.deck-view-tabs a.is-active{background:var(--yellow);color:#111}
.deck-category-filter{display:flex;align-items:center;gap:9px}.deck-category-filter label{font-size:.7rem;color:var(--muted);font-weight:900;text-transform:uppercase}.deck-category-filter select{min-width:190px;margin:0}
.deck-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-bottom:70px}
.deck-card{display:block;min-width:0;border:1px solid var(--border);border-radius:22px;overflow:hidden;background:#171719;text-decoration:none;transition:transform .18s ease,border-color .18s ease,opacity .18s ease}
.deck-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--deck-accent) 55%,var(--border))}
.deck-card-art{aspect-ratio:1/1;position:relative;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,var(--deck-accent),#111 78%)}
.deck-card-art img{width:100%;height:100%;object-fit:cover;transition:filter .2s ease,opacity .2s ease,transform .2s ease}.deck-card:hover .deck-card-art img{transform:scale(1.025)}
.deck-card-fallback{font-size:5rem;font-weight:900;color:#111}
.deck-card.is-awaiting{background:#141416}.deck-card.is-awaiting .deck-card-art img{filter:grayscale(1) contrast(.8);opacity:.26}.deck-card.is-awaiting .deck-card-fallback{filter:grayscale(1);opacity:.24}.deck-card.is-awaiting .deck-card-copy{opacity:.58}
.deck-earned-tick{position:absolute;right:12px;top:12px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--yellow);color:#111;font-size:1.35rem;font-weight:950;box-shadow:0 7px 24px rgba(0,0,0,.35)}
.deck-awaiting-badge{position:absolute;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;background:rgba(15,15,17,.82);border:1px solid rgba(255,255,255,.12);color:#d2d2d5;font-size:.66rem;font-weight:900;letter-spacing:.08em}
.deck-card-copy{padding:15px 16px 17px}.deck-card-copy>span{display:block;color:var(--deck-accent);font-weight:900;font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-card-copy h2{font-size:1.12rem;line-height:1.1;margin:7px 0 13px}.deck-card-copy strong{display:block;color:var(--yellow);font-size:.7rem;letter-spacing:.055em}.deck-card.is-awaiting .deck-card-copy strong{color:#b7b7bc}.deck-card-copy small{display:block;color:var(--muted);margin-top:5px;font-size:.72rem}
.deck-empty{grid-column:1/-1;text-align:center;padding:60px 20px}.deck-empty>span{font-size:3rem;color:var(--yellow)}
@media(max-width:1120px){.deck-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.my-deck-hero{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:800px){.my-deck-hero{grid-template-columns:1fr}.deck-score-card{max-width:none}.deck-toolbar{align-items:stretch;flex-direction:column}.deck-category-filter{justify-content:space-between}.deck-category-filter select{flex:1}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:480px){.my-deck-shell{padding-top:16px}.my-deck-hero{padding-top:10px;gap:14px}.my-deck-hero h1{font-size:3.4rem}.deck-score-card{padding:16px;border-radius:18px}.deck-score-card>strong{font-size:2.15rem}.deck-toolbar{padding:10px}.deck-view-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.deck-view-tabs a{justify-content:center;padding:8px 5px;font-size:.64rem}.deck-category-filter label{display:none}.deck-grid{gap:10px}.deck-card{border-radius:16px}.deck-earned-tick{width:34px;height:34px;font-size:1rem;right:8px;top:8px}.deck-awaiting-badge{left:8px;bottom:8px;font-size:.56rem;padding:5px 7px}.deck-card-copy{padding:11px}.deck-card-copy h2{font-size:.94rem}.deck-card-copy small{font-size:.64rem}}
.summary-stat-link{color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,border-color .18s ease}
.summary-stat-link:hover{transform:translateY(-3px);border-color:rgba(255,211,41,.45)}
@media(min-width:901px) and (max-width:1180px){
    .desktop-app-nav a[href*="stats.php"]{display:none!important}
    .desktop-app-nav>a:not(.button){padding-inline:8px;font-size:.78rem}
}

/* CONNECTION PROFILES + WHO WITH — 2026-09-10 */
.person-profile-link{color:inherit;text-decoration:none;min-width:0}.person-profile-link:hover strong{color:var(--yellow)}.person-profile-link small{display:block;margin-top:4px;color:var(--yellow);font-size:.62rem;font-weight:900;letter-spacing:.05em}
.completion-with-block{display:grid;gap:12px;padding:16px;border:1px solid var(--border);border-radius:16px;background:#131315}.completion-with-block>div:first-child>strong,.completion-with-block>div:first-child>small{display:block}.completion-with-block>div:first-child>small{color:var(--muted);margin-top:4px}.completion-connection-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.completion-connection-option{display:grid!important;grid-template-columns:auto auto 1fr!important;align-items:center;gap:9px!important;padding:10px!important;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:#19191c;cursor:pointer}.completion-connection-option:has(input:checked){border-color:var(--yellow);box-shadow:0 0 0 1px rgba(255,211,41,.2);background:rgba(255,211,41,.06)}.completion-connection-option input{accent-color:var(--yellow)}.completion-connection-option>span:last-child strong,.completion-connection-option>span:last-child small{display:block}.completion-connection-option>span:last-child small{color:var(--muted);margin-top:2px}.completion-connection-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#26262a;color:var(--yellow);font-weight:900}.completion-connection-avatar img{width:100%;height:100%;object-fit:cover}
.profile-view-shell{padding-top:34px;padding-bottom:70px}.profile-view-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px}.profile-view-avatar{width:112px;height:112px;border-radius:50%;overflow:hidden;background:#242428;display:grid;place-items:center;color:var(--yellow);font-size:3rem;font-weight:950}.profile-view-avatar img{width:100%;height:100%;object-fit:cover}.profile-view-copy h1{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.9;margin:4px 0 9px;letter-spacing:-.045em}.profile-view-copy>strong{color:var(--yellow)}.profile-view-copy>p:not(.eyebrow){max-width:700px;color:#e6e6e8;margin:14px 0 8px;line-height:1.55}.profile-view-copy>small{color:var(--muted)}.profile-view-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.profile-view-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 28px}.profile-view-stats>div{padding:20px}.profile-view-stats strong{display:block;font-size:2.2rem;color:var(--yellow)}.profile-view-stats span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;margin-top:4px}.profile-deck-preview{margin-top:28px}.profile-deck-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.profile-deck-card{display:block;text-decoration:none;color:#fff;min-width:0}.profile-deck-card>div{aspect-ratio:1/1;border-radius:17px;overflow:hidden;position:relative;background:linear-gradient(145deg,var(--profile-card-accent),#111 80%);display:grid;place-items:center}.profile-deck-card img{width:100%;height:100%;object-fit:cover}.profile-deck-card>div>span{font-size:4rem;font-weight:950;color:#111}.profile-deck-card b{position:absolute;right:8px;top:8px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#111}.profile-deck-card>strong{display:block;margin-top:8px;font-size:.86rem}.profile-private-panel,.profile-view-empty{padding:28px}.profile-private-panel strong,.profile-private-panel span{display:block}.profile-private-panel span{color:var(--muted);margin-top:5px}.story-with-chip a{color:inherit;font-weight:900;text-decoration:underline;text-underline-offset:2px}
@media(max-width:800px){.completion-connection-picker{grid-template-columns:1fr}.profile-view-hero{grid-template-columns:auto 1fr}.profile-view-actions{grid-column:1/-1;justify-content:flex-start}.profile-view-avatar{width:82px;height:82px}.profile-view-stats{grid-template-columns:repeat(3,1fr)}.profile-deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.profile-view-shell{padding-top:16px}.profile-view-hero{padding:17px;gap:14px}.profile-view-avatar{width:68px;height:68px;font-size:2rem}.profile-view-copy h1{font-size:2.2rem}.profile-view-stats{gap:8px}.profile-view-stats>div{padding:13px}.profile-view-stats strong{font-size:1.55rem}.profile-view-stats span{font-size:.65rem}.profile-deck-grid{gap:10px}}

/* COMPETITIVE STATS + PROFILE STABILITY — 2026-09 */
.stats-wow-hero{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:48px 0 24px}.stats-wow-hero h1{font-size:clamp(3.3rem,7vw,7rem);line-height:.86;letter-spacing:-.055em;max-width:900px;margin:7px 0 18px}.stats-wow-hero>div>p:last-child{max-width:780px;color:#aaaab2;font-size:1.03rem;line-height:1.6}.stats-rivalry-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:14px;margin:12px 0 18px}.stats-rivalry-card{position:relative;overflow:hidden;min-height:220px;padding:24px;border:1px solid #29292f;border-radius:22px;background:linear-gradient(145deg,#18181c,#101013)}.stats-rivalry-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-85px;top:-85px;background:rgba(255,211,41,.05)}.stats-rivalry-primary{background:linear-gradient(145deg,#ffd329,#e6b900);color:#101013;border-color:#ffd329}.stats-rivalry-card>span{display:block;font-size:.72rem;font-weight:950;letter-spacing:.09em;color:#8f8f98}.stats-rivalry-primary>span{color:#594900}.stats-rivalry-card>strong{display:block;font-size:clamp(2.25rem,4vw,4.1rem);line-height:.92;letter-spacing:-.045em;margin:22px 0 7px;color:#ffd329}.stats-rivalry-primary>strong{color:#101013}.stats-rivalry-card>b{display:block;font-size:.85rem}.stats-rivalry-card>p{font-size:.76rem;line-height:1.5;color:#8f8f98;margin-top:15px}.stats-rivalry-primary>p{color:#554700}.stats-callout-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.stats-wow-callout{position:relative;overflow:hidden;display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:center;padding:24px;border:1px solid color-mix(in srgb,var(--stat-accent) 38%,#29292f);border-radius:22px;background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--stat-accent) 18%,transparent),transparent 44%),#151519}.stats-wow-callout>span{width:88px;height:88px;border-radius:21px;display:grid;place-items:center;background:var(--stat-accent);color:#111;font-size:2.8rem}.stats-wow-callout h2{font-size:2rem;margin:2px 0 6px}.stats-wow-callout strong{color:var(--stat-accent)}.stats-wow-callout p:last-child{color:#9999a2;margin-top:7px;font-size:.82rem}.stats-competition-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr)}.category-competition-list{display:grid;gap:12px}.category-competition-row{padding:17px;border:1px solid #29292f;border-radius:17px;background:#111114}.category-competition-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}.category-competition-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in srgb,var(--cat-colour) 16%,#161619);font-size:1.4rem}.category-competition-head>div{display:grid;gap:2px}.category-competition-head>div>small{color:#777781;font-size:.7rem}.category-competition-head>b{font-size:.78rem;color:var(--cat-colour);text-align:right}.category-competition-row .progress-track{margin-top:12px}.category-competition-meta{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:#777781;font-size:.67rem;font-weight:750}.friend-leaderboard{display:grid;gap:9px}.friend-rank-row{display:grid;grid-template-columns:34px 44px minmax(0,1fr) auto;align-items:center;gap:10px;text-decoration:none;color:#fff;padding:10px;border-radius:14px;border:1px solid #29292f;background:#111114}.friend-rank-row:hover{border-color:#555}.friend-rank-row.is-you{border-color:#ffd329;background:rgba(255,211,41,.07)}.friend-rank-row>b{color:#777781;font-size:.8rem;text-align:center}.friend-rank-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#27272d;color:#ffd329;font-weight:950}.friend-rank-avatar img{width:100%;height:100%;object-fit:cover}.friend-rank-row>div{display:grid}.friend-rank-row>div small{color:#777781;font-size:.68rem}.friend-rank-row>em{font-style:normal;font-size:1.35rem;font-weight:950;color:#ffd329;text-align:right}.friend-rank-row>em small{display:block;color:#777781;font-size:.55rem;letter-spacing:.08em}.stats-empty-friends{padding:20px 4px}.stats-empty-friends p{color:#8d8d96;line-height:1.5;margin:7px 0 18px}.stats-wow-activity{margin-top:18px}.stats-wow-activity .activity-bars{min-height:220px}
@media(max-width:1100px){.stats-rivalry-grid{grid-template-columns:1fr 1fr}.stats-competition-layout{grid-template-columns:1fr}.stats-wow-hero{align-items:flex-start;flex-direction:column}.stats-wow-hero .button{align-self:flex-start}}
@media(max-width:700px){.stats-wow-hero{padding-top:24px}.stats-wow-hero h1{font-size:clamp(3rem,15vw,4.8rem)}.stats-rivalry-grid,.stats-callout-grid{grid-template-columns:1fr}.stats-rivalry-card{min-height:180px}.stats-wow-callout{grid-template-columns:64px 1fr;gap:14px;padding:18px}.stats-wow-callout>span{width:60px;height:60px;border-radius:16px;font-size:2rem}.stats-wow-callout h2{font-size:1.5rem}.category-competition-meta{flex-direction:column;gap:3px}.category-competition-head{grid-template-columns:auto 1fr}.category-competition-head>b{grid-column:2;text-align:left}.stats-category-panel,.stats-friends-panel{padding:17px}.stats-wow-activity{padding:17px}}

/* ============================================================
   PUBLIC SALES HOMEPAGE — 2026-09-10
   ============================================================ */
.sales-home{overflow:hidden}.sales-site-header{width:min(var(--public-max,1480px),calc(100% - 64px));min-height:84px;margin:0 auto}.sales-site-nav{display:flex;align-items:center;gap:22px}.sales-site-nav>a:not(.button){font-size:.78rem;font-weight:850;color:#c7c7cd}.sales-site-nav>a:not(.button):hover{color:#fff}
.sales-hero,.sales-section,.sales-intro-strip,.sales-final-cta{width:min(var(--public-max,1480px),calc(100% - 64px));margin-left:auto;margin-right:auto}.sales-hero{min-height:720px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);gap:70px;align-items:center;padding:70px 0 95px}.sales-hero h1{font-size:clamp(4.4rem,7.4vw,8.2rem);line-height:.84;letter-spacing:-.065em;max-width:980px;margin:.12em 0 .22em}.sales-hero h1 em{font-style:normal;color:var(--yellow)}.sales-hero-lead{max-width:780px;font-size:1.14rem;line-height:1.7;color:#a8a8b0}.sales-hero-lead strong{color:#fff}.sales-proof-row{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:24px;color:#8d8d95;font-size:.78rem;font-weight:800}.sales-proof-row b{color:var(--yellow);margin-right:4px}
.sales-hero-visual{position:relative;min-height:560px}.sales-orbit{position:absolute;border:1px solid rgba(255,211,41,.12);border-radius:50%}.sales-orbit-one{width:520px;height:520px;right:-60px;top:10px}.sales-orbit-two{width:360px;height:360px;right:45px;top:90px}.sales-card{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;border-radius:28px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.48);border:1px solid rgba(255,255,255,.14)}.sales-card>span{position:absolute;left:24px;top:22px;font-size:.65rem;font-weight:950;letter-spacing:.12em}.sales-card>strong{font-size:2.3rem;line-height:.9;letter-spacing:-.04em}.sales-card>small{font-size:.63rem;font-weight:950;letter-spacing:.1em;margin-top:11px}.sales-card-main{z-index:3;width:340px;height:430px;left:50%;top:50%;transform:translate(-50%,-52%) rotate(-4deg);background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.18),transparent 30%),linear-gradient(145deg,#7b61ff,#34228a 70%,#17151f)}.sales-card-progress{height:8px;background:rgba(0,0,0,.28);border-radius:999px;margin-top:20px;overflow:hidden}.sales-card-progress i{display:block;height:100%;background:#fff;border-radius:999px}.sales-card-food{z-index:2;width:225px;height:280px;right:0;top:30px;transform:rotate(8deg);background:linear-gradient(145deg,#ff9857,#8b3c14)}.sales-card-life{z-index:1;width:220px;height:270px;left:0;bottom:25px;transform:rotate(-9deg);background:linear-gradient(145deg,#ffd329,#af8500);color:#111}.sales-achievement-badge{position:absolute;z-index:5;right:6%;bottom:8%;display:grid;grid-template-columns:54px 1fr;column-gap:12px;align-items:center;width:290px;padding:16px 18px;border-radius:18px;background:#111;border:1px solid rgba(255,211,41,.5);box-shadow:0 16px 45px rgba(0,0,0,.45)}.sales-achievement-badge b{grid-row:1/3;width:52px;height:52px;border-radius:15px;background:var(--yellow);display:grid;place-items:center;color:#111;font-size:1.8rem}.sales-achievement-badge span{font-size:.77rem;font-weight:950}.sales-achievement-badge small{color:#7f7f87;font-size:.64rem}
.sales-intro-strip{display:flex;align-items:center;justify-content:center;gap:13px;padding:24px 30px;border-top:1px solid #29292e;border-bottom:1px solid #29292e;font-size:clamp(1.25rem,2.5vw,2.2rem);letter-spacing:-.02em}.sales-intro-strip p{margin:0;color:#7f7f88}.sales-intro-strip strong{color:var(--yellow)}
.sales-section{padding:105px 0}.sales-section-heading{max-width:880px}.sales-section-heading-wide{max-width:1080px}.sales-section-heading h2,.sales-deck-copy h2,.sales-story-copy h2,.sales-bucket-copy h2,.sales-value-copy h2{font-size:clamp(3.2rem,6vw,6.3rem);line-height:.9;letter-spacing:-.055em;margin:.15em 0}.sales-section-heading>p:last-child,.sales-deck-copy>p,.sales-story-copy>p,.sales-bucket-copy>p,.sales-value-copy>p{color:#9d9da5;line-height:1.65;font-size:1rem;max-width:760px}.sales-section-heading strong,.sales-deck-copy strong,.sales-bucket-copy strong{color:#fff}
.sales-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:45px}.sales-step-grid article{position:relative;min-height:300px;padding:26px;border:1px solid #29292e;border-radius:24px;background:linear-gradient(145deg,#18181b,#101012)}.sales-step-number{color:#62626b;font-size:.66rem;font-weight:950;letter-spacing:.1em}.sales-step-icon{width:58px;height:58px;border-radius:16px;background:var(--yellow);color:#111;display:grid;place-items:center;font-size:1.7rem;font-weight:950;margin:46px 0 20px}.sales-step-grid h3{font-size:1.55rem;margin:0 0 8px}.sales-step-grid p{color:#8d8d96;font-size:.84rem;line-height:1.6;margin:0}
.sales-deck-section{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:center}.sales-deck-copy .button{margin-top:18px}.sales-deck-demo{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(1deg)}.sales-album-card{position:relative;aspect-ratio:.78;padding:18px;border-radius:20px;background:linear-gradient(145deg,#252529,#141416);border:1px solid #303035;filter:grayscale(1);opacity:.42;display:flex;flex-direction:column;justify-content:flex-end}.sales-album-card:nth-child(2){background:linear-gradient(145deg,#7b61ff,#24194f)}.sales-album-card:nth-child(3){background:linear-gradient(145deg,#ff9857,#54240d)}.sales-album-card:nth-child(4){background:linear-gradient(145deg,#64d397,#164d34)}.sales-album-card:nth-child(5){background:linear-gradient(145deg,#ffd329,#6e5600);color:#111}.sales-album-card:nth-child(6){background:linear-gradient(145deg,#5eaaf7,#143a68)}.sales-album-card.is-earned{filter:none;opacity:1;box-shadow:0 18px 48px rgba(0,0,0,.3)}.sales-album-card>span{position:absolute;top:16px;left:16px;font-size:.55rem;font-weight:950;letter-spacing:.1em}.sales-album-card>strong{font-size:1.25rem;line-height:.93;letter-spacing:-.03em}.sales-album-card>small{font-size:.5rem;font-weight:950;letter-spacing:.08em;margin-top:9px}.sales-album-card>b{position:absolute;right:12px;top:12px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#ffd329;color:#111}
.sales-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.sales-category-grid article{position:relative;overflow:hidden;min-height:180px;padding:23px;border:1px solid #2b2b30;border-radius:21px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--sales-cat) 20%,transparent),transparent 45%),#141417}.sales-category-grid article:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--sales-cat)}.sales-category-grid article>span{font-size:2rem}.sales-category-grid article>strong{display:block;font-size:1.2rem;margin:30px 0 6px}.sales-category-grid article>small{display:block;color:#81818a;line-height:1.45}.sales-category-cta{margin-top:25px}
.sales-story-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.sales-story-demo{position:relative;display:grid;gap:17px;padding:35px 0}.sales-story-line{position:absolute;left:24px;top:60px;bottom:60px;width:2px;background:#2b2b30}.sales-story-demo article{position:relative;display:grid;grid-template-columns:50px 1fr;gap:15px;align-items:center;padding:18px 20px;border:1px solid #2b2b30;border-radius:18px;background:#151518}.sales-story-demo article>b{z-index:1;width:50px;height:50px;border-radius:15px;background:#ffd329;color:#111;display:grid;place-items:center;font-size:1.25rem}.sales-story-demo span{display:block;color:#ffd329;font-size:.58rem;font-weight:950;letter-spacing:.1em}.sales-story-demo strong{display:block;font-size:1.05rem;margin:3px 0}.sales-story-demo small{color:#777781}.sales-story-copy h2 em{font-style:normal;color:#ffd329}.sales-small-note{font-size:.78rem!important;color:#6f6f78!important}
.sales-social-section{border-top:1px solid #232328;border-bottom:1px solid #232328}.sales-stat-demo{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:13px;margin-top:38px}.sales-stat-demo article{min-height:210px;padding:24px;border:1px solid #2b2b30;border-radius:22px;background:#151518}.sales-stat-demo article>span{font-size:.64rem;font-weight:950;color:#777781;letter-spacing:.1em}.sales-stat-demo article>strong{display:block;font-size:clamp(2rem,4vw,4rem);line-height:.9;letter-spacing:-.04em;margin:40px 0 9px;color:#ffd329}.sales-stat-demo article>p{margin:0;color:#85858e;line-height:1.45}.sales-stat-highlight{background:linear-gradient(145deg,#ffd329,#e3b600)!important;color:#111!important}.sales-stat-highlight>span,.sales-stat-highlight>strong,.sales-stat-highlight>p{color:#111!important}.sales-beta-note{color:#62626b;font-size:.72rem;margin-top:13px}
.sales-bucket-section{display:grid;grid-template-columns:minmax(360px,.8fr) 1.2fr;gap:80px;align-items:center}.sales-bucket-card{min-height:510px;padding:34px;border-radius:30px;background:radial-gradient(circle at 80% 10%,rgba(255,211,41,.22),transparent 32%),linear-gradient(145deg,#1b1b1e,#0e0e10);border:1px solid rgba(255,211,41,.28);display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 30px 80px rgba(0,0,0,.34)}.sales-bucket-card>span{position:absolute}.sales-bucket-card>strong{font-size:3.8rem;line-height:.88;letter-spacing:-.055em}.sales-bucket-progress{height:9px;border-radius:999px;background:#29292d;overflow:hidden;margin:28px 0 10px}.sales-bucket-progress i{display:block;height:100%;background:#ffd329}.sales-bucket-card>small{color:#ffd329;font-weight:900;letter-spacing:.06em}.sales-bucket-copy .button{margin-top:18px}
.sales-value-section{padding-top:80px}.sales-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:38px}.sales-value-grid article{padding:28px;border:1px solid #2b2b30;border-radius:22px;background:#141417}.sales-value-grid article>span{display:block;font-size:2.6rem;font-weight:950;color:#ffd329}.sales-value-grid article>strong{display:block;font-size:1.2rem;margin:17px 0 8px}.sales-value-grid article>p{margin:0;color:#82828b;line-height:1.55;font-size:.84rem}
.sales-final-cta{margin-top:40px;margin-bottom:90px;padding:50px 55px;border-radius:32px;background:#ffd329;color:#111;display:flex;justify-content:space-between;align-items:center;gap:50px}.sales-final-cta .eyebrow{color:#111;opacity:.6}.sales-final-cta h2{font-size:clamp(3rem,6vw,6rem);line-height:.88;letter-spacing:-.055em;margin:.13em 0;max-width:900px}.sales-final-cta p{max-width:760px;line-height:1.55}.sales-final-actions{min-width:290px;text-align:center}.sales-final-actions .button{width:100%;background:#111;color:#fff;border-color:#111}.sales-final-actions small{display:block;margin-top:13px}.sales-final-actions a:not(.button){color:#111;font-weight:900}
@media(max-width:1180px){.sales-site-nav>a[href^="#"]{display:none}.sales-hero{grid-template-columns:1fr 460px;gap:25px}.sales-step-grid{grid-template-columns:repeat(2,1fr)}.sales-category-grid{grid-template-columns:repeat(2,1fr)}.sales-deck-section,.sales-story-section,.sales-bucket-section{gap:45px}}
@media(max-width:900px){.sales-site-header,.sales-hero,.sales-section,.sales-intro-strip,.sales-final-cta{width:calc(100% - 44px)}.sales-site-header{min-height:72px}.sales-site-nav>a:not(.button){display:none}.sales-hero{grid-template-columns:1fr;min-height:auto;padding:45px 0 65px}.sales-hero-visual{min-height:520px;max-width:620px;width:100%;margin:0 auto}.sales-deck-section,.sales-story-section,.sales-bucket-section{grid-template-columns:1fr}.sales-story-copy{order:-1}.sales-bucket-card{max-width:560px;width:100%;margin:auto}.sales-final-cta{flex-direction:column;align-items:flex-start}.sales-final-actions{width:100%}}
@media(max-width:620px){.sales-site-header,.sales-hero,.sales-section,.sales-intro-strip,.sales-final-cta{width:calc(100% - 22px)}.sales-site-header .brand-link img{max-width:128px}.sales-site-nav{gap:8px}.sales-site-nav .button{padding:10px 13px;font-size:.68rem}.sales-hero{padding-top:25px}.sales-hero h1{font-size:clamp(3.45rem,17vw,5.1rem)}.sales-hero-lead{font-size:.98rem}.sales-hero-actions .button{width:100%}.sales-proof-row{display:grid;grid-template-columns:1fr 1fr}.sales-hero-visual{min-height:420px}.sales-card-main{width:250px;height:325px;padding:20px}.sales-card-main>strong{font-size:1.65rem}.sales-card-food{width:160px;height:205px;padding:15px;right:-20px}.sales-card-life{width:155px;height:198px;padding:15px;left:-17px}.sales-card-small>strong{font-size:1rem}.sales-achievement-badge{right:0;bottom:2%;width:240px;padding:12px}.sales-orbit-one{width:390px;height:390px}.sales-orbit-two{width:280px;height:280px}.sales-intro-strip{flex-direction:column;gap:0;text-align:center;padding:18px}.sales-section{padding:70px 0}.sales-section-heading h2,.sales-deck-copy h2,.sales-story-copy h2,.sales-bucket-copy h2,.sales-value-copy h2{font-size:clamp(2.8rem,13vw,4.4rem)}.sales-step-grid,.sales-category-grid,.sales-stat-demo,.sales-value-grid{grid-template-columns:1fr}.sales-step-grid article{min-height:250px}.sales-step-icon{margin-top:30px}.sales-deck-demo{gap:7px}.sales-album-card{padding:11px;border-radius:14px}.sales-album-card>strong{font-size:.8rem}.sales-album-card>span,.sales-album-card>small{font-size:.4rem}.sales-album-card>b{width:24px;height:24px}.sales-story-demo{padding-top:10px}.sales-bucket-card{min-height:420px;padding:25px}.sales-bucket-card>strong{font-size:3rem}.sales-final-cta{padding:30px 24px;border-radius:24px;margin-bottom:45px}.sales-final-cta h2{font-size:3.2rem}.sales-proof-row span{font-size:.7rem}}

/* LEGAL PAGES + GLOBAL FOOTER — 2026-09-10 */
.site-footer{border-top:1px solid #29292e;background:#0d0d0f;color:#fff;margin-top:55px;padding:30px max(22px,calc((100% - var(--public-max,1480px))/2)) 24px}.site-footer-inner{display:grid;grid-template-columns:auto minmax(220px,1fr) auto;gap:24px;align-items:center}.site-footer-brand img{display:block;width:118px;max-height:54px;object-fit:contain}.site-footer-copy{display:grid;gap:5px}.site-footer-copy strong{font-size:.84rem}.site-footer-copy small{color:#74747d;font-size:.7rem}.site-footer-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.site-footer-links a,.site-footer-disclaimer a{color:#bdbdc5;text-decoration:none;font-weight:800;font-size:.74rem}.site-footer-links a:hover,.site-footer-disclaimer a:hover{color:var(--yellow)}.site-footer-disclaimer{border-top:1px solid #202024;margin-top:22px;padding-top:18px}.site-footer-disclaimer p{max-width:1120px;margin:0;color:#676770;font-size:.67rem;line-height:1.55}.site-footer-disclaimer a{font-size:inherit;color:#8e8e97}.legal-site-header{width:min(var(--public-max,1480px),calc(100% - 64px));margin:auto}.legal-shell{width:min(var(--public-max,1480px),calc(100% - 64px));margin:0 auto;padding:55px 0 80px}.legal-hero{max-width:1050px;padding:45px 0 55px;border-bottom:1px solid #29292e}.legal-hero h1{font-size:clamp(3.6rem,8vw,7.8rem);line-height:.86;letter-spacing:-.06em;margin:.13em 0 .2em}.legal-hero>p:not(.eyebrow){max-width:840px;color:#a0a0a8;font-size:1.05rem;line-height:1.65}.legal-hero>small{display:block;color:#696972;font-weight:800;margin-top:20px}.legal-grid{display:grid;grid-template-columns:230px minmax(0,820px);gap:75px;padding-top:50px;align-items:start}.legal-toc{position:sticky;top:105px;display:grid;gap:4px}.legal-toc strong{font-size:.65rem;letter-spacing:.1em;color:var(--yellow);margin-bottom:9px}.legal-toc a{color:#797982;text-decoration:none;font-size:.77rem;font-weight:800;padding:7px 0}.legal-toc a:hover{color:#fff}.legal-copy{min-width:0}.legal-copy section{padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid #242428;scroll-margin-top:115px}.legal-copy section:last-child{border-bottom:0}.legal-copy h2{font-size:1.7rem;letter-spacing:-.025em;margin:0 0 15px}.legal-copy p,.legal-copy li{color:#a0a0a8;line-height:1.75;font-size:.92rem}.legal-copy p{margin:0 0 14px}.legal-copy ul{padding-left:20px;margin:12px 0}.legal-copy li{margin-bottom:8px}.legal-copy strong{color:#fff}.legal-copy a{color:var(--yellow);font-weight:800}.legal-checks .check-row a{color:var(--yellow);font-weight:900}.legal-checks .check-row a:hover{text-decoration:underline}
@media(max-width:900px){.site-footer{padding-left:22px;padding-right:22px}.site-footer-inner{grid-template-columns:auto 1fr}.site-footer-links{grid-column:1/-1;justify-content:flex-start;border-top:1px solid #202024;padding-top:18px}.legal-site-header,.legal-shell{width:calc(100% - 44px)}.legal-grid{grid-template-columns:1fr;gap:30px}.legal-toc{position:static;display:flex;flex-wrap:wrap;gap:5px 14px;border-bottom:1px solid #29292e;padding-bottom:22px}.legal-toc strong{width:100%}.legal-toc a{padding:3px 0}.legal-hero{padding-top:25px}}
@media(max-width:560px){.site-footer-inner{grid-template-columns:1fr}.site-footer-brand img{width:105px}.site-footer-links{grid-column:auto;gap:12px 16px}.site-footer-disclaimer p{font-size:.62rem}.legal-site-header,.legal-shell{width:calc(100% - 22px)}.legal-hero h1{font-size:3.4rem}.legal-copy h2{font-size:1.45rem}.legal-copy p,.legal-copy li{font-size:.86rem}}

/* PUBLIC MOBILE NAV + SEO LANDING PAGES — 2026-09 */
.sales-mobile-actions{display:none;align-items:center;gap:8px}.sales-menu-toggle{width:44px;height:44px;border-radius:13px;border:1px solid #35353b;background:#171719;color:#fff;font-size:1.25rem;cursor:pointer}.sales-mobile-start{padding:11px 13px;font-size:.67rem}.sales-mobile-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(4px);z-index:94}.sales-mobile-menu{position:fixed;z-index:95;top:10px;right:10px;width:min(370px,calc(100% - 20px));max-height:calc(100vh - 20px);overflow:auto;background:#141416;border:1px solid #34343a;border-radius:24px;padding:18px;box-shadow:0 24px 90px rgba(0,0,0,.55)}.sales-mobile-menu[hidden],.sales-mobile-menu-backdrop[hidden]{display:none!important}.sales-mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 3px 14px;border-bottom:1px solid #29292e}.sales-mobile-menu-head strong{font-size:.72rem;letter-spacing:.08em;color:var(--yellow)}.sales-mobile-menu-head button{width:36px;height:36px;border:0;border-radius:11px;background:#242428;color:#fff;font-size:1.45rem;cursor:pointer}.sales-mobile-menu nav{display:grid;margin:10px 0 16px}.sales-mobile-menu nav a{display:flex;justify-content:space-between;align-items:center;padding:15px 4px;border-bottom:1px solid #252529;color:#fff;text-decoration:none;font-weight:900}.sales-mobile-menu nav a b{color:var(--yellow)}.sales-mobile-menu>.button{width:100%}.public-menu-is-open{overflow:hidden}
.seo-landing{width:min(var(--public-max,1480px),calc(100% - 64px));margin:0 auto}.seo-hero{min-height:620px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);gap:70px;align-items:center;padding:55px 0 75px}.seo-hero-copy{max-width:900px}.seo-hero h1,.ideas-hero h1{font-size:clamp(4rem,8vw,8.2rem);line-height:.85;letter-spacing:-.065em;margin:.12em 0 .2em}.seo-hero h1 em,.ideas-hero h1 em{font-style:normal;color:var(--seo-accent,var(--yellow))}.seo-lead,.ideas-hero>p:last-child{max-width:800px;color:#a6a6ae;font-size:1.12rem;line-height:1.7}.seo-hero-card{aspect-ratio:4/5;max-width:430px;width:100%;justify-self:end;border-radius:32px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 15%,color-mix(in srgb,var(--seo-accent) 45%,transparent),transparent 38%),linear-gradient(150deg,color-mix(in srgb,var(--seo-accent) 25%,#171719),#101012 66%);border:1px solid color-mix(in srgb,var(--seo-accent) 50%,#33333a)}.seo-hero-card:before{content:"✓";position:absolute;right:-18px;top:-60px;font-size:16rem;font-weight:1000;color:color-mix(in srgb,var(--seo-accent) 12%,transparent)}.seo-hero-card>span{font-size:.68rem;font-weight:1000;letter-spacing:.12em;color:var(--seo-accent)}.seo-hero-card>strong{font-size:clamp(2rem,4vw,3.7rem);line-height:.93;letter-spacing:-.04em;margin:10px 0 28px}.seo-hero-card>small{color:#85858d;font-weight:900;font-size:.65rem;letter-spacing:.08em}.seo-card-ticks{display:flex;gap:8px;margin-bottom:18px}.seo-card-ticks i{font-style:normal;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid #414147;color:#777780}.seo-card-ticks i.done{background:var(--seo-accent);border-color:var(--seo-accent);color:#111}.seo-copy-section{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:80px;padding:85px 0;border-top:1px solid #27272b}.seo-copy-main h2,.seo-example-section h2,.seo-how-section h2,.seo-faq-section h2{font-size:clamp(2.7rem,5vw,5.2rem);line-height:.95;letter-spacing:-.045em;margin:.15em 0 .38em}.seo-copy-main p{color:#a2a2aa;line-height:1.8}.seo-side-panel{background:#151517;border:1px solid #2e2e34;border-radius:24px;padding:25px;align-self:start}.seo-side-panel>span{font-size:.65rem;letter-spacing:.11em;color:var(--yellow);font-weight:1000}.seo-side-panel ul{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:13px}.seo-side-panel li{color:#d2d2d7;font-size:.86rem}.seo-example-section,.seo-how-section,.seo-faq-section{padding:85px 0;border-top:1px solid #27272b}.seo-idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:35px}.seo-idea-grid article,.seo-how-grid article{padding:24px;border-radius:22px;background:#151517;border:1px solid #2d2d32}.seo-idea-grid span{color:var(--yellow);font-size:.63rem;font-weight:1000;letter-spacing:.1em}.seo-idea-grid strong{display:block;font-size:1.45rem;margin:15px 0 12px}.seo-idea-grid p,.seo-how-grid p{color:#909098;line-height:1.6;font-size:.86rem}.seo-how-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:35px}.seo-how-grid b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--yellow);color:#111;margin-bottom:25px}.seo-how-grid strong{display:block}.seo-faq-section{display:grid;grid-template-columns:340px minmax(0,1fr);gap:70px}.seo-faq-list{display:grid;gap:8px}.seo-faq-list details{background:#151517;border:1px solid #2d2d32;border-radius:17px;padding:0 19px}.seo-faq-list summary{cursor:pointer;font-weight:900;padding:18px 0}.seo-faq-list p{color:#9b9ba3;line-height:1.65;padding-bottom:18px}.seo-final-cta{width:100%!important}.ideas-hero{padding:95px 0 60px;max-width:1050px}.ideas-hero h1 em{color:var(--yellow)}.ideas-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:90px}.ideas-guide-grid>a{display:grid;grid-template-columns:auto 1fr;column-gap:20px;padding:26px;border-radius:24px;text-decoration:none;background:#151517;border:1px solid #2d2d33}.ideas-guide-icon{grid-row:1/5;width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--guide-accent) 18%,#171719);font-size:1.7rem}.ideas-guide-grid small{color:var(--guide-accent);font-weight:1000}.ideas-guide-grid strong{font-size:1.6rem}.ideas-guide-grid p{color:#92929b;margin:5px 0 11px}.ideas-guide-grid b{color:#fff;font-size:.72rem}.site-footer-explore{display:flex;flex-wrap:wrap;gap:9px 15px;align-items:center;border-top:1px solid #202024;margin-top:22px;padding-top:18px}.site-footer-explore strong{color:var(--yellow);font-size:.62rem;letter-spacing:.1em}.site-footer-explore a{color:#92929a;text-decoration:none;font-size:.68rem;font-weight:800}
@media(max-width:980px){.sales-site-nav{display:none!important}.sales-mobile-actions{display:flex}.seo-hero{grid-template-columns:1fr;gap:35px;min-height:auto;padding-top:45px}.seo-hero-card{justify-self:start;max-width:460px}.seo-copy-section{grid-template-columns:1fr;gap:35px}.seo-how-grid{grid-template-columns:repeat(2,1fr)}.seo-faq-section{grid-template-columns:1fr;gap:30px}}
@media(max-width:620px){.sales-site-header{width:calc(100% - 22px)!important}.seo-landing{width:calc(100% - 22px)}.seo-hero{padding:30px 0 55px}.seo-hero h1,.ideas-hero h1{font-size:clamp(3.35rem,16vw,5rem)}.seo-lead,.ideas-hero>p:last-child{font-size:.98rem}.seo-hero-card{max-width:330px}.seo-copy-section,.seo-example-section,.seo-how-section,.seo-faq-section{padding:60px 0}.seo-idea-grid,.seo-how-grid,.ideas-guide-grid{grid-template-columns:1fr}.ideas-hero{padding:55px 0 45px}.ideas-guide-grid{padding-bottom:60px}}


/* GO-LIVE DATA INTEGRITY */
.integrity-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 18px}
.integrity-summary-grid article{border:1px solid #303037;border-radius:18px;background:#151517;padding:18px}
.integrity-summary-grid strong{display:block;font-size:2rem;line-height:1}
.integrity-summary-grid span{display:block;margin-top:8px;color:#92929b;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.integrity-summary-grid article.good{border-color:#285a3d}.integrity-summary-grid article.good strong{color:#7ee2a5}
.integrity-summary-grid article.warn{border-color:#6e5c24}.integrity-summary-grid article.warn strong{color:#ffd85f}
.integrity-summary-grid article.bad{border-color:#7e3333}.integrity-summary-grid article.bad strong{color:#ff8383}
.integrity-ok{padding:14px 16px;border-radius:13px;background:#12251a;color:#8ceaae;font-weight:900}
.integrity-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.integrity-simple-list{display:grid;gap:7px;padding-left:18px;max-height:420px;overflow:auto}
.integrity-duplicate-groups{display:grid;gap:10px}.integrity-duplicate-groups article{padding:14px;border-radius:13px;background:#111113;border:1px solid #29292e}.integrity-duplicate-groups article>strong{color:#ffd329}.integrity-duplicate-groups article>div{color:#aaaab2;margin-top:5px;font-size:.82rem}
.integrity-warning{border-color:#725f1d!important;background:linear-gradient(180deg,#211d10,#151517)!important}.integrity-match-list{display:grid;gap:8px;margin:16px 0}.integrity-match-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px;border-radius:13px;background:#101012;border:1px solid #323237}.integrity-match-row div{display:grid;gap:4px}.integrity-match-row small{color:#8d8d95}.integrity-force-create{padding-top:8px;border-top:1px solid #343027}
@media(max-width:1100px){.integrity-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.integrity-summary-grid{grid-template-columns:repeat(2,1fr)}.integrity-two-col{grid-template-columns:1fr}.integrity-match-row{align-items:flex-start;flex-direction:column}}

.integrity-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
.integrity-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.integrity-actions form{margin:0}
.integrity-actions button.table-action{border:0;background:transparent;padding:0;cursor:pointer}
@media(max-width:700px){.integrity-group-heading{align-items:flex-start;flex-direction:column}.integrity-actions{align-items:flex-start;flex-direction:column}}