/* A Little Secret — intentionally lightweight, not authentication. */
.secret-section{margin:30px 0 34px;position:relative}
.secret-card{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;min-height:235px;padding:0;text-align:left;color:#f9f4ff;cursor:pointer;border:1px solid rgba(237,190,233,.25);border-radius:27px;overflow:hidden;background:linear-gradient(125deg,rgba(37,29,58,.96),rgba(14,16,34,.94));box-shadow:0 24px 65px #0004;transition:transform .2s,border-color .2s}
.secret-card:hover{transform:translateY(-3px);border-color:#efbad7b0}
.secret-art{min-height:230px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 23% 33%,#e6abcba3,transparent 38%),radial-gradient(ellipse at 80% 72%,#8c86d8b0,transparent 45%),linear-gradient(125deg,#564b79,#291f46 53%,#242849)}
.secret-art:before{content:"";position:absolute;inset:13%;border:1px solid #ffffff4f;border-radius:160px 160px 24px 24px;filter:blur(10px);background:linear-gradient(145deg,#f4d3ec66,#9b9bd433);transform:rotate(-8deg)}
.secret-art:after{content:"✧  ♡  ✧";position:absolute;inset:0;display:grid;place-items:center;color:#ffffffba;font:2.8rem Georgia,serif;letter-spacing:.2em;text-shadow:0 0 28px #ebbed8}
.secret-card-copy{padding:34px clamp(22px,4vw,46px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.secret-kicker{color:#f0bedd;font:600 .7rem ui-monospace,monospace;letter-spacing:.18em}
.secret-heading{margin:12px 0 10px;font-size:clamp(1.55rem,3vw,2rem);font-weight:650}
.secret-subtitle{color:#c9bfd9;font-size:.9rem;line-height:1.8}
.secret-action{display:inline-flex;align-items:center;gap:9px;margin-top:25px;color:#ffdeed;font-size:.86rem}
.secret-overlay[hidden]{display:none!important}
.secret-overlay{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:18px;background:#060615c9;backdrop-filter:blur(15px)}
.secret-dialog{position:relative;width:min(440px,100%);padding:34px clamp(22px,5vw,42px);border:1px solid #e8b8df4d;border-radius:27px;background:linear-gradient(150deg,#30233d,#19182f 76%);box-shadow:0 30px 90px #000b;color:#f7effa;text-align:center}
.secret-dialog h2{font-size:1.7rem;margin:12px 0}
.secret-dialog p{color:#c7bbd1;font-size:.9rem;line-height:1.7}
.secret-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#edd3ef;font:1.8rem sans-serif;cursor:pointer;padding:6px 10px}
.secret-lock{font-size:2rem;color:#ecc5dd}
.secret-label{display:block;text-align:left;margin:26px 0 8px;font-size:.8rem;color:#e9cfe4}
.secret-input{display:block;width:100%;border:1px solid #f3cce462;background:#100f22;color:white;border-radius:13px;padding:14px 15px;font:inherit;outline-offset:3px}
.secret-submit{margin-top:13px;width:100%;border:0;border-radius:13px;padding:14px;background:linear-gradient(110deg,#db9cc8,#a8a0ed);color:#22152a;font-size:.97rem;font-weight:700;font-family:inherit;cursor:pointer}
.secret-error{min-height:1.5em;color:#ffd0db!important}
.secret-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.secret-gallery img{display:block;width:100%;border-radius:12px;object-fit:cover;aspect-ratio:3/4}
.secret-empty{border:1px dashed #d6b7db65;border-radius:16px;padding:25px 12px;color:#e9d3eb;grid-column:1/-1}
body.secret-dialog-open{overflow:hidden}
@media(max-width:650px){.secret-card{grid-template-columns:1fr}.secret-art{min-height:175px}.secret-card-copy{padding:23px 24px 26px}.secret-action{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.secret-card{transition:none}}

.social-card-avatar--pending{display:grid;place-items:center;font:700 1rem/1 system-ui,sans-serif;color:#f9e0f2;background:linear-gradient(135deg,#3f3658,#6a4e75);}

.secret-art{background: url('assets/secret/preview.webp?v=3') center / auto 100% no-repeat, linear-gradient(135deg,#40334c,#1a172a)}
.secret-art:before,.secret-art:after{content:none}
.secret-dialog{max-height:90vh;overflow:auto}
.secret-gallery .secret-photo{padding:0;border:0;background:none;cursor:pointer}.secret-gallery img{aspect-ratio:auto;object-fit:contain}
.secret-viewer[hidden]{display:none!important}.secret-viewer{position:fixed;inset:0;z-index:1;background:#080711ee;display:flex;align-items:center;justify-content:center;gap:12px;padding:50px 12px}.secret-viewer img{max-width:calc(100% - 100px);max-height:100%;object-fit:contain}.secret-viewer button{color:white;background:#473657;border:0;border-radius:12px;font-size:2rem;cursor:pointer;padding:8px}.viewer-close{position:absolute;right:15px;top:10px}

.telegram-desc { white-space: normal; overflow: visible; line-height: 1.5; }

/* The artwork uses only the separately blurred preview file. */
.secret-card { grid-template-columns: minmax(0, 40fr) minmax(0, 60fr); min-height: 210px; }
.secret-art { min-height: 210px; background: linear-gradient(90deg, transparent 72%, #211a32a8), url('assets/secret/preview.webp?v=3') center 58% / cover no-repeat; }
.secret-card-copy { padding: 20px clamp(24px, 3vw, 38px); }
.secret-heading { margin: 8px 0 6px; }
.secret-subtitle { line-height: 1.55; }
.secret-action { margin-top: 13px; padding: 9px 16px; border: 1px solid #f0b7e877; border-radius: 999px; background: #bd87c13d; color: #ffe9f6; font-weight: 600; transition: background .2s, border-color .2s; }
.secret-card:hover .secret-action, .secret-card:focus-visible .secret-action { background: #c493ca75; border-color: #f8d7f0; }
.secret-card:focus-visible { outline: 3px solid #e8c4fa; outline-offset: 4px; }
@media(max-width:650px) { .secret-card { grid-template-columns: 1fr; min-height: 0; } .secret-art { min-height: 125px; background-position: center, center 58%; } .secret-card-copy { padding: 19px 22px 22px; } .secret-action { margin-top: 12px; } }
@media(prefers-reduced-motion:reduce) { .secret-action { transition: none; } }