/* DIVINA BRUXA 4.0 · MACROETAPA 8/14 · DIÁRIO + ESPELHO V556
   Privacidade visível, hierarquia simples e pintura limitada para iPhone. */

#journal{--j556-gold:#f1d38b;--j556-ink:#fff7fb;--j556-muted:rgba(230,216,234,.7);--j556-line:rgba(241,211,139,.16)}
html[data-runtime="v12"] #app>#journal[data-db-realm="memory"]:before{animation:none!important;transition:none!important}
#journal .journal-celestial-map{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(13,6,23,.9)}
#journal .journal-world-v317{contain:layout paint;background:radial-gradient(circle at 86% 16%,rgba(156,75,219,.16),transparent 28%),radial-gradient(circle at 8% 100%,rgba(236,196,109,.07),transparent 34%),linear-gradient(145deg,rgba(20,8,31,.94),rgba(6,3,11,.98))}
#journal .jwv556__orb-zone{display:grid;justify-items:center;gap:6px;flex:0 0 116px;text-align:center}
#journal .jwv556__orb-host{position:relative;width:104px;aspect-ratio:1;border-radius:50%;contain:layout paint}
#journal .jwv556__orb-host .supreme-orb-shell{width:100%!important;height:100%!important;max-width:none!important}
#journal .jwv556__orb-zone small{color:var(--j556-gold);font:800 7px/1.2 system-ui;letter-spacing:.12em}
#journal .jwv317__passages{grid-template-columns:repeat(3,minmax(0,1fr))}
#journal .jwv317__passages>p{grid-column:1/-1;min-height:58px}
#journal .jwv317__passages button{min-height:76px;border-radius:22px;background:radial-gradient(circle at 12% 18%,rgba(142,67,194,.13),transparent 45%),rgba(8,4,15,.7);transition:transform .18s ease,opacity .18s ease}
#journal .jwv317__passages button:active{transform:scale(.985)}

#journal .journal-command,#journal .journal-rhythm-mount .rhythm-v6,#journal .journal-editor,#journal .journal-mirror,#journal .journal-explorer{box-shadow:0 18px 54px rgba(0,0,0,.24);background:linear-gradient(145deg,rgba(20,9,33,.94),rgba(7,3,13,.97))}
#journal .journal-workspace{grid-template-columns:minmax(0,1.35fr) minmax(290px,.75fr);gap:12px}
#journal .journal-editor,#journal .journal-mirror,#journal .journal-explorer{border-radius:28px}
#journal .journal-field input,#journal .journal-field select,#journal .journal-field textarea,#journal .journal-tools input,#journal .journal-tools select{background:#0a0512;box-shadow:none!important}
#journal .journal-field textarea{min-height:210px}

#journal .journal-advanced,#journal .journal-filter-drawer{margin-top:12px;border:1px solid var(--j556-line);border-radius:19px;background:rgba(255,255,255,.018);overflow:hidden}
#journal .journal-advanced>summary,#journal .journal-filter-drawer>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:8px 13px;cursor:pointer;list-style:none}
#journal .journal-advanced>summary::-webkit-details-marker,#journal .journal-filter-drawer>summary::-webkit-details-marker{display:none}
#journal .journal-advanced>summary span,#journal .journal-filter-drawer>summary span{display:grid;gap:3px}
#journal .journal-advanced>summary b,#journal .journal-filter-drawer>summary b{color:var(--j556-gold);font:700 11px/1.25 system-ui}
#journal .journal-advanced>summary small,#journal .journal-filter-drawer>summary small{color:var(--j556-muted);font:500 9px/1.35 system-ui}
#journal .journal-advanced>summary i,#journal .journal-filter-drawer>summary i{color:var(--j556-gold);font-style:normal}
#journal .journal-advanced[open]>summary i,#journal .journal-filter-drawer[open]>summary i{transform:rotate(45deg)}
#journal .journal-advanced>.journal-form-grid{margin:0;padding:0 12px 12px}
#journal .journal-filter-drawer{margin:14px 0}
#journal .journal-filter-drawer>.journal-tools{margin:0;padding:0 12px 12px}

#journal .journal-mirror{contain:layout paint}
#journal .mirror-celestial-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#journal .mirror-celestial-stats>div{min-height:76px;border-radius:16px}
#journal .mirror-week i{box-shadow:none}
#journal .journal-memory-card{content-visibility:auto;contain-intrinsic-size:440px;border-radius:22px;box-shadow:0 12px 34px rgba(0,0,0,.2)}
#journal .journal-card-atlas{display:block;width:42px;aspect-ratio:2/3;border-radius:7px;background-repeat:no-repeat}
#journal .journal-more{display:block;min-height:48px;margin:16px auto 0;padding:0 18px;border:1px solid rgba(241,211,139,.24);border-radius:999px;background:rgba(65,28,87,.3);color:var(--j556-gold);font-weight:750}
#journal .journal-more[hidden]{display:none}
#journal :is(button,summary){touch-action:manipulation}

@media(max-width:980px){
  #journal .journal-workspace{grid-template-columns:1fr}
  #journal .journal-mirror{position:static}
}

@media(max-width:680px){
  #journal .journal-world-v317{padding:17px 14px;border-radius:25px}
  #journal .jwv317__head{align-items:center}
  #journal .jwv556__orb-zone{flex-basis:82px}
  #journal .jwv556__orb-host{width:76px}
  #journal .jwv317__passages{display:flex;overflow-x:auto;gap:8px;padding-bottom:2px;scroll-snap-type:x mandatory}
  #journal .jwv317__passages button{flex:0 0 min(72vw,220px);scroll-snap-align:start}
  #journal .jwv317__passages>p{flex:0 0 min(80vw,290px)}
  #journal .journal-editor,#journal .journal-mirror,#journal .journal-explorer{border-radius:23px}
  #journal .mirror-celestial-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  #journal .journal-related-cards>span{grid-template-columns:36px minmax(0,auto)}
  #journal .journal-card-atlas{width:36px}
}

@media(max-width:430px){
  #journal .jwv317__copy h3{font-size:clamp(1.55rem,8vw,2.15rem)}
  #journal .jwv556__orb-zone{flex-basis:68px}
  #journal .jwv556__orb-host{width:62px}
  #journal .jwv556__orb-zone small{font-size:6px}
  #journal .mirror-celestial-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #journal .journal-entry-actions button{flex:1 1 132px}
}

@media(prefers-reduced-motion:reduce){
  #journal *,#journal *:before,#journal *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}