/* Project DALOY Update #15F — Blue Cardinal Instants */
.blue-instants{position:relative;overflow:hidden;padding:50px 0 54px;background:linear-gradient(180deg,#071f43 0%,#0a3569 58%,#082753 100%);color:#fff}
.blue-instants:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 12%,rgba(30,151,224,.18),transparent 28%),radial-gradient(circle at 88% 82%,rgba(240,190,45,.12),transparent 26%);pointer-events:none}.instants-shell{position:relative;z-index:1}.instants-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px}.instants-head .eyebrow{color:#9ccaf8}.instants-title{margin:4px 0 7px;font-size:clamp(30px,4vw,48px);line-height:1;color:#fff}.instants-title span{color:#f4ca52}.instants-head p{max-width:690px;margin:0;color:#d7e6f7;font-size:13px;line-height:1.55}.instants-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}.instant-btn{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.09);color:#fff;font-weight:850;font-size:12px;cursor:pointer;backdrop-filter:blur(8px)}.instant-btn.primary{background:#fff;color:#0b3e76;border-color:#fff}.instant-btn.gold{background:#f2c84c;color:#082a57;border-color:#f2c84c}.instant-btn:disabled{opacity:.48;cursor:not-allowed}.instants-status{display:flex;align-items:center;gap:8px;min-height:20px;margin:0 0 12px;color:#cfe2f7;font-size:11px}.instants-status .dot{width:7px;height:7px;border-radius:50%;background:#6bc28c;box-shadow:0 0 0 4px rgba(107,194,140,.12)}.instants-status.preview .dot{background:#f0c64a}.instants-track-window{overflow:hidden;margin:0 calc(50% - 50vw);padding:5px 0 8px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.instants-track{display:flex;width:max-content;gap:12px;padding:0 12px}.instants-track.looping{animation:instantsMarquee 42s linear infinite;will-change:transform}.instants-track.sparse{animation:none;transform:none}@media(hover:hover) and (pointer:fine){.instants-track:hover,.instants-track:focus-within{animation-play-state:paused}}.instant-card{position:relative;width:228px;height:298px;flex:0 0 228px;border-radius:20px;overflow:hidden;background:#143e6b;border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 32px rgba(0,0,0,.18)}.instant-card img{width:100%;height:100%;object-fit:cover;display:block}.instant-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(3,18,40,.91))}.instant-card-meta{position:absolute;z-index:2;left:12px;right:12px;bottom:11px}.instant-caption{font-size:12px;line-height:1.35;font-weight:750;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.instant-meta-row{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:8px;color:#cde1f7;font-size:10px}.instant-heart{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.28);background:rgba(7,31,66,.58);color:#fff;border-radius:999px;padding:6px 9px;font-weight:850;cursor:pointer}.instant-heart.liked{background:#fff;color:#b52847}.instant-heart:disabled{cursor:default}.instant-empty{min-height:190px;display:grid;place-items:center;text-align:center;border:1px dashed rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.04);padding:25px;color:#d9e8f8}.instants-footnote{margin:14px 0 0;color:#bcd3eb;font-size:10px;line-height:1.5}.instants-footnote strong{color:#fff}@keyframes instantsMarquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}
.instant-modal{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,13,30,.72);backdrop-filter:blur(8px)}.instant-modal.open{display:flex}.instant-dialog{width:min(560px,100%);max-height:min(86vh,760px);overflow:auto;border-radius:22px;background:#fff;color:#18324f;box-shadow:0 28px 80px rgba(0,0,0,.32)}.instant-dialog.wide{width:min(920px,100%)}.instant-dialog-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;background:#fff;border-bottom:1px solid #e2e9f1}.instant-dialog-head h3{margin:0;color:#0b376b;font-size:20px}.instant-close{width:34px;height:34px;border:0;border-radius:50%;background:#edf3f9;color:#244b75;font-size:22px;cursor:pointer}.instant-dialog-body{padding:19px}.instant-field{display:grid;gap:6px;margin-bottom:14px}.instant-field label{font-size:11px;font-weight:850;color:#385673}.instant-field input,.instant-field textarea{width:100%;box-sizing:border-box;border:1px solid #cad8e6;border-radius:11px;padding:11px 12px;font:inherit;color:#163552;background:#fff}.instant-field textarea{min-height:88px;resize:vertical}.instant-help{font-size:10px;line-height:1.5;color:#6a7f95}.instant-message{display:none;margin:0 0 14px;padding:10px 12px;border-radius:10px;background:#eef6ff;color:#1a4d83;font-size:11px;line-height:1.45}.instant-message.show{display:block}.instant-message.error{background:#fff0f1;color:#8d2b3c}.instant-preview{display:none;margin:10px 0 14px;max-height:260px;width:100%;object-fit:contain;border-radius:14px;background:#edf3f9}.instant-preview.show{display:block}.instant-auth-state{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:14px;padding:10px 12px;border-radius:11px;background:#f4f8fc;font-size:11px}.moderation-list{display:grid;gap:11px}.moderation-item{display:grid;grid-template-columns:110px 1fr;gap:12px;border:1px solid #dbe5ef;border-radius:14px;padding:10px}.moderation-item img{width:110px;height:105px;object-fit:cover;border-radius:10px;background:#edf3f9}.moderation-copy strong{display:block;color:#173f6f}.moderation-copy small{display:block;color:#6a7e94;margin-top:4px}.moderation-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.moderation-actions button{border:1px solid #ccd9e6;background:#fff;color:#194a7f;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850;cursor:pointer}.moderation-actions .approve{background:#e9f8ef;color:#247448;border-color:#bfe4cd}.moderation-actions .delete{background:#fff0f1;color:#a03246;border-color:#edc3cb}.moderation-actions .archive{background:#fff7dd;color:#805e00;border-color:#ead48d}
/* #14 slogan wave animation */.brand-main-slogan.wave-ready .wave-word,.brand-filipino.wave-ready .wave-word{display:inline-block;animation:daloyWordWave 3.8s ease-in-out infinite;animation-delay:calc(var(--wave-i)*90ms)}@keyframes daloyWordWave{0%,38%,100%{transform:translateY(0)}45%{transform:translateY(-5px)}53%{transform:translateY(2px)}60%{transform:translateY(0)}}
@media(max-width:780px){.blue-instants{padding:38px 0 42px}.instants-head{align-items:flex-start;flex-direction:column}.instants-actions{justify-content:flex-start}.instant-card{width:184px;height:246px;flex-basis:184px}.instants-track{animation-duration:34s}.moderation-item{grid-template-columns:82px 1fr}.moderation-item img{width:82px;height:90px}}@media(prefers-reduced-motion:reduce){.instants-track,.wave-word{animation:none!important}.instants-track-window{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.instants-track{width:max-content}}

/* Update #15E — guided upload experience */
.instant-upload-guide{margin:0 0 16px;padding:13px 14px;border:1px solid #d7e5f2;border-radius:14px;background:linear-gradient(135deg,#f5faff,#fffaf0)}.instant-upload-guide>strong{display:block;color:#123f72;font-size:13px;margin-bottom:9px}.instant-upload-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.instant-upload-guide span{display:flex;align-items:center;gap:7px;padding:8px 9px;border-radius:10px;background:#fff;color:#385673;font-size:10px;font-weight:800}.instant-upload-guide span b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#0b4f96;color:#fff;font-size:10px}.instant-upload-guide p{margin:9px 0 0;color:#6a7f95;font-size:10px;line-height:1.45}.instant-field-hint{display:block;color:#71859a;font-size:9.5px;line-height:1.4}.instant-message.show:not(.error){background:#eaf8ef;color:#226943;border:1px solid #bfe3cd;font-weight:750}.instant-message{outline:none}
@media(max-width:560px){.instant-upload-guide>div{grid-template-columns:1fr}.instant-upload-guide span{padding:7px 9px}}


/* Update #15F — final spacing, slogan wrapping, and share guidance polish */
.hero + .blue-instants{margin-top:0!important}
.blue-instants + .daloy-brand-signature{margin-top:0!important}
.hero,.blue-instants,.daloy-brand-signature{margin-bottom:0!important}
.brand-filipino-end{display:inline-block;white-space:nowrap}
.instants-actions{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:max-content}
.instant-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:nowrap}
.instant-action-buttons .instant-btn{white-space:nowrap}
.instant-share-help{display:block;color:#d8e7f8;font-size:10px;line-height:1.4;max-width:430px;text-align:right}
.instant-share-help strong{color:#fff}
@media(max-width:780px){
  .instants-actions{width:100%;align-items:stretch;min-width:0}
  .instant-action-buttons{justify-content:flex-start;flex-wrap:wrap}
  .instant-action-buttons .instant-btn{flex:1 1 140px}
  .instant-share-help{max-width:none;text-align:left;font-size:10.5px}
}
@media(max-width:420px){
  .blue-instants{padding-top:32px}
  .instant-action-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .instant-action-buttons .instant-btn:first-child{grid-column:1/-1}
  .instant-action-buttons .instant-btn{width:100%}
  .brand-filipino{font-size:19px}
}

/* Update #15H — Instants proportion & visual balance */
.blue-instants{padding:32px 0 34px}
.instants-head{align-items:center;gap:28px;margin-bottom:14px}
.instants-head>div:first-child{max-width:650px}
.instants-title{margin:3px 0 5px;font-size:clamp(28px,3.2vw,42px);line-height:1.02}
.instants-head p{font-size:12px;line-height:1.48;max-width:640px}
.instants-actions{gap:5px}
.instant-action-buttons{gap:7px}
.instant-btn{padding:9px 13px;font-size:11px}
.instant-share-help{max-width:390px;font-size:9.5px;line-height:1.35}
.instants-status{margin-bottom:8px;min-height:18px}
.instants-track-window{padding:3px 0 5px}
.instant-card{width:210px;height:270px;flex-basis:210px;border-radius:18px}
.instants-footnote{margin-top:9px;line-height:1.4}
@media(min-width:781px){
  .instants-head{display:grid;grid-template-columns:minmax(0,1fr) auto}
  .instants-actions{max-width:460px}
}
@media(max-width:780px){
  .blue-instants{padding:30px 0 32px}
  .instants-head{gap:14px;margin-bottom:13px}
  .instants-title{font-size:clamp(28px,8vw,36px)}
  .instants-head p{font-size:11.5px}
  .instant-card{width:180px;height:238px;flex-basis:180px}
  .instants-footnote{margin-top:10px}
}
@media(max-width:420px){
  .blue-instants{padding:26px 0 28px}
  .instants-title{font-size:30px}
  .instants-track{gap:10px;padding:0 10px}
  .instant-card{width:172px;height:228px;flex-basis:172px;border-radius:16px}
}

/* Update #15J — Blue Cardinal Instants 2.0: MOV tools, tagging, capture, optimization, stats, accessibility */
.instant-card.featured{border:2px solid #f2c84c;box-shadow:0 18px 40px rgba(0,0,0,.24),0 0 0 3px rgba(242,200,76,.13)}
.instant-featured-badge{position:absolute;z-index:4;top:10px;left:10px;padding:5px 8px;border-radius:999px;background:#f2c84c;color:#17385e;font-size:9px;font-weight:900;letter-spacing:.02em;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.instant-activity-tag{display:inline-flex;max-width:100%;margin-bottom:6px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(6px);color:#fff;font-size:8.5px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.instant-native-file{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.instant-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.instant-file-pick,.instant-camera-pick{display:flex;align-items:center;justify-content:center;min-height:42px;box-sizing:border-box;border:1px solid #bfd1e2;border-radius:11px;padding:10px 12px;background:#f6faff;color:#174a7d;font:inherit;font-size:11px;font-weight:850;cursor:pointer;text-align:center}
.instant-camera-pick{background:#0b4f96;color:#fff;border-color:#0b4f96}
.optional-label{font-size:9px;font-weight:700;color:#8295a8}
.instant-upload-guide>div{grid-template-columns:repeat(4,1fr)}
.instant-upload-guide span{min-width:0}
.instant-upload-guide span em{font-size:8px;font-style:normal;font-weight:700;color:#8193a5}
.instant-admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:4px 0 14px}
.instant-admin-stats>div{display:grid;place-items:center;gap:2px;min-height:68px;border:1px solid #dbe6f0;border-radius:13px;background:#f7fafd;text-align:center}
.instant-admin-stats strong{color:#0b4f96;font-size:22px;line-height:1}.instant-admin-stats span{color:#6b8096;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.instant-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.instant-filters{display:flex;gap:6px;flex-wrap:wrap}.instant-filters button,.instant-export-btn{border:1px solid #cbd9e6;border-radius:999px;padding:7px 10px;background:#fff;color:#28537d;font-size:9.5px;font-weight:850;cursor:pointer}.instant-filters button.active{background:#0b4f96;color:#fff;border-color:#0b4f96}.instant-export-btn{background:#fff7dd;color:#755700;border-color:#e3cf88}
.instant-admin-note{margin-bottom:12px;padding:9px 11px;border-radius:10px;background:#f7f9fc;color:#657b91;font-size:9.5px;line-height:1.45}
.moderation-title-row{display:flex;align-items:flex-start;gap:8px;justify-content:space-between}.mod-featured{flex:0 0 auto;padding:3px 6px;border-radius:999px;background:#fff3bf;color:#725500;font-size:8px;font-weight:900}
.moderation-activity{display:inline-block;margin-top:6px;padding:3px 7px;border-radius:999px;background:#edf4fb;color:#37618a;font-size:8.5px;font-weight:800}
.moderation-actions .feature{background:#fff8d9;color:#715500;border-color:#e6d487}.moderation-actions .download{background:#edf6ff;color:#1d5b91;border-color:#c6dff3}.moderation-actions .archive:disabled{opacity:.6}
.instant-heart:focus-visible,.instant-btn:focus-visible,.instant-close:focus-visible,.instant-file-pick:focus-within,.instant-camera-pick:focus-visible,.instant-filters button:focus-visible,.instant-export-btn:focus-visible,.moderation-actions button:focus-visible{outline:3px solid #ffd965;outline-offset:2px}
@media(max-width:780px){
  .instant-upload-guide>div{grid-template-columns:1fr 1fr}
  .instant-admin-stats{grid-template-columns:1fr 1fr}
  .instant-admin-toolbar{align-items:stretch}.instant-filters{width:100%}.instant-filters button{flex:1 1 90px}.instant-export-btn{width:100%}
  .instant-action-buttons{display:grid!important;grid-template-columns:1fr 1fr!important}.instant-action-buttons .instant-btn:first-child{grid-column:1/-1}.instant-action-buttons .instant-btn:last-child{grid-column:1/-1}
}
@media(max-width:480px){.instant-photo-actions{grid-template-columns:1fr}.instant-upload-guide>div{grid-template-columns:1fr}.instant-admin-stats{gap:7px}.instant-admin-stats>div{min-height:58px}.instant-admin-stats strong{font-size:19px}}
@media(prefers-reduced-motion:reduce){.instants-track.looping{animation:none!important}.instant-card{scroll-snap-align:start}.instants-track-window{scroll-snap-type:x proximity}}

/* Project DALOY Update #16D — mobile Instants action alignment + camera visibility */
@media (max-width:780px){
  .instant-action-buttons{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%;
  }
  .instant-action-buttons .instant-btn{
    width:100%;
    min-width:0;
  }
  .instant-action-buttons .instant-btn:first-child{
    grid-column:1 / -1!important;
  }
  .instant-action-buttons .instant-btn:last-child{
    grid-column:auto!important;
  }
  .instant-camera-pick{display:flex!important;}
}
@media (min-width:781px){
  .instant-camera-pick{display:none!important;}
}

/* Update #16F — CAPTCHA security */
.instant-captcha-wrap{margin:14px 0;padding:14px;border:1px solid rgba(24,74,127,.18);border-radius:14px;background:#f7fbff;display:grid;gap:8px;color:#173f6d}
.instant-captcha-wrap[hidden]{display:none!important}.instant-captcha-wrap strong{font-size:.95rem}.instant-captcha-wrap span{font-size:.83rem;color:#58728e}.instant-captcha-wrap.compact{margin:10px 0 14px;padding:12px}.instant-captcha-wrap>div:last-child{min-height:65px}
@media(max-width:780px){.instant-captcha-wrap{padding:12px;overflow:hidden}.instant-captcha-wrap iframe{max-width:100%}}

/* Update #16G consolidated mobile reliability */
.instant-heart-captcha-card{max-width:390px;text-align:center}.instant-heart-captcha-card h3{margin:0 0 8px}.instant-heart-captcha-card p{margin:0 0 16px;color:#526b86;font-size:13px;line-height:1.5}#instantHeartCaptcha{display:flex;justify-content:center;min-height:65px}
@media(hover:none),(pointer:coarse){.instants-track.looping{animation-play-state:running!important}}