/* Notificaciones: el fondo personal permanece detrás del cristal. */
.ufy-phone-app-screen[data-ufy-active-app="notifications"] {
  background:linear-gradient(160deg,rgba(30,25,58,.28),rgba(12,13,29,.48));
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
.ufy-phone-app-screen[data-ufy-active-app="notifications"]>.ufy-phone-app-screen-header{display:none}
.ufy-phone-app-screen[data-ufy-active-app="notifications"]>.ufy-phone-app-screen-content{padding:0;overflow:hidden}
.ufy-phone-home-screen:has(.ufy-phone-app-screen[data-ufy-active-app="notifications"]:not([hidden])) .ufy-phone-home-content{visibility:hidden}
.ufy-notifications{height:100%;overflow:auto;overscroll-behavior:contain;container-type:inline-size;color:#f7f5ff;font-family:Arial,Helvetica,sans-serif;color-scheme:dark;scrollbar-width:none}
.ufy-notifications::-webkit-scrollbar{display:none}
.ufy-notifications *{box-sizing:border-box}
.un-inner{max-width:980px;margin:auto;padding:max(14px,env(safe-area-inset-top)) clamp(16px,4.3cqw,40px) max(32px,env(safe-area-inset-bottom))}
.ufy-notifications button{font-family:inherit;cursor:pointer;color:inherit}
.ufy-notifications button:disabled{opacity:.45;cursor:default}
.ufy-notifications svg,.un-lock-item svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.un-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(12px,2.5cqw,24px)}
.un-back{display:inline-flex;align-items:center;gap:5px;border:0;padding:5px 0;background:transparent;font-size:clamp(13px,2.5cqw,22px)}
.un-back>span{font:32px/1 Arial;margin-right:5px}.un-back strong{letter-spacing:.5px}
.un-icon-button{display:grid;place-items:center;flex:none;width:clamp(38px,6.5cqw,56px);height:clamp(38px,6.5cqw,56px);border:1px solid #d6c5f366;border-radius:30%;background:linear-gradient(140deg,#c7b2f425,#3b345b45);box-shadow:inset 0 1px 2px #ffffff1c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.un-header h1{margin:0 0 clamp(16px,3.2cqw,30px);font-size:calc(clamp(29px,6.8cqw,62px) * var(--ufy-font-scale,1));font-weight:750;letter-spacing:-.7px;line-height:1.15;overflow-wrap:anywhere}
.un-calendar-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 3px 9px;font-size:clamp(12px,2.1cqw,19px);color:#e1dced}
.un-calendar-caption>span::first-letter{text-transform:uppercase}
.un-calendar-caption>div{display:flex;align-items:center;gap:3px}
.un-calendar-caption button{border:0;background:transparent;min-width:30px;min-height:30px;padding:3px;font-size:inherit}
.un-calendar-caption svg{width:17px;height:17px}
.un-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(5px,1.4cqw,13px);padding:clamp(8px,1.8cqw,17px);border:1px solid #bca5e554;border-radius:clamp(19px,4cqw,38px);background:linear-gradient(110deg,#302e5059,#211f3c70);box-shadow:inset 0 1px 2px #eee3ff26;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px)}
.un-day{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;aspect-ratio:.86;min-height:53px;padding:5px 0 10px;border:1px solid #d2c2f13b;border-radius:999px;background:linear-gradient(140deg,#c0b1f017,#bca6f509);box-shadow:inset 0 1px 2px #e6dbff22;font-size:clamp(12px,2.7cqw,24px);line-height:1.1}
.un-day strong{font-weight:400}.un-day>i{position:absolute;bottom:5%;width:4px;height:4px;border-radius:50%;background:transparent}
.un-day[aria-pressed="true"]{background:linear-gradient(155deg,#a768ff,#8641ef 60%,#9b53ff);border-color:#c58fff9c;box-shadow:inset 0 1px 4px #e5b9ff4f,0 3px 18px #913dff44;color:white}
.un-day[aria-pressed="true"]>i{background:white;box-shadow:0 0 4px #fff9}
.un-day[aria-current="date"]:not([aria-pressed="true"]){border-color:#c99affb3}
.un-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:clamp(15px,3cqw,28px) 0}
.un-tabs{display:flex;gap:8px}.un-tabs button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:7px 13px;border:1px solid transparent;border-radius:999px;background:#29223e55;color:#e6dff2;font-size:clamp(12px,2.2cqw,19px)}
.un-tabs button[aria-pressed="true"]{border-color:#ba90f776;background:#9660d647;color:#fff}
.un-tabs span:not(:empty){display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:50%;background:#c59beb29;font-size:.8em}
.un-read-all{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;border:1px solid #d4bee644;background:#34294344}.un-read-all svg{width:18px;height:18px}
.un-panel{margin:0 0 clamp(15px,3.2cqw,30px);overflow:hidden;border:1px solid #d5d0f046;border-radius:clamp(23px,5.5cqw,50px);background:linear-gradient(130deg,#34354bba,#151628a6 70%,#0b1020bb);box-shadow:inset 0 1px 3px #ede7ff29,inset 0 0 22px #b9b3ef0b,0 6px 20px #080a161f;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.un-panel>h2{font-size:clamp(18px,4.1cqw,35px);font-weight:550;margin:0;padding:clamp(17px,4cqw,37px) clamp(17px,5.3cqw,49px) clamp(5px,1.6cqw,15px)}
.un-item{display:flex;width:100%;align-items:center;text-align:left;border:0;font-family:inherit;cursor:pointer}
.un-feed-item{gap:clamp(10px,2.6cqw,24px);padding:clamp(19px,3.7cqw,35px) clamp(14px,4.8cqw,45px);background:transparent;color:#ccc8db!important;min-height:96px;border-bottom:1px solid #cbc5e632;transition:background .15s}
.un-feed-item:last-child{border-bottom:0}.un-feed-item:hover{background:#c7b6ed0a}.un-feed-item:active{background:#c7b6ed16}
.un-portrait{position:relative;flex:none;width:clamp(48px,13cqw,120px);aspect-ratio:1}
.un-avatar{border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1px solid #e0d8f142;background:linear-gradient(135deg,#645577,#2b2945)}
.un-portrait .un-avatar{width:100%;height:100%}.un-avatar img{width:100%;height:100%;object-fit:cover}
.un-follow-mark{display:grid;place-items:center;position:absolute;right:0;bottom:0;width:32%;aspect-ratio:1;background:linear-gradient(135deg,#c88cff,#8b45e9);border-radius:50%;box-shadow:0 1px 5px #7138b840;color:white}.un-follow-mark svg{width:80%;height:80%;stroke-width:2}
.un-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px;line-height:1.45;overflow-wrap:anywhere}
.un-feed-item .un-copy{font-size:calc(clamp(13px,3.45cqw,30px) * var(--ufy-font-scale,1));line-height:1.4;gap:clamp(5px,1cqw,9px)}
.un-feed-item .un-sentence{display:block}.un-feed-item .un-sentence strong{font-weight:600;color:#f6f3fc}
.un-feed-item .un-quote{color:#c4c0d3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.un-feed-item time{color:#aaa6be;font-size:.83em}
.un-thumbnail{position:relative;display:grid;place-items:center;flex:none;width:clamp(42px,12.5cqw,112px);aspect-ratio:.86;border-radius:clamp(10px,2.3cqw,21px);overflow:hidden;background:linear-gradient(145deg,#75608c80,#292640);box-shadow:inset 0 0 0 1px #d0c8e62e}
.un-thumbnail img{width:100%;height:100%;object-fit:cover}.un-thumbnail svg{position:absolute;left:7%;bottom:7%;width:28%;height:28%;fill:#fff;stroke:#232134;stroke-width:1.1;filter:drop-shadow(0 1px 3px #0009)}
.un-read-marker{width:clamp(6px,1.6cqw,15px);flex:none;display:grid;place-items:center}
.un-dot{display:block;width:clamp(6px,1.6cqw,15px);height:clamp(6px,1.6cqw,15px);background:#b975ff;flex:none;border-radius:50%;box-shadow:0 0 4px #b57df830}
.un-status{color:#e3dcec;font-size:13px;line-height:1.5}.un-status:not(:empty){padding:0 3px 16px}
.un-empty{text-align:center;padding:35px 22px;color:#c5bdd6;line-height:1.6}.un-empty svg{width:38px;height:38px;color:#d4aaff}.un-empty h2{padding:0;font-size:19px;color:#f3effa;margin:15px 0 8px}.un-empty p{font-size:14px;margin:0}
.un-more,.un-refresh{width:100%;padding:13px 12px;border:1px solid #ceb4ee66;border-radius:17px;background:#322642a8;color:#f5efff;font-size:14px;margin:0 0 16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ufy-notifications button:focus-visible,.un-lock-item:focus-visible{outline:2px solid #e1baff;outline-offset:3px}
.ufy-notifications [hidden],.un-badge[hidden]{display:none!important}
/* El contador y los avisos de la pantalla bloqueada conservan su aspecto. */
[data-ufy-app="notifications"]{position:relative}
.un-badge{position:absolute;top:0;right:8%;border-radius:20px;background:var(--ufy-tone-255,#fff);color:var(--ufy-tone-0,#000);border:2px solid var(--ufy-tone-0,#000);min-width:23px;height:23px;display:grid;place-items:center;font:600 11px/1 Arial,sans-serif;padding:0 4px;pointer-events:none}
.un-lock-item{gap:13px;color:var(--ufy-tone-255,#fff);padding:12px;background:rgba(var(--ufy-rgb-15,15,15,15),.88);border:1px solid var(--ufy-tone-51,#333);border-radius:17px;margin-bottom:8px}
.un-lock-item .un-avatar{width:37px;height:37px;flex:none;border-color:var(--ufy-tone-53,#353535);background:var(--ufy-tone-16,#101010)}
.un-lock-item .un-copy strong{font-size:calc(13px * var(--ufy-font-scale,1));font-weight:600}.un-lock-item .un-copy>span{font-size:calc(12px * var(--ufy-font-scale,1))}.un-lock-item .un-copy small{font-size:calc(11px * var(--ufy-font-scale,1));color:var(--ufy-tone-148,#949494)}
.un-lock-item .un-dot{width:8px;height:8px;background:var(--ufy-tone-255,#fff);margin:0 4px;box-shadow:none}
@container(max-width:350px){.un-feed-item{padding-inline:13px;gap:8px}.un-portrait{width:42px}.un-thumbnail{width:39px}.un-header h1{font-size:28px}.un-week{gap:4px;padding:7px}.un-day{min-height:50px}.un-feed-item .un-copy{font-size:calc(13px * var(--ufy-font-scale,1))}}
@media(prefers-reduced-motion:reduce){.un-feed-item{transition:none}}