/* UNRAVEL Premier Pages 9.0.0
   Visual layer only. Keeps existing Diary / Finance / Food / Goals / UNA TV engines and data flows intact. */
:root{
  --up-bg:#03070b;
  --up-bg2:#07131f;
  --up-card:#09131d;
  --up-card2:#101c28;
  --up-gold:#ffd080;
  --up-blue:#43d3ff;
  --up-text:#f6f8fb;
  --up-muted:#aeb9c4;
  --up-line:rgba(235,239,248,.22);
  --up-glow:rgba(57,185,245,.16);
}
body.premier-section-active{background:var(--up-bg)!important;color:var(--up-text)!important}
body.premier-section-active .app{display:block!important;max-width:none!important;background:var(--up-bg)!important;min-height:100vh!important}
body.premier-section-active .side,body.premier-section-active .topbar,body.premier-section-active .mobile-nav{display:none!important}
body.premier-section-active .main{margin:0!important;max-width:none!important;min-height:100vh!important;padding:0 0 60px!important;background:radial-gradient(ellipse at 50% -8%,rgba(35,112,169,.18),transparent 34%),linear-gradient(180deg,#05101a 0%,#03070b 72%)!important;overflow:visible!important}
body.premier-section-active #diaryPage,
body.premier-section-active #financePage,
body.premier-section-active #foodPage,
body.premier-section-active #goalsPage,
body.premier-section-active #mediaPage{max-width:1440px!important;margin:0 auto!important;padding:0 clamp(18px,4.5vw,76px) 54px!important;color:var(--up-text)!important;background:transparent!important}

/* Minimal navigation: Home cards remain the main pathway. */
.premier-page-top{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 calc(clamp(18px,4.5vw,76px)*-1) 12px;padding:0 clamp(18px,4.5vw,76px);border-bottom:1px solid rgba(255,255,255,.14);background:rgba(5,11,17,.92);backdrop-filter:blur(18px);position:relative;z-index:15}
.premier-page-wordmark{display:flex;align-items:center;gap:14px;min-width:0}
.premier-page-wordmark>b{font:300 38px/1.05 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.015em;color:#fff}
.premier-page-wordmark>span{font:750 8px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:.22em;color:var(--up-gold);text-transform:uppercase;white-space:nowrap}
.premier-page-actions{display:flex;align-items:center;gap:10px}
.premier-home-button{min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.055);color:#fff;font:750 11px/1 system-ui;cursor:pointer}
.premier-home-button:hover{background:rgba(255,255,255,.1)}
.premier-home-button:focus-visible{outline:3px solid var(--up-gold);outline-offset:3px}

/* Small live Una identity shown on every inner page. */
.premier-mini-orb{--up-level:0;position:relative;width:52px;height:52px;border:0;border-radius:50%;padding:0;background:transparent;cursor:pointer;isolation:isolate;filter:drop-shadow(0 0 10px rgba(67,211,255,.18))}
.premier-mini-orb img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:.2s ease}
.premier-mini-orb:before,.premier-mini-orb:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(67,211,255,.35);opacity:.4;animation:upRing 8s linear infinite}
.premier-mini-orb:after{inset:5px -5px;border-color:rgba(255,208,128,.42);animation-direction:reverse;animation-duration:11s}
.premier-mini-orb[data-state="listening"]{filter:drop-shadow(0 0 17px rgba(67,211,255,.62))}
.premier-mini-orb[data-state="listening"]:before{animation-duration:1.5s;opacity:.9}
.premier-mini-orb[data-state="thinking"]:before,.premier-mini-orb[data-state="searching"]:before{animation-duration:2.2s;opacity:.8}
.premier-mini-orb[data-state="speaking"]{filter:drop-shadow(0 0 17px rgba(255,196,93,.62));animation:upTalk 1s ease-in-out infinite alternate}
.premier-mini-orb[data-state="complete"]:after{opacity:.95}
@keyframes upRing{to{transform:rotate(360deg)}}
@keyframes upTalk{from{transform:scale(.98)}to{transform:scale(1.045)}}

/* Shared cinematic hero language. */
body.premier-section-active .hero,
body.premier-section-active .finance-hero,
body.premier-section-active .food-hero,
body.premier-section-active .goals-hero{position:relative!important;overflow:hidden!important;min-height:360px!important;border:1px solid rgba(235,239,248,.20)!important;border-radius:28px!important;padding:34px 38px!important;box-shadow:0 30px 78px rgba(0,0,0,.36)!important;color:#fff!important;isolation:isolate!important}
body.premier-diary .hero{background:linear-gradient(90deg,rgba(3,8,13,.94),rgba(3,8,13,.72) 54%,rgba(3,8,13,.25)),url('/dream-diary.jpg') center/cover!important}
body.premier-finance .finance-hero{background:linear-gradient(90deg,rgba(3,8,13,.94),rgba(3,8,13,.70) 54%,rgba(3,8,13,.24)),url('/dream-finance.jpg') center/cover!important}
body.premier-food .food-hero{background:linear-gradient(90deg,rgba(3,8,13,.94),rgba(3,8,13,.68) 54%,rgba(3,8,13,.20)),url('/dream-food.jpg') center/cover!important}
body.premier-goals .goals-hero{background:linear-gradient(90deg,rgba(3,8,13,.94),rgba(3,8,13,.68) 54%,rgba(3,8,13,.20)),url('/dream-goals.jpg') center/cover!important}
body.premier-section-active .hero-copy,
body.premier-section-active .finance-hero-copy,
body.premier-section-active .food-hero-copy,
body.premier-section-active .goals-hero-copy{position:relative!important;z-index:2!important;max-width:720px!important;color:#fff!important}
body.premier-section-active .una-front-brand{display:none!important}
body.premier-section-active .eyebrow.gold{color:var(--up-gold)!important;letter-spacing:.20em!important;font-size:9px!important}
body.premier-section-active .hero h1,
body.premier-section-active .finance-hero h1,
body.premier-section-active .food-hero h1,
body.premier-section-active .goals-hero h1{margin:12px 0 12px!important;color:#fff!important;font:300 clamp(42px,5vw,70px)/.98 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.045em!important;max-width:760px!important}
body.premier-section-active .hero-copy>p,
body.premier-section-active .finance-hero-copy>p,
body.premier-section-active .food-hero-copy>p,
body.premier-section-active .goals-hero-copy>p{max-width:630px!important;color:rgba(236,242,248,.76)!important;font-size:14px!important;line-height:1.6!important}
body.premier-section-active .una-hero-composer{max-width:680px!important;margin-top:20px!important;background:linear-gradient(105deg,rgba(12,22,33,.94),rgba(75,58,35,.55))!important;border:1px solid rgba(235,239,248,.34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
body.premier-section-active .una-hero-composer input{color:#fff!important;background:transparent!important}
body.premier-section-active .una-hero-composer input::placeholder{color:rgba(234,240,246,.65)!important}
body.premier-section-active .una-hero-send{background:rgba(255,208,128,.14)!important;border:1px solid rgba(255,208,128,.55)!important;color:#fff!important}
body.premier-section-active .una-hero-mic{background:linear-gradient(145deg,#efc865,#a96e24)!important;color:#fff!important;box-shadow:0 0 22px rgba(255,190,78,.18)!important}
body.premier-section-active .una-hero-prompts{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:13px!important}
body.premier-section-active .una-hero-prompts button{min-height:37px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:999px!important;background:rgba(255,255,255,.055)!important;color:#eaf0f5!important;padding:8px 13px!important;font-size:10px!important}
body.premier-section-active .hero-glass,
body.premier-section-active .finance-hero-panel,
body.premier-section-active .food-hero-panel,
body.premier-section-active .goals-hero-panel{position:relative!important;z-index:2!important;background:rgba(6,15,23,.63)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(18px)!important;color:#fff!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important}
body.premier-section-active .hero-glass *,
body.premier-section-active .finance-hero-panel *,
body.premier-section-active .food-hero-panel *,
body.premier-section-active .goals-hero-panel *{color:inherit}

/* Secondary Una banners become quiet glass strips rather than another page. */
body.premier-section-active .section-ask-banner{margin:18px 0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:22px!important;background:linear-gradient(110deg,rgba(12,24,35,.90),rgba(14,28,40,.74))!important;color:#fff!important;box-shadow:none!important}
body.premier-section-active .section-ask-banner h2{color:#fff!important;font-weight:350!important}
body.premier-section-active .section-ask-banner p{color:rgba(233,239,245,.68)!important}
body.premier-section-active .section-ask-trust{color:var(--up-gold)!important}

/* Existing engines: same data, premium shells. */
body.premier-section-active .section,
body.premier-section-active .card,
body.premier-section-active .finance-panel,
body.premier-section-active .food-panel,
body.premier-section-active .flex-food-panel,
body.premier-section-active .goals-panel,
body.premier-section-active .food-featured,
body.premier-section-active .finance-snapshot-shell,
body.premier-section-active .goals-motivation-card{border:1px solid rgba(235,239,248,.14)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(13,25,37,.97),rgba(6,13,20,.96))!important;color:#eef3f8!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important}
body.premier-section-active .section h2,
body.premier-section-active .section h3,
body.premier-section-active .card h2,
body.premier-section-active .card h3,
body.premier-section-active .finance-panel h2,
body.premier-section-active .finance-panel h3,
body.premier-section-active .food-panel h2,
body.premier-section-active .food-panel h3,
body.premier-section-active .goals-panel h2,
body.premier-section-active .goals-panel h3{color:#fff!important}
body.premier-section-active .section p,
body.premier-section-active .card p,
body.premier-section-active .finance-panel p,
body.premier-section-active .food-panel p,
body.premier-section-active .goals-panel p{color:rgba(229,236,242,.67)!important}
body.premier-section-active .eyebrow{color:var(--up-gold)!important}
body.premier-section-active input:not([type="checkbox"]):not([type="radio"]),
body.premier-section-active textarea,
body.premier-section-active select{background:rgba(255,255,255,.055)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;color-scheme:dark!important}
body.premier-section-active table{color:#eef3f8!important}
body.premier-section-active th{color:#b9c5cf!important;border-color:rgba(255,255,255,.12)!important}
body.premier-section-active td{border-color:rgba(255,255,255,.09)!important}
body.premier-section-active .primary,body.premier-section-active .home-cta{background:linear-gradient(145deg,#f0cb70,#b77c29)!important;color:#08111a!important;border-color:transparent!important}
body.premier-section-active .secondary,body.premier-section-active .finance-link-button,body.premier-section-active .goals-glass-button{background:rgba(255,255,255,.06)!important;color:#f2f5f8!important;border-color:rgba(255,255,255,.15)!important}

/* Finance / Food / Goals grids stay functional, but breathe more. */
body.premier-section-active .finance-kpis,body.premier-section-active .goals-kpis{gap:12px!important}
body.premier-section-active .finance-kpi{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;border-radius:18px!important}
body.premier-section-active .finance-table-wrap{border-color:rgba(255,255,255,.12)!important;background:rgba(0,0,0,.12)!important}
body.premier-section-active .food-summary,body.premier-section-active .food-principles,body.premier-section-active .food-shopping-list{color:#eef3f8!important}
body.premier-section-active .goals-week-strip,body.premier-section-active .goals-horizon-strip{border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.04)!important}

/* UNA TV: use the original blue/gold Una orb identity and same measured card motion. */
body.premier-media .media-dream-hero{min-height:330px!important;border-color:rgba(235,239,248,.20)!important;background:radial-gradient(circle at 80% 40%,rgba(50,170,245,.15),transparent 28%),linear-gradient(100deg,rgba(3,8,13,.95),rgba(3,8,13,.66) 58%,rgba(3,8,13,.24)),url('/dream-media.jpg') center/cover!important}
body.premier-media .media-dream-mark{display:none!important}
body.premier-media .media-dream-wordmark b{font:300 38px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;letter-spacing:.015em!important}
body.premier-media .media-dream-wordmark small{color:var(--up-gold)!important}
body.premier-media .media-dream-orb{background:url('/assets/home-original/orb-original.png') center/contain no-repeat!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 0 20px rgba(57,184,244,.22));animation:upOrbFloat 6.4s ease-in-out infinite!important}
body.premier-media .media-dream-orb b,body.premier-media .media-dream-orb small{display:none!important}
body.premier-media .media-dream-orb:before{inset:1%!important;border-color:rgba(67,211,255,.38)!important;animation:upRing 8s linear infinite!important}
body.premier-media .media-dream-orb:after{inset:12% -7%!important;border-color:rgba(255,208,128,.46)!important;animation:upRing 11s linear infinite reverse!important}
body.premier-media .media-dream-orb[data-state="listening"]{filter:drop-shadow(0 0 28px rgba(67,211,255,.62))!important}
body.premier-media .media-dream-orb[data-state="thinking"],body.premier-media .media-dream-orb[data-state="searching"]{animation-duration:2.6s!important}
body.premier-media .media-dream-orb[data-state="speaking"]{filter:drop-shadow(0 0 28px rgba(255,196,93,.60))!important;animation:upTalk 1s ease-in-out infinite alternate!important}
@keyframes upOrbFloat{0%,100%{transform:translateY(-46%)}50%{transform:translateY(calc(-46% - 5px))}}
body.premier-media .media-dream-card{height:340px!important}
body.premier-media .media-dream-inner{transition-duration:1.05s!important}
body.premier-media .media-dream-face{border-color:rgba(235,239,248,.23)!important}
body.premier-media .media-dream-front h2{font-weight:350!important}
body.premier-media .media-dream-back{background:radial-gradient(circle at 100% 0%,rgba(56,165,235,.13),transparent 35%),linear-gradient(145deg,#111d2a,#060d14)!important}

@media(max-width:900px){
  body.premier-section-active #diaryPage,body.premier-section-active #financePage,body.premier-section-active #foodPage,body.premier-section-active #goalsPage,body.premier-section-active #mediaPage{padding:0 8px 36px!important}
  .premier-page-top{margin:0 -8px 8px;padding:0 16px;min-height:60px}
  .premier-page-wordmark>b{font-size:30px}.premier-page-wordmark>span{display:none}.premier-mini-orb{width:44px;height:44px}.premier-home-button{min-height:40px;padding:0 12px}
  body.premier-section-active .hero,body.premier-section-active .finance-hero,body.premier-section-active .food-hero,body.premier-section-active .goals-hero{min-height:auto!important;padding:26px 20px!important;border-radius:23px!important;display:block!important}
  body.premier-section-active .hero h1,body.premier-section-active .finance-hero h1,body.premier-section-active .food-hero h1,body.premier-section-active .goals-hero h1{font-size:42px!important;max-width:88%!important}
  body.premier-section-active .hero-glass,body.premier-section-active .finance-hero-panel,body.premier-section-active .food-hero-panel,body.premier-section-active .goals-hero-panel{margin-top:18px!important}
  body.premier-section-active .una-hero-prompts{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important}
  body.premier-section-active .una-hero-prompts button{white-space:nowrap!important;flex:none!important}
  body.premier-media .media-dream-orb{animation-name:upOrbFloatMobile!important}
  @keyframes upOrbFloatMobile{0%,100%{transform:none}50%{transform:translateY(-4px)}}
}
@media(prefers-reduced-motion:reduce){.premier-mini-orb,.premier-mini-orb:before,.premier-mini-orb:after,body.premier-media .media-dream-orb,body.premier-media .media-dream-orb:before,body.premier-media .media-dream-orb:after{animation:none!important}}