:root{
  --glass-opacity:0.20;
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{
  font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  background-size:cover;background-position:center;background-attachment:fixed;
  color:#000; /* readable black text */
  padding-top:64px;padding-right:28px;padding-bottom:0;padding-left:0;
}
#safe-wrap{display:flex;flex-direction:column;gap:12px;min-height:calc(100vh - 64px)}
.glass,
#safe-wrap,
#composer,
#feed,
.entry {
  backdrop-filter: blur(calc(6px * var(--glass-opacity) / .20));
  -webkit-backdrop-filter: blur(calc(6px * var(--glass-opacity) / .20));
  background: rgba(255, 255, 255, var(--glass-opacity));
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, .08);
  color: #000;
}

/* keep body as a true background layer */
body {
  font: 15px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  color: #000;
  padding-top: 64px;
  padding-right: 28px;
  padding-bottom: 0;
  padding-left: 0;
}


#journal-custom-background{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
#journal-custom-background img,#journal-custom-background video{width:100%;height:100%;object-fit:cover;display:block}
#safe-wrap{position:relative;z-index:1}
.journal-background-picker{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.journal-background-picker input{max-width:200px}
#journalBackgroundStatus{font-size:12px}
#topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 14px}
#composer{
  display:flex;
  align-items:stretch;
  padding:12px;
  position:relative;
}
.pane{padding:10px;flex:1;overflow:auto}

/* Journal 05: browse first, author below; responsive without changing saved columns. */
#feed>div:first-child{flex-wrap:wrap}#topbar a{color:#bde9ff}#journal-author-settings{padding:14px;margin:16px 0}#journal-author-settings .tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}body:has(#studio-shell.on) #journal-author-settings{display:none}

/* Bottega film covers: no empty native players, and no video download before Play. */

/* V145-inspired Journal Enchanted Player: one floating decoder, poster-only posts. */
.sible-enchanted-screen{position:relative}
.sible-stream-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;pointer-events:none;color:#ecfaff;font:600 15px system-ui;text-shadow:0 1px 5px #000;padding:20px 20px 60px;text-align:center;background:linear-gradient(transparent,#050a1588,transparent)}
.sible-stream-status[hidden]{display:none}
.sible-stream-spinner{flex:none;width:22px;height:22px;border:2px solid #d8f3ff44;border-top-color:#c3f6ff;border-radius:50%;animation:sible-stream-spin 1s linear infinite}
@keyframes sible-stream-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.sible-stream-spinner{animation:none}}

#sible-enchanted-player{display:none;position:fixed;z-index:2147482500;right:22px;bottom:22px;width:min(780px,calc(100vw - 24px));height:min(650px,calc(100dvh - 24px));min-width:290px;min-height:85px;resize:both;overflow:hidden;flex-direction:column;border:1px solid #a6d9ffbb;border-radius:19px;background:linear-gradient(145deg,#17253be8,#120f29f0);color:#eef8ff;box-shadow:0 20px 75px #000b,0 0 35px #70bfff44;backdrop-filter:blur(18px) saturate(140%);font:13px system-ui}
#sible-enchanted-player.on{display:flex}#sible-enchanted-player.collapsed{height:auto!important;min-height:0;resize:none}#sible-enchanted-player.collapsed .sible-enchanted-body{display:none}
.sible-enchanted-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 15px;background:#28436a66;border-bottom:1px solid #a6d9ff66;cursor:grab;touch-action:none;user-select:none}.sible-enchanted-head strong{letter-spacing:.08em}.sible-enchanted-head button{padding:5px 10px;margin-left:5px}
.sible-enchanted-body{min-height:0;flex:1;display:flex;flex-direction:column;padding:10px;gap:8px}.sible-enchanted-screen{flex:1;min-height:100px;display:flex;align-items:center;justify-content:center;background:#02040c;border-radius:12px;overflow:hidden}.sible-enchanted-screen video,.sible-enchanted-screen audio{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;background:#02040c}.sible-enchanted-screen audio{height:70px}.sible-enchanted-title{font-weight:650;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sible-enchanted-controls{display:flex;justify-content:center;gap:7px;flex-wrap:wrap}.sible-enchanted-controls button{padding:7px 11px}.sible-enchanted-queue{display:flex;gap:6px;overflow-x:auto;max-height:55px;flex:0 0 auto}.sible-enchanted-queue button{white-space:nowrap;max-width:210px;overflow:hidden;text-overflow:ellipsis;background:#22324e;color:#fff;border:1px solid #769bc4}.sible-enchanted-queue button.active{border-color:#b8f3ff;background:#3b5279}
#entries .journal-video-tile video{display:none!important}#entries .journal-video-tile .journal-video-cover,#entries .journal-video-tile .journal-video-open{display:flex!important}#entries .journal-video-tile .journal-video-cover{display:block!important}
@media(max-width:650px){#sible-enchanted-player{right:8px;bottom:8px;width:calc(100vw - 16px);height:min(540px,75dvh)}}
.journal-video-tile{position:relative;width:100%;aspect-ratio:16/9;min-height:180px;overflow:hidden;border-radius:14px;background:#111421;border:1px solid #bddcff33;box-shadow:0 8px 28px #0005}
#entries .journal-video-tile .journal-video-cover{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;border-radius:0!important}
#entries .journal-video-tile video{display:none!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;object-fit:contain!important}
#entries .journal-video-tile.is-playing video{display:block!important}
.journal-video-open{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:0!important;border-radius:0!important;background:linear-gradient(transparent 35%,#080b1744)!important;color:#fff!important;cursor:pointer;text-shadow:0 2px 14px #000}
.journal-video-open span{display:grid;place-items:center;width:62px;height:62px;border:1px solid #e1f4ff99;border-radius:50%;background:#121c3999;backdrop-filter:blur(8px);font-size:25px;box-shadow:0 8px 30px #0005}
.journal-video-open small{font:12px system-ui;letter-spacing:2px;text-transform:uppercase}.journal-video-source{position:absolute;right:10px;bottom:9px;z-index:3;color:#e4f1ff!important;font:11px system-ui;background:#101627aa;padding:5px 9px;border-radius:6px}
.journal-video-tile.is-playing>.journal-video-cover,.journal-video-tile.is-playing>.journal-video-open,.journal-video-tile.is-playing>.journal-video-source{display:none!important}
.journal-save-badge{font:11px system-ui;border:1px solid currentColor;border-radius:6px;padding:4px 7px;max-width:90%;overflow-wrap:anywhere}

#journalBuildBadge{font:11px system-ui;padding:4px 7px;border:1px solid #96dfff66;border-radius:7px;color:#bceaff}
.journal-external-label{display:block;font:13px system-ui;color:#d9f3ff}.journal-external-label textarea{width:100%;box-sizing:border-box;background:#1c263bcc;color:#f2f6ff;border:1px solid #71859f;border-radius:9px;padding:10px;margin:5px 0 12px}
.journal-external-player{width:100%;aspect-ratio:16/9;border:0;display:block;border-radius:10px}.journal-external{display:grid;gap:8px;margin:8px 0;min-width:0}.journal-external a{color:#b2e8ff;overflow-wrap:anywhere;font:13px system-ui}.journal-external small{color:#c2cddd}
.journal-art-surface{position:relative}.journal-app-placeholder{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#10192599;backdrop-filter:blur(5px);border:1px solid #82c5ef66;border-radius:12px;color:#d7eeff;padding:18px;text-align:center}.journal-app-placeholder[hidden]{display:none!important}.journal-app-placeholder button{padding:12px 20px;border:1px solid #b2ebff;border-radius:10px;background:#203455;color:white;cursor:pointer}
.journal-light-mode #feed,.journal-light-mode #composer,.journal-light-mode .entry{
  backdrop-filter:blur(calc(3px * min(var(--glass-opacity) / .20, 1)))!important;
  -webkit-backdrop-filter:blur(calc(3px * min(var(--glass-opacity) / .20, 1)))!important;
  box-shadow:none!important
}
@media(max-width:650px){#topbar{flex-wrap:wrap;gap:10px;padding-top:44px}#topbar .brand{display:flex;gap:8px;flex-wrap:wrap;align-items:center}#topbar .tools{flex-wrap:wrap}#feed{padding:6px}#composer{margin-top:20px}.journal-custom-frame{min-height:560px!important}#journal-stage{max-height:45vh}}

#divider{
  width:6px;cursor:col-resize;
  background:rgba(0,0,0,0.1);
  border-radius:3px;
}
.drop{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:18px;border-radius:12px;border:2px dashed rgba(0,0,0,.18);
  min-height:260px;background:rgba(255,255,255,.55)
}
.drop.drag{background:rgba(200,230,255,.4)}
.hint{opacity:.7;margin:8px 0 0}
#preview{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:12px}
.preview-item{padding:8px;border-radius:10px;background:rgba(255,255,255,.55);border:1px solid rgba(0,0,0,.12)}
#preview img,#preview video{width:100%;max-height:240px;object-fit:contain;border-radius:8px;display:block}
#preview audio{width:100%}
.preview-name{margin-top:6px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-remove{margin-top:6px;padding:5px 8px;font-size:12px}
.field{
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.15);
  background:rgba(255,255,255,.8);
  margin-bottom:10px;
  color:#2b2f33;
  -webkit-text-fill-color:#2b2f33; /* ← THIS IS THE FIX */
}

button{cursor:pointer;border-radius:10px;padding:8px 12px;border:1px solid rgba(0,0,0,.15);background:#fff;color:#000}
button:hover{filter:brightness(0.95)}
#feed{padding:10px 12px}
#entries{display:flex;flex-direction:column;gap:12px}
.entry {
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 12px;
  padding: 12px;
  border-radius: 16px;
  backdrop-filter:blur(calc(4px * min(var(--glass-opacity) / .20, 1)));
  -webkit-backdrop-filter:blur(calc(4px * min(var(--glass-opacity) / .20, 1)));
  background: rgba(255, 255, 255, var(--glass-opacity));
  border: 1px solid rgba(0, 0, 0, .08);
  color: #000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.entry.now-playing {
  border-left: 4px solid #2b2f33;
  background: rgba(255,255,255,0.92);
}

.now-playing-label {
  font-size: 12px;
  font-weight: 600;
  color: #2b2f33;
  margin-top: 4px;
}

.entry h4{margin:.2rem 0}
.entry .meta{opacity:.7;font-size:13px;margin-bottom:.4rem}
.entry-media-grid{
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:stretch;
}
.entry img,.entry video{width:100%;max-width:100%;max-height:480px;object-fit:contain;border-radius:10px;display:block}
.entry audio{width:100%}
.entry .body p {
  margin: 0 0 0.8em;
}

@media (max-width:980px){.entry{grid-template-columns:1fr}.resizable{flex-direction:column}}

/* ---------- Mini Media Player ---------- */
#mini-player {
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: 320px;
  height: 220px;
  min-width: 240px;
  min-height: 180px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  background: rgba(18,19,24,0.95);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  z-index: 2147483600;
  display: none;
  resize: both;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,.45);
}



#mini-player.on {
  display: block;
}

#mini-player-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  font-size: 13px;
  color: #eee;
  cursor: move;
}


#mini-player video,
#mini-player audio {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  background: #000;
}


#mini-slot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 36px);
  overflow: hidden;
}



.mini-btn {
  background: #1e2228;
  border: 1px solid #333;
  color: #eee;
  border-radius: 6px;
  padding: 4px 8px;
  cursor: pointer;
}





/* Journal art studio and transparent immersive playback */
#journal-stage{display:none;text-align:center;padding:12px 0;background:transparent;border:0;}
#journal-stage.on{display:block;}
#journal-stage-media{display:flex;justify-content:center;align-items:center;min-height:180px;background:transparent;}
#journal-stage-media video{width:min(90vw,1100px);max-height:70vh;object-fit:contain;background:transparent;}
#journal-stage-media audio{width:min(90vw,850px);}
#journal-stage-title{font-weight:700;margin:8px auto;color:inherit;}
.entry.now-playing{background:transparent!important;box-shadow:none!important;border-color:transparent!important;}
.entry.now-playing .entry-media-grid{opacity:.12;transition:opacity .25s;}
.entry.now-playing .entry-media-grid:hover{opacity:1;}
.journal-editor-tools{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0;}
.journal-editor-tools button{padding:6px 9px;}
.journal-rich-editor{min-height:220px;overflow:auto;line-height:1.6;color:white!important;-webkit-text-fill-color:initial!important;background:#171d31;}
.journal-rich-editor:empty:before{content:attr(data-placeholder);opacity:.65;}
.journal-entry-rich img{max-width:100%;height:auto;}
.journal-custom-frame{display:block;width:100%;height:min(78vh,1000px);min-height:560px;border:0;background:transparent;}
.entry.has-custom-page{display:block;background:transparent!important;backdrop-filter:none!important;}
.entry.has-custom-page .journal-custom-frame{width:100%;}
.entry.has-custom-page .entry-media-grid{display:none;}
.entry.has-custom-page .journal-entry-rich{display:none;}
.entry.has-custom-page .journal-art-title{padding:12px 0;}
#journalCodeHint{font-size:12px;opacity:.7;}
.journal-advanced textarea{width:100%;min-height:130px;font-family:monospace;}


/* v6.1: Journal editor contrast + media/art composition */
#text-col,#text-col .journal-advanced,#text-col .journal-layout-controls{color:#e8ebf0!important}
#text-col input.field,#text-col textarea,#journalCustomPage,#text-col select,
#text-col .journal-rich-editor,#text-col .journal-advanced textarea{
 background:#343a45!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:1px solid #788397!important;border-radius:9px;padding:11px;
}
#text-col input::placeholder,#text-col textarea::placeholder{color:#c4c9d2!important}
.journal-layout-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:12px 0;padding:12px;background:#303743d9;border:1px solid #707987;border-radius:12px}
.journal-layout-controls label{display:flex;gap:8px;align-items:center}
.journal-layout-controls span{font-size:12px;opacity:.85}
.entry.has-custom-page{display:block!important;background:transparent!important;color:inherit}
.entry.has-custom-page .journal-art-composition{position:relative;min-height:590px;isolation:isolate}
.entry.has-custom-page .journal-art-surface{position:relative;z-index:2;min-width:0}
.entry.has-custom-page .journal-custom-frame{display:block;width:100%;height:min(78vh,1000px);min-height:590px;background:transparent}
.entry.has-custom-page .journal-art-media{position:relative;z-index:3;min-width:0;opacity:var(--media-alpha,.75)}
.entry.has-custom-page .journal-art-media video,.entry.has-custom-page .journal-art-media img{display:block;width:100%;height:100%;max-height:unset;object-fit:contain}
.entry.has-custom-page .journal-art-media audio{width:100%}
.entry.has-custom-page.journal-layout-background .journal-art-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.entry.has-custom-page.journal-layout-background .journal-art-media video,.entry.has-custom-page.journal-layout-background .journal-art-media img{width:100%;height:100%;object-fit:cover}
.entry.has-custom-page.journal-layout-background .journal-art-surface{z-index:2}
.entry.has-custom-page.journal-layout-top .journal-art-composition,.entry.has-custom-page.journal-layout-bottom .journal-art-composition{display:flex;flex-direction:column}
.entry.has-custom-page.journal-layout-top .journal-art-media{order:-1}
.entry.has-custom-page.journal-layout-bottom .journal-art-media{order:2}
.entry.has-custom-page.journal-layout-top .journal-art-media,.entry.has-custom-page.journal-layout-bottom .journal-art-media{max-height:430px}
.entry.has-custom-page.journal-layout-top .journal-art-media video,.entry.has-custom-page.journal-layout-bottom .journal-art-media video{max-height:420px}
.entry.has-custom-page.journal-layout-left .journal-art-composition,.entry.has-custom-page.journal-layout-right .journal-art-composition{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.entry.has-custom-page.journal-layout-left .journal-art-media{grid-column:1;grid-row:1}
.entry.has-custom-page.journal-layout-left .journal-art-surface{grid-column:2;grid-row:1}
.entry.has-custom-page.journal-layout-right .journal-art-surface{grid-column:1;grid-row:1}
.entry.has-custom-page.journal-layout-right .journal-art-media{grid-column:2;grid-row:1}
.entry.has-custom-page.journal-layout-hidden .journal-art-media{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
.entry.has-custom-page.journal-layout-floating .journal-art-media{position:absolute;top:22%;left:58%;width:38%;height:260px;z-index:4;resize:both;overflow:auto;background:#13151a77;border:1px solid #aab3c7;border-radius:12px}
.journal-media-drag{display:none;background:#30343dbb;color:#fff;padding:7px;cursor:move;user-select:none;font:12px system-ui}
.journal-layout-floating .journal-media-drag{display:block}
.journal-media-reset{font-size:11px;padding:3px 8px;float:right}
@media(max-width:750px){.entry.has-custom-page.journal-layout-left .journal-art-composition,.entry.has-custom-page.journal-layout-right .journal-art-composition{display:block}}


/* v6.2: the journal is a full-width gallery, not a two-column blog. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{padding-left:0!important;padding-right:0!important}
#safe-wrap{width:100%;max-width:none;margin:0;padding:0 12px;box-sizing:border-box}
#feed{width:100%;max-width:none;margin:0;padding:14px;min-width:0}
#entries{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:24px}

/* V10 mosaic: only affects the outer entry cards, never their inner media/editor. */
#entries.sible-mosaic{display:grid!important;grid-template-columns:repeat(var(--sible-cols,1),minmax(0,1fr))!important;align-items:start;gap:16px;}
#entries.sible-mosaic>.entry{grid-column:span var(--sible-span,1)!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;}
#entries.sible-mosaic>.entry .journal-art-title{flex-wrap:wrap;}
.sible-mosaic-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:10px 8px;margin:12px 0;background:rgba(16,20,37,.65);border:1px solid rgba(178,144,255,.3);border-radius:12px;}
.sible-mosaic-toolbar button,.sible-mosaic-toolbar select{border-radius:8px;padding:6px 9px;background:#24223d;color:#fff;border:1px solid #7666a5;cursor:pointer;}
.sible-mosaic-toolbar #sibleMosaicStatus{font-size:12px;opacity:.85;}
.sible-mosaic-entry-controls{display:none;gap:5px;align-items:center;flex-wrap:wrap;margin:5px 0 8px;}
#entries.sible-arranging .sible-mosaic-entry-controls{display:flex;}
#entries.sible-arranging>.entry{outline:1px dashed rgba(184,132,255,.6);}
.sible-mosaic-entry-controls button{font-size:12px;padding:4px 7px;background:rgba(40,30,60,.9);border:1px solid #8665ac;border-radius:6px;color:white;cursor:pointer;}

/* V12: pointer drag by a dedicated handle; keep editors and embedded apps interactive. */
.sible-mosaic-drag{cursor:grab!important;touch-action:none;user-select:none;font-weight:700;position:relative;z-index:2}
.sible-mosaic-drag:active{cursor:grabbing!important}
#entries.sible-arranging>.entry.sible-dragging{opacity:.45;outline:2px dashed #c6a0ff!important}
#entries.sible-arranging>.entry.sible-drop-before{box-shadow:inset 0 5px 0 #bca2ff!important}
#entries.sible-arranging>.entry.sible-drop-after{box-shadow:inset 0 -5px 0 #bca2ff!important}
@media(max-width:950px){#entries.sible-mosaic{grid-template-columns:repeat(min(var(--sible-cols,1),2),minmax(0,1fr))!important;}#entries.sible-mosaic>.entry{grid-column:span min(var(--sible-span,1),2)!important;}}
@media(max-width:650px){#entries.sible-mosaic{grid-template-columns:minmax(0,1fr)!important;}#entries.sible-mosaic>.entry{grid-column:span 1!important;}}

#entries>.entry{width:100%!important;max-width:none!important;margin:0!important;min-width:0;grid-template-columns:minmax(0,1fr)!important;display:block!important;overflow:visible}
#entries>.entry .journal-art-composition{width:100%;min-width:0;max-width:none}
#entries>.entry .journal-art-surface{width:100%;min-width:0;max-width:none}
#entries>.entry .journal-custom-frame{width:100%;height:clamp(620px,85vh,1400px);min-height:620px;border:0;display:block}
#entries>.entry .journal-art-title{flex-wrap:wrap;min-height:40px}
#entries>.entry:not(.has-custom-page) .journal-art-composition{display:block;min-height:0}
#entries>.entry .journal-art-notes{padding:20px 28px;max-width:none;width:100%;line-height:1.75;overflow-wrap:anywhere}
#entries>.entry:not(.has-custom-page) .journal-entry-rich{max-width:none;width:100%;padding:22px;line-height:1.8;font-size:clamp(16px,1.5vw,21px);overflow-wrap:anywhere}
#entries>.entry:not(.has-custom-page) .journal-art-media{position:relative;width:100%;max-width:100%;margin:12px auto}
#entries>.entry:not(.has-custom-page) .journal-art-media video{max-height:72vh;width:100%;object-fit:contain}
#entries>.entry.has-custom-page.journal-layout-background .journal-art-composition{min-height:clamp(620px,85vh,1400px)}
#entries>.entry.has-custom-page.journal-layout-background .journal-art-media{inset:0}
#entries>.entry.has-custom-page.journal-layout-background .journal-art-media video{width:100%;height:100%;object-fit:cover}
#entries>.entry.has-custom-page.journal-layout-floating .journal-art-media{max-width:90%;min-width:200px}
#entries>.entry.has-custom-page.journal-layout-left .journal-art-composition,#entries>.entry.has-custom-page.journal-layout-right .journal-art-composition{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
#entries>.entry.has-custom-page.journal-layout-right .journal-art-composition{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
#journalCustomPage{min-height:300px!important;font:13px/1.55 Consolas,monospace!important;tab-size:2}
@media(max-width:850px){#safe-wrap{padding:0 4px}#feed{padding:8px}#entries>.entry.has-custom-page.journal-layout-left .journal-art-composition,#entries>.entry.has-custom-page.journal-layout-right .journal-art-composition{display:flex;flex-direction:column}#entries>.entry .journal-custom-frame{min-height:580px}}


/* Immersive Journal glass: no browser Fullscreen API required. */
html.journal-immersive-active,html.journal-immersive-active body{overflow:hidden!important}
.entry.journal-immersive{
 position:fixed!important;inset:0!important;z-index:2147483600!important;
 width:100vw!important;height:100dvh!important;max-width:none!important;
 margin:0!important;padding:10px!important;display:flex!important;flex-direction:column!important;
 overflow:hidden!important;box-sizing:border-box!important;
 --journal-immersive-alpha:.40;
 color:#eaf4ff!important;border-radius:12px!important;
 border:1px solid rgba(166,220,255,calc(var(--journal-immersive-alpha) * .42))!important;
 background:linear-gradient(145deg,rgba(33,53,78,var(--journal-immersive-alpha)),rgba(8,15,32,var(--journal-immersive-alpha)))!important;
 backdrop-filter:blur(calc(24px * var(--journal-immersive-alpha)))!important;
 -webkit-backdrop-filter:blur(calc(24px * var(--journal-immersive-alpha)))!important;
 box-shadow:0 0 0 100vmax rgba(2,6,16,calc(var(--journal-immersive-alpha) * .65))!important;
}
.entry.journal-immersive .journal-art-title{flex:0 0 auto;min-height:34px!important;padding:2px 8px!important;color:#eaf4ff!important}
.entry.journal-immersive .journal-art-composition{flex:1 1 auto!important;min-height:0!important;height:calc(100% - 46px)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.entry.journal-immersive .journal-art-surface{flex:1 1 auto!important;min-height:0!important;height:100%!important;display:flex!important;overflow:hidden!important}
.entry.journal-immersive .journal-custom-frame{flex:1 1 auto!important;height:100%!important;min-height:0!important;max-height:none!important;width:100%!important;border-radius:12px!important;background:transparent!important}
.entry.journal-immersive .journal-art-media{max-height:100%!important}
.entry.journal-immersive .journal-art-media video{max-height:calc(100dvh - 65px)!important}
.entry.journal-immersive .journalFullscreenEntry{opacity:.28!important;transition:opacity .2s!important}
.entry.journal-immersive .journalFullscreenEntry:hover{opacity:1!important}
.entry.journal-immersive .journal-entry-rich{overflow:auto!important;max-height:100%!important}
.entry.journal-immersive .journal-glass-opacity{display:inline-flex!important}
.journal-glass-opacity{display:none;align-items:center;gap:5px;color:#dbeaff;font-size:11px;opacity:.28;transition:opacity .2s}
.journal-glass-opacity:hover,.journal-glass-opacity:focus-within{opacity:1}
.journal-glass-opacity input{width:90px;accent-color:#83d6ff}


/* Fixed fullscreen glass portal: independent of the Journal's filtered ancestors. */
body>.entry.journal-immersive{
 position:fixed!important;inset:0!important;z-index:2147483647!important;
 width:100vw!important;height:100dvh!important;min-height:0!important;
 margin:0!important;padding:10px!important;box-sizing:border-box!important;
 display:flex!important;flex-direction:column!important;overflow:hidden!important;
 --journal-immersive-alpha:.38;
 background:linear-gradient(130deg,rgba(19,33,52,var(--journal-immersive-alpha)),rgba(8,14,28,var(--journal-immersive-alpha)))!important;
 border:1px solid rgba(146,209,255,.44)!important;border-radius:12px!important;
 backdrop-filter:blur(20px) saturate(150%)!important;
 -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 0 0 100vmax rgba(2,6,14,.52)!important;
 isolation:isolate;
}
body>.entry.journal-immersive::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;
 background:radial-gradient(ellipse at 12% 5%,rgba(64,186,255,.16),transparent 48%),
 radial-gradient(ellipse at 92% 96%,rgba(168,99,255,.10),transparent 50%);
}
body>.entry.journal-immersive::after{
 content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
 border:1px solid rgba(175,226,255,.17);
 box-shadow:inset 0 0 calc(10px + 35px * var(--journal-motion,0)) rgba(61,169,255,.18);
 opacity:calc(.36 + .45 * var(--journal-motion,0));
 animation:journalAmbientBreath calc(9s - 3s * var(--journal-motion,0)) ease-in-out infinite alternate;
}
@keyframes journalAmbientBreath{
 from{filter:brightness(.8);opacity:.25}
 to{filter:brightness(1.35);opacity:.68}
}
body>.entry.journal-immersive .journal-art-composition{
 flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:hidden!important;
}
body>.entry.journal-immersive .journal-art-surface{
 flex:1 1 0!important;min-height:0!important;height:auto!important;overflow:hidden!important;
}
body>.entry.journal-immersive .journal-custom-frame{
 width:100%!important;height:100%!important;min-height:0!important;flex:1 1 0!important;
}
body>.entry.journal-immersive .journal-art-title{flex:0 0 auto!important}
body>.entry.journal-immersive .journal-glass-opacity{display:inline-flex!important;opacity:.65}
body>.entry.journal-immersive .journalFullscreenEntry{opacity:.6!important}
@media(prefers-reduced-motion:reduce){body>.entry.journal-immersive::after{animation:none}}
/* V258 glass clarity: the slider controls 0–100% of the actual surface. */
body>.entry.journal-immersive{
  --journal-immersive-alpha:0;
  padding:0!important;border:0!important;border-radius:0!important;
  background:rgba(8,13,24,var(--journal-immersive-alpha))!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
body>.entry.journal-immersive::before,body>.entry.journal-immersive::after{display:none!important}
body>.entry.journal-immersive .journal-art-title{
  min-height:32px!important;padding:2px 10px!important;
  background:rgba(8,14,25,calc(.13 * var(--journal-immersive-alpha)))!important;
  backdrop-filter:blur(calc(6px * var(--journal-immersive-alpha)));
  -webkit-backdrop-filter:blur(calc(6px * var(--journal-immersive-alpha)));
}
body>.entry.journal-immersive .journal-art-composition{height:auto!important;flex:1 1 0!important}
body>.entry.journal-immersive .journal-glass-opacity{opacity:1!important}
body>.entry.journal-immersive .journal-glass-opacity input{width:150px}


/* Fullscreen: entire LIVE entry is a glass canvas, not a small preview. */
.entry:fullscreen,.entry:-webkit-full-screen{
 width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:7px!important;border:1px solid rgba(162,219,255,.30)!important;
 border-radius:0!important;box-shadow:inset 0 0 35px rgba(63,142,235,.14)!important;
 background:linear-gradient(135deg,rgba(12,25,46,.91),rgba(8,13,27,.96))!important;
 backdrop-filter:blur(24px) saturate(165%)!important;color:#eaf6ff!important;
 overflow:hidden!important;display:flex!important;flex-direction:column!important;
}
.entry:fullscreen .journal-art-title,.entry:-webkit-full-screen .journal-art-title{
 flex:0 0 34px!important;min-height:34px!important;padding:2px 10px!important;
 background:rgba(156,204,255,.055)!important;border:1px solid rgba(163,219,255,.12);
 border-radius:9px!important;color:#e9f5ff!important;
}
.entry:fullscreen .journal-art-composition,.entry:-webkit-full-screen .journal-art-composition{
 flex:1 1 0!important;min-height:0!important;height:0!important;width:100%!important;
 display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
.entry:fullscreen .journal-art-surface,.entry:-webkit-full-screen .journal-art-surface{
 flex:1 1 0!important;min-height:0!important;height:100%!important;width:100%!important;
 display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
.entry:fullscreen .journal-custom-frame,.entry:-webkit-full-screen .journal-custom-frame{
 display:block!important;width:100%!important;height:100%!important;min-height:0!important;
 flex:1 1 0!important;border:1px solid rgba(168,219,255,.18)!important;
 border-radius:12px!important;background:transparent!important;
}
.entry:fullscreen .journal-art-media,.entry:-webkit-full-screen .journal-art-media{max-height:100%}
.entry:fullscreen .journal-art-media video,.entry:-webkit-full-screen .journal-art-media video{max-height:calc(100dvh - 52px)!important}
.journalFullscreenEntry{margin-left:auto;opacity:.3;background:rgba(180,220,255,.08);color:inherit;
 border:1px solid rgba(180,215,255,.15);transition:opacity .18s ease}
.journalFullscreenEntry:hover,.journalFullscreenEntry:focus-visible{opacity:1}
.entry:fullscreen .editEntry,.entry:fullscreen .deleteEntry,.entry:fullscreen .meta{opacity:.15}
.entry:fullscreen .editEntry:hover,.entry:fullscreen .deleteEntry:hover{opacity:1}
/* Unified video placement for HTML and ordinary Journal posts. */
.entry .journal-art-composition{position:relative;isolation:isolate;min-width:0}
.entry .journal-art-media{opacity:var(--media-alpha,.75);min-width:0}
.entry.journal-layout-floating .journal-art-media{position:absolute!important;left:var(--media-x,58%);top:var(--media-y,22%);width:var(--media-w,38%);height:var(--media-h,260px);min-width:180px;min-height:110px;z-index:9!important;resize:both!important;overflow:auto!important;border:1px solid rgba(165,220,255,.4);border-radius:10px;background:rgba(7,14,24,.3)}
.entry.journal-layout-floating .journal-media-drag{display:block!important;touch-action:none}
.entry.journal-layout-floating .journal-art-media video{height:calc(100% - 31px)!important;max-height:none!important;object-fit:contain}
.entry.journal-layout-background .journal-art-media{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none;overflow:hidden}
.entry.journal-layout-background .journal-art-media video,.entry.journal-layout-background .journal-art-media img{width:100%;height:100%;max-height:none;object-fit:cover}
.entry.journal-layout-background .journal-art-surface,.entry.journal-layout-background .journal-entry-rich{position:relative;z-index:1}
.entry.journal-layout-hidden .journal-art-media{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden}
.entry.journal-layout-top .journal-art-composition,.entry.journal-layout-bottom .journal-art-composition{display:flex;flex-direction:column}
.entry.journal-layout-top .journal-art-media{order:-1}
.entry.journal-layout-bottom .journal-art-media{order:2}
.entry.journal-layout-left .journal-art-composition,.entry.journal-layout-right .journal-art-composition{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.entry.journal-layout-left .journal-art-media{grid-column:1;grid-row:1}
.entry.journal-layout-left .journal-art-surface,.entry.journal-layout-left .journal-entry-rich{grid-column:2;grid-row:1}
.entry.journal-layout-right .journal-art-media{grid-column:2;grid-row:1}
.entry.journal-layout-right .journal-art-surface,.entry.journal-layout-right .journal-entry-rich{grid-column:1;grid-row:1}
#journal-immersive-background{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;overflow:hidden}
#journal-immersive-background img,#journal-immersive-background video{width:100%;height:100%;object-fit:cover}
body>.entry.journal-immersive{z-index:2147483646!important;background:transparent!important}
body>.entry.journal-immersive>.journal-art-title,body>.entry.journal-immersive>.journal-art-composition,body>.entry.journal-immersive>.journal-art-notes{position:relative;z-index:1}
.entry.journal-immersive .journal-art-composition{flex:1 1 auto!important;min-height:0!important}
.entry.journal-immersive .journal-art-media{max-height:100%!important}
.entry.journal-layout-floating .journal-art-media{left:var(--media-x,58%);top:var(--media-y,22%)}
@media(max-width:700px){.entry.journal-layout-left .journal-art-composition,.entry.journal-layout-right .journal-art-composition{display:flex;flex-direction:column}}


.entry.journal-layout-background .journal-art-composition{min-height:clamp(350px,70vh,1000px)}
.entry.journal-layout-floating .journal-art-composition{min-height:420px}
/* ================= Journal Studio v5 ================= */
#studio-shell{
  display:none;
  padding:0;
  overflow:hidden;
  min-height:780px;
  background:rgba(10,12,20,.96);
  color:#eef6ff;
}
#studio-shell.on{display:block}
.studio-head,.studio-toolbar,.studio-smartbar{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.12);
}
.studio-head{justify-content:space-between}
.studio-sub{font-size:12px;opacity:.7}
.studio-toolbar button,.studio-smartbar button,
.studio-toolbar select,.studio-smartbar select{
  background:#191d2a;color:#eef6ff;border:1px solid #3b4963;
}
.studio-main{
  display:grid;
  grid-template-columns:230px minmax(500px,1fr) 250px;
  height:calc(100vh - 250px);
  min-height:680px;
  max-height:1100px;
  overflow:hidden;
}
.studio-library,.studio-inspector{
  overflow:auto;padding:10px;background:rgba(7,9,15,.88);
}
.studio-library{border-right:1px solid rgba(255,255,255,.1)}
.studio-inspector{border-left:1px solid rgba(255,255,255,.1)}
.studio-panel-title{font-weight:800;margin:4px 0 10px;color:#b9d7ff}
.studio-bin-item{
  padding:8px;margin-bottom:8px;border:1px solid #35415a;border-radius:9px;
  background:#141925;cursor:grab;font-size:12px;
}
.studio-bin-item video,.studio-bin-item img{width:100%;max-height:100px;object-fit:contain}
.studio-work{
  min-width:0;
  min-height:0;
  display:flex;
  flex-direction:column;
  background:#0d1018;
  overflow:hidden;
}
.studio-preview-wrap{
  padding:8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  flex:0 0 auto;
}
#studioCanvas{
  width:min(100%,640px);
  max-height:360px;
  aspect-ratio:16/9;
  background:#000;
  border:1px solid #39445b;
  border-radius:8px;
}
.studio-transport{display:flex;gap:6px;align-items:center;width:min(100%,720px);margin-top:7px}
#studioSeek{flex:1;accent-color:#52e7ff;min-width:80px}
#studioPlayheadReadout{color:#5cf3ff;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 0 12px #20d9ff}
.studio-track-lane .studio-playhead-lane{position:absolute;left:0;top:0;bottom:0;width:2px;background:#ffdf65;box-shadow:0 0 9px #ffd64b;z-index:11;pointer-events:none}
.studio-drop-target{outline:2px solid #58f4ff;outline-offset:-2px;background-color:rgba(51,231,255,.13)!important}
#studio-shell{background:linear-gradient(130deg,rgba(12,18,39,.97),rgba(25,12,51,.96));border:1px solid rgba(99,223,255,.55);box-shadow:inset 0 0 35px rgba(45,119,233,.15),0 0 30px rgba(120,44,255,.17)}
.studio-head,.studio-toolbar,.studio-smartbar{background:linear-gradient(90deg,rgba(32,83,132,.33),rgba(116,41,163,.27));backdrop-filter:blur(18px)}
.studio-library,.studio-inspector{background:linear-gradient(160deg,rgba(11,33,63,.87),rgba(33,15,62,.85));backdrop-filter:blur(18px)}
.studio-clip{background:linear-gradient(120deg,rgba(29,166,230,.82),rgba(130,56,225,.8));border-color:#73edff;box-shadow:inset 0 1px 0 #ffffff66,0 3px 16px #4b2b8d66}
.studio-track:nth-of-type(3n) .studio-clip{background:linear-gradient(120deg,#e04f9bbb,#803ad5dd)}
.studio-track:nth-of-type(3n + 1) .studio-clip{background:linear-gradient(120deg,#23bfaabb,#3576d8dd)}
.studio-track:nth-of-type(3n + 2) .studio-clip{background:linear-gradient(120deg,#dd923dbb,#b24e9add)}
.studio-toolbar button:hover,.studio-smartbar button:hover{border-color:#61e7ff;box-shadow:0 0 12px #44caff88}

.studio-timeline-head{display:flex;gap:7px;align-items:center;flex-wrap:wrap;padding:7px;border-top:1px solid #263047}
#studioTimeline{
  overflow-x:auto;
  overflow-y:scroll;
  flex:1 1 auto;
  min-height:340px;
  max-height:none;
  background:#090b10;
  position:relative;
  padding-bottom:20px;
  scrollbar-gutter:stable;
}
.studio-ruler{height:28px;position:sticky;top:0;z-index:20;background:#111622;border-bottom:1px solid #38445d}
.studio-ruler-tick{position:absolute;top:0;height:28px;border-left:1px solid #506078;font-size:10px;padding-left:3px}
.studio-track{
  display:grid;
  grid-template-columns:110px 1fr;
  height:82px;
  min-height:82px;
  border-bottom:1px solid #242c3c;
}
.studio-track-label{
  position:sticky;left:0;z-index:12;background:#141925;padding:8px;border-right:1px solid #36425b;
}
.studio-track-lane{
  position:relative;
  height:82px;
  min-height:82px;
  background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
}
.studio-clip{
  position:absolute;top:7px;height:58px;border:1px solid #6b8fc7;border-radius:8px;
  background:linear-gradient(135deg,#1d3c67,#38275e);color:#fff;overflow:hidden;
  cursor:grab;user-select:none;box-shadow:0 4px 10px rgba(0,0,0,.35);
  will-change:transform,width;
  transform:translate3d(0,0,0);
  contain:layout paint style;
  transition:box-shadow .12s ease,outline .12s ease;
}
.studio-clip.dragging{
  cursor:grabbing;
  opacity:.94;
  box-shadow:0 10px 24px rgba(0,0,0,.58),0 0 18px rgba(95,180,255,.55);
  z-index:9999;
}
.studio-track-lane{
  contain:layout paint;
}
#studioTimeline{
  scroll-behavior:smooth;
  overscroll-behavior:contain;
}
#studioZoomLabel{
  min-width:72px;
  font-size:11px;
  opacity:.78;
}
.studio-wheel-hint{
  padding:5px 8px;
  border:1px solid #3b4963;
  border-radius:7px;
  background:#131925;
  color:#b9d7ff;
  font-size:11px;
  white-space:nowrap;
}
#studioTimeline{
  scroll-behavior:auto;
  scrollbar-gutter:stable both-edges;
}
.studio-clip.selected{outline:2px solid #fff;box-shadow:0 0 14px #5fb4ff}
.studio-clip-title{font-size:11px;font-weight:700;padding:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-clip-meta{font-size:9px;opacity:.75;padding:0 5px}
.studio-clip-fade-in,.studio-clip-fade-out{position:absolute;top:0;bottom:0;pointer-events:none}
.studio-clip-fade-in{left:0;background:linear-gradient(90deg,rgba(0,0,0,.75),transparent)}
.studio-clip-fade-out{right:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.75))}
.studio-resize-handle{position:absolute;right:0;top:0;width:8px;height:100%;cursor:ew-resize;background:rgba(255,255,255,.25)}
.studio-inspector label{display:block;font-size:11px;margin:7px 0}
.studio-inspector input,.studio-inspector select{
  width:100%;box-sizing:border-box;background:#141925;color:#fff;border:1px solid #3b4963;border-radius:6px;padding:5px;
}
#studioStatus{white-space:pre-wrap;font-size:11px;max-height:180px;overflow:auto;background:#080a0f;padding:8px;border-radius:7px}
@media(max-width:1100px){
  .studio-main{grid-template-columns:180px minmax(420px,1fr)}
  .studio-inspector{grid-column:1/-1;border-left:0;border-top:1px solid #333;height:240px}
}


/* v5.8: user-adjustable liquid-glass studio */
#studio-shell{--studio-tint:#6e8dff;--studio-glass:.4;background:linear-gradient(135deg,rgba(8,10,25,.85),rgba(20,12,36,.78));backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}
#studio-shell .studio-head,#studio-shell .studio-toolbar,#studio-shell .studio-smartbar,#studio-shell .studio-library,#studio-shell .studio-inspector,#studio-shell .studio-work{background:color-mix(in srgb,var(--studio-tint) calc(var(--studio-glass)*24%),rgba(10,13,28,.74));backdrop-filter:blur(22px) saturate(165%);border-color:color-mix(in srgb,var(--studio-tint) 35%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
#studio-shell .studio-clip{border-color:var(--studio-tint);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 4px 16px rgba(0,0,0,.35)}
#studio-shell .selected-bin{outline:2px solid var(--studio-tint);box-shadow:0 0 14px var(--studio-tint)}
#studio-shell .studio-theme-picker{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#edf1ff}
#studio-shell .studio-theme-picker input[type=color]{width:35px;height:28px;border:0;background:transparent;cursor:pointer}
#studio-shell .studio-theme-picker input[type=range]{width:95px;accent-color:var(--studio-tint)}
#studio-shell .studio-track-lane,#studio-shell .studio-ruler{cursor:crosshair}
#studio-shell.studio-motion-glow .studio-preview-wrap{animation:studioLiquidShimmer 3s ease-in-out infinite alternate}
@keyframes studioLiquidShimmer{from{filter:drop-shadow(0 0 3px var(--studio-tint))}to{filter:drop-shadow(0 0 14px var(--studio-tint))}}
@media(prefers-reduced-motion:reduce){#studio-shell.studio-motion-glow .studio-preview-wrap{animation:none}}


/* Living Studio: classic is safe; every post keeps its own video and text. */
.sible-design-toolbar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:12px;margin:12px 0;border:1px solid rgba(129,209,255,.42);border-radius:13px;background:linear-gradient(125deg,rgba(12,29,46,.84),rgba(33,19,53,.72));color:#e9f7ff;backdrop-filter:blur(15px)}
.sible-design-toolbar select,.sible-design-toolbar button{background:rgba(13,25,45,.88);color:#e9f7ff;border:1px solid rgba(142,208,255,.5);border-radius:9px;padding:8px;cursor:pointer}
.sible-design-toolbar #sibleDesignStatus{font-size:12px;opacity:.85}
#entries>.entry:not(.journal-layout-floating) .journal-art-composition{height:auto!important;min-height:0!important;overflow:visible!important}
#entries>.entry:not(.has-custom-page):not(.journal-layout-floating) .journal-art-surface{height:auto!important;min-height:0!important;overflow:visible!important}
#entries>.entry:not(.journal-layout-floating):not(.journal-layout-background) .journal-art-media{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;height:auto!important;min-height:0!important;max-height:none!important;resize:none!important;overflow:visible!important;width:100%!important;box-sizing:border-box!important}
#entries>.entry:not(.journal-layout-floating):not(.journal-layout-background) .journal-art-media video{display:block!important;width:100%!important;height:auto!important;min-height:180px!important;max-height:min(72vh,680px)!important;object-fit:contain!important;background:rgba(4,9,20,.65)!important;border-radius:10px}
#entries>.entry:not(.journal-layout-floating):not(.journal-layout-background) .journal-art-media audio{height:52px!important;width:100%!important}
#entries>.entry:not(.journal-layout-floating) .journal-media-drag{display:none!important}
#entries>.entry.journal-layout-top .journal-art-composition,#entries>.entry.journal-layout-bottom .journal-art-composition{display:flex!important;flex-direction:column!important;gap:12px!important}
#entries>.entry.journal-layout-top .journal-art-media{order:-1!important}
#entries>.entry.journal-layout-bottom .journal-art-media{order:2!important}
#entries>.entry.journal-layout-left .journal-art-composition,#entries>.entry.journal-layout-right .journal-art-composition{align-items:start!important}
#entries>.entry.journal-layout-floating .journal-art-media{min-height:180px!important}
#entries>.entry.journal-layout-floating .journal-art-media video{min-height:120px!important}
#entries>.entry.sible-variant-cinema .journal-art-composition{border-radius:16px;box-shadow:inset 0 0 0 1px rgba(171,208,255,.2);padding:8px}
#entries>.entry.sible-variant-story .journal-entry-rich{font-size:clamp(16px,1.4vw,21px);line-height:1.7}
#entries>.entry.sible-variant-gallery .journal-art-media{border:1px solid rgba(182,138,245,.3);border-radius:14px;padding:7px}
@media(max-width:850px){#entries>.entry.journal-layout-left .journal-art-composition,#entries>.entry.journal-layout-right .journal-art-composition{display:flex!important;flex-direction:column!important}}

/* V258 composition engine: each entry owns its artwork and media. */
#entries>.entry{position:relative!important;isolation:isolate!important;contain:layout!important;}
#entries>.entry .journal-art-composition{position:relative!important;isolation:isolate!important;min-width:0!important;}
#entries>.entry.journal-layout-floating .journal-art-composition{
  min-height:clamp(420px,62vh,780px)!important;overflow:hidden!important;
  border-radius:14px;
}
#entries>.entry.journal-layout-floating .journal-art-media{
  position:absolute!important;z-index:3!important;max-width:calc(100% - 12px)!important;
  max-height:calc(100% - 12px)!important;box-sizing:border-box!important;
  background:rgba(12,22,37,.32)!important;
  border:1px solid rgba(170,222,255,.32)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.23)!important;
}
#entries>.entry.journal-layout-floating .journal-art-media video{
  max-width:100%!important;max-height:calc(100% - 32px)!important;object-fit:contain!important;
}
#entries>.entry.journal-layout-floating:not(.has-custom-page) .journal-art-surface{
  width:100%!important;max-width:100%!important;padding-right:min(44%,480px)!important;
  min-height:420px!important;
}
#entries>.entry.journal-layout-floating .journal-art-notes{position:relative!important;clear:both!important;}
#entries>.entry.journal-layout-left .journal-art-composition,
#entries>.entry.journal-layout-right .journal-art-composition{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:start!important;gap:clamp(12px,2vw,28px)!important;
}
#entries>.entry.journal-layout-left .journal-art-media,
#entries>.entry.journal-layout-right .journal-art-media{
  position:relative!important;inset:auto!important;max-width:100%!important;min-width:0!important;
}
#entries>.entry.journal-layout-left .journal-art-surface,
#entries>.entry.journal-layout-right .journal-art-surface{min-width:0!important;}
#entries>.entry.journal-layout-top .journal-art-media,
#entries>.entry.journal-layout-bottom .journal-art-media{position:relative!important;inset:auto!important;max-width:100%!important;}
#entries>.entry .journal-art-media video{display:block!important;width:100%!important;}

@media(max-width:780px){
 #entries>.entry.journal-layout-left .journal-art-composition,
 #entries>.entry.journal-layout-right .journal-art-composition{display:flex!important;flex-direction:column!important;}
 #entries>.entry.journal-layout-floating:not(.has-custom-page) .journal-art-surface{padding-right:0!important;}
}

/* Stable dimensions for poster-only film entries and compact unopened widgets. */
#entries .journal-video-tile{width:min(100%,calc(72vh * 16 / 9));margin-inline:auto;min-height:0;aspect-ratio:16/9}
#entries .journal-video-tile .journal-video-cover{width:100%;height:100%;object-fit:contain!important}
#entries>.entry .journal-art-media .journal-video-tile video[aria-hidden="true"]{display:none!important}
#entries>.entry:not(.journal-layout-background) .journal-art-media:has(.journal-video-tile){opacity:1}
#entries .journal-art-media > a > img{display:block;max-width:100%;height:auto;max-height:72vh;object-fit:contain;margin-inline:auto}
#entries .journal-custom-frame[hidden]{display:none!important}
#entries .journal-app-placeholder{min-height:120px}
#entries .journal-app-placeholder:has(+ .journal-custom-frame[hidden]){position:relative;inset:auto}
#entries>.entry.sible-variant-cinema:not(.has-custom-page).journal-layout-top .journal-art-media{margin:0 auto}
#entries>.entry.journal-layout-hidden .journal-art-media{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;pointer-events:none}
html,body{background-color:#101725;color:#e8effa;color-scheme:dark}
#safe-wrap,.glass,#composer,#feed,.entry{background-color:rgba(13,22,37,var(--glass-opacity,.2));border-color:#7c9bb633;color:#e8effa}
#composer .field,#composer textarea{background-color:#101725b3;color:#f2f6ff;border-color:#91aacc55}
#composer .field::placeholder,#composer textarea::placeholder{color:#aabbd1}
html.journal-clear-glass :is(#safe-wrap,#feed,#composer,#topbar,#journal-author-settings,#entries>.entry){
  background-color:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}