/* Stage 3.19 — animated midnight/gold visual system */
:root{
  --ink:#f7f2e5;
  --ink-soft:#d7d9df;
  --muted:#9aa7bb;
  --paper:#020a1b;
  --paper-strong:#07172f;
  --sage:#f0bd5e;
  --sage-dark:#d79a34;
  --soft-green:rgba(241,190,91,.15);
  --soft-green-2:rgba(15,39,75,.86);
  --peach:#f4c873;
  --rose:#ff8a9a;
  --rose-soft:rgba(255,116,135,.12);
  --line:rgba(170,201,244,.18);
  --line-gold:rgba(241,193,102,.34);
  --glass:rgba(8,27,57,.72);
  --glass-strong:rgba(8,28,61,.9);
  --gold:#f3c76c;
  --gold-strong:#ffd980;
  --navy:#020a1b;
  --navy-2:#061735;
  --blue-glow:#2d72c8;
  --shadow:0 25px 90px rgba(0,3,12,.48);
  --shadow-gold:0 14px 42px rgba(213,153,45,.2);
}
html{background:#020817;color-scheme:dark;scrollbar-color:#b9893a #061126}
body{
  color:var(--ink);
  background:
    radial-gradient(circle at 77% 10%,rgba(19,72,139,.28),transparent 25%),
    radial-gradient(circle at 13% 31%,rgba(26,77,145,.18),transparent 29%),
    radial-gradient(circle at 50% 105%,rgba(215,151,45,.11),transparent 35%),
    linear-gradient(145deg,#010715 0%,#03122b 45%,#02091c 100%);
  background-attachment:fixed;
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-7;
  background-image:
    radial-gradient(circle,rgba(255,211,111,.95) 0 1px,transparent 1.7px),
    radial-gradient(circle,rgba(135,188,255,.65) 0 1px,transparent 1.8px);
  background-position:0 0,35px 67px;background-size:147px 147px,211px 211px;
  opacity:.27;animation:starDrift 34s linear infinite;
}
body::after{
  content:"";position:fixed;inset:auto -12% -22% -12%;height:54vh;z-index:-6;pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 100%,rgba(31,93,177,.22),transparent 62%),
    repeating-radial-gradient(ellipse at 50% 110%,transparent 0 42px,rgba(241,190,91,.04) 44px 46px,transparent 48px 76px);
  filter:blur(1px);animation:auroraBreath 10s ease-in-out infinite alternate;
}
@keyframes starDrift{to{background-position:147px 74px,-176px 278px}}
@keyframes auroraBreath{from{opacity:.5;transform:scale(1)}to{opacity:.9;transform:scale(1.08)}}
@keyframes floatSoft{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}}
@keyframes glowPulse{0%,100%{filter:drop-shadow(0 0 12px rgba(245,197,100,.3))}50%{filter:drop-shadow(0 0 34px rgba(245,197,100,.62))}}
@keyframes trailMove{0%{transform:translateX(-8%) rotate(-2deg);opacity:.35}50%{opacity:.85}100%{transform:translateX(8%) rotate(2deg);opacity:.35}}
@keyframes sparkle{0%,100%{opacity:.16;transform:scale(.6)}50%{opacity:1;transform:scale(1.25)}}
@keyframes shimmer{from{background-position:200% 0}to{background-position:-200% 0}}
@keyframes pageIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes navGlow{0%,100%{box-shadow:0 0 0 rgba(242,194,96,0)}50%{box-shadow:0 0 24px rgba(242,194,96,.15)}}

::selection{background:rgba(244,198,104,.28);color:#fff8e8}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:rgba(244,198,104,.55)}
.ambient{z-index:-5;opacity:.25;filter:blur(80px);animation:floatSoft 12s ease-in-out infinite}
.ambient-one{background:#174f9d;width:540px;height:540px;left:-250px;top:70px}
.ambient-two{background:#b97d22;width:460px;height:460px;right:-240px;bottom:30px;animation-delay:-5s}
.grain{z-index:-4;opacity:.055;mix-blend-mode:soft-light}

.site-motion-layer{position:fixed;inset:0;pointer-events:none;z-index:-3;overflow:hidden}
.site-motion-star{position:absolute;width:3px;height:3px;border-radius:50%;background:#ffd678;box-shadow:0 0 10px #ffd678;animation:sparkle var(--d,4s) ease-in-out infinite;animation-delay:var(--delay,0s)}
.site-motion-orb{position:absolute;border-radius:50%;filter:blur(10px);opacity:.2;animation:floatSoft var(--d,12s) ease-in-out infinite}
.site-motion-trail{position:absolute;width:70vw;height:160px;border-top:1px solid rgba(247,197,92,.34);border-radius:50%;filter:blur(.2px) drop-shadow(0 0 15px rgba(245,186,68,.35));opacity:.38;animation:trailMove 14s ease-in-out infinite alternate}

.site-header{
  position:sticky;top:18px;z-index:90;width:min(1440px,calc(100% - 54px));height:auto;min-height:88px;margin:22px auto 0;padding:14px 20px 14px 25px;
  border:1px solid rgba(170,201,244,.25);border-radius:28px;
  background:linear-gradient(135deg,rgba(9,30,62,.88),rgba(3,14,35,.76));
  box-shadow:0 22px 70px rgba(0,3,13,.38),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(24px) saturate(1.25);animation:navGlow 7s ease-in-out infinite;
}
.brand{gap:11px;color:#f7cb73;font-size:clamp(1.2rem,2vw,1.78rem);font-weight:900;text-shadow:0 0 24px rgba(246,193,83,.24);white-space:nowrap}
.brand-mark{width:40px;height:40px;background:rgba(244,198,104,.1);border:1px solid rgba(244,198,104,.32);color:#ffd67c;box-shadow:inset 0 0 20px rgba(245,199,105,.08),0 0 24px rgba(245,199,105,.12)}
.top-nav{gap:clamp(16px,2.2vw,34px);color:#b9c1ce;font-size:.95rem}
.top-nav .nav-link{position:relative;color:inherit;padding:13px 2px;transition:color .25s ease,transform .25s ease}
.top-nav .nav-link::after{content:"";position:absolute;right:50%;left:50%;bottom:4px;height:2px;border-radius:4px;background:linear-gradient(90deg,transparent,#ffd67a,transparent);box-shadow:0 0 10px #ffd67a;transition:right .3s ease,left .3s ease}
.top-nav .nav-link:hover,.top-nav .nav-link.active{color:#fff5db;transform:translateY(-1px)}
.top-nav .nav-link.active::after{right:0;left:0}
.site-header .top-nav>.ghost-button,.site-header .js-open-composer{
  order:10;color:#071226!important;font-weight:900;border:1px solid #ffe3a1!important;
  background:linear-gradient(135deg,#ffe6a3,#e6a740 55%,#f5ce75)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.8),0 8px 28px rgba(217,153,48,.28),0 0 18px rgba(245,199,105,.14)!important;
  border-radius:17px!important;padding:13px 21px!important;transition:.25s ease!important;
}
.site-header .top-nav>.ghost-button:hover,.site-header .js-open-composer:hover{transform:translateY(-2px) scale(1.015);box-shadow:inset 0 1px rgba(255,255,255,.85),0 13px 35px rgba(217,153,48,.38),0 0 30px rgba(245,199,105,.22)!important}

main{position:relative;z-index:1;animation:pageIn .7s ease both}
.hero,.page-hero,.route-section,.principles-section,.reasons-section,.contact-section,.about-section,.site-footer{width:min(1440px,calc(100% - 54px))}
.hero{min-height:650px;grid-template-columns:1.04fr .96fr;gap:26px;padding:72px 0 56px}
.hero-copy{position:relative;z-index:3}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#efbc5d;font-weight:800;letter-spacing:.02em}
.eyebrow::before{content:"";width:22px;height:1px;background:linear-gradient(90deg,transparent,#efbc5d)}
.hero h1,.page-hero h1,.auth-dual-intro h1{color:#fff8e9;text-wrap:balance;text-shadow:0 8px 42px rgba(0,0,0,.28)}
.hero h1{font-size:clamp(3.4rem,6.2vw,6.25rem);line-height:1.16;margin:22px 0 22px}
.hero h1 span,.page-hero h1 span,.auth-dual-intro h1 span{color:#f2bd59;background:linear-gradient(110deg,#fff1bc,#e6a43c,#ffe395);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 8s linear infinite}
.hero-copy>p,.page-hero p,.route-heading p,.section-heading p{color:#aab4c5;line-height:2.05}
.hero-copy>p{max-width:650px;font-size:1.06rem}
.hero-actions{gap:15px;margin-top:31px}
.primary-button,.soft-button,.ghost-button,.text-button,.contact-action,.filter,.main-tab,.admin-action{
  min-height:48px;border-radius:15px;font-weight:800;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease
}
.primary-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffe2a0,#dda03a 58%,#f1c36a);color:#071326;border:1px solid #ffe9b6;box-shadow:var(--shadow-gold)}
.primary-button:hover{transform:translateY(-3px);box-shadow:0 17px 45px rgba(223,158,54,.32)}
.soft-button,.ghost-button,.text-button,.contact-action{color:#edf3ff;background:rgba(8,29,61,.68);border:1px solid rgba(166,198,241,.22);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.soft-button:hover,.ghost-button:hover,.text-button:hover,.contact-action:hover{transform:translateY(-2px);border-color:rgba(244,198,104,.48);background:rgba(16,42,78,.84)}
.text-button{padding:12px 20px}
.privacy-note{color:#92a2ba;background:rgba(5,23,50,.44);border:1px solid rgba(159,194,239,.13);border-radius:13px;padding:10px 14px;width:max-content;max-width:100%}
.privacy-note span{color:#efbc5d}

.hero-visual{position:relative;min-height:535px;display:grid;place-items:center;isolation:isolate}
.hope-jar-scene{position:relative;width:min(100%,600px);height:560px;display:grid;place-items:center;perspective:900px}
.hope-jar-scene::before,.hope-jar-scene::after{content:"";position:absolute;z-index:-2;width:130%;height:190px;border-radius:50%;border-top:2px solid rgba(246,195,88,.4);filter:drop-shadow(0 0 16px rgba(246,195,88,.42));animation:trailMove 8s ease-in-out infinite alternate}
.hope-jar-scene::before{right:-76%;top:50%;transform:rotate(-7deg)}
.hope-jar-scene::after{left:-76%;top:57%;transform:rotate(9deg);animation-delay:-4s}
.hope-jar-image{width:min(100%,540px);height:auto;animation:floatSoft 6.5s ease-in-out infinite,glowPulse 4.5s ease-in-out infinite;transform-origin:center bottom;will-change:transform,filter}
.jar-particle{position:absolute;width:5px;height:5px;border-radius:50%;background:#ffd16a;box-shadow:0 0 12px #ffd16a;animation:sparkle var(--duration,3s) ease-in-out infinite;animation-delay:var(--delay,0s)}

.pulse-strip,.daily-prompt,.route-card,.about-card,.about-quote,.principles-grid article,.contact-card,.contact-faq,.contact-safety-note,.daily-question-card,.daily-page-answers,.swipe-shell,.swipe-card,.reason-card,.support-note,.support-compose,.support-list,.support-detail,.admin-card,.admin-head,.admin-filters,#adminTicketDetail,.admin-review-card,.admin-review-hero,.admin-users-hero,.admin-user-card,.admin-owner-note,.profile-cover,.profile-about,.profile-content,.account-dashboard,.account-dashboard-head,.account-info-grid>*,.account-action-grid>*,.profile-admin-panel,.profile-pending-card,.activity-item,.auth-panel,.auth-dual-intro,.prose-card,.page-loading,.page-error,.profile-empty{
  color:var(--ink);background:linear-gradient(145deg,rgba(11,35,70,.8),rgba(4,20,45,.72));border:1px solid rgba(160,195,239,.2);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(20px) saturate(1.15)
}
.pulse-strip{border-radius:28px;min-height:110px;padding:20px 28px;background:linear-gradient(120deg,rgba(9,31,64,.9),rgba(7,25,55,.76));border-color:rgba(177,205,242,.22)}
.pulse-strip article{border-left-color:rgba(151,183,227,.17)}
.pulse-strip strong{color:#fff3d3;font-size:1.55rem;text-shadow:0 0 22px rgba(241,190,91,.22)}
.pulse-strip span{color:#9eabbd}
.pulse-live{color:#f2c469}.pulse-live i{background:#f2c469;box-shadow:0 0 16px #f2c469}
.support-note{border-radius:22px;background:linear-gradient(120deg,rgba(73,38,50,.65),rgba(10,29,59,.8));border-color:rgba(255,142,160,.2)}
.support-note p{color:#bdc4d0}.support-icon{background:rgba(247,195,91,.12);color:#f4c66d}
.daily-prompt{border-radius:30px;background:linear-gradient(135deg,rgba(13,43,82,.88),rgba(6,24,53,.82));border-color:rgba(246,199,105,.23)}
.daily-prompt p{color:#a7b2c4}.prompt-date{color:#f0bf61}.daily-page-link b{background:#edb755;color:#071225}

.route-section{padding-top:50px;padding-bottom:100px}
.route-heading h2,.section-heading h2,.about-card h2,.daily-question-copy h2{color:#fff5df}
.route-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.route-card{position:relative;min-height:265px;border-radius:27px;padding:30px;overflow:hidden;transform:translateZ(0)}
.route-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0,rgba(242,190,86,.12),transparent 40%);opacity:.7;transition:.3s}
.route-card::after{content:"";position:absolute;inset:auto 20px 0 20px;height:1px;background:linear-gradient(90deg,transparent,rgba(246,201,109,.45),transparent);transform:scaleX(0);transition:.35s}
.route-card:hover{transform:translateY(-7px);border-color:rgba(244,198,104,.43);box-shadow:0 30px 75px rgba(0,5,18,.55),0 0 26px rgba(240,183,71,.1)}
.route-card:hover::after{transform:scaleX(1)}
.route-icon{color:#f4c46a;background:rgba(242,190,86,.1);border:1px solid rgba(242,190,86,.22);box-shadow:0 0 25px rgba(242,190,86,.08)}
.route-card small,.route-card b{color:#eaba5c}.route-card h3{color:#fff2d5}.route-card p{color:#9eabbd}

.page-hero{position:relative;min-height:430px;padding:90px 0 60px;align-items:center;border-bottom:1px solid rgba(160,193,235,.1)}
.page-hero::after{content:"✦";position:absolute;left:8%;top:26%;font-size:9rem;color:rgba(240,188,86,.035);text-shadow:0 0 55px rgba(240,188,86,.18);animation:floatSoft 9s ease-in-out infinite}
.page-hero h1{font-size:clamp(3.2rem,6vw,6rem)}
.page-hero>div{position:relative;z-index:1}
.standalone-section{position:relative;padding-top:40px}

.discovery-section{border-bottom-color:rgba(160,193,235,.12)}
.swipe-shell{border-radius:32px;padding:24px;background:linear-gradient(145deg,rgba(8,29,62,.8),rgba(4,16,39,.74))}
.swipe-card{background:linear-gradient(145deg,rgba(17,45,81,.94),rgba(7,25,54,.96));border-color:rgba(244,198,104,.23);border-radius:29px}
.swipe-card::before{background:linear-gradient(135deg,rgba(243,193,91,.09),transparent 50%)}
.reason-category,.identity-chips span,.reason-meta span,.sample-tags span,.status-pill,.admin-meta span,.admin-meta time{color:#f1c56f;background:rgba(241,190,89,.1);border:1px solid rgba(241,190,89,.16)}
.swipe-text,.reason-text{color:#f8f2e6}
.swipe-hint,.swipe-counter,.reason-meta,.reason-author small{color:#96a5ba}
.swipe-progress{background:rgba(255,255,255,.07)}.swipe-progress i{background:linear-gradient(90deg,#d8952e,#ffe18f)}
.round-action,.icon-button,.mini-action,.hope-button,.report-button,.share-card-button,.comment-card-button{color:#e7edf6;background:rgba(11,36,72,.8);border:1px solid rgba(158,192,235,.2)}
.round-action:hover,.icon-button:hover,.mini-action:hover,.hope-button:hover{border-color:rgba(242,192,93,.5);color:#ffd985}
.filter{color:#aeb8c8;background:rgba(6,24,51,.7);border:1px solid rgba(158,192,235,.18)}.filter.active{color:#071225;background:linear-gradient(135deg,#ffe0a0,#daa03b);border-color:#ffe8b7}
.reason-grid{gap:18px}.reason-card{border-radius:25px;background:linear-gradient(150deg,rgba(12,38,75,.87),rgba(5,21,48,.82))}.reason-card:hover{border-color:rgba(243,195,101,.38);transform:translateY(-5px)}

.about-section{gap:22px}.about-card,.about-quote{border-radius:30px;background:linear-gradient(145deg,rgba(9,34,70,.87),rgba(5,21,47,.84))}
.about-card>p,.about-values p,.about-boundary p,.about-quote p,.principles-grid p{color:#a6b1c3}
.about-values article{border-bottom-color:rgba(158,191,234,.14)}.about-values article>span{color:#efbe62}
.about-boundary{background:rgba(237,180,69,.08);border-color:rgba(241,190,89,.18)}
.constellation{color:#f4c56b;text-shadow:0 0 24px rgba(244,197,107,.32)}
.principles-section{border-radius:30px;background:rgba(4,19,43,.5);border:1px solid rgba(159,192,235,.12)}
.principles-grid article{border-radius:23px}.principles-grid strong{color:#f5cf80}

.contact-grid{gap:18px}.contact-card{border-radius:27px;background:linear-gradient(145deg,rgba(10,36,73,.86),rgba(5,21,48,.8))}.contact-card:hover{transform:translateY(-6px);border-color:rgba(242,193,96,.43)}
.contact-icon,.support-heading-icon{background:rgba(241,190,90,.1);border:1px solid rgba(241,190,90,.2);color:#f4c86f}
.contact-card small,.contact-action{color:#f2c56d}.contact-card p,.contact-faq p,.contact-safety-note p{color:#a5b0c1}
.contact-faq details{border-color:rgba(157,190,231,.14)}
.social-link{background:rgba(9,30,62,.76);border-color:rgba(160,192,235,.18);color:#e8edf6}.social-link:hover{border-color:rgba(242,193,96,.4);color:#f3c56c}

.daily-question-card,.daily-page-answers{border-radius:30px}.daily-question-card{background:linear-gradient(135deg,rgba(16,49,91,.88),rgba(5,22,49,.86));border-color:rgba(242,193,96,.25)}
.daily-question-date,.daily-page-count strong{color:#f2c469}.daily-question-copy p,.daily-page-answers-heading p{color:#a6b1c3}
.daily-reason-card{background:linear-gradient(145deg,rgba(13,40,77,.86),rgba(5,22,49,.85));border:1px solid rgba(159,192,234,.17);color:#f4f0e7}

.auth-page,.profile-page,.admin-page,.support-page,.content-page{position:relative;z-index:2}
.auth-page{min-height:calc(100vh - 110px)}
.auth-dual-shell{padding:40px 0 90px}.auth-dual-intro{border-radius:32px;padding:40px;background:linear-gradient(135deg,rgba(13,43,83,.82),rgba(5,20,45,.76))}
.auth-dual-intro p,.auth-panel-note,.password-field-note,.password-guide p{color:#a5b0c1}
.auth-panels{gap:20px}.auth-panel{border-radius:29px;background:linear-gradient(145deg,rgba(11,36,72,.9),rgba(5,22,48,.9));border-color:rgba(159,193,236,.2)}
.auth-panel.is-selected{border-color:rgba(244,198,104,.46);box-shadow:0 25px 80px rgba(0,4,15,.5),0 0 26px rgba(242,191,89,.1)}
.auth-panel h2,.auth-card h1{color:#fff3d9}.auth-panel-badge{color:#f1c36a;background:rgba(240,187,84,.11)}
.auth-card{color:var(--ink);background:linear-gradient(145deg,rgba(11,36,72,.92),rgba(4,19,44,.92));border-color:rgba(163,196,239,.21)}
.auth-card label,.auth-panel label{color:#dce3ed}
textarea,input,select{color:#f3f5f8!important;background:rgba(1,12,31,.75)!important;border-color:rgba(159,192,235,.2)!important;box-shadow:inset 0 1px 12px rgba(0,0,0,.14)}
textarea::placeholder,input::placeholder{color:#73839b!important}
textarea:focus,input:focus,select:focus{border-color:rgba(244,198,104,.58)!important;box-shadow:0 0 0 4px rgba(244,198,104,.09)!important}
select option{background:#071a38;color:#f3f5f8}
.password-strength{background:rgba(255,255,255,.06)}.password-strength i{background:linear-gradient(90deg,#df9f36,#ffe18e)}

.profile-page{padding-top:50px}.profile-cover{border-radius:32px;background:linear-gradient(120deg,rgba(18,61,111,.88),rgba(8,31,68,.9) 55%,rgba(120,79,25,.58));border-color:rgba(241,193,98,.24)}
.profile-cover::after{border-color:rgba(242,195,103,.08)}.profile-cover .eyebrow{color:#f2c46a}.profile-about,.profile-content,.account-dashboard{border-radius:27px}
.profile-about p,.profile-cover-about,.activity-item time,.profile-reasons-heading p{color:#a4afc0}.profile-stats span{background:rgba(6,24,51,.64);color:#9facc0}.profile-stats b{color:#f1c56e}
.social-avatar{box-shadow:0 0 0 3px rgba(244,198,104,.2),0 10px 25px rgba(0,0,0,.24)}
.account-action-grid>*:hover,.admin-tool-card:hover{border-color:rgba(244,198,104,.4);transform:translateY(-4px)}
.profile-admin-panel{border-color:rgba(241,190,89,.24)}
.admin-tool-icon,.profile-admin-icon{background:rgba(241,190,89,.1);color:#f3c66d}

.support-page,.admin-page{padding-top:52px}.support-shell,.admin-shell{gap:20px}.support-compose,.support-list,.support-detail,.admin-card,.admin-head,.admin-filters,#adminTicketDetail{border-radius:26px;background:linear-gradient(145deg,rgba(10,35,71,.88),rgba(4,20,46,.86));border-color:rgba(160,193,235,.19)}
.support-compose label,.admin-filters label{color:#dfe5ee}.ticket-card{color:#edf2f8;background:rgba(6,25,54,.72);border:1px solid rgba(159,192,234,.13)}.ticket-card:hover{border-color:rgba(242,193,96,.4);background:rgba(12,39,75,.86)}
.ticket-card time,.ticket-card small,.ticket-message time{color:#91a0b5}.ticket-message{background:rgba(7,27,57,.82);border:1px solid rgba(159,192,234,.13)}.ticket-message.admin{background:rgba(128,87,25,.22);border-color:rgba(241,190,89,.18)}
.status-pending{color:#ffd983;background:rgba(227,164,49,.13)}.status-approved{color:#87e5ad;background:rgba(74,191,118,.12)}.status-rejected,.status-hidden{color:#ff9aaa;background:rgba(238,96,119,.12)}
.admin-hero,.admin-review-hero,.admin-users-hero{background:linear-gradient(120deg,rgba(18,59,107,.9),rgba(7,29,63,.91),rgba(114,75,24,.45));border-color:rgba(241,193,98,.24)}
.admin-card p,.admin-review-body p,.admin-user-card p{color:#b2bccb}.admin-user-card.is-manager{background:linear-gradient(145deg,rgba(94,66,21,.48),rgba(8,30,62,.92));border-color:rgba(242,195,102,.35)}
.admin-user-card.is-manager .manager-status-pill{color:#99efba;background:rgba(63,173,103,.13);border-color:rgba(99,222,143,.2)}
.admin-action,.admin-actions button{color:#e7edf5;background:rgba(12,39,76,.9);border:1px solid rgba(158,191,232,.18)}.admin-action:hover,.admin-actions button:hover{border-color:rgba(242,193,96,.4)}
.admin-action.approve,.approve{color:#9af0b9;background:rgba(49,159,90,.14)}.admin-action.reject,.reject{color:#ff9ca9;background:rgba(216,74,97,.14)}

.content-page{min-height:100vh;padding:70px 20px}.prose-card{width:min(900px,100%);margin:auto;border-radius:30px;padding:clamp(28px,5vw,60px);line-height:2.15}.prose-card h1,.prose-card h2{color:#fff2d7}.prose-card p{color:#aab5c5}
.site-footer{color:#91a0b5;border-top-color:rgba(158,191,232,.12)}.site-footer a:hover{color:#f2c56d}

.mobile-nav{background:rgba(5,21,48,.92);border-color:rgba(158,191,233,.22);box-shadow:0 18px 60px rgba(0,2,10,.62);backdrop-filter:blur(22px) saturate(1.2)}
.mobile-nav-link{color:#8f9eb3}.mobile-nav-link.active{color:#071225;background:linear-gradient(135deg,#ffe3a0,#dfa23e);box-shadow:0 8px 24px rgba(219,155,51,.22)}
.mobile-compose-fab{color:#071225!important;background:linear-gradient(135deg,#ffe29c,#da9b34)!important;box-shadow:0 12px 35px rgba(221,158,54,.35)!important}
.toast{color:#f7f1e4;background:rgba(5,23,50,.96);border:1px solid rgba(243,195,100,.22);box-shadow:0 18px 55px rgba(0,0,0,.48)}
.composer::backdrop,.reason-detail-dialog::backdrop,.sample-reason-dialog::backdrop,.profile-editor::backdrop,.account-dialog::backdrop,.auth-required-dialog::backdrop,.daily-answers-dialog::backdrop{background:rgba(0,4,15,.78);backdrop-filter:blur(8px)}
.composer form,.reason-detail-shell,.sample-dialog-shell,.profile-editor form,.account-dialog>div,.auth-required-card,.daily-answers-dialog-shell{color:var(--ink);background:linear-gradient(145deg,#0b2a55,#061b3b);border:1px solid rgba(167,199,240,.22);box-shadow:0 35px 100px rgba(0,0,0,.66)}
.composer-subtitle,.prompt-suggestion p,.guideline-row,.reason-detail-text,.comments-heading p{color:#a9b4c4}.prompt-suggestion,.guideline-row,.composer-draft-status{background:rgba(3,18,42,.55);border-color:rgba(159,192,234,.14)}
.close-button,.reason-detail-close,.sample-dialog-close,.auth-required-close{color:#e7edf5;background:rgba(255,255,255,.06);border:1px solid rgba(159,192,234,.15)}

.reveal-item{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.2,1)}.reveal-item.is-visible{opacity:1;transform:none}

@media(max-width:1120px){
  .top-nav{gap:14px;font-size:.84rem}.site-header{width:min(100% - 30px,1440px)}
  .route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  body{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px));background:linear-gradient(145deg,#010715,#03122b 52%,#02091b)}
  .site-header{top:0;margin:0;width:100%;min-height:68px;height:68px;padding:8px 15px;border-radius:0 0 20px 20px;background:rgba(4,18,42,.9);border-width:0 0 1px;box-shadow:0 12px 40px rgba(0,2,10,.45)}
  .brand{font-size:1.12rem}.brand-mark{width:35px;height:35px}
  .top-nav .nav-link{display:none}.site-header .top-nav>.ghost-button,.site-header .js-open-composer{min-height:42px;padding:9px 13px!important;border-radius:13px!important;font-size:.78rem}
  .hero,.page-hero,.route-section,.principles-section,.reasons-section,.contact-section,.about-section,.site-footer{width:min(100% - 28px,1440px)}
  .hero{grid-template-columns:1fr;padding:48px 0 34px;gap:4px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.privacy-note{margin-inline:auto}
  .hero-visual{min-height:400px;order:-1}.hope-jar-scene{height:410px;width:min(100%,440px)}.hope-jar-image{max-height:420px}
  .pulse-strip{grid-template-columns:repeat(2,1fr);gap:12px}.pulse-strip article{border:0;background:rgba(2,17,40,.35);border-radius:16px;padding:12px}.pulse-live{grid-column:1/-1;justify-content:center}
  .page-hero{min-height:auto;padding:55px 0 42px}.page-hero::after{font-size:5rem}.page-hero>div{text-align:center}.page-hero p{margin-inline:auto}
  .mobile-nav{grid-template-columns:repeat(5,1fr);left:10px;right:10px;border-radius:22px}.mobile-nav-link small{font-size:.57rem}
}
@media(max-width:650px){
  .hero h1{font-size:clamp(2.65rem,13vw,4rem);line-height:1.2}.hero-copy>p{font-size:.9rem;line-height:1.95}.hero-actions{flex-direction:column}.hero-actions>*{width:100%;justify-content:center;text-align:center}
  .hero-visual{min-height:320px}.hope-jar-scene{height:330px}.hope-jar-image{max-height:340px}
  .pulse-strip{padding:14px;border-radius:22px}.daily-prompt{padding:24px 20px;border-radius:24px}.route-grid{grid-template-columns:1fr}.route-card{min-height:225px;border-radius:23px;padding:25px}
  .page-hero h1{font-size:clamp(2.55rem,13vw,3.7rem);line-height:1.2}.page-hero p{font-size:.9rem}.page-hero::after{display:none}
  .about-card,.about-quote,.daily-question-card,.daily-page-answers,.contact-faq,.contact-safety-note{border-radius:24px;padding:25px 20px}
  .contact-grid{grid-template-columns:1fr}.auth-dual-intro{padding:28px 21px;border-radius:25px}.auth-panels{grid-template-columns:1fr}.auth-panel{border-radius:24px}
  .profile-cover{border-radius:24px}.support-compose,.support-list,.support-detail,.admin-card,.admin-head,.admin-filters,#adminTicketDetail{border-radius:22px}
  .content-page{padding:28px 14px 100px}.prose-card{border-radius:24px;padding:26px 20px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.reveal-item{opacity:1;transform:none}.site-motion-layer{display:none}
}

/* Deep component refinements for dynamically-rendered account, comments and admin UI */
.account-publish-row,.profile-cover-about,.profile-cover-stat,.profile-pending-section,.composer-pending-panel,.pending-card-head,.support-login-card,.auth-required-card{
  color:var(--ink);background:rgba(5,23,51,.64);border:1px solid rgba(159,192,234,.16);box-shadow:inset 0 1px rgba(255,255,255,.025)
}
.account-publish-row a,.account-publish-user strong,.profile-publish-badge,.pending-count{color:#f2c469}
.account-publish-user small,.account-dashboard-head p,.account-info-grid small,.profile-cover-about p{color:#9eabbd}
.account-info-grid>div{background:rgba(4,21,48,.64)!important;border-color:rgba(159,192,234,.14)!important;color:#edf2f8}
.account-action-grid>*{background:rgba(8,30,63,.78);border:1px solid rgba(159,192,234,.17);color:#e9eef6}
.account-dashboard{border-inline-start:4px solid #e3aa45!important}
.profile-admin-panel{border-inline-start:4px solid #e8b856!important;background:linear-gradient(145deg,rgba(10,36,73,.9),rgba(5,21,48,.88))!important;color:var(--ink)!important}
.profile-admin-panel-head{background:transparent!important;border-bottom-color:rgba(159,192,234,.13)!important}
.profile-admin-panel-head::after{background:linear-gradient(90deg,#d79731,#ffe293)!important}
.profile-admin-heading .eyebrow{color:#efbd60!important}.profile-admin-heading h2,.admin-tool-copy b{color:#fff0d0!important}.profile-admin-heading p,.admin-tool-copy small{color:#9facbe!important}
.owner-badge{background:rgba(241,190,89,.1)!important;color:#f5cd79!important;border-color:rgba(241,190,89,.2)!important}
.admin-tool-card,.profile-admin-panel.is-owner .admin-tool-card:last-child{background:rgba(5,24,53,.7)!important;border-color:rgba(159,192,234,.15)!important;color:var(--ink)!important;box-shadow:none!important}
.admin-tool-card:hover{background:rgba(12,39,76,.88)!important;border-color:rgba(242,193,96,.4)!important;box-shadow:0 14px 35px rgba(0,0,0,.25)!important}
.admin-tool-icon,.profile-admin-panel.is-owner .admin-tool-card:last-child .admin-tool-icon{background:rgba(241,190,89,.1)!important;color:#f3c66d!important;border-color:rgba(241,190,89,.15)!important}
.admin-tool-arrow{background:rgba(255,255,255,.04)!important;color:#f2c469!important}
.admin-access-grid .admin-access-option{background:linear-gradient(145deg,rgba(8,30,62,.88),rgba(4,20,45,.88))!important;border-color:rgba(159,192,234,.16)!important;color:#eaf0f7!important}
.admin-access-grid .admin-access-option:hover{background:linear-gradient(145deg,rgba(14,44,83,.94),rgba(7,27,57,.92))!important;border-color:rgba(242,193,96,.35)!important}
.admin-access-copy b{color:#f5eddf!important}.admin-access-copy small{color:#9facbe!important}.admin-access-icon{background:rgba(241,190,89,.1)!important;color:#f2c469!important}
.admin-access-option input{accent-color:#e4a83e!important}
.comment-item{background:rgba(6,25,54,.75)!important;border-color:rgba(159,192,234,.14)!important;color:#eaf0f7!important}.comment-item time{color:#8f9eb4!important}
.comments-panel{border-top-color:rgba(159,192,234,.14)!important}.comments-count,.comment-card-button b{background:rgba(241,190,89,.11)!important;color:#f2c469!important}
.comment-login{background:rgba(5,23,51,.7)!important;border:1px solid rgba(159,192,234,.13)}.comment-login a{color:#f2c469!important}
.comment-form button{background:linear-gradient(135deg,#ffe1a0,#d99b35)!important;color:#071225!important}.no-comments,.comments-loading{color:#94a3b8!important}
.daily-page-answer-list .daily-reason-card,.daily-dialog-list .daily-reason-card,.daily-answer-grid .daily-reason-card{background:linear-gradient(145deg,rgba(12,39,76,.88),rgba(5,22,49,.86))!important;border:1px solid rgba(159,192,234,.16)!important;color:#f4f0e7!important}
.auth-tabs{background:rgba(2,17,40,.74)!important;border:1px solid rgba(159,192,234,.13)}.auth-tabs button{color:#99a8bc!important}.auth-tabs button.active{background:linear-gradient(135deg,#f9d88e,#d99a34)!important;color:#071225!important;box-shadow:0 8px 25px rgba(215,151,47,.22)!important}
.auth-safety,.password-guide,.auth-draft-notice{background:rgba(5,23,51,.65)!important;border-color:rgba(241,190,89,.22)!important;color:#a8b3c4!important}
.form-message.is-success{color:#8ae6ab!important}.form-message.is-error,.auth-message{color:#ff9aaa!important}
.profile-editor form{background:linear-gradient(145deg,#0b2a55,#061b3b)!important;border:1px solid rgba(167,199,240,.22)!important;color:var(--ink)!important;box-shadow:0 35px 100px rgba(0,0,0,.66)!important}
.profile-empty-reasons,.daily-page-empty,.daily-answer-empty{color:#9facbe;background:rgba(5,23,51,.62);border:1px solid rgba(159,192,234,.13)}
.card-action-group,.reason-actions{color:#9cabbf}.reason-actions button{color:#e8edf5;background:rgba(8,30,63,.7);border-color:rgba(159,192,234,.16)}

/* Stage 3.20 - darkened lighting refinements, especially discover wall */
.site-motion-orb{opacity:.14 !important;filter:blur(18px) saturate(.9)!important}
.site-motion-trail{opacity:.24 !important;filter:blur(.4px) drop-shadow(0 0 10px rgba(245,186,68,.18))!important}

.page-hero,.discover-intro{
  background:linear-gradient(145deg,rgba(8,26,55,.34),rgba(4,17,39,.16));
  border-radius:34px;
}

.discovery-section.standalone-section,
.embedded-wall,
#wallContent.embedded-wall{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 10%, rgba(241,191,89,.08), transparent 30%),
    linear-gradient(145deg, rgba(8,28,58,.82), rgba(4,18,40,.78)) !important;
  border:1px solid rgba(160,193,235,.16) !important;
  box-shadow:0 24px 65px rgba(0,4,16,.34), inset 0 1px rgba(255,255,255,.02) !important;
}

.card-stack div{
  background:linear-gradient(145deg, rgba(9,31,63,.72), rgba(4,18,41,.82)) !important;
  border:1px solid rgba(160,193,235,.12) !important;
  box-shadow:0 18px 40px rgba(0,4,15,.24) !important;
}

.swipe-card{
  background:
    radial-gradient(circle at 12% 9%, rgba(243,193,91,.12), transparent 28%),
    linear-gradient(145deg, rgba(13,40,77,.96), rgba(5,22,49,.96)) !important;
  border:1px solid rgba(244,198,104,.18) !important;
  box-shadow:0 30px 75px rgba(0,4,16,.5), inset 0 1px rgba(255,255,255,.025) !important;
}
.swipe-card::before,
.swipe-card::after{opacity:.74}
.swipe-progress{background:rgba(255,255,255,.06)!important}
.reason-category{
  color:#f1c56f !important;
  background:rgba(241,190,89,.09) !important;
  border:1px solid rgba(241,190,89,.14) !important;
}

.section-heading,
#wallContent .section-heading{align-items:flex-end}
.filters{gap:8px}
.filter{
  color:#cfd9e6 !important;
  background:rgba(5,22,49,.68) !important;
  border:1px solid rgba(159,192,234,.14) !important;
}
.filter:hover{background:rgba(10,34,68,.84) !important;border-color:rgba(241,190,89,.22)!important}
.filter.active{
  color:#071225 !important;
  background:linear-gradient(135deg,#f8d98f,#d89934) !important;
  border-color:rgba(241,190,89,.28) !important;
  box-shadow:0 8px 22px rgba(218,154,48,.18) !important;
}

.reason-grid{gap:16px}
.reason-card,
.reason-card:nth-child(3n+2),
.reason-card:nth-child(3n+3),
.profile-reason-card,
.daily-reason-card{
  background:
    radial-gradient(circle at 88% 10%, rgba(242,193,96,.08), transparent 28%),
    linear-gradient(150deg, rgba(12,38,75,.9), rgba(5,21,48,.86)) !important;
  border:1px solid rgba(159,192,234,.16) !important;
  box-shadow:0 16px 38px rgba(0,4,15,.2) !important;
  color:#f4f0e7 !important;
}
.reason-card:hover,
.profile-reason-card:hover,
.daily-reason-card:hover{
  border-color:rgba(243,195,101,.34) !important;
  box-shadow:0 22px 54px rgba(0,4,15,.28),0 0 0 1px rgba(243,195,101,.08) !important;
}
.reason-card p,
.reason-card .reason-text,
.profile-reason-card p,
.daily-reason-card p{color:#f6f1e7 !important}
.reason-meta,
.reason-author small,
.reason-actions,
.card-action-group,
.empty-state p{color:#96a5ba !important}
.empty-state{
  background:rgba(5,23,51,.55) !important;
  border:1px dashed rgba(159,192,234,.16) !important;
  color:#c7d0dc !important;
}
.empty-state > div,
.empty-state h3{color:#f2c469 !important}

.embedded-wall::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(circle at 20% 0, rgba(255,230,169,.04), transparent 30%);
}

/* Stage 3.21 — full dark-theme cleanup for dialogs and dynamic surfaces */
.midnight-gold-theme .reason-detail-dialog,
.midnight-gold-theme .sample-reason-dialog,
.midnight-gold-theme .daily-answers-dialog,
.midnight-gold-theme .auth-required-dialog,
.midnight-gold-theme .composer,
.midnight-gold-theme .profile-editor,
.midnight-gold-theme .account-dialog{
  color:#f4f0e7 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:0 40px 120px rgba(0,2,12,.74) !important;
}

.midnight-gold-theme .reason-detail-dialog::backdrop,
.midnight-gold-theme .sample-reason-dialog::backdrop,
.midnight-gold-theme .daily-answers-dialog::backdrop,
.midnight-gold-theme .auth-required-dialog::backdrop,
.midnight-gold-theme .composer::backdrop,
.midnight-gold-theme .profile-editor::backdrop,
.midnight-gold-theme .account-dialog::backdrop{
  background:rgba(0,4,16,.84) !important;
  backdrop-filter:blur(12px) saturate(.8) !important;
}

.midnight-gold-theme .reason-detail-shell,
.midnight-gold-theme .sample-dialog-shell,
.midnight-gold-theme .daily-answers-dialog-shell,
.midnight-gold-theme .auth-required-card,
.midnight-gold-theme .composer form,
.midnight-gold-theme .profile-editor form,
.midnight-gold-theme .account-dialog>div{
  color:#f4f0e7 !important;
  background:
    radial-gradient(circle at 86% 7%,rgba(243,193,91,.1),transparent 27%),
    radial-gradient(circle at 10% 92%,rgba(35,92,174,.1),transparent 34%),
    linear-gradient(145deg,rgba(10,35,71,.985),rgba(4,18,42,.99)) !important;
  border:1px solid rgba(159,192,234,.18) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 35px 100px rgba(0,2,12,.66) !important;
}

.midnight-gold-theme .reason-detail-shell::before,
.midnight-gold-theme .sample-dialog-shell::before,
.midnight-gold-theme .daily-answers-dialog-shell::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(115deg,rgba(255,223,151,.025),transparent 42%);
}
.midnight-gold-theme .reason-detail-shell>* ,
.midnight-gold-theme .sample-dialog-shell>* ,
.midnight-gold-theme .daily-answers-dialog-shell>*{position:relative;z-index:1}

.midnight-gold-theme .reason-detail-close,
.midnight-gold-theme .sample-dialog-close,
.midnight-gold-theme .auth-required-close,
.midnight-gold-theme .daily-answers-dialog .reason-detail-close,
.midnight-gold-theme .profile-editor .reason-detail-close,
.midnight-gold-theme .account-dialog .reason-detail-close{
  color:#dce5f0 !important;
  background:rgba(5,23,51,.92) !important;
  border:1px solid rgba(159,192,234,.18) !important;
  box-shadow:0 9px 24px rgba(0,3,14,.28) !important;
}
.midnight-gold-theme .reason-detail-close:hover,
.midnight-gold-theme .sample-dialog-close:hover,
.midnight-gold-theme .auth-required-close:hover{
  color:#071225 !important;
  background:linear-gradient(135deg,#f7d78d,#d99b35) !important;
  border-color:rgba(244,198,104,.35) !important;
}

.midnight-gold-theme .reason-detail-text,
.midnight-gold-theme .sample-dialog-quote,
.midnight-gold-theme .daily-dialog-question{
  color:#f8f2e7 !important;
  text-shadow:0 8px 34px rgba(0,0,0,.22) !important;
}
.midnight-gold-theme .reason-detail-mark,
.midnight-gold-theme .sample-dialog-kicker,
.midnight-gold-theme .reason-detail-author strong,
.midnight-gold-theme .sample-dialog-author,
.midnight-gold-theme .daily-dialog-count{
  color:#f2c469 !important;
}
.midnight-gold-theme .sample-dialog-kicker{
  background:rgba(241,190,89,.09) !important;
  border:1px solid rgba(241,190,89,.14) !important;
}

.midnight-gold-theme .reason-detail-author,
.midnight-gold-theme .sample-dialog-meta,
.midnight-gold-theme .comments-panel{
  border-color:rgba(159,192,234,.14) !important;
}
.midnight-gold-theme .reason-detail-chips span,
.midnight-gold-theme .sample-dialog-tags span,
.midnight-gold-theme .identity-chips span{
  color:#e8bf6b !important;
  background:rgba(241,190,89,.08) !important;
  border:1px solid rgba(241,190,89,.13) !important;
}

.midnight-gold-theme .reason-profile-link,
.midnight-gold-theme .comment-author{
  color:#edf2f7 !important;
  background:transparent !important;
}
.midnight-gold-theme .reason-profile-link strong,
.midnight-gold-theme .comment-author strong{color:#f1eee7 !important}
.midnight-gold-theme .reason-profile-link small,
.midnight-gold-theme .comment-author small{color:#91a0b5 !important}
.midnight-gold-theme .reason-profile-link:hover strong,
.midnight-gold-theme .comment-author:hover strong{color:#f2c469 !important}

.midnight-gold-theme .reason-detail-actions{
  background:linear-gradient(180deg,transparent,rgba(3,15,36,.92) 35%) !important;
}
.midnight-gold-theme .reason-detail-like,
.midnight-gold-theme .reason-detail-share{
  color:#e9eef5 !important;
  background:rgba(7,28,59,.88) !important;
  border:1px solid rgba(159,192,234,.17) !important;
  box-shadow:none !important;
}
.midnight-gold-theme .reason-detail-like:hover,
.midnight-gold-theme .reason-detail-share:hover{
  color:#f5cc78 !important;
  background:rgba(13,42,80,.94) !important;
  border-color:rgba(242,193,96,.32) !important;
}
.midnight-gold-theme .reason-detail-like>span{
  color:#f2c469 !important;
  background:rgba(241,190,89,.1) !important;
}
.midnight-gold-theme .reason-detail-like small{
  color:#f2c469 !important;
  background:rgba(241,190,89,.09) !important;
  border:1px solid rgba(241,190,89,.12) !important;
}
.midnight-gold-theme .reason-detail-like.liked{
  color:#071225 !important;
  background:linear-gradient(135deg,#f8d98f,#d99a34) !important;
  border-color:rgba(255,225,155,.44) !important;
  box-shadow:0 12px 30px rgba(216,153,49,.22) !important;
}
.midnight-gold-theme .reason-detail-like.liked>span,
.midnight-gold-theme .reason-detail-like.liked small{
  color:#071225 !important;
  background:rgba(7,18,37,.09) !important;
  border-color:transparent !important;
}

.midnight-gold-theme .comments-heading h3{color:#f4eee1 !important}
.midnight-gold-theme .comments-heading span,
.midnight-gold-theme .comment-form small,
.midnight-gold-theme .comments-loading,
.midnight-gold-theme .comments-error,
.midnight-gold-theme .no-comments{color:#94a3b8 !important}
.midnight-gold-theme .comments-count,
.midnight-gold-theme .comment-card-button b{
  color:#f2c469 !important;
  background:rgba(241,190,89,.1) !important;
  border:1px solid rgba(241,190,89,.12) !important;
}
.midnight-gold-theme .comments-list{
  scrollbar-color:#a77b34 rgba(3,16,38,.7) !important;
}
.midnight-gold-theme .comment-item{
  color:#eaf0f7 !important;
  background:linear-gradient(145deg,rgba(7,28,59,.86),rgba(4,20,45,.9)) !important;
  border:1px solid rgba(159,192,234,.13) !important;
  box-shadow:none !important;
}
.midnight-gold-theme .comment-item p{color:#dfe6ef !important}
.midnight-gold-theme .comment-item time{color:#8898ae !important}
.midnight-gold-theme .comment-form textarea,
.midnight-gold-theme .comments-panel textarea{
  color:#edf2f7 !important;
  caret-color:#f2c469 !important;
  background:rgba(2,15,36,.82) !important;
  border:1px solid rgba(159,192,234,.17) !important;
  box-shadow:inset 0 1px 12px rgba(0,0,0,.16) !important;
}
.midnight-gold-theme .comment-form textarea::placeholder,
.midnight-gold-theme .comments-panel textarea::placeholder{color:#718198 !important}
.midnight-gold-theme .comment-form textarea:focus,
.midnight-gold-theme .comments-panel textarea:focus{
  border-color:rgba(244,198,104,.5) !important;
  box-shadow:0 0 0 4px rgba(244,198,104,.08) !important;
}
.midnight-gold-theme .comment-form button{
  color:#071225 !important;
  background:linear-gradient(135deg,#f8d98f,#d99a34) !important;
  border:1px solid rgba(255,225,155,.34) !important;
  box-shadow:0 8px 24px rgba(215,151,47,.16) !important;
}
.midnight-gold-theme .comment-login{
  color:#aab6c7 !important;
  background:rgba(5,23,51,.68) !important;
  border:1px solid rgba(159,192,234,.13) !important;
}
.midnight-gold-theme .comment-login a{color:#f2c469 !important}

.midnight-gold-theme .social-avatar{
  color:#fff3dc !important;
  background:linear-gradient(145deg,#174274,#0a2852) !important;
  border:1px solid rgba(244,198,104,.22) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 8px 22px rgba(0,3,14,.25) !important;
}

/* Remove remaining light dynamic cards that can appear after interactions */
.midnight-gold-theme .daily-answer-card,
.midnight-gold-theme .daily-answers-preview,
.midnight-gold-theme .composer-pending-list article,
.midnight-gold-theme .composer-pending-panel,
.midnight-gold-theme .profile-pending-card,
.midnight-gold-theme .profile-pending-section,
.midnight-gold-theme .activity-item,
.midnight-gold-theme .activity-toggle,
.midnight-gold-theme .support-login-card{
  color:#eaf0f7 !important;
  background:linear-gradient(145deg,rgba(9,32,65,.88),rgba(4,19,43,.9)) !important;
  border-color:rgba(159,192,234,.15) !important;
  box-shadow:0 12px 34px rgba(0,4,15,.18) !important;
}
.midnight-gold-theme .daily-answer-card p,
.midnight-gold-theme .composer-pending-list p,
.midnight-gold-theme .profile-pending-card p,
.midnight-gold-theme .activity-item p{color:#dfe6ef !important}
.midnight-gold-theme .daily-answer-card footer,
.midnight-gold-theme .activity-item time{color:#91a0b5 !important;border-color:rgba(159,192,234,.11)!important}
.midnight-gold-theme .daily-answer-author,
.midnight-gold-theme .daily-answer-author-static,
.midnight-gold-theme .activity-toggle{color:#f2c469 !important}
.midnight-gold-theme .composer-pending-list article>span,
.midnight-gold-theme .pending-count{
  color:#f2c469 !important;
  background:rgba(241,190,89,.09) !important;
  border:1px solid rgba(241,190,89,.12) !important;
}
.midnight-gold-theme .composer-pending-panel>a{color:#f2c469 !important;background:rgba(241,190,89,.07)!important}

/* Semantic colors stay readable but subdued inside the unified palette */
.midnight-gold-theme .status-pending{color:#f4ca71!important;background:rgba(225,164,57,.11)!important}
.midnight-gold-theme .status-approved{color:#8de0ae!important;background:rgba(61,164,101,.11)!important}
.midnight-gold-theme .status-rejected,
.midnight-gold-theme .status-hidden{color:#ff9daa!important;background:rgba(209,72,94,.11)!important}

.midnight-gold-theme .reason-detail-shell,
.midnight-gold-theme .sample-dialog-shell,
.midnight-gold-theme .daily-answers-dialog-shell{
  scrollbar-color:#a77b34 rgba(3,16,38,.72) !important;
}
.midnight-gold-theme .reason-detail-shell::-webkit-scrollbar,
.midnight-gold-theme .comments-list::-webkit-scrollbar,
.midnight-gold-theme .daily-answers-dialog-shell::-webkit-scrollbar{width:9px}
.midnight-gold-theme .reason-detail-shell::-webkit-scrollbar-track,
.midnight-gold-theme .comments-list::-webkit-scrollbar-track,
.midnight-gold-theme .daily-answers-dialog-shell::-webkit-scrollbar-track{background:rgba(3,16,38,.72)}
.midnight-gold-theme .reason-detail-shell::-webkit-scrollbar-thumb,
.midnight-gold-theme .comments-list::-webkit-scrollbar-thumb,
.midnight-gold-theme .daily-answers-dialog-shell::-webkit-scrollbar-thumb{
  background:linear-gradient(#dca13e,#8b6328);
  border:2px solid rgba(3,16,38,.72);
  border-radius:999px;
}

@media(max-width:620px){
  .midnight-gold-theme .reason-detail-actions{
    margin-inline:-8px;
    padding:14px 8px 2px !important;
    border-top:1px solid rgba(159,192,234,.1);
  }
}

/* Stage 3.22 - detail dialog spacing and action bar cleanup */
.midnight-gold-theme .reason-detail-shell{
  padding-top:clamp(64px,8vw,86px) !important;
}
.midnight-gold-theme .reason-detail-close,
.midnight-gold-theme .sample-dialog-close,
.midnight-gold-theme .daily-answers-dialog .reason-detail-close,
.midnight-gold-theme .profile-editor .reason-detail-close,
.midnight-gold-theme .account-dialog .reason-detail-close{
  top:22px !important;
  left:22px !important;
  width:44px !important;
  height:44px !important;
  border-radius:14px !important;
}
.midnight-gold-theme .reason-detail-top{
  min-height:42px !important;
  align-items:center !important;
  gap:14px !important;
  padding-left:64px !important;
  padding-inline-end:0 !important;
  margin-bottom:4px !important;
}
.midnight-gold-theme .reason-detail-category{
  max-width:calc(100% - 70px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.midnight-gold-theme .reason-detail-mark{
  opacity:.82;
  margin-left:6px;
}
.midnight-gold-theme .reason-detail-text{
  margin-top:24px !important;
}
.midnight-gold-theme .reason-detail-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:stretch !important;
  gap:12px !important;
  margin-top:26px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.midnight-gold-theme .reason-detail-like,
.midnight-gold-theme .reason-detail-share{
  min-height:52px !important;
  border-radius:16px !important;
}
.midnight-gold-theme .reason-detail-like{
  justify-content:flex-start !important;
  padding-inline:12px !important;
}
.midnight-gold-theme .reason-detail-share{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:138px !important;
  padding-inline:18px !important;
}
.midnight-gold-theme .reason-detail-like small{
  margin-inline-start:auto !important;
  min-width:38px !important;
  text-align:center !important;
}

@media(max-width:620px){
  .midnight-gold-theme .reason-detail-shell{
    padding-top:72px !important;
  }
  .midnight-gold-theme .reason-detail-close{
    top:16px !important;
    left:16px !important;
    width:42px !important;
    height:42px !important;
  }
  .midnight-gold-theme .reason-detail-top{
    min-height:40px !important;
    padding-left:58px !important;
    gap:10px !important;
  }
  .midnight-gold-theme .reason-detail-text{
    margin-top:18px !important;
  }
  .midnight-gold-theme .reason-detail-actions{
    position:sticky !important;
    bottom:0 !important;
    grid-template-columns:1fr 1fr !important;
    padding:12px 0 2px !important;
    margin-inline:0 !important;
    background:linear-gradient(180deg, rgba(3,15,36,0), rgba(3,15,36,.72) 28%, rgba(3,15,36,.9) 100%) !important;
    backdrop-filter:blur(6px) !important;
  }
  .midnight-gold-theme .reason-detail-like,
  .midnight-gold-theme .reason-detail-share{
    min-width:0 !important;
    width:100% !important;
    justify-content:center !important;
  }
  .midnight-gold-theme .reason-detail-like small{
    margin-inline-start:0 !important;
  }
}

/* Stage 3.23 - reason detail header and actions rebuilt */
.midnight-gold-theme .reason-detail-shell{
  padding-top:clamp(28px,4vw,38px) !important;
}
.midnight-gold-theme .reason-detail-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
  min-height:52px !important;
  padding-bottom:18px !important;
  margin-bottom:0 !important;
  border-bottom:1px solid rgba(159,192,234,.11) !important;
}
.midnight-gold-theme .reason-detail-header .reason-detail-top{
  display:flex !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  min-height:42px !important;
  padding:0 !important;
  margin:0 !important;
}
.midnight-gold-theme .reason-detail-header .reason-detail-close{
  position:static !important;
  inset:auto !important;
  flex:0 0 46px !important;
  width:46px !important;
  height:46px !important;
  margin:0 !important;
  border-radius:15px !important;
  color:#f5d78f !important;
  background:linear-gradient(145deg,rgba(13,43,84,.96),rgba(7,26,57,.96)) !important;
  border:1px solid rgba(242,193,96,.24) !important;
  box-shadow:0 10px 24px rgba(0,3,14,.24),inset 0 1px rgba(255,255,255,.025) !important;
}
.midnight-gold-theme .reason-detail-header .reason-detail-close:hover{
  color:#071225 !important;
  background:linear-gradient(135deg,#f7d78d,#d99b35) !important;
  border-color:rgba(255,225,155,.4) !important;
  transform:translateY(-1px) !important;
}
.midnight-gold-theme .reason-detail-category{
  max-width:min(100%,360px) !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.midnight-gold-theme .reason-detail-mark{
  flex:0 0 auto !important;
  margin:0 !important;
}
.midnight-gold-theme .reason-detail-text{
  margin-top:28px !important;
}
.midnight-gold-theme .reason-detail-actions{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(150px,.72fr) !important;
  align-items:stretch !important;
  gap:14px !important;
  margin:28px 0 0 !important;
  padding:0 !important;
  background:none !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}
.midnight-gold-theme .reason-detail-actions::before,
.midnight-gold-theme .reason-detail-actions::after,
.midnight-gold-theme .reason-detail-like::before,
.midnight-gold-theme .reason-detail-like::after,
.midnight-gold-theme .reason-detail-share::after{
  content:none !important;
  display:none !important;
}
.midnight-gold-theme .reason-detail-like,
.midnight-gold-theme .reason-detail-share{
  position:relative !important;
  isolation:isolate !important;
  min-height:54px !important;
  width:100% !important;
  border-radius:17px !important;
  margin:0 !important;
  overflow:hidden !important;
}
.midnight-gold-theme .reason-detail-like{
  justify-content:flex-start !important;
  padding:8px 12px !important;
  color:#eef3f9 !important;
  background:linear-gradient(145deg,#10396f,#092753) !important;
  border:1px solid rgba(165,200,242,.2) !important;
  box-shadow:0 10px 26px rgba(0,5,18,.2),inset 0 1px rgba(255,255,255,.025) !important;
}
.midnight-gold-theme .reason-detail-like:hover{
  color:#f6cf7d !important;
  background:linear-gradient(145deg,#16477f,#0c3266) !important;
  border-color:rgba(242,193,96,.32) !important;
}
.midnight-gold-theme .reason-detail-share{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  padding:0 20px !important;
  color:#071225 !important;
  background:linear-gradient(135deg,#ffe29b,#dda03a 60%,#efbf63) !important;
  border:1px solid rgba(255,232,180,.55) !important;
  box-shadow:0 12px 30px rgba(216,153,49,.2),inset 0 1px rgba(255,255,255,.55) !important;
}
.midnight-gold-theme .reason-detail-share::before{
  content:"↗" !important;
  display:inline-grid !important;
  place-items:center !important;
  width:25px !important;
  height:25px !important;
  border-radius:8px !important;
  color:#071225 !important;
  background:rgba(7,18,37,.08) !important;
  font-size:1rem !important;
}
.midnight-gold-theme .reason-detail-share:hover{
  color:#071225 !important;
  background:linear-gradient(135deg,#ffebba,#e4aa48 60%,#f7cf7b) !important;
  border-color:rgba(255,239,202,.72) !important;
  transform:translateY(-1px) !important;
}

@media(max-width:620px){
  .midnight-gold-theme .reason-detail-shell{
    padding-top:22px !important;
  }
  .midnight-gold-theme .reason-detail-header{
    gap:14px !important;
    padding-bottom:14px !important;
  }
  .midnight-gold-theme .reason-detail-header .reason-detail-close{
    flex-basis:44px !important;
    width:44px !important;
    height:44px !important;
  }
  .midnight-gold-theme .reason-detail-header .reason-detail-top{
    min-width:0 !important;
    gap:8px !important;
  }
  .midnight-gold-theme .reason-detail-category{
    max-width:calc(100vw - 145px) !important;
  }
  .midnight-gold-theme .reason-detail-text{
    margin-top:22px !important;
  }
  .midnight-gold-theme .reason-detail-actions{
    position:static !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:24px !important;
    padding:0 !important;
    background:none !important;
    backdrop-filter:none !important;
  }
  .midnight-gold-theme .reason-detail-like,
  .midnight-gold-theme .reason-detail-share{
    min-height:52px !important;
    width:100% !important;
  }
  .midnight-gold-theme .reason-detail-like{
    justify-content:flex-start !important;
  }
  .midnight-gold-theme .reason-detail-like small{
    margin-inline-start:auto !important;
  }
}

/* Stage 3.24 — consistent user identity panel on the reasons wall */
.midnight-gold-theme #wallContent .reason-card .reason-author{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-height:58px !important;
  margin:4px 0 15px !important;
  padding:10px 12px !important;
  color:#a7b4c6 !important;
  background:linear-gradient(145deg,rgba(6,25,54,.78),rgba(3,17,39,.72)) !important;
  border:1px solid rgba(159,192,234,.13) !important;
  border-radius:16px !important;
  box-shadow:inset 0 1px rgba(255,255,255,.018) !important;
}
.midnight-gold-theme #wallContent .reason-card .reason-author > strong{
  color:#f3c86f !important;
  font-weight:800 !important;
}
.midnight-gold-theme #wallContent .reason-card .reason-profile-link{
  min-width:0 !important;
  color:#eef3f8 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:12px !important;
  padding:0 !important;
  gap:9px !important;
}
.midnight-gold-theme #wallContent .reason-card .reason-profile-link:hover{
  background:transparent !important;
}
.midnight-gold-theme #wallContent .reason-card .reason-profile-link strong{
  color:#f5d17e !important;
  font-weight:850 !important;
  text-shadow:0 0 18px rgba(242,193,96,.12) !important;
}
.midnight-gold-theme #wallContent .reason-card .reason-profile-link small{
  color:#8495ad !important;
  direction:ltr !important;
}
.midnight-gold-theme #wallContent .reason-card .reason-profile-link:hover strong{
  color:#ffe39c !important;
}
.midnight-gold-theme #wallContent .reason-card .social-avatar,
.midnight-gold-theme #wallContent .reason-card .avatar-orb{
  --avatar-color:#123b6d !important;
  color:#ffe5a4 !important;
  background:linear-gradient(145deg,#174779,#0a2a58) !important;
  border:1px solid rgba(244,198,104,.28) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 7px 18px rgba(0,3,14,.23) !important;
}
.midnight-gold-theme #wallContent .reason-card .card-details{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 !important;
}
.midnight-gold-theme #wallContent .reason-card .card-details span{
  color:#dcb664 !important;
  background:rgba(241,190,89,.075) !important;
  border:1px solid rgba(241,190,89,.12) !important;
  box-shadow:none !important;
  padding:5px 8px !important;
  border-radius:999px !important;
}
.midnight-gold-theme #wallContent .reason-card .reason-actions{
  border-top-color:rgba(159,192,234,.12) !important;
}

@media(max-width:620px){
  .midnight-gold-theme #wallContent .reason-card .reason-author{
    align-items:flex-start !important;
    flex-direction:column !important;
    padding:11px !important;
  }
  .midnight-gold-theme #wallContent .reason-card .card-details{
    justify-content:flex-start !important;
    width:100% !important;
  }
}

/* Stage 3.25 — site-wide aesthetic refinement and daily guest-note fix */
:root{
  --surface-1:rgba(7,27,57,.82);
  --surface-2:rgba(4,18,41,.88);
  --surface-3:rgba(11,38,76,.78);
  --surface-line:rgba(166,199,241,.16);
  --surface-line-strong:rgba(243,196,101,.30);
  --soft-shadow:0 18px 48px rgba(0,4,16,.28);
  --deep-shadow:0 30px 86px rgba(0,3,13,.44);
}

.midnight-gold-theme{
  font-feature-settings:"kern" 1,"ss01" 1;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.midnight-gold-theme::before{opacity:.18}
body.midnight-gold-theme::after{opacity:.64}
.midnight-gold-theme .ambient{opacity:.17;filter:blur(105px)}
.midnight-gold-theme .site-motion-star{width:2px;height:2px;box-shadow:0 0 8px rgba(255,214,120,.72)}
.midnight-gold-theme .site-motion-trail{opacity:.18!important}

/* Cleaner navigation: less glow, stronger hierarchy */
.midnight-gold-theme .site-header{
  min-height:82px;
  background:linear-gradient(135deg,rgba(8,28,59,.92),rgba(3,15,36,.88));
  border-color:rgba(174,204,242,.18);
  box-shadow:0 18px 55px rgba(0,3,14,.34),inset 0 1px rgba(255,255,255,.025);
  animation:none;
}
.midnight-gold-theme .brand-mark{
  border-radius:13px;
  background:linear-gradient(145deg,rgba(243,195,99,.15),rgba(10,35,69,.52));
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 24px rgba(0,4,15,.22);
}
.midnight-gold-theme .top-nav .nav-link{font-weight:650;letter-spacing:-.01em}
.midnight-gold-theme .top-nav .nav-link.active{font-weight:850}
.midnight-gold-theme .top-nav .nav-link::after{height:1px;box-shadow:0 0 8px rgba(255,214,122,.58)}

/* Typographic rhythm */
.midnight-gold-theme h1,
.midnight-gold-theme h2,
.midnight-gold-theme h3{letter-spacing:-.035em;text-wrap:balance}
.midnight-gold-theme p{letter-spacing:-.008em}
.midnight-gold-theme .page-hero p,
.midnight-gold-theme .hero-copy>p,
.midnight-gold-theme .section-heading p{max-width:720px}
.midnight-gold-theme .eyebrow{
  min-height:30px;
  padding:5px 10px;
  border:1px solid rgba(241,190,89,.13);
  border-radius:999px;
  background:rgba(241,190,89,.055);
  font-size:.78rem;
}
.midnight-gold-theme .eyebrow::before{width:14px}

/* Consistent page spacing */
.midnight-gold-theme .page-hero{padding-top:64px;padding-bottom:50px}
.midnight-gold-theme .compact-hero{gap:28px}
.midnight-gold-theme .route-section,
.midnight-gold-theme .reasons-section,
.midnight-gold-theme .about-section,
.midnight-gold-theme .contact-section,
.midnight-gold-theme .principles-section{margin-top:22px}
.midnight-gold-theme .section-heading{gap:22px}
.midnight-gold-theme .section-heading h2{margin-top:10px}

/* One premium glass language for static and dynamic surfaces */
.midnight-gold-theme :is(
  .pulse-strip,.daily-prompt,.route-card,.about-card,.about-quote,
  .principles-grid article,.contact-card,.contact-faq,.contact-safety-note,
  .daily-question-card,.daily-page-answers,.swipe-shell,.reason-card,
  .support-note,.support-compose,.support-list,.support-detail,
  .admin-card,.admin-head,.admin-filters,#adminTicketDetail,
  .admin-review-card,.admin-review-hero,.admin-users-hero,.admin-user-card,
  .admin-owner-note,.profile-cover,.profile-about,.profile-content,
  .account-dashboard,.account-dashboard-head,.account-info-grid>*,
  .account-action-grid>*,.profile-admin-panel,.profile-pending-card,
  .activity-item,.auth-panel,.auth-dual-intro,.prose-card,.page-loading,
  .page-error,.profile-empty,.support-login-card
){
  border-color:var(--surface-line)!important;
  box-shadow:var(--soft-shadow),inset 0 1px rgba(255,255,255,.022)!important;
}
.midnight-gold-theme :is(
  .route-card,.contact-card,.reason-card,.daily-reason-card,
  .account-action-grid>*,.admin-tool-card,.ticket-card,.social-link
){
  transition:transform .25s cubic-bezier(.2,.75,.25,1),border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.midnight-gold-theme :is(
  .route-card,.contact-card,.reason-card,.daily-reason-card,
  .account-action-grid>*,.admin-tool-card,.ticket-card,.social-link
):hover{
  transform:translateY(-4px);
  border-color:var(--surface-line-strong)!important;
  box-shadow:0 24px 58px rgba(0,4,16,.32),0 0 0 1px rgba(243,196,101,.055)!important;
}
.midnight-gold-theme .route-card::before,
.midnight-gold-theme .contact-card::before{
  background:radial-gradient(circle at 86% 0,rgba(242,191,88,.095),transparent 42%);
}

/* Buttons: consistent shape and restrained sheen */
.midnight-gold-theme :is(.primary-button,.soft-button,.ghost-button,.text-button,.contact-action,.filter,.main-tab,.admin-action){
  border-radius:14px;
  letter-spacing:-.012em;
}
.midnight-gold-theme .primary-button{
  background:linear-gradient(135deg,#f8d98f,#d99a34 58%,#edbe63);
  border-color:rgba(255,232,179,.68);
  box-shadow:0 11px 28px rgba(218,153,48,.22),inset 0 1px rgba(255,255,255,.48);
}
.midnight-gold-theme .primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(218,153,48,.30),inset 0 1px rgba(255,255,255,.56)}
.midnight-gold-theme :is(.soft-button,.ghost-button,.text-button,.contact-action){
  background:linear-gradient(145deg,rgba(11,37,73,.80),rgba(5,22,49,.84));
  border-color:rgba(164,197,239,.17);
}

/* Forms and interactive states */
.midnight-gold-theme :is(input,textarea,select){
  min-height:48px;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(2,15,36,.82),rgba(4,22,49,.78))!important;
  border-color:rgba(163,196,238,.16)!important;
}
.midnight-gold-theme textarea{min-height:116px}
.midnight-gold-theme :is(input,textarea,select):hover{border-color:rgba(174,205,243,.25)!important}
.midnight-gold-theme :is(input,textarea,select):focus{
  border-color:rgba(244,198,104,.54)!important;
  box-shadow:0 0 0 3px rgba(244,198,104,.085),0 12px 30px rgba(0,4,16,.18)!important;
}

/* Daily page: balanced composition */
.midnight-gold-theme .daily-page-hero{
  align-items:center;
  padding-inline:clamp(0px,2vw,22px);
}
.midnight-gold-theme .daily-page-hero-note{
  position:relative;
  isolation:isolate;
  max-width:430px;
  min-height:104px;
  align-items:center;
  gap:15px;
  padding:18px 20px;
  overflow:hidden;
  color:#eef3f9;
  background:
    radial-gradient(circle at 92% 5%,rgba(76,140,221,.14),transparent 38%),
    linear-gradient(145deg,rgba(10,36,73,.88),rgba(4,20,46,.90))!important;
  border:1px solid rgba(163,196,239,.18)!important;
  border-radius:22px;
  box-shadow:0 18px 48px rgba(0,4,16,.27),inset 0 1px rgba(255,255,255,.022)!important;
}
.midnight-gold-theme .daily-page-hero-note::after{
  content:"";
  position:absolute;
  inset:auto -35px -52px auto;
  z-index:-1;
  width:150px;
  height:150px;
  border:1px solid rgba(244,198,104,.08);
  border-radius:50%;
}
.midnight-gold-theme .daily-page-hero-note>span{
  flex:0 0 48px;
  width:48px;
  height:48px;
  color:#f5ce78;
  background:linear-gradient(145deg,rgba(241,190,89,.14),rgba(10,39,78,.72));
  border:1px solid rgba(241,190,89,.22);
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 8px 22px rgba(0,4,16,.20);
}
.midnight-gold-theme .daily-page-hero-note strong{
  color:#f7eedc;
  font-size:.95rem;
}
.midnight-gold-theme .daily-page-hero-note p{
  color:#9facbf!important;
  font-size:.80rem;
  line-height:1.85;
}
.midnight-gold-theme .daily-page-hero-note.is-guest{
  background:
    radial-gradient(circle at 92% 5%,rgba(242,191,88,.12),transparent 40%),
    linear-gradient(145deg,rgba(12,39,76,.92),rgba(5,21,48,.92))!important;
  border-color:rgba(242,193,96,.24)!important;
}
.midnight-gold-theme .daily-page-hero-note.is-guest>span{
  font-size:0;
  color:#071225;
  background:linear-gradient(135deg,#f6d487,#d99a34);
  border-color:rgba(255,229,170,.48);
  box-shadow:0 10px 25px rgba(216,153,49,.19),inset 0 1px rgba(255,255,255,.42);
}
.midnight-gold-theme .daily-page-hero-note.is-guest>span::before{
  content:"↪";
  font-size:1.15rem;
  font-weight:900;
}
.midnight-gold-theme .daily-page-hero-note.is-guest strong{color:#f5d17e}
.midnight-gold-theme .daily-page-hero-note.is-guest p{color:#a9b5c6!important}
.midnight-gold-theme .daily-question-card{
  position:relative;
  overflow:hidden;
  padding:clamp(26px,4vw,42px);
  background:
    radial-gradient(circle at 90% 0,rgba(242,193,96,.105),transparent 34%),
    linear-gradient(135deg,rgba(15,47,89,.91),rgba(5,22,49,.91));
}
.midnight-gold-theme .daily-question-card::after{
  content:"؟";
  position:absolute;
  left:clamp(20px,4vw,54px);
  top:50%;
  transform:translateY(-50%);
  color:rgba(244,198,104,.055);
  font-size:clamp(5rem,12vw,11rem);
  font-weight:900;
  pointer-events:none;
}
.midnight-gold-theme .daily-question-card>*{position:relative;z-index:1}
.midnight-gold-theme .daily-page-answers{padding:clamp(24px,4vw,40px)}
.midnight-gold-theme .daily-page-count{
  background:rgba(4,20,46,.60);
  border:1px solid rgba(159,192,234,.13);
  border-radius:18px;
  padding:10px 16px;
}

/* Refined page-specific surfaces */
.midnight-gold-theme .about-card,
.midnight-gold-theme .contact-card,
.midnight-gold-theme .prose-card{
  background:
    radial-gradient(circle at 88% 0,rgba(242,193,96,.07),transparent 34%),
    linear-gradient(145deg,rgba(9,34,70,.88),rgba(4,19,44,.90))!important;
}
.midnight-gold-theme .profile-cover{
  background:
    radial-gradient(circle at 12% 0,rgba(242,193,96,.12),transparent 30%),
    linear-gradient(120deg,rgba(17,57,105,.92),rgba(7,29,63,.94) 58%,rgba(87,59,22,.52))!important;
}
.midnight-gold-theme .auth-panel,
.midnight-gold-theme .support-compose,
.midnight-gold-theme .support-list,
.midnight-gold-theme .support-detail,
.midnight-gold-theme .admin-card{
  background:linear-gradient(145deg,rgba(10,35,71,.91),rgba(4,19,44,.92))!important;
}
.midnight-gold-theme .site-footer{
  margin-top:45px;
  padding-top:28px;
  padding-bottom:34px;
  border-top:1px solid rgba(159,192,234,.10);
}
.midnight-gold-theme .footer-links a{
  color:#9eabbd;
  transition:color .2s ease,transform .2s ease;
}
.midnight-gold-theme .footer-links a:hover{color:#f3c66d;transform:translateY(-1px)}

/* Better mobile rhythm */
@media(max-width:900px){
  .midnight-gold-theme .site-header{min-height:66px;height:66px}
  .midnight-gold-theme .page-hero{padding-top:44px;padding-bottom:34px}
  .midnight-gold-theme .daily-page-hero{gap:24px}
  .midnight-gold-theme .daily-page-hero-note{max-width:680px;margin-inline:auto;text-align:right}
  .midnight-gold-theme .daily-question-card::after{opacity:.7}
}
@media(max-width:620px){
  .midnight-gold-theme .eyebrow{font-size:.72rem}
  .midnight-gold-theme .daily-page-hero-note{min-height:0;padding:15px;border-radius:19px}
  .midnight-gold-theme .daily-page-hero-note>span{flex-basis:43px;width:43px;height:43px}
  .midnight-gold-theme .daily-question-card{padding:24px 18px;border-radius:23px}
  .midnight-gold-theme .daily-question-card::after{display:none}
  .midnight-gold-theme .daily-page-answers{padding:22px 17px;border-radius:23px}
  .midnight-gold-theme :is(.route-card,.contact-card,.reason-card,.daily-reason-card):hover{transform:none}
}

/* Stage 3.26 — desktop composition and unified icon language */
.midnight-gold-theme :is(
  .brand-mark,.route-icon,.contact-icon,.support-icon,.support-heading-icon,
  .admin-tool-icon,.profile-admin-icon,.admin-access-icon,.guideline-icon,
  .auth-required-icon,.support-login-icon,.contact-safety-note>span,
  .daily-page-hero-note>span,.social-link>span,.round-action>span,
  .mini-action>span,.icon-button,.avatar-orb
){
  font-family:"Vazirmatn","Segoe UI Symbol","Noto Sans Symbols 2",sans-serif!important;
  font-variant-emoji:text!important;
  text-shadow:none!important;
}

/* Gold is the primary icon color; blue is reserved for quiet secondary controls. */
.midnight-gold-theme :is(
  .route-icon,.contact-icon,.support-icon,.support-heading-icon,
  .admin-tool-icon,.profile-admin-icon,.admin-access-icon,
  .guideline-icon,.support-login-icon,.contact-safety-note>span
){
  color:#f3c66d!important;
  background:linear-gradient(145deg,rgba(241,190,89,.13),rgba(8,31,64,.82))!important;
  border:1px solid rgba(241,190,89,.22)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 26px rgba(0,4,16,.20)!important;
}
.midnight-gold-theme :is(.route-icon,.contact-icon,.support-heading-icon,.support-login-icon){
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
}
.midnight-gold-theme .route-icon{width:54px!important;height:54px!important;border-radius:17px!important;font-size:1.35rem!important}
.midnight-gold-theme .contact-icon{width:52px!important;height:52px!important;border-radius:16px!important;font-size:1.22rem!important}
.midnight-gold-theme .support-heading-icon{width:56px!important;height:56px!important;border-radius:17px!important;font-size:1.25rem!important}
.midnight-gold-theme .support-icon{border-radius:16px!important}
.midnight-gold-theme :is(.admin-tool-icon,.profile-admin-icon,.admin-access-icon){
  color:#f3c66d!important;
}
.midnight-gold-theme .social-link>span{
  color:#f1c46d!important;
  background:rgba(241,190,89,.08)!important;
  border:1px solid rgba(241,190,89,.14)!important;
  border-radius:12px!important;
}
.midnight-gold-theme :is(.instagram,.x-social,.telegram) :is(span,b){color:inherit}
.midnight-gold-theme :is(.instagram,.x-social,.telegram)>span{color:#f1c46d!important}
.midnight-gold-theme .round-action>span,
.midnight-gold-theme .mini-action>span,
.midnight-gold-theme .icon-button{color:#e8eef6!important}
.midnight-gold-theme :is(.round-action,.mini-action,.icon-button):hover :is(span){color:#ffd985!important}
.midnight-gold-theme .love-action.is-loved>span,
.midnight-gold-theme .hope-button.is-loved,
.midnight-gold-theme .reason-card.liked .hope-button{color:#f6ca70!important}

/* Cleaner icon alignment inside cards and dynamic panels. */
.midnight-gold-theme :is(.route-card,.contact-card,.admin-tool-card,.social-link){isolation:isolate}
.midnight-gold-theme .route-card{display:flex;flex-direction:column;align-items:flex-start}
.midnight-gold-theme .route-card h3{margin-top:18px!important}
.midnight-gold-theme .route-card p{flex:1}
.midnight-gold-theme .route-card>b{margin-top:18px}
.midnight-gold-theme .contact-card{align-content:start}
.midnight-gold-theme .contact-card>.contact-action{align-self:start}
.midnight-gold-theme .social-link{align-items:center!important}

@media(min-width:1100px){
  /* Shared desktop canvas */
  .midnight-gold-theme .site-header{
    width:min(1480px,calc(100% - 56px));
    min-height:84px;
    padding-inline:28px;
    margin-bottom:0;
  }
  .midnight-gold-theme .top-nav{gap:clamp(14px,1.45vw,25px);margin-inline-start:auto}
  .midnight-gold-theme .top-nav .nav-link{padding-inline:4px;white-space:nowrap}
  .midnight-gold-theme :is(
    .hero,.page-hero,.pulse-strip,.support-note,.daily-prompt,.route-section,
    .reasons-section,.contact-section,.about-section,.principles-section,.site-footer
  ){
    width:min(1380px,calc(100% - 64px));
  }
  .midnight-gold-theme main{min-width:0}
  .midnight-gold-theme .page-hero{min-height:390px;padding-top:76px;padding-bottom:58px}
  .midnight-gold-theme .compact-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .midnight-gold-theme .compact-hero>div:first-child{max-width:820px}
  .midnight-gold-theme .page-hero-actions{justify-self:end;align-self:end}

  /* Home: balanced editorial hero and a clear progression down the page. */
  .midnight-gold-theme .home-hero{
    min-height:690px;
    grid-template-columns:minmax(0,1.06fr) minmax(430px,.82fr);
    gap:clamp(56px,6vw,104px);
    align-items:center;
    padding-top:72px;
    padding-bottom:54px;
  }
  .midnight-gold-theme .home-hero .hero-copy{max-width:735px;padding-inline-start:18px}
  .midnight-gold-theme .home-hero .hero-copy>p{max-width:660px}
  .midnight-gold-theme .home-hero .hero-visual{justify-self:end;width:100%;max-width:590px}
  .midnight-gold-theme .home-hero .hope-jar-scene{width:100%;height:560px}
  .midnight-gold-theme .pulse-strip{
    grid-template-columns:repeat(3,minmax(0,1fr)) minmax(300px,1.28fr);
    align-items:stretch;
    padding:18px 22px;
  }
  .midnight-gold-theme .pulse-strip>*{min-height:78px;align-content:center}
  .midnight-gold-theme .support-note{
    display:grid;
    grid-template-columns:58px minmax(0,1fr) 42px;
    align-items:center;
    gap:18px;
    padding:20px 22px;
  }
  .midnight-gold-theme .home-daily-prompt{
    display:grid;
    grid-template-columns:130px minmax(0,1fr) auto;
    align-items:center;
    gap:28px;
    padding:30px 34px;
  }
  .midnight-gold-theme .daily-prompt-actions{justify-content:flex-end;min-width:255px}
  .midnight-gold-theme .route-heading{max-width:780px;margin-bottom:32px}
  .midnight-gold-theme .route-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .midnight-gold-theme .route-card{min-height:310px;padding:28px}

  /* Daily question: answer note, question and response list share one rhythm. */
  .midnight-gold-theme .daily-page{width:min(1280px,calc(100% - 64px));margin-inline:auto}
  .midnight-gold-theme .daily-page .daily-page-hero{width:100%;grid-template-columns:minmax(0,1fr) 410px;gap:64px}
  .midnight-gold-theme .daily-page-hero-note{justify-self:end;width:100%;margin:0}
  .midnight-gold-theme .daily-question-card{
    display:grid;
    grid-template-columns:145px minmax(0,1fr) auto;
    align-items:center;
    gap:34px;
    min-height:250px;
  }
  .midnight-gold-theme .daily-question-date{align-self:start;margin-top:4px}
  .midnight-gold-theme .daily-question-card>.primary-button{min-width:180px;justify-self:end}
  .midnight-gold-theme .daily-page-answers{margin-top:26px}
  .midnight-gold-theme .daily-page-answers-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px}

  /* Discover: focused stream first, then a spacious three-column wall. */
  .midnight-gold-theme .discover-intro{width:min(1280px,calc(100% - 64px))}
  .midnight-gold-theme .discovery-section{width:min(760px,calc(100% - 64px));margin-inline:auto}
  .midnight-gold-theme .swipe-shell{max-width:680px;margin-inline:auto}
  .midnight-gold-theme .embedded-wall{width:min(1380px,calc(100% - 64px));padding:42px}
  .midnight-gold-theme .embedded-wall .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,auto);align-items:end;gap:34px}
  .midnight-gold-theme .embedded-wall .filters{justify-content:flex-end}
  .midnight-gold-theme .embedded-wall .reason-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .midnight-gold-theme .embedded-wall .reason-card{min-height:300px}

  /* About: text gets more room; quote becomes a stable visual anchor. */
  .midnight-gold-theme .about-section{
    display:grid;
    grid-template-columns:minmax(0,1.38fr) minmax(340px,.72fr);
    align-items:start;
    gap:26px;
  }
  .midnight-gold-theme .about-card{padding:46px 48px}
  .midnight-gold-theme .about-quote{position:sticky;top:122px;min-height:430px;display:flex;flex-direction:column;justify-content:center;padding:42px}
  .midnight-gold-theme .principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}

  /* Contact: channels on top, FAQ and safety beside each other below. */
  .midnight-gold-theme .contact-section{
    display:grid;
    grid-template-columns:minmax(0,1fr) 380px;
    gap:24px;
    align-items:start;
  }
  .midnight-gold-theme .contact-grid{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .midnight-gold-theme .contact-card{min-height:315px;padding:28px}
  .midnight-gold-theme .contact-faq{grid-column:1;grid-row:2;margin:0}
  .midnight-gold-theme .contact-safety-note{grid-column:2;grid-row:2;margin:0;position:sticky;top:122px}
  .midnight-gold-theme .contact-support-section{width:min(1280px,calc(100% - 64px));margin-inline:auto}
  .midnight-gold-theme .support-section-heading{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px;align-items:center}
  .midnight-gold-theme .support-shell{grid-template-columns:minmax(330px,390px) minmax(0,1fr);gap:24px}

  /* Account and dashboard layouts are denser on desktop, never stretched edge-to-edge. */
  .midnight-gold-theme .auth-dual-shell{width:min(1320px,calc(100% - 64px));margin-inline:auto}
  .midnight-gold-theme .auth-dual-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr);align-items:end;gap:48px;padding:42px 46px}
  .midnight-gold-theme .auth-dual-intro>p{justify-self:end;max-width:470px}
  .midnight-gold-theme .auth-panels{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:24px}
  .midnight-gold-theme .auth-panel{padding:32px}
  .midnight-gold-theme .profile-page>#profileApp{width:min(1280px,100%)}
  .midnight-gold-theme .profile-body{grid-template-columns:330px minmax(0,1fr);gap:28px}
  .midnight-gold-theme .profile-reason-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .midnight-gold-theme .admin-shell{width:min(1320px,100%)}
  .midnight-gold-theme .support-page,.midnight-gold-theme .admin-page{padding-inline:max(32px,calc((100vw - 1380px)/2))}

  /* Desktop footer feels attached to the same visual grid. */
  .midnight-gold-theme .site-footer{display:flex;align-items:center;justify-content:space-between;gap:28px}
}

@media(min-width:1500px){
  .midnight-gold-theme .site-header{width:min(1540px,calc(100% - 72px))}
  .midnight-gold-theme :is(.hero,.page-hero,.route-section,.reasons-section,.contact-section,.about-section,.principles-section,.site-footer){width:min(1440px,calc(100% - 80px))}
  .midnight-gold-theme .home-hero{gap:112px}
  .midnight-gold-theme .route-grid{gap:24px}
  .midnight-gold-theme .route-card{padding:31px}
}

/* Stage 3.26 desktop follow-up: explicit placement for unwrapped intro children */
@media(min-width:1100px){
  .midnight-gold-theme .pulse-strip>article,
  .midnight-gold-theme .pulse-strip>.pulse-live{display:grid;align-content:center}
  .midnight-gold-theme .auth-dual-intro{
    grid-template-areas:
      "eyebrow copy"
      "title copy";
  }
  .midnight-gold-theme .auth-dual-intro>.eyebrow{grid-area:eyebrow;justify-self:start;align-self:end}
  .midnight-gold-theme .auth-dual-intro>h1{grid-area:title;margin-bottom:0}
  .midnight-gold-theme .auth-dual-intro>p{grid-area:copy;align-self:center;justify-self:end;margin:0}
}

/* Stage 3.31 — dark-mode auth/security refinement */
html[data-ui-theme="dark"] .auth-safety,
html[data-ui-theme="dark"] .password-guide,
html[data-ui-theme="dark"] .auth-draft-notice{
  background:linear-gradient(145deg,rgba(7,28,58,.92),rgba(3,18,42,.9)) !important;
  border:1px solid rgba(241,190,89,.22) !important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 40px rgba(0,5,16,.24) !important;
  color:#c8d2de !important;
}
html[data-ui-theme="dark"] .auth-safety span,
html[data-ui-theme="dark"] .password-guide p,
html[data-ui-theme="dark"] .password-strength-head span{
  color:#9fb0c4 !important;
}
html[data-ui-theme="dark"] .password-strength{
  background:rgba(255,255,255,.07) !important;
}
html[data-ui-theme="dark"] .password-guide ul{
  gap:8px 14px !important;
}
html[data-ui-theme="dark"] .password-guide li{
  background:rgba(255,255,255,.04) !important;
  color:#b8c6d8 !important;
}
html[data-ui-theme="dark"] .password-guide li::before{
  border-color:#8da0b8 !important;
}
html[data-ui-theme="dark"] .password-guide li.is-valid{
  background:rgba(62,121,91,.2) !important;
  color:#aee6c5 !important;
}
html[data-ui-theme="dark"] .password-guide li.is-valid::before{
  background:#5db381 !important;
  color:#071225 !important;
}
html[data-ui-theme="dark"] .password-toggle{
  background:rgba(255,255,255,.08) !important;
  color:#f1c56d !important;
}
html[data-ui-theme="dark"] .password-toggle:hover{
  background:rgba(255,255,255,.12) !important;
}