/* Yapanu. Tokens and grid density traced to Follam V82 / density49b. */
.ys{color-scheme:light;--bg:#faf9fc;--surface:#ffffff;--raised:#f3f0f7;--line:#e1dce9;--text:#26212f;--muted:#706879;--accent:#7452b8;--error:#b52e45;--good:#247844;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);padding:0 6px 80px;min-height:80vh}
.ys *{box-sizing:border-box}.ys a{color:inherit;text-decoration:none}.ys button,.ys input,.ys select,.ys textarea{font:inherit}.ys button,.ys .ys-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--raised);color:var(--text);padding:8px 13px;cursor:pointer;gap:6px}.ys button:hover,.ys .ys-button:hover{border-color:var(--accent)}.ys button:disabled{opacity:.5;cursor:wait}.ys :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.ys .ys-primary{background:var(--accent);color:#201a32;font-weight:650}.ys input,.ys textarea,.ys select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:6px;min-height:44px;padding:8px;max-width:100%;width:100%}.ys input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--accent)}.ys label{display:grid;gap:5px;font-size:14px}.ys .ys-check{display:flex;align-items:center;gap:8px;min-height:44px}.ys .ys-header{display:flex;justify-content:space-between;align-items:center;padding:16px 10px;border-bottom:1px solid var(--line)}.ys .ys-brand{font-size:29px;font-weight:750;letter-spacing:-1.2px;color:var(--accent)}.ys .ys-brand span{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:.2px}.ys .ys-header>a:last-child{font-size:14px;padding:10px}.ys main{padding:0;max-width:1368px;margin:auto}.ys h1{font-size:23px;margin:16px 0 10px}.ys h2{font-size:19px;margin:18px 0 8px}.ys p{margin:10px 0}.ys .ys-muted{color:var(--muted);font-size:13px}.ys .ys-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ys .ys-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));align-items:end;gap:8px;padding:12px 0}.ys .ys-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;align-items:start}.ys .ys-card{position:relative;aspect-ratio:1;overflow:hidden;background:var(--surface);border-radius:6px;isolation:isolate}.ys .ys-card>a{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:end;padding:8px}.ys .ys-avatar{position:absolute;inset:0;display:grid;place-content:center;background:radial-gradient(ellipse at 30% 20%,#494151,#25232c);font-size:45px;z-index:-1}.ys .ys-card strong{font-size:12px;line-height:1.2;text-shadow:0 1px 3px #000;overflow-wrap:anywhere}.ys .ys-card small{font-size:10px;color:var(--muted)}.ys .ys-empty{padding:45px 20px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:8px}.ys .ys-empty span{font-size:44px;display:block}.ys .ys-more{display:flex;justify-content:center;margin:18px 0}.ys .ys-form{max-width:650px;display:grid;gap:13px;padding:12px 0}.ys .ys-form textarea{min-height:110px;resize:vertical}.ys .ys-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ys .ys-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#222229f5;border-top:1px solid var(--line);padding:5px max(6px,env(safe-area-inset-left)) calc(5px + env(safe-area-inset-bottom));z-index:40;backdrop-filter:blur(12px)}.ys .ys-nav a{flex:1;text-align:center;font-size:13px;padding:13px 4px;border-radius:6px}.ys .ys-nav a[aria-current=page]{color:var(--accent);background:#b9a4f514}.ys #ys-message:not(:empty){padding:10px;border-left:3px solid var(--accent);margin:10px 0}.ys #ys-message[data-error=true]{border-color:var(--error);color:var(--error)}.ys .ys-list{list-style:none;padding:0}.ys .ys-list>li{border-bottom:1px solid var(--line);padding:13px 0;display:grid;gap:9px}.ys dialog{max-width:min(550px,calc(100vw - 24px));border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:18px}.ys dialog::backdrop{background:#08070bbb}.ys dialog form{display:grid;gap:12px}.ys .ys-profile{max-width:700px;margin:auto}.ys .ys-profile .ys-avatar{position:relative;aspect-ratio:1.6;z-index:0;border-radius:10px;font-size:88px}.ys .ys-profile p{white-space:pre-wrap;overflow-wrap:anywhere}.ys .ys-questions{max-width:700px}.ys .ys-question{padding:16px;border:1px solid var(--line);border-radius:8px;margin:12px 0}.ys .ys-question fieldset{border:0;padding:0}.ys .ys-question legend{font-size:16px;font-weight:650;margin-bottom:9px}.ys .ys-question label{display:flex;align-items:center;gap:8px;padding:7px 0}.ys .ys-question input{width:20px;min-height:20px}
@media(min-width:600px){.ys .ys-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.ys .ys-card strong{font-size:15px}.ys .ys-card small{font-size:12px}.ys{padding-left:18px;padding-right:18px}.ys .ys-nav{position:sticky;margin:20px -18px -80px}.ys .ys-header{padding-left:0;padding-right:0}}
@media(prefers-reduced-motion:reduce){.ys *{scroll-behavior:auto!important}}
.ys [hidden]{display:none!important}.ys h1,.ys h2,.ys legend{color:var(--text)}.ys input[type=checkbox],.ys input[type=radio]{appearance:auto!important;display:inline-block!important;position:static!important;opacity:1!important;width:20px!important;height:20px!important;min-height:20px;margin:0!important;padding:0!important;flex:none}


.ys img.ys-avatar{width:100%;height:100%;object-fit:cover}.ys .ys-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px}.ys .ys-photo-open{padding:0;width:100%;overflow:hidden}.ys .ys-photo-open img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.ys .ys-photo-grid p{font-size:13px}.ys .ys-lightbox{max-width:min(1000px,96vw);width:fit-content}.ys .ys-lightbox>img{max-width:100%;max-height:70vh;display:block;object-fit:contain;touch-action:pan-y}.ys .ys-lightbox>[data-close]{float:right}.ys .ys-lightbox .ys-actions{justify-content:center;margin-top:10px}

.ys .ys-categories{border:1px solid var(--line);padding:8px;grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:6px}.ys .ys-categories label{display:flex;align-items:center;gap:6px}.ys .ys-categories small{grid-column:1/-1;font-size:11px;color:var(--muted)}

@media(max-width:599px){.ys .ys-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}

.ys .ys-card img.ys-avatar{z-index:0;display:block}.ys .ys-card strong,.ys .ys-card small{position:relative;z-index:1}.ys .ys-profile img.ys-avatar{height:auto;max-height:440px;object-fit:cover}
.ys-account{max-width:620px;margin:20px auto;padding:20px}.ys-account h2{color:var(--ys-text,#f8f4ff);font-size:1.5rem}.ys-account .ys-form{display:grid;gap:12px}.ys-account label{display:grid;gap:5px}.ys-account .ys-check{display:flex;align-items:center;gap:8px}.ys-account .ys-check input{width:auto}.ys-account #ys-account-message:not(:empty){padding:12px;background:#38264c;margin:12px 0}.ys-account input,.ys-account select{max-width:100%;box-sizing:border-box}
.ys-account h1{color:#f8f4ff!important;font-size:1.8rem}.ys-account .ys-actions{display:flex;flex-wrap:wrap;gap:8px}.ys-account .ys-actions a{padding:6px 10px;border:1px solid #554164;border-radius:5px}

.ys-zone{border:1px solid var(--line);padding:14px;display:grid;gap:10px}.ys-zone small{display:block;color:var(--muted)}#ys-cities{display:grid;gap:5px}#ys-cities button{text-align:left;height:auto;white-space:normal}

.ys-activity-groups>details,.ys-activity-filters{border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0;background:var(--surface);color:var(--text)}.ys-activity-groups summary,.ys-activity-filters summary{cursor:pointer;font-weight:700;min-height:32px}.ys-activity{padding:16px 0;border-top:1px solid var(--line)}.ys-activity fieldset{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:10px 0}.ys-activity legend{font-weight:700}.ys-activity>.ys-check{display:block;margin:10px 0}.ys-activity-filters{grid-column:1/-1;max-height:55vh;overflow:auto}.ys-activity-filters fieldset{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;padding:12px}.ys-activity-filters input[type=checkbox],.ys-activity input[type=radio],.ys-activity input[type=checkbox]{width:auto;min-height:0;accent-color:var(--accent)}.ys-activity input[type=radio]{width:18px;height:18px}.ys-activity-filters label{display:flex;align-items:center;gap:5px}

.ys-activity-groups{max-width:900px}.ys .ys-activity>.ys-check{display:flex}.ys-activity-groups summary{color:var(--text)}

.ys-detail-groups,.ys-detail-consents{max-width:900px}.ys-detail-groups>details,.ys-detail-consents,.ys-detail-filters{border:1px solid var(--line);border-radius:10px;padding:14px;margin:14px 0;background:var(--surface)}.ys-detail-groups summary,.ys-detail-consents summary,.ys-detail-filters summary{font-weight:650;cursor:pointer;min-height:36px}.ys-detail-form{padding:16px 0;border-top:1px solid var(--line);display:grid;gap:12px}.ys .ys-detail-form h3{color:var(--text);font-size:17px}.ys-detail-form fieldset,.ys-detail-filters fieldset{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 0}.ys-detail-form fieldset legend,.ys-detail-filters legend{width:100%;padding:6px 0}.ys-detail-permissions{display:grid;gap:5px}.ys-detail-form>button{justify-self:start}.ys-detail-filters{grid-column:1/-1;max-height:60vh;overflow:auto}.ys-detail-filters>details{padding:10px 0;border-top:1px solid var(--line)}.ys-language-picker{width:100%;display:grid;gap:10px}.ys-language-selected{display:flex;flex-wrap:wrap;gap:6px}.ys-language-results{max-height:220px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:5px}.ys-language-picker>.ys-language-results label{font-size:13px}.ys-public-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:18px 0}.ys-public-details dt{font-size:13px;color:var(--muted)}.ys-public-details dd{margin:5px 0;font-size:15px;overflow-wrap:anywhere}

.ys .ys-question-tabs {display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.ys .ys-question-tabs [aria-pressed=true]{background:var(--ys-accent,#ad7cf5);color:#1a1428}.ys .ys-question-editor{display:grid;gap:12px;max-width:720px;margin:18px 0;padding:18px;border:1px solid #574468;border-radius:14px}.ys .ys-question-editor fieldset{display:grid;gap:8px}.ys .ys-question-editor>label{display:grid;gap:6px}.ys .ys-question-list{display:grid;gap:8px;margin:12px 0}.ys .ys-question-list button{text-align:left;white-space:normal}.ys .ys-question-filters{grid-column:1/-1;max-height:60vh;overflow:auto}.ys .ys-question-filters fieldset{margin:12px 0;padding:12px}.ys .ys-question-filters>details{margin:12px 0}.ys .ys-question-editor .ys-check{display:flex;align-items:flex-start;gap:8px}

/* Optional preferences: responsive controls, native focus and a persistent save action. */
#yapanu-social .ys-intimate-controls{display:grid;gap:12px;padding:16px;background:var(--surface);color:var(--text);border-radius:16px}
#yapanu-social .ys-intimate-controls label{display:grid;gap:6px}
#yapanu-social .ys-intimate-row{padding:16px 0;border-bottom:1px solid var(--line)}
#yapanu-social .ys-intimate-row h3{margin-bottom:4px}
#yapanu-social .ys-faces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
#yapanu-social .ys-faces button{display:grid;justify-items:center;align-content:start;gap:4px;min-height:82px;padding:8px 3px;border:2px solid transparent;background:var(--raised);color:var(--text)}
#yapanu-social .ys-faces button[aria-pressed=true]{border-color:var(--accent);background:#3e3259}
#yapanu-social .ys-faces span{font-size:28px;line-height:1}
#yapanu-social .ys-faces small{font-size:12px;line-height:1.2;overflow-wrap:anywhere}
#yapanu-social .ys-intimate-save{position:fixed;bottom:64px;left:50%;transform:translateX(-50%);width:min(900px,calc(100% - 24px));z-index:3;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;background:var(--surface);color:var(--text);padding:12px;border:1px solid var(--line);border-radius:12px}
#yapanu-social .ys-intimate-filters fieldset{padding:12px;margin:10px 0;border:1px solid var(--line)}

#yapanu-social .ys-intimate-controls,#ys-intimate-form{max-width:900px}
#yapanu-social .ys-intimate-row h3{font-size:17px;color:var(--text)}
#yapanu-social .ys-intimate-filters{grid-column:1/-1;max-height:60vh;overflow:auto;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
#yapanu-social .ys-intimate-filters summary,#yapanu-social .ys-panel summary{font-weight:650;cursor:pointer;min-height:36px}
#yapanu-social .ys-panel{max-width:900px;padding:14px;border:1px solid var(--line);border-radius:10px;margin:14px 0;background:var(--surface)}

#ys-intimate-form{padding-bottom:100px}

.ys .ys-activity-filters>label:not(.ys-check){display:grid;gap:6px}.ys .ys-activity-filters select{min-width:0}

.ys .ys-profession-picker {display:grid;gap:10px;min-width:0}
.ys .ys-profession-picker>label {display:grid;gap:6px}
.ys .ys-profession-options {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:6px}
.ys .ys-profession-option {display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 11px;background:var(--surface);border:1px solid var(--line);border-radius:10px;cursor:pointer;overflow-wrap:anywhere}
.ys .ys-profession-option:has(input:checked) {border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.ys .ys-profession-option input {flex:0 0 auto;width:18px;height:18px;margin:0}
.ys .ys-profession-picker [hidden] {display:none!important}
.ys .ys-profession-picker [data-profession-empty] {color:var(--muted);margin:0}

.ys .ys-duo{max-width:720px;margin:auto}.ys .ys-duo-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0;background:var(--surface)}.ys .ys-duo-card h3{font-size:18px;color:var(--text);line-height:1.4}.ys .ys-duo-card h4{color:var(--text);margin:14px 0 5px}.ys .ys-duo-shared,.ys .ys-duo-plan,.ys .ys-duo-notices{padding:12px;background:var(--raised);border-radius:8px;margin:12px 0}.ys .ys-duo-shared p,.ys .ys-duo-answer{white-space:pre-wrap;overflow-wrap:anywhere}.ys .ys-duo details>summary{min-height:44px;cursor:pointer;padding:10px 0}.ys .ys-duo-history{margin:18px 0}.ys .ys-duo .ys-split{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.ys .ys-duo input,.ys .ys-duo textarea{min-width:0}.ys .ys-duo .ys-actions{margin:12px 0}

.ys .ys-duo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.ys .ys-duo-steps button{min-width:0;padding:10px 5px;overflow-wrap:anywhere;font-size:14px}.ys .ys-duo-steps [aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.ys .ys-duo-weekly{border-left:3px solid var(--accent);padding:12px;background:var(--raised)}.ys dialog.ys-duo-confirm{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(440px,calc(100vw - 32px));max-width:calc(100vw - 32px);padding:20px;box-sizing:border-box}.ys .ys-duo-confirm h2{color:var(--text);font-size:18px;line-height:1.4}.ys .ys-duo-confirm::backdrop{background:#0009}.ys .ys-duo-confirm .ys-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}

.ys-chat-list{list-style:none;padding:0;display:grid;gap:.65rem}.ys-chat-list>li{border-bottom:1px solid #dccde4;padding:.8rem 0;display:flex;gap:1rem;align-items:center;justify-content:space-between}.ys-chat-list>li>a{display:grid;gap:.3rem;flex:1;color:inherit;text-decoration:none}.ys-chat-list span{font-size:.85rem;color:var(--muted)}.ys-chat{max-width:760px;margin:auto}.ys-chat h1{font-size:1.5rem}.ys-chat-messages{display:flex;flex-direction:column;gap:.7rem;padding:1rem 0;min-height:6rem}.ys-chat-bubble{color:#302238;max-width:85%;align-self:flex-start;background:#f1eaf6;border-radius:1rem 1rem 1rem .2rem;padding:.7rem 1rem;overflow-wrap:anywhere}.ys-chat-bubble p{white-space:pre-wrap;margin:.25rem 0}.ys-chat-bubble small{display:block;color:#665971;font-size:.72rem;margin-top:.45rem}.ys-chat-mine{align-self:flex-end;background:#e0f1e6;border-radius:1rem 1rem .2rem 1rem}.ys-chat-dialog{max-width:min(90vw,480px);border:1px solid #d7c7e0;border-radius:1rem;padding:1.4rem}.ys-chat-dialog::backdrop{background:#24152b88}[data-chat-code]{color:#302238;font-family:monospace;overflow-wrap:anywhere;padding:.8rem;background:#f2ecf5}.ys-chat textarea{resize:vertical;min-height:90px}

.ys-icebreakers ul{max-height:22rem;overflow:auto;list-style:none;padding:0;display:grid;gap:.5rem}.ys-icebreakers li button{width:100%;text-align:left;white-space:normal}

.ys-report-selection{max-height:28rem;overflow:auto}.ys-report-message{display:flex!important;gap:.8rem;padding:1rem;border-bottom:1px solid #d4cccf;align-items:flex-start}.ys-report-message>span>span{display:block;white-space:pre-wrap;overflow-wrap:anywhere}.ys-report-message input{width:auto!important;flex:0 0 auto;margin-top:.3rem}.ys-report-preview{border:1px solid #d4cccf;border-radius:.7rem;padding:1rem;margin:1rem 0}.ys-report-preview p,.ys-prewrap{white-space:pre-wrap;overflow-wrap:anywhere}

#ys-support-message:not(:empty){padding:12px;background:#38264c;margin:12px 0}#ys-support-message[data-error=true]{border-left:3px solid #ff9fbc}#ys-support fieldset[hidden],#ys-support details[hidden]{display:none}#ys-support textarea{box-sizing:border-box;width:100%}#ys-support-main>article,#ys-support [data-cases]>article{padding:12px 0;border-bottom:1px solid #554164}#ys-support .ys-form{margin-top:16px}

#ys-support{min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}#ys-support-main{min-width:0}#ys-support .ys-form input{max-width:100%;box-sizing:border-box}

.ys-duo-qr:not([hidden]){background:#fff;padding:20px;width:264px;max-width:100%;border-radius:6px}.ys-duo-qr canvas,.ys-duo-qr img{width:224px;max-width:100%;height:auto;display:block}.ys-duo input[readonly]{min-width:0}

/* Session management: compact rows, readable details and touch-size actions. */
.ys .ys-sessions-table{width:100%;border-collapse:collapse;margin:14px 0}
.ys .ys-sessions-table th,.ys .ys-sessions-table td{text-align:left;vertical-align:top;padding:10px;border-bottom:1px solid var(--line)}
.ys .ys-sessions-table th{font-size:13px;color:var(--muted)}
.ys .ys-sessions-table summary,.ys .ys-session-global>summary{min-height:44px;padding:10px 0;cursor:pointer}
.ys .ys-session-global{border-bottom:1px solid var(--line)}
@media(max-width:599px){
 .ys .ys-sessions-table,.ys .ys-sessions-table tbody{display:block;width:100%}
 .ys .ys-sessions-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .ys .ys-sessions-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;padding:12px 0;border-bottom:1px solid var(--line)}
 .ys .ys-sessions-table td{display:block;border:0;padding:0;min-width:0}
 .ys .ys-sessions-table td:first-child,.ys .ys-sessions-table td:last-child{grid-column:1/-1}
 .ys .ys-sessions-table td:first-child{font-weight:600}
 .ys .ys-sessions-table td:nth-child(2)::before{content:"Última actividad";display:block;color:var(--muted);font-size:12px}
 .ys .ys-sessions-table td:nth-child(3)::before{content:"Caducidad";display:block;color:var(--muted);font-size:12px}
}
.ys .ys-header{gap:12px;flex-wrap:wrap}.ys .ys-header [data-account-heading]{max-width:100%;overflow-wrap:anywhere}.ys dialog{max-width:min(520px,calc(100vw - 32px));box-sizing:border-box}.ys [data-account-add]{margin-top:16px}.ys .ys-list li{overflow-wrap:anywhere}

/* Public fingerprints and identifiers must fit narrow confirmation dialogs. */
.ys dialog{overflow-wrap:anywhere}.ys code{overflow-wrap:anywhere;word-break:break-word}

.ys .ys-grid{grid-auto-rows:var(--ys-card-size,120px);grid-auto-flow:row}.ys .ys-card{aspect-ratio:auto;height:100%;min-width:0}.ys .ys-card-premium{grid-row:span 2}.ys .ys-card .ys-benefit-label{position:absolute;top:5px;left:5px;max-width:calc(100% - 10px);font-size:10px;line-height:1.3;background:#c8b4f5;color:#201a32;padding:3px 5px;border-radius:4px}.ys .ys-card>a{background:linear-gradient(transparent 45%,#100d19d9)}.ys .ys-card small{color:#e0dbe8}

/* Keep names readable over bright public photos without changing card order or hit targets. */
.ys .ys-card>a::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(transparent 35%,rgba(16,13,25,.25) 55%,rgba(16,13,25,.92) 100%)}.ys .ys-card strong,.ys .ys-card small,.ys .ys-card .ys-benefit-label{z-index:2}

/* Day version of the published Follam navigation: same three slots, 54px bar and 26px SVGs. */
.ys{--ys-text:var(--text);--ys-accent:var(--accent);padding-bottom:84px;min-height:100dvh}
.ys .ys-header{height:76px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:14px;padding:0 max(18px,calc((100vw - 1344px)/2));margin:0 -18px;background:var(--bg);border-bottom:1px solid var(--line)}
.ys .ys-brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1px;font-weight:740;color:var(--accent)}
.ys .ys-top-actions{display:flex;gap:10px;align-items:center;font-size:14px;min-width:0}.ys .ys-help-link{padding:8px}
.ys .ys-account-switcher{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:330px;border:1px solid var(--line);border-radius:12px;padding:5px 10px;background:var(--surface);color:var(--text)}
.ys .ys-account-avatar{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#eee7f7;color:var(--accent)}.ys .ys-account-avatar svg{width:22px;height:22px}
.ys .ys-account-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ys .ys-account-name small{display:block;font-size:10px;line-height:1.2;color:var(--muted)}
.ys .ys-nav{position:fixed;z-index:40;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;gap:0;height:calc(54px + env(safe-area-inset-bottom));padding:5px 6px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#ffffffF5;backdrop-filter:blur(10px)}
.ys .ys-nav a{position:relative;display:flex;flex:0 1 160px;flex-direction:row;align-items:center;justify-content:center;min-height:44px;width:33.333%;max-width:160px;min-width:44px;padding:8px;border-radius:10px;color:var(--muted)}
.ys .ys-nav a[aria-current=page]{background:#eee7f7;color:#654397}.ys .ys-nav a:hover{background:#f4effa;color:#654397}
.ys .ys-nav-icon{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ys .ys-conversation-view .ys-nav{display:none}.ys.ys-conversation-view>.ys-header,.ys.ys-conversation-view>.ys-nav{display:none}.ys.ys-conversation-view{padding-bottom:12px}
.ys .ys-card{color:#fff}.ys .ys-card small{color:#eee9f4}.ys .ys-primary{background:var(--accent);color:#fff}.ys button:hover{background:#eee7f7}.ys .ys-primary:hover{background:#654397}
.ys .ys-empty,.ys .ys-zone,.ys .ys-credit-review,.ys .ys-question-editor{background:var(--surface)}
.ys .ys-list>li{background:var(--surface)}.ys .ys-account-tabs,.ys .ys-language-selected{color:var(--text)}
.ys .ys-question-tabs [aria-pressed=true],#yapanu-social .ys-faces [aria-pressed=true]{background:#e9def8;color:#41235f}
.ys .ys-language-options,.ys .ys-country-options{background:#fff;color:var(--text)}
.ys .ys-recovery-codes,.ys [data-chat-code]{background:#f3eff8;color:#36283e}
.ys-account{color:#26212f}.ys-account h2{color:#26212f}.ys-account #ys-account-message:not(:empty){background:#f0e8fa;color:#51266c}
@media(max-width:599px){.ys .ys-header{height:65px;padding:0 16px;margin:0 -6px;gap:7px}.ys .ys-account-switcher{max-width:190px;padding:5px 8px}.ys .ys-account-name{max-width:105px;font-size:12px}.ys .ys-top-actions{gap:5px}.ys .ys-nav a{flex:1}.ys .ys-help-link{font-size:13px;padding:6px}}
@media(max-width:350px){.ys .ys-brand{font-size:18px}.ys .ys-account-name{max-width:80px}.ys .ys-account-switcher{max-width:160px}.ys .ys-header{padding-left:10px;padding-right:10px}.ys .ys-help-link{display:none}}

/* Existing Flynax forms remain in place; keep the exploration list and account menu compact. */
.ys .ys-explore-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px 0 16px}.ys .ys-explore-head h1{margin:0}.ys .ys-explore-head button,.ys .ys-explore-head .ys-button{border-radius:12px;gap:8px}.ys .ys-explore-head [aria-pressed=true]{background:#eee7f7;color:#654397}.ys .ys-explore-head [aria-pressed=true] svg{fill:currentColor}
.ys .ys-filter-panel[hidden]{display:none}.ys .ys-filter-panel{padding:14px 18px;background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:0 0 18px}.ys .ys-filter-panel .ys-filters{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.ys .ys-filter-panel .ys-zone{grid-column:1/-1;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start}.ys .ys-filter-panel .ys-zone legend{font-weight:650}.ys .ys-filter-panel .ys-zone .ys-check{align-self:end}
.ys .ys-settings-intro{display:flex;align-items:center;gap:14px;padding:10px 0 22px}.ys .ys-settings-intro img,.ys .ys-settings-avatar{width:52px;height:52px;object-fit:cover;border-radius:50%;background:#eee7f7;display:grid;place-items:center;color:var(--accent)}.ys .ys-settings-intro>span:last-child{display:grid;gap:3px}.ys .ys-settings-intro a{font-size:14px;color:var(--accent)}
.ys .ys-settings-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:10px 0 28px;max-width:1000px}.ys .ys-settings-menu h2{margin:0 0 10px;font-size:17px}.ys .ys-settings-links{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.ys .ys-settings-link{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px;min-height:52px;font-size:15px;border-bottom:1px solid var(--line)}.ys .ys-settings-link:last-child{border:0}.ys .ys-settings-link:hover{background:#f3eef9;color:#654397}.ys .ys-settings-link>span:last-child{font-size:23px;color:#8d7c9d}.ys .ys-profile-editor{max-width:1000px;border:1px solid var(--line);padding:16px 18px;border-radius:14px;background:var(--surface);margin:0 0 24px}.ys .ys-profile-editor summary{cursor:pointer;font-weight:650;min-height:30px}.ys .ys-profile-editor .ys-form{margin-top:18px}.ys .ys-profile-editor fieldset{min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px}
.ys .ys-nav-count{position:absolute;top:1px;left:calc(50% + 7px);min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;line-height:1}.ys .ys-nav-count[hidden]{display:none}
@media(max-width:599px){.ys .ys-explore-head{gap:12px;padding:16px 0}.ys .ys-explore-head .ys-actions{gap:6px;width:100%}.ys .ys-explore-head .ys-actions>button{padding:8px 10px}.ys .ys-explore-head .ys-actions>button span{font-size:13px}.ys .ys-filter-panel{padding:12px}.ys .ys-filter-panel .ys-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ys .ys-filter-panel .ys-zone{display:block}.ys .ys-filter-panel .ys-zone>*{margin-bottom:10px}.ys .ys-settings-menu{grid-template-columns:1fr;gap:22px}.ys .ys-settings-link{font-size:14px;padding:14px 16px}.ys .ys-settings-intro{padding-bottom:12px}}

.ys-account h1{color:#26212f!important}.ys-account .ys-actions a{border-color:#d5c9df}#ys-support-message:not(:empty){background:#f0e8fa;color:#51266c}

.ys .ys-save-short{display:none}@media(max-width:599px){.ys .ys-save-full{display:none}.ys .ys-save-short{display:inline}.ys .ys-explore-head .ys-actions{flex-wrap:nowrap}.ys .ys-explore-head .ys-actions>button,.ys .ys-explore-head .ys-actions>.ys-button{min-width:44px;padding:8px}.ys .ys-explore-head .ys-nav-icon{width:22px;height:22px}}

/* Explicit media labels share the light controls of the active Yapanu template. */
.ys-media-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.ys-media-tags button{display:flex;align-items:center;gap:5px;min-height:44px;padding:6px 10px;border:1px solid var(--ys-line,#e1dce9);border-radius:10px;background:#fff;color:#26212f}.ys-media-tags button[aria-pressed=true]{border-color:#7452b8;background:#f0eafa}.ys-media-tags b{min-width:10px}.ys-media-tags small{flex-basis:100%}.ys-media-fruit{display:inline-block;font-size:22px;line-height:1.2}.ys-media-size-small{font-size:18px}.ys-media-size-large{font-size:28px}.ys-post-library-photo{min-width:0}.ys-post-library-photo>label{display:grid;gap:5px}.ys-post-library-photo .ys-media-tags button{font-size:12px;padding:5px;min-width:44px}.ys-post-library-photo .ys-media-tags button span:not(.ys-media-fruit){font-size:11px}.ys-photo-grid article{min-width:0}

/* 0.53: consistent light controls and usable page hierarchy, scoped to own UI. */
.ys{--ys-line:var(--line);--muted:#62596e;text-rendering:optimizeLegibility}
.ys h1,.ys h2,.ys h3,.ys legend{font-family:inherit;line-height:1.3;font-weight:650;letter-spacing:-.015em}
.ys h1{font-size:clamp(24px,2.3vw,30px);margin:18px 0 14px}.ys h2{font-size:20px}.ys h3{font-size:17px}
.ys :where(p,li,dd,summary,label){overflow-wrap:anywhere}.ys :where(p){line-height:1.65}
.ys button,.ys a.ys-button{line-height:1.35;border-radius:10px;min-height:44px;padding:10px 15px;white-space:normal;font-weight:550;text-align:center}
.ys button:disabled{cursor:not-allowed;opacity:.55}.ys button.ys-primary,.ys a.ys-primary{background:var(--accent);border-color:var(--accent);color:#fff}.ys .ys-primary:hover:not(:disabled){background:#624195}
.ys button.ys-danger,.ys a.ys-danger{background:#fff5f5;border-color:#e7c9cc;color:#8b2636}.ys .ys-danger:hover:not(:disabled){background:#fbe7e9;border-color:#a63849}
.ys .ys-actions{gap:10px}.ys .ys-actions+.ys-actions{margin-top:12px}.ys :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;line-height:1.4;border-color:#cfc7d9;padding:11px 12px;border-radius:9px;min-width:0}.ys input[type=file]{padding:9px;background:#fff;height:auto;overflow:hidden}.ys input[type=file]::file-selector-button{font:inherit;background:#efe8f8;color:#493164;border:0;padding:8px 10px;border-radius:6px;margin-right:10px;cursor:pointer}
.ys input:read-only:not([type=checkbox]):not([type=radio]){background:#f5f2f8}.ys label{font-size:14px;font-weight:550;gap:7px}.ys .ys-check{font-weight:400;line-height:1.5;align-items:center}.ys .ys-check input{flex:none}
.ys .ys-form{gap:18px;margin:18px 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);width:100%;max-width:720px}.ys .ys-form>button{justify-self:start}.ys .ys-form>p{margin:0}.ys .ys-form :where(fieldset){min-width:0;border:1px solid var(--line);border-radius:10px;padding:14px}.ys .ys-form fieldset legend{padding:0 6px}.ys .ys-form .ys-split>*{min-width:0}
.ys :where(.ys-credit-review,.ys-boost-panel,.ys-panel,.ys-profile-editor) .ys-form,.ys details>.ys-form{padding:12px 0;border:0;background:transparent;box-shadow:none}.ys .ys-question-editor{border-color:var(--line);background:var(--surface);padding:22px;gap:18px}.ys .ys-question-editor fieldset{margin:0;border:0;padding:0;min-width:0}.ys .ys-question-editor legend{padding:0 0 12px}.ys .ys-question-editor .ys-check{align-items:center;padding:8px;border-radius:8px}.ys .ys-question-editor .ys-check:has(input:checked){background:#eee6f9}
.ys .ys-faces button[aria-pressed=true]{background:#eee6f9;color:#402653;border-color:var(--accent)}.ys .ys-question-tabs [aria-pressed=true]{background:#e7dcf6;color:#42255f;border:1px solid #b8a2d4}.ys .ys-faces button:focus-visible{outline:3px solid var(--accent)}
.ys details>summary{min-height:44px;padding:8px 0;line-height:1.5;cursor:pointer}.ys details[open]>summary{margin-bottom:12px}.ys .ys-list>li{padding:18px 0}.ys .ys-list>li>.ys-actions{margin-top:4px}
.ys :where(nav.ys-actions,.ys-post-links){flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:4px 2px 12px;margin:14px 0 20px;scrollbar-width:thin;align-items:stretch}.ys :where(nav.ys-actions,.ys-post-links)>a{flex:none;white-space:nowrap}.ys nav a[aria-current=page]:not(.ys-nav a):not(.ys-story-tabs a){background:#eae1f6;color:#4d2d70;border-color:#bba7d3;font-weight:650}
#yapanu-social[data-view=page] #ys-main{max-width:1080px;padding:22px 0 10px}#yapanu-social[data-view=page] #ys-main>[data-page-back],#yapanu-social[data-view=page] #ys-main>a:first-child{margin-bottom:4px}#yapanu-social #ys-main[aria-busy=true]{opacity:.55;cursor:progress}#yapanu-social #ys-main[aria-busy=true]::before{content:'Cargando…';position:fixed;top:8px;left:50%;transform:translateX(-50%);z-index:45;padding:7px 16px;border:1px solid var(--line);background:#fff;border-radius:20px;color:var(--text);font-size:13px}
.ys #ys-message:not(:empty){max-width:1080px;margin:14px auto;padding:14px 18px;background:#f0e9fa;border:1px solid #d8caeb;border-left:4px solid var(--accent);border-radius:10px}.ys #ys-message[data-error=true]:not(:empty){background:#fff1f2;border-color:#e5b8c0;color:#8e263a}.ys .ys-empty-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.ys .ys-empty-actions .ys-button{color:#fff;background:var(--accent);border-color:var(--accent)}
.ys .ys-profile{max-width:1080px;padding:22px 0}.ys .ys-profile-head{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:28px;align-items:center;margin:20px 0 28px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}.ys .ys-profile-head .ys-avatar{display:block;width:100%;height:300px;max-height:42dvh;aspect-ratio:1;object-fit:cover;border-radius:12px}.ys .ys-profile-head .ys-profile-placeholder{display:grid;place-content:center;height:220px;background:radial-gradient(ellipse at 30% 20%,#f1eaf9,#e7dff1);font-size:76px}.ys .ys-profile-summary{min-width:0}.ys .ys-profile-summary h1{margin:0 0 8px}.ys .ys-profile-summary .ys-actions{margin-top:20px}.ys .ys-profile-body{max-width:900px}.ys .ys-profile-safety{margin:26px 0 12px;padding-top:20px;border-top:1px solid var(--line)}.ys .ys-profile [data-album-panel]{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;margin:18px 0}
.ys .ys-credit-balance{max-width:1080px}.ys .ys-credit-packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ys .ys-credit-pack{background:#fff;align-items:start}.ys .ys-credit-pack button{align-self:end;flex:none}.ys .ys-credit-review{max-width:820px;background:#fff}.ys .ys-credit-review form{padding:0;border:0}.ys .ys-credit-review .ys-primary{justify-self:start}.ys .ys-visibility-preview{flex-wrap:wrap}.ys .ys-inbox-filters>label{flex:1;min-width:180px}.ys .ys-inbox-filters{max-width:100%}
.ys-account{max-width:900px;padding:28px 24px;margin:20px auto 40px}.ys-account h2{color:var(--text);font-weight:650}.ys-account nav.ys-actions{padding-bottom:14px}.ys-account #ys-account-message:not(:empty),.ys-account #ys-support-message:not(:empty){border:1px solid #d8caeb;background:#f0e9fa;color:#452969;border-radius:10px;padding:14px}.ys-account [data-error=true]:not(:empty){background:#fff1f2!important;color:#8e263a!important}.ys-account .ys-actions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:10px 13px}.ys-account main{margin-top:22px}
.ys-skip-link{position:fixed;top:8px;left:16px;z-index:11000;transform:translateY(-180%);background:#fff;color:#452969;border:2px solid #7452b8;border-radius:8px;padding:12px 16px;font:600 16px system-ui}.ys-skip-link:focus{transform:none}.ys h1:focus{outline:none}.ys :where(summary,button,.ys-button){touch-action:manipulation}.ys :where(input,select,textarea,button,a,summary){scroll-margin-block:24px 90px}
@media(max-width:700px){.ys .ys-profile-head{grid-template-columns:1fr;gap:18px;padding:16px}.ys .ys-profile-head .ys-avatar{height:250px;max-height:35dvh;object-fit:contain;background:#f1eaf9}.ys .ys-profile-head .ys-profile-placeholder{height:130px}.ys .ys-profile-summary h1{font-size:25px}.ys .ys-profile-summary .ys-actions{margin-top:14px}.ys .ys-credit-packs{grid-template-columns:1fr}.ys .ys-credit-pack{align-items:stretch}.ys .ys-credit-pack button{align-self:stretch}}
@media(max-width:599px){#yapanu-social[data-view=page] #ys-main{padding-top:16px}.ys .ys-form{padding:16px;gap:16px}.ys .ys-form>button{justify-self:stretch}.ys .ys-split{gap:10px}.ys .ys-question-editor{padding:16px}.ys .ys-question-editor .ys-actions>button{flex:1 1 130px}.ys :where(nav.ys-actions,.ys-post-links){margin-bottom:16px}.ys-account{padding:20px 16px;margin:0 auto}.ys-account h1{font-size:26px}.ys .ys-inbox-filters>label{min-width:130px}.ys .ys-intimate-save{bottom:calc(62px + env(safe-area-inset-bottom));padding:10px}.ys .ys-profile{padding-top:16px}.ys .ys-profile-head{margin-top:16px}.ys .ys-profile-head .ys-actions>button,.ys .ys-profile-head .ys-actions>a{flex:1 1 135px}}
@media(max-width:380px){.ys .ys-split{grid-template-columns:1fr}.ys .ys-credit-pack{flex-direction:column}.ys .ys-faces{gap:5px}.ys .ys-faces small{font-size:11px}.ys .ys-form fieldset{padding:10px}.ys .ys-top-actions{gap:5px}}

/* These override selectors inherited from the earlier dark preference bank. */
#yapanu-social .ys-faces button[aria-pressed=true]{background:#eee6f9;color:#402653;border-color:#7452b8}
#yapanu-social .ys-profile-head img.ys-avatar{height:300px;max-height:42dvh;object-fit:cover}
@media(max-width:700px){#yapanu-social .ys-profile-head img.ys-avatar{height:250px;max-height:35dvh;object-fit:contain}}