/* Optional archive theme. Every visual override is scoped to data-style="journal"
   so the original Lumière interface remains untouched. */
.journal-atmosphere,
.journal-page-folio,
.journal-letterhead,
.journal-botanical,
.journal-postmark,
.journal-hero-label,
.journal-paperclip,
.journal-card-caption,
.journal-profile-stamp,
.journal-collage-piece,
.journal-lace-artifact,
.journal-index-slip,
.journal-hand-note,
.journal-star-field,
.journal-hero-collage,
.journal-note-paper,
.journal-note-meta,
.journal-mood-specimen,
.journal-note-edit{display:none}

.style-control{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;border-bottom:1px solid rgba(130,155,173,.15)}
.style-control>span{display:flex;flex-direction:column}
.style-control b{font-size:11px}
.style-control small{margin-top:3px;color:var(--muted);font-size:8px}
.style-control .switch{transform:scale(.86);transform-origin:right}

.app-shell[data-style="journal"]{
  --paper:#eee5d4;
  --paper-soft:#e7dcc8;
  --paper-deep:#d4c4aa;
  --paper-card:#f5eddf;
  --paper-ink:#292925;
  --paper-muted:#777268;
  --paper-line:rgba(52,50,43,.2);
  --archive-accent:#687887;
  --archive-accent-soft:#cfd6d7;
  --archive-red:#7a3e3e;
  --archive-green:#526558;
  --ink:var(--paper-ink);
  --muted:var(--paper-muted);
  --blue:var(--archive-accent);
  --blue-deep:var(--archive-accent);
  --pink:var(--archive-red);
  --glass-rgb:247,243,234;
  --nav-rgb:244,239,229;
  --message-in-rgb:249,246,238;
  --message-out-a:226,218,203;
  --message-out-b:239,233,220;
  isolation:isolate;
  color:var(--paper-ink);
  font-family:"Songti SC","STSong","Noto Serif SC",Georgia,serif;
  background-color:var(--paper);
  background-image:
    radial-gradient(circle at 18% 9%,rgba(255,251,238,.58),transparent 29%),
    radial-gradient(circle at 82% 66%,rgba(128,101,62,.1),transparent 36%),
    linear-gradient(rgba(238,229,212,.78),rgba(238,229,212,.78)),
    url("/journal-assets/paper-grain.svg"),
    var(--user-background);
  background-size:auto,auto,auto,220px 220px,cover;
  background-position:center;
}
.app-shell[data-style="journal"][data-theme="sintra"]{--archive-accent:#7b4a46;--archive-accent-soft:#d8c1b3;--archive-red:#7d393b;--archive-green:#52635a}
.app-shell[data-style="journal"][data-theme="lime"]{--archive-accent:#576b5d;--archive-accent-soft:#cbd3c4;--archive-red:#89524e;--archive-green:#465f4d}
.app-shell[data-style="journal"][data-theme="dew"]{--archive-accent:#607783;--archive-accent-soft:#c7d2d3;--archive-red:#80515b;--archive-green:#54685e}
.app-shell[data-style="journal"][data-theme="nebula"]{--archive-accent:#6d5b70;--archive-accent-soft:#d4cad1;--archive-red:#7d465b;--archive-green:#596256}

.app-shell[data-style="journal"]::before{
  z-index:0;
  opacity:.52;
  background-image:
    linear-gradient(90deg,transparent 49.7%,rgba(71,64,53,.045) 50%,transparent 50.3%),
    repeating-linear-gradient(7deg,transparent 0 13px,rgba(81,67,47,.024) 14px),
    radial-gradient(circle,rgba(47,45,40,.22) .55px,transparent .8px);
  background-size:100% 100%,100% 100%,7px 7px;
  mix-blend-mode:multiply;
}
.app-shell[data-style="journal"]::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 54px rgba(89,75,54,.12);
}
.app-shell[data-style="journal"] .ambient{display:none}
.app-shell[data-style="journal"] .journal-atmosphere{display:block;position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.app-shell[data-style="journal"] .journal-fiber{position:absolute;width:140%;height:1px;background:rgba(63,57,48,.06);transform:rotate(-9deg)}
.app-shell[data-style="journal"] .journal-fiber-a{top:28%;left:-20%}
.app-shell[data-style="journal"] .journal-fiber-b{top:68%;left:-10%;transform:rotate(7deg)}

.app-shell[data-style="journal"] .page{
  z-index:1;
  padding-top:47px;
  color:var(--paper-ink);
}
.app-shell[data-style="journal"] .page.active{animation:journalOpen .46s cubic-bezier(.2,.7,.2,1)}
@keyframes journalOpen{from{opacity:0;transform:perspective(900px) rotateY(-2deg) translateX(-7px)}to{opacity:1;transform:none}}
.app-shell[data-style="journal"] h1,
.app-shell[data-style="journal"] h2,
.app-shell[data-style="journal"] h3,
.app-shell[data-style="journal"] strong{
  font-family:"Songti SC","STSong","Noto Serif SC",Georgia,serif;
}
.app-shell[data-style="journal"] .page-header{
  position:relative;
  min-height:100px;
  margin:0 0 23px;
  padding:12px 4px 14px;
  border-top:1px solid var(--paper-line);
  border-bottom:1px solid var(--paper-line);
}
.app-shell[data-style="journal"] .page-header::before{
  content:"LUMIÈRE · PRIVATE COLLECTION";
  position:absolute;
  top:-17px;
  left:4px;
  color:var(--paper-muted);
  font:7px/1 Georgia,serif;
  letter-spacing:.23em;
}
.app-shell[data-style="journal"] .page-header::after{
  content:"✦";
  position:absolute;
  right:6px;
  bottom:9px;
  color:var(--archive-accent);
  font-size:18px;
}
.app-shell[data-style="journal"] .page-header h1{
  margin:0;
  color:var(--paper-ink);
  font-size:37px;
  font-weight:400;
  line-height:.95;
  letter-spacing:.015em;
  text-transform:uppercase;
}
.app-shell[data-style="journal"] .page-header h1::first-letter{font-size:1.25em;font-style:italic}
.app-shell[data-style="journal"] .eyebrow,
.app-shell[data-style="journal"] .card-label,
.app-shell[data-style="journal"] .version{
  color:var(--archive-accent);
  font:700 8px/1.3 Georgia,serif;
  letter-spacing:.23em;
}
.app-shell[data-style="journal"] .subtle{max-width:275px;margin-top:9px;color:var(--paper-muted);font:12px/1.65 "Kaiti SC","STKaiti","KaiTi",serif}
.app-shell[data-style="journal"] .live-pill,
.app-shell[data-style="journal"] .ombre-status{
  border:1px solid var(--paper-line);
  border-radius:1px;
  background:transparent;
  color:var(--archive-green);
  box-shadow:none;
  font:7px/1 Georgia,serif;
  letter-spacing:.12em;
  transform:rotate(1.5deg);
}

.app-shell[data-style="journal"] .journal-page-folio{
  display:flex;
  position:relative;
  z-index:1;
  align-items:center;
  justify-content:space-between;
  margin:-10px 4px 18px;
  color:var(--paper-muted);
  font:7px/1 Georgia,serif;
  letter-spacing:.2em;
}
.app-shell[data-style="journal"] .journal-page-folio::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--paper-line)}
.app-shell[data-style="journal"] .journal-page-folio span,
.app-shell[data-style="journal"] .journal-page-folio b{position:relative;padding:0 7px;background:var(--paper);font-weight:400}
.app-shell[data-style="journal"] .journal-page-folio span{margin-left:15px}
.app-shell[data-style="journal"] .journal-botanical{display:block;position:absolute;z-index:0;width:105px;height:170px;background:url("/journal-assets/botanical-sprig.svg") center/contain no-repeat;opacity:.13;filter:sepia(.35);pointer-events:none}
.app-shell[data-style="journal"] .journal-botanical-home{right:-24px;top:225px;transform:rotate(9deg)}
.app-shell[data-style="journal"] .journal-botanical-settings{right:-16px;top:150px;transform:rotate(-7deg)}
.app-shell[data-style="journal"] .journal-postmark{display:block;position:absolute;z-index:2;width:105px;height:75px;background:url("/journal-assets/postmark.svg") center/contain no-repeat;opacity:.2;pointer-events:none}
.app-shell[data-style="journal"] .journal-postmark-memory{right:6px;top:140px;transform:rotate(-8deg)}

.app-shell[data-style="journal"] .glass{
  border:1px solid var(--paper-line);
  border-radius:1px;
  background-color:rgba(248,244,235,.9);
  background-image:
    linear-gradient(105deg,rgba(255,255,255,.44),transparent 48%),
    url("/journal-assets/paper-grain.svg");
  background-size:auto,220px 220px;
  box-shadow:3px 6px 14px rgba(68,55,38,.1);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* Home becomes a layered editorial scrapbook. */
.app-shell[data-style="journal"] .hero-card{
  position:relative;
  overflow:visible;
  min-height:318px;
  margin:12px 6px 25px;
  padding:70px 23px 29px;
  clip-path:polygon(0 1.5%,7% 0,15% 1%,24% .2%,35% 1.1%,46% 0,57% .8%,68% 0,79% 1%,90% .2%,100% 1.4%,99% 98%,89% 99%,77% 98.2%,65% 100%,53% 98.5%,41% 99.7%,29% 98.3%,17% 100%,8% 98.5%,0 99%);
  transform:rotate(-.45deg);
  background-color:#f9f5ed;
}
.app-shell[data-style="journal"] .hero-card::before{
  content:"";
  position:absolute;
  z-index:3;
  width:88px;
  height:19px;
  left:50%;
  top:-9px;
  transform:translateX(-50%) rotate(-2deg);
  background:rgba(188,174,148,.42);
  box-shadow:0 1px 2px rgba(65,57,47,.12);
}
.app-shell[data-style="journal"] .hero-card::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:9px;
  width:98px;
  height:70px;
  background:url("/journal-assets/postmark.svg") center/contain no-repeat;
  opacity:.19;
  transform:rotate(-6deg);
}
.app-shell[data-style="journal"] .journal-hero-label{display:flex;position:absolute;top:26px;left:22px;right:22px;align-items:end;justify-content:space-between;border-bottom:1px solid var(--paper-line);padding-bottom:7px}
.app-shell[data-style="journal"] .journal-hero-label span{color:var(--paper-ink);font:8px/1 Georgia,serif;letter-spacing:.27em}
.app-shell[data-style="journal"] .journal-hero-label small{color:var(--paper-muted);font:italic 8px/1 Georgia,serif}
.app-shell[data-style="journal"] .journal-paperclip{display:block;position:absolute;z-index:4;right:27px;top:-17px;width:18px;height:48px;border:2px solid rgba(107,96,77,.52);border-radius:12px;transform:rotate(13deg)}
.app-shell[data-style="journal"] .journal-paperclip::after{content:"";position:absolute;inset:4px 3px 10px;border:1px solid rgba(107,96,77,.4);border-radius:10px}
.app-shell[data-style="journal"] .companions{position:relative;z-index:1;justify-content:flex-start;margin:4px 0 28px}
.app-shell[data-style="journal"] .avatar{
  border:5px solid #f7f3eb;
  border-radius:2px;
  background-color:#a9a093;
  filter:grayscale(.8) sepia(.15) contrast(.92);
  box-shadow:2px 4px 10px rgba(51,45,36,.18);
  transform:rotate(-3deg);
}
.app-shell[data-style="journal"] .companions .avatar:last-child{transform:rotate(3deg)}
.app-shell[data-style="journal"] .bond-line{width:120px}
.app-shell[data-style="journal"] .bond-line i{background:var(--paper-line)}
.app-shell[data-style="journal"] .bond-line b{background:var(--paper-card);color:var(--archive-red);font:italic 27px/1 Georgia,serif}
.app-shell[data-style="journal"] .bond-line small{color:var(--paper-muted);font:7px/1 Georgia,serif;letter-spacing:.18em;text-transform:uppercase}
.app-shell[data-style="journal"] .hero-card h2{position:relative;z-index:1;max-width:250px;margin:0 0 10px;font-size:24px;font-weight:400;line-height:1.4;text-align:left}
.app-shell[data-style="journal"] .hero-card p{position:relative;z-index:1;max-width:245px;margin:0;color:var(--paper-muted);font:14px/1.8 "Kaiti SC","STKaiti","KaiTi",serif;text-align:left}
.app-shell[data-style="journal"] .hero-copy-editor{position:relative;z-index:4}

.app-shell[data-style="journal"] .card-grid{position:relative;gap:13px;margin:0 3px 26px}
.app-shell[data-style="journal"] .mini-card{position:relative;min-height:178px;padding:19px 16px;border-radius:0;clip-path:polygon(0 0,100% 1%,98.5% 100%,1% 98.5%)}
.app-shell[data-style="journal"] .mini-card:nth-child(1){transform:rotate(.8deg);background-color:#ece6da}
.app-shell[data-style="journal"] .mini-card:nth-child(2){transform:rotate(-1.1deg);background-color:#f9f5ed}
.app-shell[data-style="journal"] .mini-card::before{
  content:"";
  position:absolute;
  top:-6px;
  left:15px;
  width:47px;
  height:14px;
  background:rgba(184,167,139,.4);
  transform:rotate(-6deg);
}
.app-shell[data-style="journal"] .mini-card strong{color:var(--paper-ink);font-weight:400}
.app-shell[data-style="journal"] .mini-card strong em{color:var(--archive-red);font:italic 35px/1 Georgia,serif}
.app-shell[data-style="journal"] .mini-card small{color:var(--paper-muted);line-height:1.55}

.app-shell[data-style="journal"] .tasks-card{
  position:relative;
  margin:0 5px 18px;
  padding:62px 19px 17px;
  border-radius:0;
  clip-path:polygon(0 1%,5% 0,11% 1%,18% .2%,27% 1%,35% 0,44% .8%,55% 0,65% 1%,75% .2%,85% 1%,94% 0,100% 1%,100% 99%,0 100%);
}
.app-shell[data-style="journal"] .tasks-card::before{content:"";position:absolute;top:-4px;left:27px;width:58px;height:15px;background:rgba(190,174,145,.42);transform:rotate(-4deg)}
.app-shell[data-style="journal"] .journal-card-caption{display:flex;position:absolute;top:22px;left:19px;right:19px;align-items:end;justify-content:space-between;border-bottom:1px solid var(--paper-line);padding-bottom:7px}
.app-shell[data-style="journal"] .journal-card-caption span{font:8px/1 Georgia,serif;letter-spacing:.24em}
.app-shell[data-style="journal"] .journal-card-caption b{color:var(--paper-muted);font:italic 7px/1 Georgia,serif}
.app-shell[data-style="journal"] .section-title h2{font-size:20px;font-weight:400}
.app-shell[data-style="journal"] .count,
.app-shell[data-style="journal"] .text-button{border:1px solid var(--paper-line);border-radius:1px;background:transparent;color:var(--archive-accent);box-shadow:none}
.app-shell[data-style="journal"] .task{border:0;border-bottom:1px dashed var(--paper-line);border-radius:0;background:transparent;padding:12px 4px}
.app-shell[data-style="journal"] .checkmark{border-radius:1px;border-color:var(--archive-accent)}
.app-shell[data-style="journal"] .task input:checked+.checkmark{background:var(--archive-green);border-color:var(--archive-green)}
.app-shell[data-style="journal"] .add-task{border-top:1px solid var(--paper-line)}
.app-shell[data-style="journal"] .add-task button{border-radius:1px;background:var(--paper-ink)}

/* Navigation resembles index tabs pinned to an archive folder. */
.app-shell[data-style="journal"] .bottom-nav{
  bottom:10px;
  height:80px;
  border:1px solid var(--paper-line);
  border-radius:2px;
  background:rgba(244,239,229,.97);
  background-image:url("/journal-assets/paper-grain.svg");
  background-size:180px;
  box-shadow:0 8px 22px rgba(68,55,38,.16);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.app-shell[data-style="journal"] .bottom-nav::before{content:"";position:absolute;left:0;right:0;top:-18px;height:22px;background:url("/journal-assets/lace-edge.svg") repeat-x bottom/120px 23px;opacity:.45;pointer-events:none}
.app-shell[data-style="journal"] .bottom-nav button{color:var(--paper-muted);font-family:"Songti SC","STSong",serif}
.app-shell[data-style="journal"] .bottom-nav button+button{border-left:1px solid rgba(52,50,43,.08)}
.app-shell[data-style="journal"] .bottom-nav button.active{color:var(--paper-ink);background:rgba(122,62,62,.055)}
.app-shell[data-style="journal"] .bottom-nav button.active::after{left:24%;right:24%;bottom:6px;height:1px;border-radius:0;background:var(--archive-red)}
.app-shell[data-style="journal"] .bottom-nav .nav-line-icon svg{stroke-width:1.35}

/* Chat is presented as exchanged private letters. */
.app-shell[data-style="journal"] .page[data-page="chat"]{padding-top:25px}
.app-shell[data-style="journal"] .journal-letterhead{display:flex;flex:none;align-items:center;justify-content:space-between;margin:0 4px 6px;padding:7px 4px;border-bottom:1px solid var(--paper-line);color:var(--paper-muted)}
.app-shell[data-style="journal"] .journal-letterhead span{font:7px/1 Georgia,serif;letter-spacing:.22em}
.app-shell[data-style="journal"] .journal-letterhead b{font:italic 7px/1 Georgia,serif;font-weight:400}
.app-shell[data-style="journal"] .chat-topbar{min-height:65px;margin-bottom:0;border:0;border-bottom:1px solid var(--paper-line);background:transparent;box-shadow:none}
.app-shell[data-style="journal"] .chat-topbar-center>strong{color:var(--paper-ink);font-family:Georgia,"Songti SC",serif;font-weight:400}
.app-shell[data-style="journal"] .chat-topbar-center p,
.app-shell[data-style="journal"] .chat-topbar-center p>small{color:var(--paper-muted)}
.app-shell[data-style="journal"] .chat-menu-button{border-radius:1px;color:var(--paper-ink)}
.app-shell[data-style="journal"] .top-thinking-control>span{border:1px solid var(--paper-line);border-radius:1px;background:var(--paper-deep)}
.app-shell[data-style="journal"] .top-thinking-control>span>i{border-radius:0;background:var(--paper-card)}
.app-shell[data-style="journal"] .top-thinking-control input:checked+span{background:var(--archive-green)}
.app-shell[data-style="journal"] .conversation{gap:20px;padding-top:18px}
.app-shell[data-style="journal"] .chat-avatar{border:3px solid var(--paper-card)!important;border-radius:1px!important;filter:grayscale(.78) sepia(.12);box-shadow:2px 3px 7px rgba(54,47,38,.15)!important;transform:rotate(-2deg)!important}
.app-shell[data-style="journal"] .outgoing-row .chat-avatar{transform:rotate(2deg)!important}
.app-shell[data-style="journal"] .message{
  position:relative;
  border:1px solid var(--paper-line);
  border-radius:1px!important;
  padding:16px 16px 18px;
  color:var(--paper-ink);
  font-family:"Songti SC","STSong","Noto Serif SC",Georgia,serif;
  line-height:1.75;
  box-shadow:2px 4px 11px rgba(65,56,44,.08);
  clip-path:polygon(0 1%,9% 0,20% .8%,31% 0,43% .7%,56% 0,68% .8%,80% 0,92% .7%,100% 0,99% 99%,87% 98.4%,73% 100%,59% 98.8%,46% 100%,31% 98.6%,15% 100%,0 99%);
}
.app-shell[data-style="journal"] .message::before{content:"";position:absolute;width:38px;height:10px;top:-5px;background:rgba(187,169,139,.36)}
.app-shell[data-style="journal"] .incoming::before{left:14px;transform:rotate(-4deg)}
.app-shell[data-style="journal"] .outgoing::before{right:14px;transform:rotate(4deg)}
.app-shell[data-style="journal"] .message.incoming{background:#faf7ef}
.app-shell[data-style="journal"] .message.outgoing{background:#e8dfcf}
.app-shell[data-style="journal"] .message-timestamp{color:var(--paper-muted)!important;text-shadow:none!important;font-family:Georgia,serif}
.app-shell[data-style="journal"] .composer{
  border:1px solid var(--paper-line);
  border-radius:2px;
  background:rgba(247,242,232,.97);
  background-image:repeating-linear-gradient(0deg,transparent 0,transparent 26px,rgba(62,58,49,.07) 27px);
  box-shadow:3px 7px 18px rgba(58,47,34,.16);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.app-shell[data-style="journal"] .composer::before{content:"WRITE A LETTER";position:absolute;top:8px;right:13px;color:rgba(69,65,57,.38);font:6px/1 Georgia,serif;letter-spacing:.2em}
.app-shell[data-style="journal"] .composer #chat-input{font-family:"Kaiti SC","STKaiti","KaiTi",serif}
.app-shell[data-style="journal"] .composer-model-select,
.app-shell[data-style="journal"] .composer .attachment-trigger,
.app-shell[data-style="journal"] .composer .call-launch,
.app-shell[data-style="journal"] .composer .voice-button{
  border:1px solid var(--paper-line);
  border-radius:1px!important;
  background:var(--paper-soft);
  color:var(--paper-ink);
}
.app-shell[data-style="journal"] .composer .send{border-radius:1px;background:var(--archive-red);color:var(--paper-card)}
.app-shell[data-style="journal"] .attachment-sheet{border-radius:1px;background:var(--paper-card)}

/* Memories read as catalogue folders and collected documents. */
.app-shell[data-style="journal"] .ob-entry,
.app-shell[data-style="journal"] .diary-card{
  position:relative;
  border-radius:0;
  background-color:var(--paper-soft);
  clip-path:polygon(0 0,32% 0,36% 9%,100% 9%,100% 100%,0 99%);
  padding-top:31px;
}
.app-shell[data-style="journal"] .ob-entry::before,
.app-shell[data-style="journal"] .diary-card::before{content:"ARCHIVE FILE";position:absolute;top:7px;left:15px;color:var(--archive-accent);font:7px/1 Georgia,serif;letter-spacing:.2em}
.app-shell[data-style="journal"] .diary-card::before{content:"PRIVATE JOURNAL"}
.app-shell[data-style="journal"] .ob-entry-mark,
.app-shell[data-style="journal"] .diary-emblem{border-radius:1px;background:var(--archive-accent);filter:grayscale(.25)}
.app-shell[data-style="journal"] .calendar-card{
  position:relative;
  margin-top:17px;
  padding-top:67px;
  border-radius:0;
  background-color:#f9f5ed;
  background-image:repeating-linear-gradient(0deg,transparent 0,transparent 27px,rgba(84,75,62,.055) 28px),url("/journal-assets/paper-grain.svg");
  clip-path:polygon(0 1%,8% 0,18% 1%,28% .2%,39% 1%,51% 0,63% .8%,74% 0,86% 1%,100% 0,99% 100%,0 99%);
}
.app-shell[data-style="journal"] .journal-card-caption-archive{top:24px}
.app-shell[data-style="journal"] .calendar button{border-radius:1px;color:var(--paper-ink)}
.app-shell[data-style="journal"] .calendar button.has-note::after{border-radius:0;background:var(--archive-red)}
.app-shell[data-style="journal"] .calendar button.selected{background:var(--paper-ink);color:var(--paper-card)}
.app-shell[data-style="journal"] .day-summary{border-radius:0;border:1px dashed var(--paper-line);background:rgba(240,233,220,.55)}
.app-shell[data-style="journal"] .memory-list{gap:14px}
.app-shell[data-style="journal"] .memory-item,
.app-shell[data-style="journal"] .honest-empty,
.app-shell[data-style="journal"] .ombre-catalog{border-radius:0;clip-path:polygon(0 1%,12% 0,24% .7%,38% 0,52% .7%,67% 0,82% .7%,100% 0,99% 99%,0 100%)}
.app-shell[data-style="journal"] .memory-dot{border-radius:0;background:var(--archive-red)!important}

/* Moments resemble a film contact sheet and postcard stack. */
.app-shell[data-style="journal"] .moments-heading{border-bottom:1px solid var(--paper-line);padding-bottom:10px}
.app-shell[data-style="journal"] .moments-heading span{color:var(--archive-accent);font-family:Georgia,serif;letter-spacing:.2em}
.app-shell[data-style="journal"] .moments-heading button,
.app-shell[data-style="journal"] .moment-compose-actions button,
.app-shell[data-style="journal"] .moment-image-button{border-radius:1px!important;background:var(--paper-ink)!important;color:var(--paper-card)!important}
.app-shell[data-style="journal"] .moment-composer{position:relative;border-radius:0;transform:rotate(-.35deg);clip-path:polygon(0 1%,11% 0,23% .8%,36% 0,51% .7%,66% 0,81% .8%,100% 0,99% 99%,0 100%)}
.app-shell[data-style="journal"] .moment-composer::before{content:"TODAY'S NOTE";position:absolute;top:12px;right:15px;color:var(--paper-muted);font:7px/1 Georgia,serif;letter-spacing:.2em}
.app-shell[data-style="journal"] .moment-composer textarea{font-family:"Kaiti SC","STKaiti","KaiTi",serif}
.app-shell[data-style="journal"] .moment-card{border-radius:0!important;background:#f9f5ed!important;box-shadow:3px 6px 14px rgba(68,55,38,.12)!important}
.app-shell[data-style="journal"] .moment-card:nth-child(even){transform:rotate(.55deg)}
.app-shell[data-style="journal"] .moment-card:nth-child(odd){transform:rotate(-.45deg)}
.app-shell[data-style="journal"] .moment-card img{filter:saturate(.62) sepia(.12);border:8px solid #f7f2e9}

/* Settings become an owner's archival dossier. */
.app-shell[data-style="journal"] .profile-card{
  position:relative;
  overflow:visible;
  min-height:104px;
  margin:0 4px 20px;
  border-radius:0;
  transform:rotate(-.45deg);
  background:#e9e1d2;
  clip-path:polygon(0 0,100% 1%,99% 100%,1% 98%);
}
.app-shell[data-style="journal"] .profile-card .avatar{transform:rotate(-4deg)}
.app-shell[data-style="journal"] .journal-profile-stamp{display:block;position:absolute;right:10px;bottom:8px;padding:4px 6px;border:2px double rgba(122,62,62,.55);color:rgba(122,62,62,.65);font:6px/1.4 Georgia,serif;letter-spacing:.12em;text-align:center;transform:rotate(-7deg)}
.app-shell[data-style="journal"] .settings-group{position:relative;margin-bottom:15px;border-radius:0;background-color:rgba(248,244,235,.9)}
.app-shell[data-style="journal"] .settings-group:nth-of-type(even){transform:rotate(.15deg)}
.app-shell[data-style="journal"] .setting-row{border-color:var(--paper-line)}
.app-shell[data-style="journal"] .setting-row strong{font-family:"Songti SC","STSong",serif;font-weight:500}
.app-shell[data-style="journal"] .setting-icon,
.app-shell[data-style="journal"] .theme-option,
.app-shell[data-style="journal"] .upload-button,
.app-shell[data-style="journal"] .reset-button{
  border:1px solid var(--paper-line);
  border-radius:1px;
  background:var(--paper-soft);
  color:var(--paper-ink);
}
.app-shell[data-style="journal"] .appearance-panel{font-family:Inter,"PingFang SC",sans-serif}
.app-shell[data-style="journal"] .style-control{margin:0 -8px 6px;padding:14px 10px;border:1px dashed var(--paper-line);background:rgba(238,231,217,.55)}
.app-shell[data-style="journal"] .switch{border:1px solid var(--paper-line);border-radius:1px;background:var(--paper-deep)}
.app-shell[data-style="journal"] .switch::after{border-radius:0;background:var(--paper-card);box-shadow:1px 1px 3px rgba(55,48,39,.2)}
.app-shell[data-style="journal"] .switch:checked{background:var(--archive-green)}
.app-shell[data-style="journal"] .version{color:var(--paper-muted)}

/* Desire and inner-feel state reads as loose private notes in the archive theme. */
.app-shell[data-style="journal"] .desire-feel-card,
.app-shell[data-style="journal"] .desire-intent-card,
.app-shell[data-style="journal"] .desire-drive-section,
.app-shell[data-style="journal"] .desire-thought-section{
  position:relative;
  border:1px solid var(--paper-line);
  border-radius:0;
  color:var(--paper-ink);
  background-color:#f8f2e6;
  background-image:repeating-linear-gradient(0deg,transparent 0,transparent 27px,rgba(84,75,62,.055) 28px),url("/journal-assets/paper-grain.svg");
  background-size:auto,180px;
  box-shadow:3px 5px 12px rgba(68,55,38,.1);
}
.app-shell[data-style="journal"] .desire-feel-card{transform:rotate(-.25deg)}
.app-shell[data-style="journal"] .desire-feel-card::before{content:"PRIVATE NOTE";position:absolute;right:13px;top:-6px;padding:3px 7px;background:rgba(198,181,151,.58);color:var(--paper-muted);font:6px/1 Georgia,serif;letter-spacing:.18em;transform:rotate(2deg)}
.app-shell[data-style="journal"] .desire-feel-card>div{color:var(--archive-red)}
.app-shell[data-style="journal"] .desire-feel-card>div b{border-radius:1px;background:var(--paper-soft);color:var(--archive-green)}
.app-shell[data-style="journal"] .desire-feel-card p{color:var(--paper-ink);font-family:"STKaiti","KaiTi",serif}
.app-shell[data-style="journal"] .desire-intent-card{grid-template-columns:45px 1fr;background-color:#eee2d0;transform:rotate(.2deg)}
.app-shell[data-style="journal"] .desire-intent-card>span{filter:grayscale(.55) sepia(.2)}
.app-shell[data-style="journal"] .desire-intent-card small,
.app-shell[data-style="journal"] .desire-intent-card p b{color:var(--archive-red)}
.app-shell[data-style="journal"] .desire-intent-card strong{color:var(--paper-ink);font-family:"Songti SC","STSong",serif;font-weight:500}
.app-shell[data-style="journal"] .desire-intent-card p em{color:var(--paper-muted)}
.app-shell[data-style="journal"] .desire-drive-section{clip-path:polygon(0 1%,9% 0,21% .8%,35% 0,51% .7%,67% 0,83% .8%,100% 0,99% 99%,0 100%)}
.app-shell[data-style="journal"] .desire-drive-section h3,
.app-shell[data-style="journal"] .desire-thought-section h3{color:var(--paper-muted);font-family:Georgia,"Songti SC",serif;letter-spacing:.08em}
.app-shell[data-style="journal"] .desire-drive-row{color:var(--paper-ink)}
.app-shell[data-style="journal"] .desire-drive-row i{height:6px;border-radius:0;background:rgba(82,101,88,.12)}
.app-shell[data-style="journal"] .desire-drive-row i b{border-radius:0;background:var(--archive-green)}
.app-shell[data-style="journal"] .desire-drive-row em,
.app-shell[data-style="journal"] .desire-thought-list p em{color:var(--paper-muted)}
.app-shell[data-style="journal"] .desire-thought-section{border-style:dashed;background-color:#f2e8d7;transform:rotate(-.12deg)}
.app-shell[data-style="journal"] .desire-thought-list p{border-bottom:1px dotted var(--paper-line);padding:4px 0;color:var(--paper-ink)}
.app-shell[data-style="journal"] .emotion-detail-title{color:var(--paper-muted);font-family:Georgia,"Songti SC",serif;letter-spacing:.08em}

/* Full-screen readers continue the archive language. */
.app-shell[data-style="journal"] .drives-dialog-panel,
.app-shell[data-style="journal"] .diary-dialog-shell,
.app-shell[data-style="journal"] .ob-browser,
.app-shell[data-style="journal"] .ob-sheet,
.app-shell[data-style="journal"] .memory-editor form{
  color:var(--paper-ink);
  background-color:var(--paper);
  background-image:linear-gradient(rgba(245,241,232,.93),rgba(245,241,232,.93)),url("/journal-assets/paper-grain.svg");
  background-size:auto,220px;
}
.app-shell[data-style="journal"] .ob-overview,
.app-shell[data-style="journal"] .ob-tools,
.app-shell[data-style="journal"] .ob-card,
.app-shell[data-style="journal"] .ob-stat,
.app-shell[data-style="journal"] .ob-edit-form,
.app-shell[data-style="journal"] .diary-paper,
.app-shell[data-style="journal"] .diary-index button{
  border-radius:0!important;
  border-color:var(--paper-line)!important;
  background-color:rgba(249,246,238,.88)!important;
  box-shadow:2px 4px 10px rgba(62,53,42,.09)!important;
}
.app-shell[data-style="journal"] .diary-tabs{border-radius:0;border:1px solid var(--paper-line);background:rgba(226,211,185,.55)}
.app-shell[data-style="journal"] .diary-tabs button{border-radius:0;color:var(--paper-muted)}
.app-shell[data-style="journal"] .diary-tabs button.active{background:#f4ead8;color:var(--paper-ink);box-shadow:inset 0 -2px var(--archive-accent)}
.app-shell[data-style="journal"] .diary-index-item.letter{background-image:linear-gradient(rgba(250,242,228,.92),rgba(239,218,209,.82))!important}
.app-shell[data-style="journal"] .ob-card:nth-child(even){transform:rotate(.25deg)}
.app-shell[data-style="journal"] .ob-card:nth-child(odd){transform:rotate(-.2deg)}
.app-shell[data-style="journal"] .ob-filter,
.app-shell[data-style="journal"] .ob-action,
.app-shell[data-style="journal"] .ob-search,
.app-shell[data-style="journal"] .ob-edit-form button{border-radius:1px!important}

/* The call page uses dark-academia paper, with readable contrasting captions. */
.app-shell[data-style="journal"] .call-page{
  color:#ece5d8;
  background-color:#292924;
  background-image:linear-gradient(rgba(34,34,30,.9),rgba(34,34,30,.9)),url("/journal-assets/paper-grain.svg");
  background-size:auto,220px;
}
.app-shell[data-style="journal"] .call-page::before{content:"PRIVATE CORRESPONDENCE";position:absolute;top:52%;left:-48px;color:rgba(239,231,216,.24);font:7px/1 Georgia,serif;letter-spacing:.24em;transform:rotate(-90deg)}
.app-shell[data-style="journal"] .call-avatar{border:8px solid #e9e1d2;border-radius:1px;filter:grayscale(.64) sepia(.12);transform:rotate(-1.5deg);box-shadow:5px 8px 24px rgba(0,0,0,.34)}
.app-shell[data-style="journal"] .call-avatar-orbit>i{border-color:rgba(231,223,209,.12)}
.app-shell[data-style="journal"] .call-page .call-status{
  color:#fff8ea;
  font-weight:600;
  letter-spacing:.04em;
  text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 5px rgba(0,0,0,.58);
}
html .app-shell[data-style="journal"] .page.call-page .call-caption.glass{
  border:1px solid rgba(235,226,210,.26)!important;
  border-radius:1px;
  background:#e8e0d1!important;
  color:#292925!important;
  box-shadow:3px 8px 24px rgba(0,0,0,.28);
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
html .app-shell[data-style="journal"] .page.call-page .call-caption>div+div{border-color:rgba(48,46,40,.18);background:rgba(86,101,88,.07)!important}
html .app-shell[data-style="journal"] .page.call-page .call-caption small{color:var(--archive-red)!important;opacity:.82!important}
html .app-shell[data-style="journal"] .page.call-page .call-caption p,
html .app-shell[data-style="journal"] .page.call-page .call-caption #call-translation,
html .app-shell[data-style="journal"] .page.call-page .call-caption #call-spoken{
  color:#292925!important;
  -webkit-text-fill-color:#292925!important;
  text-shadow:none!important;
}
html .app-shell[data-style="journal"] .page.call-page .call-caption #call-spoken{
  color:#4f6256!important;
  -webkit-text-fill-color:#4f6256!important;
}
.app-shell[data-style="journal"] .call-text-form{border-radius:1px;background:#e8e0d1;color:#292925}
.app-shell[data-style="journal"] .call-text-form button{border-radius:1px;background:var(--archive-red)}
.app-shell[data-style="journal"] .call-mute,
.app-shell[data-style="journal"] .call-start{border:1px solid rgba(235,226,210,.22);border-radius:1px!important;background:rgba(232,224,209,.1)}
.app-shell[data-style="journal"] .call-hangup{border-radius:1px!important;background:var(--archive-red)}

/* Dark journal mode becomes a charcoal archive rather than a neon dark theme. */
.app-shell[data-style="journal"][data-mode="dark"]{
  --paper:#282722;
  --paper-soft:#34322c;
  --paper-deep:#403d35;
  --paper-card:#37352f;
  --paper-ink:#ece5d9;
  --paper-muted:#aaa295;
  --paper-line:rgba(236,226,208,.16);
  --glass-rgb:53,50,44;
  --nav-rgb:42,40,35;
  --message-in-rgb:56,53,47;
  --message-out-a:73,65,55;
  --message-out-b:65,61,53;
  background-image:linear-gradient(rgba(40,39,34,.92),rgba(40,39,34,.92)),url("/journal-assets/paper-grain.svg"),var(--user-background);
}
.app-shell[data-style="journal"][data-mode="dark"] .page-header::before,
.app-shell[data-style="journal"][data-mode="dark"] .journal-page-folio span,
.app-shell[data-style="journal"][data-mode="dark"] .journal-page-folio b{background:var(--paper)}
.app-shell[data-style="journal"][data-mode="dark"] .glass,
.app-shell[data-style="journal"][data-mode="dark"] .composer,
.app-shell[data-style="journal"][data-mode="dark"] .message.incoming,
.app-shell[data-style="journal"][data-mode="dark"] .settings-group,
.app-shell[data-style="journal"][data-mode="dark"] .moment-card{background-color:rgba(55,53,47,.94)!important;color:var(--paper-ink)}
.app-shell[data-style="journal"][data-mode="dark"] .message.outgoing,
.app-shell[data-style="journal"][data-mode="dark"] .profile-card{background:#484239!important;color:var(--paper-ink)}
.app-shell[data-style="journal"][data-mode="dark"] .bottom-nav{background-color:rgba(42,40,35,.98)}
.app-shell[data-style="journal"][data-mode="dark"] .bond-line b{background:var(--paper-card);color:#c58d89}
.app-shell[data-style="journal"][data-mode="dark"] .composer-model-select,
.app-shell[data-style="journal"][data-mode="dark"] .composer .attachment-trigger,
.app-shell[data-style="journal"][data-mode="dark"] .composer .call-launch,
.app-shell[data-style="journal"][data-mode="dark"] .composer .voice-button,
.app-shell[data-style="journal"][data-mode="dark"] .setting-icon{background:var(--paper-deep);color:var(--paper-ink)}
.app-shell[data-style="journal"][data-mode="dark"] .journal-botanical{filter:invert(1);opacity:.11}

/* v53: turn the journal into a layered memory museum instead of a themed app. */
.app-shell[data-style="journal"] .journal-collage-piece,
.app-shell[data-style="journal"] .journal-lace-artifact,
.app-shell[data-style="journal"] .journal-index-slip{
  display:block;
  position:absolute;
  pointer-events:none;
  user-select:none;
}
.app-shell[data-style="journal"] .journal-collage-piece img,
.app-shell[data-style="journal"] .journal-lace-artifact img{
  display:block;
  width:100%;
  height:auto;
}
.app-shell[data-style="journal"] .journal-collage-piece{
  z-index:1;
  filter:sepia(.14) saturate(.68) contrast(.94);
  mix-blend-mode:multiply;
}
.app-shell[data-style="journal"] .journal-collage-home{
  top:207px;
  right:-89px;
  width:238px;
  opacity:.46;
  transform:rotate(6deg);
}
.app-shell[data-style="journal"] .journal-collage-moments{
  top:275px;
  left:-115px;
  width:220px;
  opacity:.24;
  transform:rotate(-13deg);
}
.app-shell[data-style="journal"] .journal-collage-settings{
  top:146px;
  right:-103px;
  width:210px;
  opacity:.3;
  transform:rotate(8deg);
}
.app-shell[data-style="journal"] .journal-coordinate{
  display:block;
  position:absolute;
  right:34px;
  top:34%;
  padding-left:8px;
  border-left:1px solid rgba(45,43,38,.35);
  color:rgba(45,43,38,.58);
  font:6px/1.65 Georgia,serif;
  letter-spacing:.1em;
  transform:rotate(-7deg);
}
.app-shell[data-style="journal"] .journal-index-slip{
  z-index:3;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:13px 12px 11px;
  color:var(--paper-ink);
  background:#dfd3bd;
  background-image:url("/journal-assets/paper-grain.svg");
  box-shadow:2px 5px 11px rgba(53,43,31,.12);
  clip-path:polygon(0 2%,11% 0,23% 2%,38% .4%,51% 1.8%,66% 0,81% 2%,100% 0,99% 98%,84% 100%,69% 98.3%,53% 100%,37% 98%,20% 100%,0 98%);
}
.app-shell[data-style="journal"] .journal-index-slip::before{
  content:"";
  position:absolute;
  width:44px;
  height:12px;
  top:-5px;
  left:10px;
  background:rgba(161,139,104,.36);
  transform:rotate(-5deg);
}
.app-shell[data-style="journal"] .journal-index-slip small{color:var(--archive-red);font:6px/1 Georgia,serif;letter-spacing:.2em}
.app-shell[data-style="journal"] .journal-index-slip b{font:italic 11px/1.45 Georgia,serif;font-weight:400}
.app-shell[data-style="journal"] .journal-index-slip span{color:var(--paper-muted);font:5px/1.3 Georgia,serif;letter-spacing:.13em}
.app-shell[data-style="journal"] .journal-index-slip-home{
  display:none;
}
.app-shell[data-style="journal"] .journal-memory-slip{
  z-index:4;
  top:296px;
  right:6px;
  width:142px;
  background:#ded2bd;
  transform:rotate(3deg);
}
.app-shell[data-style="journal"] .journal-lace-memory{
  z-index:1;
  top:464px;
  right:-61px;
  width:270px;
  opacity:.34;
  transform:rotate(5deg);
  filter:sepia(.24) saturate(.62);
}
.app-shell[data-style="journal"] .journal-hand-note{
  display:block;
  position:absolute;
  z-index:2;
  right:15px;
  bottom:54px;
  color:rgba(68,58,46,.52);
  font:italic 10px/1 "Kaiti SC","STKaiti","KaiTi",serif;
  transform:rotate(-9deg);
}

.app-shell[data-style="journal"] .page[data-page="home"]>.page-header,
.app-shell[data-style="journal"] .page[data-page="home"]>.hero-card,
.app-shell[data-style="journal"] .page[data-page="home"]>.card-grid,
.app-shell[data-style="journal"] .page[data-page="home"]>.tasks-card,
.app-shell[data-style="journal"] .page[data-page="memory"]>.page-header,
.app-shell[data-style="journal"] .page[data-page="memory"]>.ob-entry,
.app-shell[data-style="journal"] .page[data-page="memory"]>.calendar-card,
.app-shell[data-style="journal"] .page[data-page="memory"]>.diary-card,
.app-shell[data-style="journal"] .page[data-page="memory"]>.memory-list,
.app-shell[data-style="journal"] .page[data-page="moments"]>.page-header,
.app-shell[data-style="journal"] .page[data-page="moments"]>.moments-module,
.app-shell[data-style="journal"] .page[data-page="settings"]>.page-header,
.app-shell[data-style="journal"] .page[data-page="settings"]>.profile-card,
.app-shell[data-style="journal"] .page[data-page="settings"]>.settings-group{
  position:relative;
  z-index:2;
}

.app-shell[data-style="journal"] .hero-card{
  width:88%;
  min-height:352px;
  margin-left:0;
  padding-top:77px;
  transform:rotate(-1.15deg);
  box-shadow:5px 8px 18px rgba(62,48,31,.13);
}
.app-shell[data-style="journal"] .hero-card .companions{
  width:92%;
  margin-left:-9px;
  transform:rotate(.8deg);
}
.app-shell[data-style="journal"] .hero-card .avatar{
  position:relative;
  width:64px;
  height:72px;
  padding-bottom:10px;
  border-width:6px 6px 14px;
  clip-path:polygon(0 1%,100% 0,99% 100%,1% 99%);
}
.app-shell[data-style="journal"] .hero-card h2{max-width:215px;font-size:23px}
.app-shell[data-style="journal"] .hero-card p{max-width:210px}
.app-shell[data-style="journal"] .card-grid{
  display:flex;
  align-items:flex-start;
  gap:0;
  min-height:205px;
  margin:-5px -2px 21px 3px;
}
.app-shell[data-style="journal"] .card-grid .mini-card:first-child{
  z-index:2;
  flex:0 0 64%;
  min-height:185px;
  transform:rotate(1.7deg);
}
.app-shell[data-style="journal"] .card-grid .mini-card:last-child{
  z-index:1;
  flex:0 0 47%;
  min-height:161px;
  margin-top:38px;
  margin-left:-12%;
  padding-left:27px;
  transform:rotate(-2.5deg);
  background:#d8cbb5;
}
.app-shell[data-style="journal"] .tasks-card{
  width:93%;
  margin-left:5%;
  transform:rotate(.55deg);
  box-shadow:5px 8px 16px rgba(62,48,31,.12);
}
.app-shell[data-style="journal"] .tasks-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-35px;
  bottom:-18px;
  width:128px;
  height:190px;
  background:url("/journal-assets/archive-lace-frame.webp") center/contain no-repeat;
  opacity:.17;
  transform:rotate(13deg);
}

.app-shell[data-style="journal"] .page[data-page="memory"] .page-header{
  width:82%;
  margin-bottom:31px;
}
.app-shell[data-style="journal"] .page[data-page="memory"] .ob-entry{
  width:88%;
  margin-left:0;
  transform:rotate(-1.2deg);
  box-shadow:4px 7px 14px rgba(60,47,31,.12);
}
.app-shell[data-style="journal"] .page[data-page="memory"] .calendar-card{
  width:94%;
  margin:12px 0 15px 5%;
  transform:rotate(.7deg);
  box-shadow:5px 8px 17px rgba(60,47,31,.12);
}
.app-shell[data-style="journal"] .page[data-page="memory"] .diary-card{
  width:79%;
  margin:0 1% 17px auto;
  transform:rotate(-1.45deg);
  background-color:#dcd0bc;
}
.app-shell[data-style="journal"] .memory-list .memory-item,
.app-shell[data-style="journal"] .memory-list .honest-empty{
  position:relative;
  width:91%;
  margin-left:1%;
  padding-top:34px;
  transform:rotate(-.55deg);
}
.app-shell[data-style="journal"] .memory-list .memory-item:nth-child(even){margin-left:auto;transform:rotate(.8deg)}
.app-shell[data-style="journal"] .memory-list .memory-item::before,
.app-shell[data-style="journal"] .memory-list .honest-empty::before{
  content:"MEMORY FRAGMENT";
  position:absolute;
  top:13px;
  left:17px;
  color:var(--archive-red);
  font:6px/1 Georgia,serif;
  letter-spacing:.2em;
}
.app-shell[data-style="journal"] .memory-list .memory-item::after{
  content:"SAVED BY LUMIÈRE";
  position:absolute;
  right:13px;
  bottom:8px;
  color:var(--paper-muted);
  font:5px/1 Georgia,serif;
  letter-spacing:.14em;
}

.app-shell[data-style="journal"] .moments-module{padding-bottom:30px}
.app-shell[data-style="journal"] .moment-composer{
  width:91%;
  margin-left:7%;
  transform:rotate(1deg);
}
.app-shell[data-style="journal"] .moments-feed .moment-card{
  width:92%;
  margin-bottom:19px;
}
.app-shell[data-style="journal"] .moments-feed .moment-card:nth-child(even){margin-left:auto;transform:rotate(1.1deg)}
.app-shell[data-style="journal"] .moments-feed .moment-card:nth-child(odd){margin-left:0;transform:rotate(-1deg)}

.app-shell[data-style="journal"] .page[data-page="settings"] .profile-card{
  width:88%;
  min-height:116px;
  margin-left:1%;
  transform:rotate(-1.2deg);
}
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group{
  width:94%;
  margin-left:4%;
  clip-path:polygon(0 1%,8% 0,19% .8%,31% 0,45% .7%,58% 0,71% .8%,84% 0,100% 1%,99% 99%,86% 98%,73% 100%,59% 98.7%,44% 100%,29% 98.6%,15% 100%,0 99%);
  transform:rotate(.35deg);
}
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group:nth-of-type(even){
  margin-left:0;
  transform:rotate(-.45deg);
}
.app-shell[data-style="journal"] .chat-topbar::after{
  content:"";
  position:absolute;
  left:-8px;
  right:-8px;
  bottom:-17px;
  height:19px;
  background:url("/journal-assets/lace-edge.svg") repeat-x center/105px 20px;
  opacity:.22;
  pointer-events:none;
}
.app-shell[data-style="journal"] .page.call-page::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-86px;
  bottom:50px;
  width:230px;
  height:480px;
  background:url("/journal-assets/archive-botanical.webp") center/contain no-repeat;
  opacity:.055;
  filter:grayscale(1) invert(1);
  transform:rotate(8deg);
  pointer-events:none;
}
.app-shell[data-style="journal"] .page.call-page>*{position:relative;z-index:1}

.app-shell[data-style="journal"][data-mode="dark"] .journal-collage-piece{
  filter:grayscale(1) invert(.86) contrast(.9);
  mix-blend-mode:screen;
  opacity:.13;
}
.app-shell[data-style="journal"][data-mode="dark"] .journal-index-slip{background:#413b32}
.app-shell[data-style="journal"][data-mode="dark"] .journal-lace-artifact{filter:grayscale(1);opacity:.12}

@media(max-width:370px){
  .app-shell[data-style="journal"] .page{padding-left:15px;padding-right:15px}
  .app-shell[data-style="journal"] .page-header h1{font-size:36px}
  .app-shell[data-style="journal"] .hero-card{min-height:300px;padding-left:18px;padding-right:18px}
  .app-shell[data-style="journal"] .journal-hero-label{left:18px;right:18px}
  .app-shell[data-style="journal"] .journal-hero-label small{display:none}
  .app-shell[data-style="journal"] .card-grid{gap:9px}
  .app-shell[data-style="journal"] .mini-card{padding:17px 13px}
  .app-shell[data-style="journal"] .journal-collage-home{right:-105px}
  .app-shell[data-style="journal"] .journal-index-slip-home{left:5px}
}
@media(prefers-reduced-motion:reduce){
  .app-shell[data-style="journal"] .page.active{animation:none}
  .app-shell[data-style="journal"] .mini-card,
  .app-shell[data-style="journal"] .hero-card,
  .app-shell[data-style="journal"] .moment-card,
  .app-shell[data-style="journal"] .profile-card{transform:none}
}

/* v54: Together Since becomes a collected love archive, not a relationship card. */
.app-shell[data-style="journal"]::before{opacity:.24}
.app-shell[data-style="journal"] .page[data-page="home"]>.page-header{
  width:74%;
  min-height:83px;
  margin-bottom:7px;
  border-bottom:0;
}
.app-shell[data-style="journal"] .page[data-page="home"]>.page-header .subtle{max-width:220px}
.app-shell[data-style="journal"] .journal-collage-home{display:none}
.app-shell[data-style="journal"] .hero-card{
  width:100%;
  min-height:670px;
  margin:0 0 19px;
  padding:0;
  overflow:visible;
  border:0;
  clip-path:none;
  transform:none;
  background:transparent;
  background-image:none;
  box-shadow:none;
}
.app-shell[data-style="journal"] .hero-card::before,
.app-shell[data-style="journal"] .hero-card::after{display:none}
.app-shell[data-style="journal"] .journal-hero-label{
  top:17px;
  left:3px;
  right:auto;
  width:176px;
  padding-bottom:8px;
  align-items:flex-start;
  flex-direction:column;
  gap:7px;
  border-bottom:0;
}
.app-shell[data-style="journal"] .journal-hero-label span{
  font-size:9px;
  letter-spacing:.3em;
}
.app-shell[data-style="journal"] .journal-hero-label small{
  padding-top:6px;
  border-top:1px solid var(--paper-line);
  font-size:6px;
  letter-spacing:.17em;
}
.app-shell[data-style="journal"] .hero-card .companions{
  position:absolute;
  z-index:3;
  top:77px;
  left:0;
  display:block;
  width:49%;
  margin:0;
  transform:none;
}
.app-shell[data-style="journal"] .hero-card .companions .avatar{display:none}
.app-shell[data-style="journal"] .hero-card .bond-line{
  display:flex;
  width:auto;
  align-items:flex-start;
  flex-direction:column;
  gap:0;
}
.app-shell[data-style="journal"] .hero-card .bond-line i{display:none}
.app-shell[data-style="journal"] .hero-card .bond-line b{
  display:block;
  min-width:0;
  padding:0;
  color:var(--paper-ink);
  background:transparent;
  font:400 clamp(94px,29vw,126px)/.82 "Bodoni 72","Didot","Times New Roman",Georgia,serif;
  letter-spacing:-.075em;
}
.app-shell[data-style="journal"] .hero-card .bond-line small{
  display:block;
  margin:13px 0 0 8px;
  color:var(--paper-muted);
  font:italic 0/1 Georgia,serif;
  letter-spacing:0;
  text-transform:none;
}
.app-shell[data-style="journal"] .hero-card .bond-line small::after{
  content:"days";
  font:italic 36px/1 "Bodoni 72","Didot","Times New Roman",Georgia,serif;
}
.app-shell[data-style="journal"] .hero-card .companions::after{
  content:"Every day with you.";
  display:block;
  width:132px;
  margin:18px 0 0 8px;
  padding-top:10px;
  border-top:1px solid var(--paper-line);
  color:var(--paper-muted);
  font:italic 9px/1.4 Georgia,serif;
  letter-spacing:.08em;
}
.app-shell[data-style="journal"] .journal-hero-collage{
  display:block;
  position:absolute;
  z-index:2;
  top:58px;
  right:-6px;
  width:57%;
  height:333px;
  pointer-events:none;
}
.app-shell[data-style="journal"] .journal-hero-collage::before{
  content:"";
  position:absolute;
  z-index:0;
  top:23px;
  right:-23px;
  width:164px;
  height:221px;
  background:url("/journal-assets/archive-lace-frame.webp") center/contain no-repeat;
  opacity:.23;
  filter:sepia(.28) saturate(.58);
  transform:rotate(5deg);
}
.app-shell[data-style="journal"] .journal-polaroid{
  position:absolute;
  z-index:2;
  top:66px;
  right:-3px;
  width:126px;
  min-height:161px;
  margin:0;
  padding:8px 8px 20px;
  background:#f2ecdf;
  box-shadow:3px 6px 12px rgba(56,46,34,.2);
  transform:rotate(4.5deg);
}
.app-shell[data-style="journal"] .journal-polaroid::before{
  content:"";
  position:absolute;
  z-index:3;
  top:-8px;
  left:27px;
  width:69px;
  height:17px;
  background:rgba(174,151,113,.36);
  transform:rotate(-6deg);
}
.app-shell[data-style="journal"] .journal-polaroid-photo{
  display:grid;
  width:110px;
  height:126px;
  place-items:center;
  overflow:hidden;
  color:rgba(49,45,39,.45);
  background-color:#aaa79f;
  background-size:cover!important;
  background-position:center!important;
  filter:grayscale(1) sepia(.08) contrast(1.08);
  font:28px/1 Georgia,serif;
}
.app-shell[data-style="journal"] .journal-polaroid figcaption{
  margin-top:9px;
  color:var(--paper-muted);
  font:italic 6px/1 Georgia,serif;
  letter-spacing:.09em;
  text-align:center;
}
.app-shell[data-style="journal"] .journal-specimen{
  position:absolute;
  z-index:3;
  left:-15px;
  bottom:2px;
  width:112px;
  height:181px;
  background:url("/journal-assets/botanical-sprig.svg") center/contain no-repeat;
  opacity:.58;
  filter:grayscale(1) sepia(.25);
  transform:rotate(-10deg);
}
.app-shell[data-style="journal"] .journal-specimen::after{
  content:"BOTANICAL SPECIMEN / L-07";
  position:absolute;
  left:19px;
  bottom:-6px;
  width:90px;
  color:var(--paper-muted);
  font:5px/1.4 Georgia,serif;
  letter-spacing:.12em;
}
.app-shell[data-style="journal"] .journal-collage-stars{
  position:absolute;
  top:9px;
  left:4px;
  color:rgba(45,43,38,.62);
  font:20px/1 Georgia,serif;
  letter-spacing:.3em;
  transform:rotate(-9deg);
}
.app-shell[data-style="journal"] .journal-hero-coordinate{
  position:absolute;
  z-index:4;
  top:16px;
  right:6px;
  padding-left:7px;
  border-left:1px solid var(--paper-line);
  color:var(--paper-muted);
  font:6px/1.55 Georgia,serif;
  letter-spacing:.1em;
  transform:rotate(2deg);
}
.app-shell[data-style="journal"] .journal-hero-postmark{
  position:absolute;
  z-index:4;
  right:77px;
  bottom:5px;
  width:82px;
  height:58px;
  background:url("/journal-assets/postmark.svg") center/contain no-repeat;
  opacity:.36;
  transform:rotate(-13deg);
}
.app-shell[data-style="journal"] .journal-note-paper{
  display:block;
  position:absolute;
  z-index:1;
  top:406px;
  left:19px;
  width:89%;
  height:222px;
  background-color:#f4ede0;
  background-image:
    repeating-linear-gradient(0deg,transparent 0 34px,rgba(68,61,50,.055) 35px),
    url("/journal-assets/paper-grain.svg");
  box-shadow:4px 7px 14px rgba(60,48,33,.13);
  clip-path:polygon(0 1%,7% 0,15% 1.1%,25% .2%,37% 1%,49% 0,62% 1.1%,74% .2%,86% 1%,100% 0,99% 97%,91% 99%,81% 97%,69% 100%,57% 98%,44% 100%,31% 97.5%,18% 100%,8% 98%,0 99%);
  transform:rotate(-.8deg);
}
.app-shell[data-style="journal"] .journal-note-paper::before{
  content:"";
  position:absolute;
  top:-3px;
  left:41%;
  width:74px;
  height:16px;
  background:rgba(175,151,113,.31);
  transform:rotate(4deg);
}
.app-shell[data-style="journal"] .journal-note-paper::after{
  content:"";
  position:absolute;
  right:18px;
  bottom:16px;
  width:67px;
  height:90px;
  background:url("/journal-assets/botanical-sprig.svg") center/contain no-repeat;
  opacity:.13;
  filter:grayscale(1);
}
.app-shell[data-style="journal"] .journal-note-meta{
  display:flex;
  position:absolute;
  z-index:3;
  top:438px;
  left:42px;
  width:76%;
  align-items:center;
  justify-content:space-between;
  color:var(--paper-muted);
}
.app-shell[data-style="journal"] .journal-note-meta span{
  color:var(--archive-red);
  font:7px/1 Georgia,serif;
  letter-spacing:.24em;
}
.app-shell[data-style="journal"] .journal-note-meta time{
  font:italic 8px/1 Georgia,serif;
  letter-spacing:.08em;
}
.app-shell[data-style="journal"] .hero-card>.journal-paperclip{
  top:393px;
  right:auto;
  left:43px;
  width:15px;
  height:44px;
  transform:rotate(-8deg);
}
.app-shell[data-style="journal"] .hero-card h2{
  position:absolute;
  z-index:3;
  top:475px;
  left:47px;
  max-width:245px;
  margin:0;
  font:400 21px/1.55 "Songti SC","STSong","Noto Serif SC",Georgia,serif;
}
.app-shell[data-style="journal"] .hero-card p{
  position:absolute;
  z-index:3;
  top:527px;
  left:47px;
  max-width:230px;
  margin:0;
  color:#5f5a52;
  font:14px/1.9 "Kaiti SC","STKaiti","KaiTi",serif;
}
.app-shell[data-style="journal"] .hero-card .journal-hand-note{
  right:auto;
  left:8px;
  bottom:auto;
  top:365px;
  font-size:9px;
  transform:rotate(-6deg);
}
.app-shell[data-style="journal"] .hero-copy-editor{
  position:absolute;
  z-index:8;
  top:466px;
  left:40px;
  width:76%;
  padding:12px;
  background:#f4ede0;
  box-shadow:3px 6px 14px rgba(60,48,33,.16);
}

/* Home mood reads like a pinned emotional specimen and archive receipt. */
.app-shell[data-style="journal"] .card-grid{
  min-height:248px;
  margin:-2px 0 27px 2px;
}
.app-shell[data-style="journal"] .card-grid .mini-card:first-child{
  flex-basis:72%;
  min-height:224px;
  padding:58px 16px 17px;
  overflow:visible;
  background:#e9dfce;
  clip-path:polygon(0 1%,10% 0,21% 1%,33% .2%,46% 1%,58% 0,72% 1%,85% .2%,100% 1%,99% 99%,84% 98%,70% 100%,55% 98%,40% 100%,24% 98%,9% 100%,0 99%);
  transform:rotate(-1deg)!important;
  box-shadow:4px 8px 15px rgba(60,48,33,.14);
}
.app-shell[data-style="journal"] .card-grid .mini-card:first-child::before{
  top:-5px;
  left:24px;
  width:61px;
  transform:rotate(-5deg);
}
.app-shell[data-style="journal"] .card-grid .mini-card:last-child{
  flex-basis:39%;
  min-height:145px;
  margin-top:72px;
  margin-left:-9%;
  padding:28px 12px 14px 22px;
  background:#d5c5aa;
  clip-path:polygon(0 3%,9% 0,20% 2%,34% 0,49% 2%,64% 0,79% 2%,100% 0,98% 100%,0 97%);
  transform:rotate(2.3deg);
  box-shadow:3px 6px 11px rgba(60,48,33,.13);
}
.app-shell[data-style="journal"] .journal-mood-specimen{
  display:flex;
  position:absolute;
  top:19px;
  left:16px;
  right:14px;
  align-items:center;
  gap:8px;
  color:var(--archive-red);
  pointer-events:none;
}
.app-shell[data-style="journal"] .journal-mood-specimen span{
  font:7px/1 Georgia,serif;
  letter-spacing:.22em;
}
.app-shell[data-style="journal"] .journal-mood-specimen i{
  flex:1;
  height:1px;
  background:var(--paper-line);
}
.app-shell[data-style="journal"] .journal-mood-specimen b{
  color:var(--paper-muted);
  font:italic 6px/1 "Kaiti SC","STKaiti","KaiTi",serif;
  font-weight:400;
}
.app-shell[data-style="journal"] .drives-card::after{
  z-index:-1;
  right:-7px;
  top:auto;
  bottom:-11px;
  width:91px;
  height:135px;
  border-radius:0;
  background:url("/journal-assets/botanical-sprig.svg") center/contain no-repeat;
  opacity:.12;
  filter:grayscale(1);
  transform:rotate(8deg);
}
.app-shell[data-style="journal"] .drives-head{
  padding-bottom:8px;
  border-bottom:1px dashed var(--paper-line);
}
.app-shell[data-style="journal"] .drives-state{
  color:var(--archive-green);
  font:7px/1 Georgia,serif;
  letter-spacing:.1em;
}
.app-shell[data-style="journal"] .drives-card>strong{
  font:400 20px/1.25 "Songti SC","STSong",Georgia,serif;
}
.app-shell[data-style="journal"] .drive-row{
  grid-template-columns:3em 1fr 2em;
  color:var(--paper-muted);
  font-family:"Kaiti SC","STKaiti","KaiTi",serif;
}
.app-shell[data-style="journal"] .drive-row i{
  height:3px;
  border-radius:0;
  background:rgba(75,69,58,.12);
}
.app-shell[data-style="journal"] .drive-row i b{
  border-radius:0;
  background:var(--archive-red);
  opacity:.62;
}
.app-shell[data-style="journal"] .card-grid .mini-card:last-child .card-label{
  display:block;
  margin-bottom:8px;
  padding-bottom:6px;
  border-bottom:1px solid rgba(58,53,45,.18);
}
.app-shell[data-style="journal"] .card-grid .mini-card:last-child::after{
  content:"LUMIÈRE / LOG";
  position:absolute;
  right:8px;
  bottom:7px;
  color:rgba(67,61,51,.42);
  font:5px/1 Georgia,serif;
  letter-spacing:.13em;
}
.app-shell[data-style="journal"] .drives-dialog-backdrop{
  background:rgba(51,45,36,.36);
  backdrop-filter:blur(4px);
}
.app-shell[data-style="journal"] .drives-dialog-panel{
  border-radius:1px;
  color:var(--paper-ink);
  background:#eee4d2;
  background-image:url("/journal-assets/paper-grain.svg");
  box-shadow:9px 16px 45px rgba(40,34,27,.3);
  clip-path:polygon(0 1%,7% 0,18% 1%,31% 0,45% .7%,61% 0,77% 1%,89% 0,100% 1%,99% 99%,84% 98%,67% 100%,49% 98%,31% 100%,14% 98%,0 99%);
}
.app-shell[data-style="journal"] .drives-dialog-panel h2{color:var(--paper-ink);font-weight:400}
.app-shell[data-style="journal"] .drives-dialog-panel header p,
.app-shell[data-style="journal"] .drives-dialog-panel footer{color:var(--paper-muted)}
.app-shell[data-style="journal"] .drives-dialog-panel header button{
  border:1px solid var(--paper-line);
  border-radius:1px;
  color:var(--paper-ink);
  background:transparent;
}
.app-shell[data-style="journal"] .drives-orbit{opacity:.42;filter:grayscale(1)}
.app-shell[data-style="journal"] .drives-full-list section h3{color:var(--archive-red);font-family:Georgia,serif}
.app-shell[data-style="journal"] .drive-full-row{color:var(--paper-muted)}
.app-shell[data-style="journal"] .drive-full-row i{border-radius:0;background:rgba(75,69,58,.12)}
.app-shell[data-style="journal"] .drive-full-row i b{border-radius:0;background:var(--archive-red);opacity:.62}

/* Chat background follows the hand-drawn star atlas reference. */
.app-shell[data-style="journal"] .page[data-page="chat"]{isolation:isolate}
.app-shell[data-style="journal"] .journal-star-field{
  display:block;
  position:absolute;
  z-index:0;
  inset:88px 0 102px;
  pointer-events:none;
  background:
    linear-gradient(rgba(238,229,212,.18),rgba(238,229,212,.18)),
    url("/journal-assets/handdrawn-stars.svg") center top/100% auto repeat-y;
  opacity:.46;
  filter:sepia(.18);
}
.app-shell[data-style="journal"] .page[data-page="chat"]>.journal-letterhead,
.app-shell[data-style="journal"] .page[data-page="chat"]>.chat-topbar,
.app-shell[data-style="journal"] .page[data-page="chat"]>.conversation,
.app-shell[data-style="journal"] .page[data-page="chat"]>.scroll-to-bottom,
.app-shell[data-style="journal"] .page[data-page="chat"]>.attachment-sheet,
.app-shell[data-style="journal"] .page[data-page="chat"]>.composer{
  position:relative;
  z-index:2;
}
.app-shell[data-style="journal"] .conversation{
  background-image:linear-gradient(rgba(238,229,212,.12),rgba(238,229,212,.12));
}
.app-shell[data-style="journal"] .message-row:nth-child(3n+1) .message{transform:rotate(-.25deg)}
.app-shell[data-style="journal"] .message-row:nth-child(3n+2) .message{transform:rotate(.3deg)}

/* Voice strips and call records become filed audio fragments. */
.app-shell[data-style="journal"] .ai-voice-note{
  position:relative;
  width:min(286px,74vw);
  height:58px;
  margin:0;
  padding:0 11px 0 9px;
  gap:8px;
  overflow:visible;
  border:1px solid rgba(62,56,47,.23);
  border-radius:0;
  color:#383630;
  background:#dfd2bb;
  background-image:url("/journal-assets/paper-grain.svg");
  box-shadow:2px 4px 9px rgba(54,46,36,.13);
  clip-path:polygon(0 3%,8% 0,19% 2%,31% 0,44% 2%,59% 0,72% 2%,86% 0,100% 2%,99% 98%,87% 100%,72% 98%,57% 100%,41% 98%,25% 100%,10% 98%,0 100%);
}
.app-shell[data-style="journal"] .ai-voice-note::before{
  content:"AUDIO FRAGMENT";
  position:absolute;
  top:-11px;
  right:4px;
  color:var(--archive-red);
  font:5px/1 Georgia,serif;
  letter-spacing:.16em;
}
.app-shell[data-style="journal"] .user-voice-note{
  position:relative;
  width:min(276px,72vw);
  height:58px;
  margin:2px 0 0 auto;
  padding:0 11px 0 9px;
  gap:8px;
  overflow:visible;
  border:1px solid rgba(62,56,47,.25);
  border-radius:0;
  color:#403b33;
  background:#e8dcc6 url("/journal-assets/paper-grain.svg");
  box-shadow:2px 4px 9px rgba(54,46,36,.13);
  clip-path:polygon(0 2%,10% 0,23% 2%,37% 0,53% 2%,68% 0,84% 2%,100% 0,99% 98%,84% 100%,68% 98%,51% 100%,34% 98%,17% 100%,1% 98%);
}
.app-shell[data-style="journal"] .user-voice-note::after{
  content:"REC · PERSONAL";
  position:absolute;
  z-index:2;
  top:-10px;
  left:8px;
  color:var(--archive-red);
  background:transparent;
  font:6px/1 Georgia,serif;
  letter-spacing:.14em;
}
.app-shell[data-style="journal"] .user-voice-note .voice-play-icon{background:rgba(247,241,229,.58);box-shadow:none}
.app-shell[data-style="journal"] .voice-transcript{
  width:min(250px,68vw);
  max-width:min(250px,68vw);
  margin:5px 5px 0 auto;
  padding:8px 10px 7px;
  border-radius:0;
  color:#6a6256;
  background:rgba(244,237,224,.72);
  box-shadow:1px 3px 7px rgba(54,46,36,.07);
  clip-path:polygon(1% 0,100% 2%,98% 100%,0 97%);
  font:10px/1.6 "Kaiti SC","STKaiti","KaiTi",serif;
}
.app-shell[data-style="journal"] .voice-transcript::before{content:"TRANSCRIPT /";position:static;margin-right:5px;color:var(--archive-red);font:6px Georgia,serif;letter-spacing:.1em;opacity:.72}
.app-shell[data-style="journal"] .voice-play-icon{
  border:1px solid rgba(62,56,47,.21);
  border-radius:50%;
  color:var(--paper-ink);
  background:rgba(247,241,229,.52);
}
.app-shell[data-style="journal"] .voice-waveform i{
  width:2px!important;
  border-radius:0;
  opacity:.64;
}
.app-shell[data-style="journal"] .voice-note b{
  color:var(--paper-muted);
  font-family:Georgia,serif;
  letter-spacing:.08em;
}
.app-shell[data-style="journal"] .voice-note.ready b::after{border-radius:0;background:var(--archive-green)}
.app-shell[data-style="journal"] .voice-translation{
  position:relative;
  width:min(242px,70vw);
  margin:5px 0 0 13px;
  padding:12px 13px;
  border:0;
  border-radius:0;
  color:#5e594f;
  background:#f4ede0;
  background-image:url("/journal-assets/paper-grain.svg");
  box-shadow:2px 4px 9px rgba(54,46,36,.09);
  clip-path:polygon(0 0,100% 1%,98% 100%,2% 98%);
  font:11px/1.65 "Kaiti SC","STKaiti","KaiTi",serif;
}
.app-shell[data-style="journal"] .voice-translation::before{
  content:"";
  position:absolute;
  top:-4px;
  left:22px;
  width:45px;
  height:10px;
  background:rgba(177,151,111,.28);
  transform:rotate(-3deg);
}
.app-shell[data-style="journal"] .call-record-card{
  position:relative;
  min-width:226px;
  padding:20px 15px 16px;
  gap:12px;
  overflow:visible;
  border:1px solid rgba(62,56,47,.23);
  border-radius:0;
  color:var(--paper-ink);
  background:#e8decc;
  background-image:
    repeating-linear-gradient(0deg,transparent 0 24px,rgba(67,61,51,.05) 25px),
    url("/journal-assets/paper-grain.svg");
  box-shadow:3px 5px 11px rgba(54,46,36,.12);
  clip-path:polygon(0 2%,9% 0,20% 2%,34% 0,49% 2%,63% 0,78% 2%,91% 0,100% 2%,99% 98%,84% 100%,67% 98%,51% 100%,34% 98%,18% 100%,0 98%);
  transform:rotate(-.5deg);
}
.app-shell[data-style="journal"] .call-record-card::before{
  content:"RECORDED · PRIVATE LINE";
  position:absolute;
  top:7px;
  left:15px;
  color:var(--archive-red);
  font:5px/1 Georgia,serif;
  letter-spacing:.17em;
}
.app-shell[data-style="journal"] .call-record-card::after{
  content:"";
  position:absolute;
  top:-5px;
  right:20px;
  width:44px;
  height:11px;
  background:rgba(177,151,111,.3);
  transform:rotate(5deg);
}
.app-shell[data-style="journal"] .call-record-card>span{
  width:36px;
  height:36px;
  margin-top:5px;
  border:1px solid var(--paper-line);
  border-radius:50%;
  color:var(--archive-red);
  background:rgba(247,241,229,.52);
}
.app-shell[data-style="journal"] .call-record-card small{
  color:var(--paper-muted);
  font-family:Georgia,serif;
  letter-spacing:.18em;
  opacity:1;
}
.app-shell[data-style="journal"] .call-record-card strong{
  color:var(--paper-ink);
  font-family:"Songti SC","STSong",Georgia,serif;
  font-weight:400;
}

.app-shell[data-style="journal"][data-mode="dark"] .journal-polaroid,
.app-shell[data-style="journal"][data-mode="dark"] .journal-note-paper,
.app-shell[data-style="journal"][data-mode="dark"] .voice-translation{background-color:#474138;color:var(--paper-ink)}
.app-shell[data-style="journal"][data-mode="dark"] .journal-polaroid-photo{filter:grayscale(1) brightness(.72) contrast(1.08)}
.app-shell[data-style="journal"][data-mode="dark"] .journal-star-field{filter:invert(.8) grayscale(1);opacity:.12}
.app-shell[data-style="journal"][data-mode="dark"] .card-grid .mini-card:first-child,
.app-shell[data-style="journal"][data-mode="dark"] .ai-voice-note,
.app-shell[data-style="journal"][data-mode="dark"] .call-record-card{background-color:#413b32;color:var(--paper-ink)}
.app-shell[data-style="journal"][data-mode="dark"] .card-grid .mini-card:last-child{background:#38342e}

@media(max-width:370px){
  .app-shell[data-style="journal"] .hero-card{min-height:635px;padding:0}
  .app-shell[data-style="journal"] .hero-card .bond-line b{font-size:91px}
  .app-shell[data-style="journal"] .journal-hero-collage{right:-13px;width:58%;transform:scale(.92);transform-origin:top right}
  .app-shell[data-style="journal"] .journal-note-paper{top:382px;height:214px}
  .app-shell[data-style="journal"] .journal-note-meta{top:414px}
  .app-shell[data-style="journal"] .hero-card>.journal-paperclip{top:369px}
  .app-shell[data-style="journal"] .hero-card h2{top:451px;left:39px;font-size:19px}
  .app-shell[data-style="journal"] .hero-card p{top:503px;left:39px;max-width:215px}
  .app-shell[data-style="journal"] .hero-card .journal-hand-note{top:344px}
  .app-shell[data-style="journal"] .card-grid .mini-card:first-child{flex-basis:76%}
  .app-shell[data-style="journal"] .card-grid .mini-card:last-child{flex-basis:40%;margin-left:-14%}
}

/* v55: real iPhone safe-area and control corrections. */
.app-shell[data-style="journal"] .page{
  padding-top:max(47px,calc(env(safe-area-inset-top,0px) + 16px));
}
.app-shell[data-style="journal"] .page[data-page="chat"]{
  box-sizing:border-box;
  width:100%;
  padding-top:max(25px,calc(env(safe-area-inset-top,0px) + 8px));
}
.app-shell[data-style="journal"].has-lumi-avatar .journal-polaroid-photo{
  color:transparent!important;
  text-shadow:none!important;
}
.app-shell[data-style="journal"] .journal-note-edit{
  display:flex;
  position:absolute;
  z-index:6;
  top:427px;
  right:33px;
  align-items:center;
  gap:5px;
  padding:5px 7px;
  border:1px solid var(--paper-line);
  border-radius:0;
  color:var(--archive-red);
  background:rgba(244,237,224,.72);
  font:10px/1 Georgia,serif;
  transform:rotate(1.5deg);
}
.app-shell[data-style="journal"] .journal-note-edit span{
  font-size:5px;
  letter-spacing:.15em;
}
.app-shell[data-style="journal"] .hero-card:has(.hero-copy-editor:not([hidden])) .journal-note-edit{display:none}
.app-shell[data-style="journal"]:has(.hero-copy-editor:not([hidden])) .bottom-nav{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.app-shell[data-style="journal"] .hero-copy-editor{
  box-sizing:border-box;
  top:461px;
  max-height:185px;
  overflow:auto;
}
.app-shell[data-style="journal"] .hero-copy-editor input,
.app-shell[data-style="journal"] .hero-copy-editor textarea{
  box-sizing:border-box;
  border:1px solid var(--paper-line);
  border-radius:0;
  color:var(--paper-ink);
  background:#f8f1e5;
  font-family:"Kaiti SC","STKaiti","KaiTi",serif;
}
.app-shell[data-style="journal"] .hero-copy-editor>div button{
  border:1px solid var(--paper-line);
  border-radius:0;
  color:var(--paper-ink);
  background:var(--paper-soft);
}
.app-shell[data-style="journal"] .hero-copy-editor>div button[type="submit"]{
  color:var(--paper-card);
  background:var(--archive-red);
}

/* All journal toggles keep one measured archive-switch geometry. */
.app-shell[data-style="journal"] input.switch{
  box-sizing:border-box;
  flex:0 0 40px;
  width:40px!important;
  min-width:40px;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(65,59,50,.24);
  border-radius:1px;
  appearance:none;
  -webkit-appearance:none;
  background:#cfc2ac;
  transform:none!important;
  vertical-align:middle;
}
.app-shell[data-style="journal"] input.switch::after{
  top:3px;
  left:3px;
  width:14px;
  height:14px;
  border-radius:0;
  background:#f6efe2;
  box-shadow:1px 2px 4px rgba(59,50,39,.18);
}
.app-shell[data-style="journal"] input.switch:checked{background:var(--archive-green)}
.app-shell[data-style="journal"] input.switch:checked::after{left:21px}
.app-shell[data-style="journal"] .setting-row input.switch,
.app-shell[data-style="journal"] .style-control input.switch{margin-left:auto!important}
.app-shell[data-style="journal"] .style-control,
.app-shell[data-style="journal"] .night-control,
.app-shell[data-style="journal"] .temporary-chat{gap:12px}
.app-shell[data-style="journal"] .top-thinking-control{
  box-sizing:border-box;
  width:40px;
  height:36px;
  justify-self:end;
}
.app-shell[data-style="journal"] .top-thinking-control>span{
  box-sizing:border-box;
  width:32px;
  height:18px;
  border-radius:1px;
}
.app-shell[data-style="journal"] .top-thinking-control>span>i{
  top:2px;
  left:2px;
  width:12px;
  height:12px;
}
.app-shell[data-style="journal"] .top-thinking-control input:checked+span>i{left:16px}

/* Keep the letter header compact and the star sheet continuous behind the composer. */
.app-shell[data-style="journal"] .journal-letterhead{
  min-height:17px;
  margin:0 4px 2px;
  padding:2px 4px 5px;
}
.app-shell[data-style="journal"] .chat-topbar{
  min-height:65px;
  padding:2px 0 7px;
}
.app-shell[data-style="journal"] .journal-star-field{
  inset:88px 0 0;
  background-color:transparent;
}
.app-shell[data-style="journal"] .conversation{
  background:transparent;
  padding-bottom:132px!important;
}
.app-shell[data-style="journal"] .scroll-to-bottom{
  right:17px;
  bottom:calc(120px + env(safe-area-inset-bottom,0px));
  width:45px;
  height:45px;
  border:1px solid rgba(62,56,47,.25);
  border-radius:0;
  color:var(--archive-red);
  background:#ded1bb;
  background-image:url("/journal-assets/paper-grain.svg");
  box-shadow:3px 5px 11px rgba(55,46,34,.16);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  clip-path:polygon(50% 0,100% 18%,94% 82%,50% 100%,6% 82%,0 18%);
  font:20px/1 Georgia,serif;
}
.app-shell[data-style="journal"] .scroll-to-bottom::before{
  content:"LATEST";
  position:absolute;
  top:7px;
  left:0;
  right:0;
  color:var(--paper-muted);
  font:4px/1 Georgia,serif;
  letter-spacing:.12em;
  text-align:center;
}

/* Composer is a straight writing sheet, with controls sharing one baseline. */
.app-shell[data-style="journal"] .page[data-page="chat"] .composer{
  position:absolute!important;
  box-sizing:border-box;
  left:12px!important;
  right:12px!important;
  bottom:max(9px,env(safe-area-inset-bottom,0px))!important;
  width:auto!important;
  height:104px;
  margin:0;
  padding:10px 11px 9px;
  border-radius:1px;
  transform:none!important;
}
.app-shell[data-style="journal"] .composer-text-row{
  box-sizing:border-box;
  min-height:39px;
  border-bottom:1px solid rgba(62,56,47,.12);
}
.app-shell[data-style="journal"] .composer-text-row #chat-input{
  box-sizing:border-box;
  width:100%;
  height:38px;
  padding:3px 7px 5px;
  color:var(--paper-ink);
  font-size:15px;
  line-height:30px;
  transform:none!important;
}
.app-shell[data-style="journal"] .composer-toolbar{
  box-sizing:border-box;
  height:42px;
  align-items:center;
}
.app-shell[data-style="journal"] .composer-toolbar-left,
.app-shell[data-style="journal"] .composer-toolbar-right{
  height:40px;
  align-items:center;
}
.app-shell[data-style="journal"] .composer .attachment-trigger,
.app-shell[data-style="journal"] .composer .call-launch,
.app-shell[data-style="journal"] .composer .voice-button,
.app-shell[data-style="journal"] .composer .send{
  box-sizing:border-box;
  flex:0 0 38px;
  width:38px!important;
  height:38px!important;
  margin:0!important;
  padding:0;
  place-items:center;
  align-items:center;
  justify-content:center;
  transform:none!important;
}
.app-shell[data-style="journal"] .composer .composer-model-select{
  box-sizing:border-box;
  width:min(126px,31vw);
  height:38px;
  margin:0;
  border-radius:1px;
  transform:none!important;
}
.app-shell[data-style="journal"] .composer .composer-model-select select{
  box-sizing:border-box;
  height:36px;
  padding:0 22px 0 10px;
  color:var(--paper-ink);
  font:12px/36px "Songti SC","STSong",Georgia,serif!important;
  transform:none!important;
}
.app-shell[data-style="journal"] .composer .composer-model-select svg{right:8px}
.app-shell[data-style="journal"] .composer .send{border-radius:50%;line-height:38px}
.app-shell[data-style="journal"] .page[data-page="chat"] .attachment-sheet{
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  bottom:calc(122px + env(safe-area-inset-bottom,0px))!important;
}
.app-shell[data-style="journal"] .page[data-page="chat"] .scroll-to-bottom{position:absolute!important}

@media(max-width:370px){
  .app-shell[data-style="journal"] .journal-note-edit{top:403px;right:27px}
  .app-shell[data-style="journal"] .hero-copy-editor{top:437px}
  .app-shell[data-style="journal"] .composer .composer-model-select{width:min(104px,29vw)}
  .app-shell[data-style="journal"] .composer-toolbar-left,
  .app-shell[data-style="journal"] .composer-toolbar-right{gap:5px}
}

/* v56: sourced-material scrapbook — solid paper, real collage, no dot grid. */
.journal-found-collage,
.journal-pressed-flower,
.journal-note-content,
.journal-note-actions,
.journal-note-ai,
.journal-note-editor,
.journal-photo-input{display:none}

.app-shell[data-style="journal"]{
  --paper:#e8dfd0;
  --paper-soft:#ded1bd;
  --paper-deep:#c8b69a;
  --paper-card:#f1e8d8;
  background:#e8dfd0!important;
  background-image:none!important;
}
.app-shell[data-style="journal"]::before{
  opacity:.42;
  background:
    linear-gradient(90deg,transparent 49.75%,rgba(74,62,45,.045) 50%,transparent 50.25%),
    repeating-linear-gradient(7deg,transparent 0 27px,rgba(78,62,43,.018) 28px)!important;
  background-size:100% 100%!important;
}
.app-shell[data-style="journal"]::after{
  box-shadow:inset 0 0 68px rgba(74,59,39,.13);
}
.app-shell[data-style="journal"] .journal-atmosphere{opacity:.48}
.app-shell[data-style="journal"] .journal-fiber{background:rgba(63,49,34,.055)}
.app-shell[data-style="journal"] .page{
  overflow-x:hidden;
  background:#e8dfd0;
}
.app-shell[data-style="journal"] .journal-page-folio span,
.app-shell[data-style="journal"] .journal-page-folio b{background:#e8dfd0}
.app-shell[data-style="journal"] .journal-collage-piece,
.app-shell[data-style="journal"] .journal-lace-artifact,
.app-shell[data-style="journal"] .journal-specimen,
.app-shell[data-style="journal"] .journal-star-field,
.app-shell[data-style="journal"] .journal-botanical,
.app-shell[data-style="journal"] .drives-card::after{display:none!important}

/* Found materials are real supplied scans/screens, blended into the page. */
.app-shell[data-style="journal"] .journal-found-collage{
  display:block;
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}
.app-shell[data-style="journal"] .found-material{
  position:absolute;
  display:block;
  overflow:hidden;
  pointer-events:none;
}
.app-shell[data-style="journal"] .found-material img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.app-shell[data-style="journal"] .found-home-lotus{
  top:275px;
  right:-43px;
  width:151px;
  height:322px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(7deg);
}
.app-shell[data-style="journal"] .found-home-lotus img{
  opacity:.18;
  object-position:38% 58%;
  transform:scale(1.5);
}
.app-shell[data-style="journal"] .found-home-lily{
  top:790px;
  left:-42px;
  width:196px;
  height:255px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(-6deg);
}
.app-shell[data-style="journal"] .found-home-lily img{
  opacity:.105;
  object-position:50% 54%;
}
.app-shell[data-style="journal"] .journal-found-home .journal-coordinate{
  position:absolute;
  top:295px;
  right:8px;
  color:rgba(69,61,51,.44);
  font:6px/1.55 Georgia,serif;
  letter-spacing:.12em;
  transform:rotate(4deg);
}

/* Home collection: a larger independent photograph and one full AI letter. */
.app-shell[data-style="journal"] .hero-card{
  min-height:690px;
  margin-top:8px;
  background:#eee5d6;
  clip-path:polygon(
    0 1.8%,3% .3%,7% 1.5%,11% 0,16% 1.2%,20% .2%,26% 1.6%,31% 0,36% 1.3%,42% .1%,48% 1.6%,54% .2%,61% 1.4%,67% 0,73% 1.6%,80% .1%,86% 1.4%,92% 0,100% 1.7%,
    99.5% 94%,97% 96%,99% 97.5%,95% 99%,91% 97%,87% 100%,82% 97.2%,77% 99.7%,72% 97%,67% 100%,61% 97.2%,55% 99.8%,49% 97%,43% 100%,37% 97.1%,31% 99.8%,25% 97%,19% 100%,13% 97%,7% 99.8%,0 97%
  );
}
.app-shell[data-style="journal"] .hero-card::after{
  background:url("/journal-assets/paper-grain.svg") center/420px 420px repeat;
  opacity:.055;
  mix-blend-mode:multiply;
}
.app-shell[data-style="journal"] .journal-hero-collage{
  top:48px;
  right:-8px;
  width:65%;
  height:349px;
  pointer-events:none;
}
.app-shell[data-style="journal"] .journal-hero-collage::before{
  top:21px;
  right:-27px;
  width:201px;
  height:270px;
  background-image:url("/journal-assets/user-lace-frame.jpg");
  opacity:.15;
  filter:sepia(.28) saturate(.65);
  mix-blend-mode:multiply;
}
.app-shell[data-style="journal"] .journal-polaroid{
  top:51px;
  right:1px;
  width:169px;
  min-height:233px;
  padding:10px 10px 25px;
  background:#f2e9da;
  box-shadow:6px 11px 20px rgba(53,41,28,.2);
  transform:rotate(3.7deg);
  pointer-events:auto;
}
.app-shell[data-style="journal"] .journal-polaroid::before{
  left:44px;
  width:88px;
  height:19px;
}
.app-shell[data-style="journal"] .journal-polaroid-photo{
  display:grid;
  width:149px;
  height:190px;
  padding:0;
  place-items:center;
  overflow:hidden;
  border:0;
  border-radius:0;
  color:rgba(43,39,33,.68);
  background-color:#c9c0b1;
  background-image:
    linear-gradient(rgba(41,38,33,.08),rgba(41,38,33,.08)),
    var(--journal-home-photo,url("/journal-assets/user-chalk-lilies.jpg"));
  background-size:cover;
  background-position:center;
  filter:grayscale(.88) sepia(.14) contrast(1.07);
  cursor:pointer;
  pointer-events:auto;
}
.app-shell[data-style="journal"] .journal-polaroid-photo span{
  padding:7px 9px;
  color:#514b42;
  background:rgba(239,231,216,.76);
  font:7px/1.55 "Songti SC","STSong",Georgia,serif;
  letter-spacing:.08em;
  text-align:center;
  opacity:0;
  transition:opacity .2s ease;
}
.app-shell[data-style="journal"] .journal-polaroid-photo:focus span,
.app-shell[data-style="journal"] .journal-polaroid-photo:hover span{opacity:1}
.app-shell[data-style="journal"] .journal-polaroid figcaption{
  margin-top:10px;
  font-size:6px;
}
.app-shell[data-style="journal"] .journal-pressed-flower{
  display:block;
  position:absolute;
  z-index:1;
  left:-38px;
  bottom:-14px;
  width:153px;
  height:270px;
  overflow:hidden;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(-7deg);
  pointer-events:none;
}
.app-shell[data-style="journal"] .journal-pressed-flower img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:36% 56%;
  transform:scale(1.55);
  opacity:.24;
}
.app-shell[data-style="journal"] .journal-hero-coordinate{top:9px;right:10px}
.app-shell[data-style="journal"] .journal-collage-stars{top:4px;left:-3px}
.app-shell[data-style="journal"] .journal-hero-postmark{right:78px;bottom:-4px}
.app-shell[data-style="journal"] .hero-card .companions::after{margin-top:9px}
.app-shell[data-style="journal"] .hero-card h2,
.app-shell[data-style="journal"] .hero-card>p,
.app-shell[data-style="journal"] .hero-card>.hero-copy-editor{display:none!important}

.app-shell[data-style="journal"] .journal-note-paper{
  top:376px;
  left:16px;
  width:92%;
  height:276px;
  background-color:#f1e6d3;
  background-image:
    repeating-linear-gradient(0deg,transparent 0 34px,rgba(96,72,44,.045) 35px),
    linear-gradient(rgba(245,237,222,.99),rgba(239,226,205,.985));
  background-size:100% 100%;
  box-shadow:7px 13px 23px rgba(57,43,27,.17);
  clip-path:polygon(
    0 3%,2% 1%,5% 3.4%,8% 0,12% 2.6%,16% .5%,20% 3%,24% 0,28% 2.4%,33% .4%,38% 3%,43% 0,48% 2.7%,53% .2%,58% 3%,64% 0,69% 2.5%,74% .3%,80% 3.1%,86% 0,92% 2.7%,96% .5%,100% 3%,
    99% 91%,97% 94%,100% 96%,96% 99%,91% 96%,87% 100%,82% 96.5%,77% 99.8%,72% 96%,66% 100%,61% 96%,56% 99.8%,50% 96%,44% 100%,39% 96%,33% 99.6%,28% 96%,22% 100%,17% 96%,12% 99.7%,7% 96%,2% 99%,0 96%
  );
  transform:rotate(-.55deg);
  -webkit-mask-image:
    linear-gradient(#000 0 0),
    url("/journal-assets/cc0-torn-edge-mask.png");
  -webkit-mask-size:100% calc(100% - 24px),100% 48px;
  -webkit-mask-position:top,bottom;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-composite:source-over;
  mask-image:
    linear-gradient(#000 0 0),
    url("/journal-assets/cc0-torn-edge-mask.png");
  mask-size:100% calc(100% - 24px),100% 48px;
  mask-position:top,bottom;
  mask-repeat:no-repeat;
  mask-composite:add;
}
.app-shell[data-style="journal"] .journal-note-paper::before{
  top:-1px;
  left:38%;
  width:91px;
  height:18px;
}
.app-shell[data-style="journal"] .journal-note-paper::after{
  right:-8px;
  bottom:-7px;
  width:105px;
  height:150px;
  background-image:url("/journal-assets/user-dotted-botanical.png");
  background-size:cover;
  background-position:center;
  opacity:.09;
  filter:none;
  mix-blend-mode:multiply;
}
.app-shell[data-style="journal"] .journal-note-meta{
  top:405px;
  left:39px;
  width:78%;
}
.app-shell[data-style="journal"] .hero-card>.journal-paperclip{
  top:362px;
  left:39px;
}
.app-shell[data-style="journal"] .hero-card>.journal-note-content{
  display:block!important;
  position:absolute;
  z-index:3;
  top:448px;
  left:43px;
  width:78%;
  max-height:127px;
  margin:0;
  overflow:auto;
  color:#3e3a33;
  font:17px/1.9 "Kaiti SC","STKaiti","KaiTi",serif;
  letter-spacing:.015em;
  white-space:pre-wrap;
}
.app-shell[data-style="journal"] .journal-note-actions{
  display:flex;
  position:absolute;
  z-index:5;
  top:590px;
  right:36px;
  align-items:center;
  gap:7px;
}
.app-shell[data-style="journal"] .journal-note-edit,
.app-shell[data-style="journal"] .journal-note-ai{
  display:flex;
  position:static;
  align-items:center;
  gap:5px;
  min-height:28px;
  padding:6px 8px;
  border:1px solid rgba(72,62,49,.24);
  border-radius:0;
  color:var(--archive-red);
  background:rgba(239,228,209,.84);
  font:8px/1 Georgia,serif;
  transform:none;
}
.app-shell[data-style="journal"] .journal-note-edit span,
.app-shell[data-style="journal"] .journal-note-ai span{
  font:6px/1 "Songti SC","STSong",Georgia,serif;
  letter-spacing:.09em;
}
.app-shell[data-style="journal"] .journal-note-ai.is-writing{opacity:.62}
.app-shell[data-style="journal"] .hero-card .journal-hand-note{
  top:348px;
  left:7px;
}
.app-shell[data-style="journal"] .journal-note-editor{
  position:absolute;
  z-index:20;
  top:398px;
  left:28px;
  width:82%;
  padding:17px;
  color:var(--paper-ink);
  background:#eee1ca;
  background-image:linear-gradient(rgba(244,236,221,.9),rgba(238,225,201,.9)),url("/journal-assets/paper-grain.svg");
  background-size:cover;
  box-shadow:9px 15px 32px rgba(46,35,23,.26);
  clip-path:polygon(0 2%,5% 0,10% 3%,16% 0,22% 2%,30% 0,38% 3%,46% 0,55% 2%,64% 0,72% 3%,80% 0,88% 2%,95% 0,100% 3%,99% 97%,93% 100%,86% 97%,79% 100%,70% 97%,62% 100%,53% 97%,45% 100%,37% 97%,29% 100%,21% 97%,13% 100%,6% 97%,0 99%);
}
.app-shell[data-style="journal"] .journal-note-editor:not([hidden]){display:block}
.app-shell[data-style="journal"] .journal-note-editor label{
  display:block;
  margin-bottom:9px;
  color:var(--archive-red);
  font:7px/1 Georgia,serif;
  letter-spacing:.2em;
}
.app-shell[data-style="journal"] .journal-note-editor textarea{
  box-sizing:border-box;
  width:100%;
  resize:none;
  border:1px solid var(--paper-line);
  border-radius:0;
  color:var(--paper-ink);
  background:rgba(250,244,233,.66);
  font:16px/1.8 "Kaiti SC","STKaiti","KaiTi",serif;
}
.app-shell[data-style="journal"] .journal-note-editor>div{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:11px;
}
.app-shell[data-style="journal"] .journal-note-editor button{
  padding:7px 11px;
  border:1px solid var(--paper-line);
  border-radius:0;
  color:var(--paper-ink);
  background:#e4d5bc;
  font-family:"Songti SC","STSong",Georgia,serif;
}
.app-shell[data-style="journal"] .journal-note-editor button[type="submit"]{
  color:#f5ecdc;
  background:var(--archive-red);
}
.app-shell[data-style="journal"]:has(.journal-note-editor:not([hidden])) .bottom-nav{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

/* An elegant collage behind the letters — present, but never competing with text. */
.app-shell[data-style="journal"] .found-chat-lilies{
  right:-31px;
  bottom:112px;
  width:193px;
  height:326px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(4deg);
}
.app-shell[data-style="journal"] .found-chat-lilies img{
  opacity:.105;
  object-position:50% 54%;
}
.app-shell[data-style="journal"] .found-chat-butterfly{
  top:214px;
  left:-54px;
  width:202px;
  height:277px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(-8deg);
}
.app-shell[data-style="journal"] .found-chat-butterfly img{
  opacity:.052;
  object-position:51% 51%;
}
.app-shell[data-style="journal"] .found-chat-lotus{
  left:-32px;
  bottom:85px;
  width:115px;
  height:238px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(-7deg);
}
.app-shell[data-style="journal"] .found-chat-lotus img{
  opacity:.085;
  object-position:35% 57%;
  transform:scale(1.58);
}
.app-shell[data-style="journal"] .conversation{
  z-index:2;
  background:transparent!important;
}
.app-shell[data-style="journal"] .message.incoming,
.app-shell[data-style="journal"] .message.outgoing,
.app-shell[data-style="journal"] .voice-translation,
.app-shell[data-style="journal"] .ai-voice-note,
.app-shell[data-style="journal"] .call-record-card{
  box-shadow:4px 7px 13px rgba(53,42,29,.14);
}

/* Memory museum: overlapping catalogue fragments, lace and botanical remnants. */
.app-shell[data-style="journal"] .found-memory-print{
  top:305px;
  right:-52px;
  width:226px;
  height:326px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(6deg);
}
.app-shell[data-style="journal"] .found-memory-print img{object-position:50% 50%;opacity:.12}
.app-shell[data-style="journal"] .found-memory-lace{
  top:720px;
  left:-57px;
  width:185px;
  height:318px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(-5deg);
}
.app-shell[data-style="journal"] .found-memory-lace img{object-position:50% 50%;opacity:.16}
.app-shell[data-style="journal"] .found-memory-lotus{
  top:1030px;
  right:-31px;
  width:138px;
  height:290px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(8deg);
}
.app-shell[data-style="journal"] .found-memory-lotus img{
  opacity:.16;
  object-position:50% 54%;
  transform:scale(1.2);
}
.app-shell[data-style="journal"] .page[data-page="memory"]>.page-header,
.app-shell[data-style="journal"] .page[data-page="memory"]>.ob-entry,
.app-shell[data-style="journal"] .page[data-page="memory"]>.calendar-card,
.app-shell[data-style="journal"] .page[data-page="memory"]>.diary-card,
.app-shell[data-style="journal"] .page[data-page="memory"]>.memory-list{
  position:relative;
  z-index:2;
}
.app-shell[data-style="journal"] .page[data-page="memory"] .ob-entry{
  margin:4px 30px 25px 2px;
  transform:rotate(-1.7deg);
}
.app-shell[data-style="journal"] .page[data-page="memory"] .calendar-card{
  margin:0 -2px 28px 20px;
  transform:rotate(1.2deg);
}
.app-shell[data-style="journal"] .page[data-page="memory"] .diary-card{
  margin:0 30px 31px -2px;
  transform:rotate(-2deg);
}
.app-shell[data-style="journal"] .memory-list .memory-item,
.app-shell[data-style="journal"] .memory-list .honest-empty{
  background-color:rgba(243,233,215,.94);
  background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(91,70,45,.04) 32px),linear-gradient(rgba(247,240,227,.99),rgba(237,221,197,.985));
  background-size:cover;
  clip-path:polygon(0 3%,5% 0,11% 3%,17% 0,24% 2%,31% 0,38% 3%,46% 0,54% 2%,62% 0,70% 3%,78% 0,87% 2%,94% 0,100% 3%,99% 97%,92% 100%,84% 97%,76% 100%,68% 97%,60% 100%,52% 97%,44% 100%,36% 97%,28% 100%,20% 97%,12% 100%,5% 97%,0 99%);
}

/* Moments: denser handmade collage, not a tidy feed panel. */
.app-shell[data-style="journal"] .found-moments-moth{
  top:150px;
  left:-42px;
  width:219px;
  height:290px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(-7deg);
}
.app-shell[data-style="journal"] .found-moments-moth img{object-position:50% 48%;opacity:.16}
.app-shell[data-style="journal"] .found-moments-ephemera{
  top:608px;
  right:-55px;
  width:225px;
  height:328px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(7deg);
}
.app-shell[data-style="journal"] .found-moments-ephemera img{object-position:50% 49%;opacity:.18}
.app-shell[data-style="journal"] .found-moments-lotus{
  top:1035px;
  left:-35px;
  width:139px;
  height:282px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(-8deg);
}
.app-shell[data-style="journal"] .found-moments-lotus img{
  opacity:.18;
  object-position:50% 54%;
  transform:scale(1.22);
}
.app-shell[data-style="journal"] .page[data-page="moments"]>.page-header,
.app-shell[data-style="journal"] .page[data-page="moments"]>.moments-module{
  position:relative;
  z-index:2;
}
.app-shell[data-style="journal"] .moment-composer{
  margin:6px 19px 31px -2px;
  padding:34px 17px 18px;
  transform:rotate(-1.5deg);
  background-color:#e7d8bf;
  background-image:repeating-linear-gradient(0deg,transparent 0 31px,rgba(91,70,45,.04) 32px),linear-gradient(rgba(241,229,207,.99),rgba(228,209,179,.985));
  background-size:cover;
  clip-path:polygon(0 3%,6% 0,13% 3%,20% 0,28% 2%,36% 0,45% 3%,54% 0,63% 2%,72% 0,81% 3%,90% 0,100% 2%,99% 97%,91% 100%,82% 97%,73% 100%,64% 97%,55% 100%,46% 97%,37% 100%,28% 97%,19% 100%,10% 97%,0 99%);
}
.app-shell[data-style="journal"] .moments-feed .moment-card{
  width:88%;
  margin-left:auto;
  margin-right:2px;
  padding:20px 17px;
  background:#f2e7d4;
  box-shadow:7px 12px 21px rgba(52,40,26,.17);
}
.app-shell[data-style="journal"] .moments-feed .moment-card:nth-child(even){
  margin-left:2px;
  margin-right:auto;
  transform:rotate(-1.8deg);
}
.app-shell[data-style="journal"] .moments-feed .moment-card:nth-child(odd){transform:rotate(1.35deg)}

/* Settings: an owner's dossier wrapped in lace and specimen scans. */
.app-shell[data-style="journal"] .found-settings-candelabra{
  top:210px;
  right:-51px;
  width:195px;
  height:332px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(6deg);
}
.app-shell[data-style="journal"] .found-settings-candelabra img{
  opacity:.13;
  object-position:35% 57%;
}
.app-shell[data-style="journal"] .found-settings-lily{
  top:760px;
  left:-48px;
  width:193px;
  height:310px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(-6deg);
}
.app-shell[data-style="journal"] .found-settings-lily img{object-position:50% 53%;opacity:.11}
.app-shell[data-style="journal"] .found-settings-lace{
  top:1210px;
  right:-45px;
  width:181px;
  height:314px;
  opacity:1;
  mix-blend-mode:multiply;
  transform:rotate(4deg);
}
.app-shell[data-style="journal"] .found-settings-lace img{object-position:50% 51%;opacity:.18}
.app-shell[data-style="journal"] .page[data-page="settings"]>.page-header,
.app-shell[data-style="journal"] .page[data-page="settings"]>.profile-card,
.app-shell[data-style="journal"] .page[data-page="settings"]>.settings-group,
.app-shell[data-style="journal"] .page[data-page="settings"]>.version{
  position:relative;
  z-index:2;
}
.app-shell[data-style="journal"] .page[data-page="settings"] .profile-card{
  margin:3px 29px 29px 5px;
  transform:rotate(-1.7deg);
}
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group{
  width:auto;
  margin:0 3px 31px 18px;
  background-color:rgba(242,232,214,.94);
  box-shadow:7px 12px 23px rgba(52,40,26,.15);
}
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group:nth-of-type(even){
  margin-left:0;
  margin-right:24px;
  transform:rotate(-1.25deg);
}
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group:nth-of-type(odd){
  transform:rotate(1.05deg);
}
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:7px;
  bottom:7px;
  left:-13px;
  width:25px;
  background:url("/journal-assets/user-lace-frame.jpg") 30% center/150px 270px repeat-y;
  opacity:.22;
  mix-blend-mode:multiply;
}

@media(max-width:370px){
  .app-shell[data-style="journal"] .hero-card{min-height:674px}
  .app-shell[data-style="journal"] .journal-hero-collage{right:-19px;transform:scale(.9);transform-origin:top right}
  .app-shell[data-style="journal"] .journal-note-paper{top:363px;height:271px}
  .app-shell[data-style="journal"] .journal-note-meta{top:392px}
  .app-shell[data-style="journal"] .hero-card>.journal-paperclip{top:349px}
  .app-shell[data-style="journal"] .hero-card>.journal-note-content{top:435px;left:37px;width:76%;font-size:16px}
  .app-shell[data-style="journal"] .journal-note-actions{top:575px;right:28px}
  .app-shell[data-style="journal"] .journal-note-editor{top:385px;left:22px;width:84%}
}

/* v57: editorial archive refinement — stable pages, extracted specimens, real torn contours. */
.app-shell[data-style="journal"] .found-material{
  overflow:visible;
  mix-blend-mode:multiply;
}
.app-shell[data-style="journal"] .found-material img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:sepia(.16) saturate(.58) contrast(.94);
}

/* A stable museum page; only the clipped photograph and ephemera may drift. */
.app-shell[data-style="journal"] .hero-card{
  min-height:650px;
  overflow:hidden;
  border:1px solid rgba(76,64,48,.13);
  clip-path:none;
  transform:none;
  background:#eee5d6;
  box-shadow:0 11px 27px rgba(57,43,27,.12);
}
.app-shell[data-style="journal"] .hero-card::before{
  border:0;
  background:
    linear-gradient(90deg,rgba(74,61,44,.12),rgba(74,61,44,.12)) 20px 72px/116px 1px no-repeat,
    linear-gradient(90deg,rgba(74,61,44,.08),transparent 72%) 20px calc(100% - 18px)/78% 1px no-repeat;
  opacity:1;
}
.app-shell[data-style="journal"] .hero-card::after{
  background:url("/journal-assets/paper-grain.svg") center/380px 380px repeat;
  opacity:.19;
  mix-blend-mode:multiply;
}
.app-shell[data-style="journal"] .journal-hero-label{
  top:27px;
  left:22px;
}
.app-shell[data-style="journal"] .journal-hero-label span{font-size:11px}
.app-shell[data-style="journal"] .journal-hero-collage{
  top:58px;
  right:4px;
  width:61%;
  height:316px;
  transform:none;
}
.app-shell[data-style="journal"] .journal-hero-collage::before{
  top:26px;
  right:-21px;
  width:160px;
  height:224px;
  opacity:.085;
  filter:sepia(.2) saturate(.45);
}
.app-shell[data-style="journal"] .journal-polaroid{
  top:48px;
  right:2px;
  width:157px;
  min-height:218px;
  padding:9px 9px 23px;
  transform:rotate(2.6deg);
  box-shadow:5px 8px 17px rgba(53,41,28,.18);
}
.app-shell[data-style="journal"] .journal-polaroid::before{
  top:-9px;
  left:47px;
  width:73px;
  height:17px;
  transform:rotate(-4deg);
  opacity:.72;
}
.app-shell[data-style="journal"] .journal-polaroid-photo{
  width:139px;
  height:178px;
  filter:grayscale(.78) sepia(.15) saturate(.72) contrast(1.02);
}
.app-shell[data-style="journal"] .journal-polaroid figcaption{
  margin-top:9px;
  font-size:5.5px;
}
.app-shell[data-style="journal"] .journal-pressed-flower{
  left:-16px;
  bottom:2px;
  width:78px;
  height:176px;
  overflow:visible;
  transform:rotate(-3deg);
  mix-blend-mode:multiply;
}
.app-shell[data-style="journal"] .journal-pressed-flower img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:none;
  opacity:.34;
  filter:sepia(.2) saturate(.46);
}
.app-shell[data-style="journal"] .journal-collage-stars{
  top:5px;
  left:3px;
  transform:rotate(-3deg);
}
.app-shell[data-style="journal"] .journal-hero-coordinate{
  top:7px;
  right:5px;
  transform:none;
}
.app-shell[data-style="journal"] .journal-hero-postmark{
  right:78px;
  bottom:4px;
  transform:rotate(-4deg);
}
.app-shell[data-style="journal"] .hero-card .companions::after{margin-top:4px}
.app-shell[data-style="journal"] .hero-card .journal-hand-note{
  top:336px;
  left:19px;
  transform:rotate(-3deg);
  opacity:.7;
}

/* Only the note is torn. Its edge comes from a photographed CC0 paper contour. */
.app-shell[data-style="journal"] .journal-note-paper{
  top:389px;
  left:8%;
  width:84%;
  height:218px;
  clip-path:none;
  transform:none;
  background:
    repeating-linear-gradient(0deg,transparent 0 30px,rgba(96,72,44,.042) 31px),
    linear-gradient(rgba(245,237,222,.99),rgba(239,226,205,.985));
  box-shadow:5px 10px 19px rgba(57,43,27,.15);
  -webkit-mask-image:url("/journal-assets/torn-mask-note-a.png");
  -webkit-mask-size:100% 100%;
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-image:url("/journal-assets/torn-mask-note-a.png");
  mask-size:100% 100%;
  mask-position:center;
  mask-repeat:no-repeat;
}
.app-shell[data-style="journal"] .journal-note-paper::before{
  top:-4px;
  left:38%;
  width:78px;
  height:16px;
  transform:rotate(3deg);
}
.app-shell[data-style="journal"] .journal-note-paper::after{
  right:-6px;
  bottom:2px;
  width:64px;
  height:120px;
  background-image:url("/journal-assets/botanical-rose-cutout.png");
  background-size:contain;
  background-position:right bottom;
  background-repeat:no-repeat;
  opacity:.12;
}
.app-shell[data-style="journal"] .journal-note-meta{
  top:414px;
  left:14%;
  width:72%;
}
.app-shell[data-style="journal"] .hero-card>.journal-paperclip{
  top:377px;
  left:15%;
  transform:rotate(9deg);
}
.app-shell[data-style="journal"] .hero-card>.journal-note-content{
  top:461px;
  left:15%;
  width:68%;
  max-height:94px;
  color:#494238;
  font:14px/2.05 "Kaiti SC","STKaiti","KaiTi",serif;
  letter-spacing:.02em;
}
.app-shell[data-style="journal"] .journal-note-actions{
  top:566px;
  right:13%;
  gap:6px;
}
.app-shell[data-style="journal"] .journal-note-edit,
.app-shell[data-style="journal"] .journal-note-ai{
  min-height:25px;
  padding:5px 7px;
  font-size:7px;
}
.app-shell[data-style="journal"] .journal-note-edit span,
.app-shell[data-style="journal"] .journal-note-ai span{font-size:5.5px}
.app-shell[data-style="journal"] .journal-note-editor{
  top:407px;
  left:11%;
  width:78%;
  padding:15px;
  clip-path:none;
  transform:none;
  background:#eee1ca;
  background-image:
    linear-gradient(rgba(244,236,221,.88),rgba(238,225,201,.9)),
    url("/journal-assets/paper-grain.svg");
  box-shadow:8px 14px 27px rgba(46,35,23,.22);
}
.app-shell[data-style="journal"] .journal-note-editor textarea{
  height:118px;
  min-height:118px;
  padding:10px 11px;
  border:1px solid rgba(78,64,47,.28);
  outline:none;
  background:rgba(250,244,233,.62);
  font:14px/1.85 "Kaiti SC","STKaiti","KaiTi",serif;
}
.app-shell[data-style="journal"] .journal-note-editor textarea:focus{
  border-color:rgba(122,62,62,.55);
  box-shadow:0 0 0 1px rgba(122,62,62,.08);
}

/* Extracted supplied specimens — no screenshot rectangles. */
.app-shell[data-style="journal"] .found-home-lotus{
  top:255px;
  right:-24px;
  width:92px;
  height:228px;
  transform:rotate(3deg);
}
.app-shell[data-style="journal"] .found-home-lotus img{
  opacity:.13;
  object-position:center;
  transform:none;
}
.app-shell[data-style="journal"] .found-home-lily{
  top:742px;
  left:-8px;
  width:62px;
  height:176px;
  transform:rotate(-3deg);
}
.app-shell[data-style="journal"] .found-home-lily img{
  opacity:.12;
  object-position:center;
}
.app-shell[data-style="journal"] .journal-found-home .journal-coordinate{
  top:286px;
  right:9px;
  transform:none;
}

.app-shell[data-style="journal"] .found-chat-lilies{
  right:-16px;
  bottom:136px;
  width:74px;
  height:204px;
  transform:rotate(3deg);
}
.app-shell[data-style="journal"] .found-chat-lilies img{opacity:.11;object-position:center}
.app-shell[data-style="journal"] .found-chat-butterfly{
  top:258px;
  left:-32px;
  width:116px;
  height:66px;
  transform:rotate(-4deg);
}
.app-shell[data-style="journal"] .found-chat-butterfly img{opacity:.095;object-position:center}
.app-shell[data-style="journal"] .found-chat-lotus{
  left:-25px;
  bottom:72px;
  width:66px;
  height:160px;
  transform:rotate(-2deg);
}
.app-shell[data-style="journal"] .found-chat-lotus img{
  opacity:.08;
  object-position:center;
  transform:none;
}

.app-shell[data-style="journal"] .found-memory-print{
  top:318px;
  right:-26px;
  width:112px;
  height:65px;
  transform:rotate(3deg);
}
.app-shell[data-style="journal"] .found-memory-print img{opacity:.12;object-position:center}
.app-shell[data-style="journal"] .found-memory-lace{
  top:730px;
  left:-38px;
  width:106px;
  height:176px;
  transform:rotate(-3deg);
}
.app-shell[data-style="journal"] .found-memory-lace img{opacity:.13;object-position:center}
.app-shell[data-style="journal"] .found-memory-lotus{
  top:1060px;
  right:-9px;
  width:64px;
  height:172px;
  transform:rotate(2deg);
}
.app-shell[data-style="journal"] .found-memory-lotus img{opacity:.12;object-position:center;transform:none}

.app-shell[data-style="journal"] .found-moments-moth{
  top:180px;
  left:-31px;
  width:115px;
  height:68px;
  transform:rotate(-4deg);
}
.app-shell[data-style="journal"] .found-moments-moth img{opacity:.13;object-position:center}
.app-shell[data-style="journal"] .found-moments-ephemera{
  top:650px;
  right:-41px;
  width:116px;
  height:242px;
  transform:rotate(3deg);
}
.app-shell[data-style="journal"] .found-moments-ephemera img{opacity:.10;object-position:center}
.app-shell[data-style="journal"] .found-moments-lotus{
  top:1054px;
  left:-29px;
  width:70px;
  height:184px;
  transform:rotate(-2deg);
}
.app-shell[data-style="journal"] .found-moments-lotus img{opacity:.095;object-position:center;transform:none}

.app-shell[data-style="journal"] .found-settings-candelabra{
  top:222px;
  right:-28px;
  width:80px;
  height:205px;
  transform:rotate(3deg);
}
.app-shell[data-style="journal"] .found-settings-candelabra img{opacity:.11;object-position:center}
.app-shell[data-style="journal"] .found-settings-lily{
  top:790px;
  left:-18px;
  width:57px;
  height:167px;
  transform:rotate(-3deg);
}
.app-shell[data-style="journal"] .found-settings-lily img{opacity:.11;object-position:center}
.app-shell[data-style="journal"] .found-settings-lace{
  top:1225px;
  right:-35px;
  width:94px;
  height:166px;
  transform:rotate(2deg);
}
.app-shell[data-style="journal"] .found-settings-lace img{opacity:.12;object-position:center}

/* Main content behaves like an edited catalogue, not a tilted collage wall. */
.app-shell[data-style="journal"] .mini-card,
.app-shell[data-style="journal"] .tasks-card,
.app-shell[data-style="journal"] .message.incoming,
.app-shell[data-style="journal"] .message.outgoing,
.app-shell[data-style="journal"] .voice-translation,
.app-shell[data-style="journal"] .ai-voice-note,
.app-shell[data-style="journal"] .call-record-card,
.app-shell[data-style="journal"] .ombre-catalog,
.app-shell[data-style="journal"] .ob-card,
.app-shell[data-style="journal"] .moment-composer,
.app-shell[data-style="journal"] .moments-feed .moment-card,
.app-shell[data-style="journal"] .page[data-page="memory"] .ob-entry,
.app-shell[data-style="journal"] .page[data-page="memory"] .calendar-card,
.app-shell[data-style="journal"] .page[data-page="memory"] .diary-card,
.app-shell[data-style="journal"] .memory-list .memory-item,
.app-shell[data-style="journal"] .memory-list .honest-empty,
.app-shell[data-style="journal"] .page[data-page="settings"] .profile-card,
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group{
  clip-path:none;
  transform:none;
}
.app-shell[data-style="journal"] .moment-composer,
.app-shell[data-style="journal"] .moments-feed .moment-card,
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group{
  margin-left:0;
  margin-right:0;
  width:auto;
}
.app-shell[data-style="journal"] .moments-feed .moment-card,
.app-shell[data-style="journal"] .moments-feed .moment-card:nth-child(even),
.app-shell[data-style="journal"] .moments-feed .moment-card:nth-child(odd){
  width:auto;
  margin-left:0;
  margin-right:0;
  transform:none;
}
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group:nth-of-type(even),
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group:nth-of-type(odd){
  margin-left:0;
  margin-right:0;
  transform:none;
}
.app-shell[data-style="journal"] .message-row:nth-child(3n+1) .message,
.app-shell[data-style="journal"] .message-row:nth-child(3n+2) .message{transform:none}
.app-shell[data-style="journal"] .chat-avatar,
.app-shell[data-style="journal"] .outgoing-row .chat-avatar{
  transform:rotate(-1.5deg)!important;
}
.app-shell[data-style="journal"] .outgoing-row .chat-avatar{transform:rotate(1.5deg)!important}
.app-shell[data-style="journal"] .profile-card .avatar{transform:rotate(-2deg)}
.app-shell[data-style="journal"] .moment-composer{
  padding:31px 17px 18px;
  background:#e9dcc6;
}
.app-shell[data-style="journal"] .memory-list .memory-item:nth-child(3n+1){
  -webkit-mask-image:url("/journal-assets/torn-mask-fragment.png");
  -webkit-mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-image:url("/journal-assets/torn-mask-fragment.png");
  mask-size:100% 100%;
  mask-repeat:no-repeat;
}
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group::after{
  left:-8px;
  width:18px;
  background-image:url("/journal-assets/archive-lace-frame.webp");
  background-size:95px 160px;
  opacity:.10;
}

@media(max-width:370px){
  .app-shell[data-style="journal"] .hero-card{min-height:632px}
  .app-shell[data-style="journal"] .journal-hero-collage{
    right:-5px;
    transform:scale(.92);
    transform-origin:top right;
  }
  .app-shell[data-style="journal"] .journal-note-paper{top:377px;height:208px}
  .app-shell[data-style="journal"] .journal-note-meta{top:401px}
  .app-shell[data-style="journal"] .hero-card>.journal-paperclip{top:365px}
  .app-shell[data-style="journal"] .hero-card>.journal-note-content{
    top:445px;
    left:14%;
    width:70%;
    font-size:13px;
  }
  .app-shell[data-style="journal"] .journal-note-actions{top:547px;right:11%}
  .app-shell[data-style="journal"] .journal-note-editor{top:395px;left:10%;width:80%}
}

/* v58: quieter editorial collage, handwritten note, and scorched letter fragments. */
.app-shell[data-style="journal"] .bottom-nav::before,
.app-shell[data-style="journal"] .chat-topbar::after{
  display:none!important;
  content:none!important;
}

.app-shell[data-style="journal"] .hero-card>.journal-note-content{
  max-height:88px;
  color:#51483c;
  font-family:"Kaiti SC","STKaiti","KaiTi","DFKai-SB","楷体",cursive!important;
  font-size:11.5px!important;
  font-style:normal;
  font-weight:400!important;
  line-height:2.15!important;
  letter-spacing:.075em;
  -webkit-text-size-adjust:none;
  text-size-adjust:none;
}
.app-shell[data-style="journal"] .journal-note-editor textarea{
  font-family:"Kaiti SC","STKaiti","KaiTi","DFKai-SB","楷体",cursive!important;
  font-size:12px!important;
  font-weight:400;
  line-height:2!important;
  letter-spacing:.055em;
}

.app-shell[data-style="journal"] .found-chat-letter{
  top:112px;
  right:-72px;
  width:286px;
  height:168px;
  transform:rotate(3deg);
}
.app-shell[data-style="journal"] .found-chat-letter img{
  opacity:.17;
  filter:sepia(.25) saturate(.48) contrast(.91);
}
.app-shell[data-style="journal"] .found-chat-lilies{
  right:-8px;
  bottom:116px;
  width:86px;
  height:232px;
}
.app-shell[data-style="journal"] .found-chat-lilies img{opacity:.16}
.app-shell[data-style="journal"] .found-chat-butterfly{
  top:338px;
  left:-26px;
}
.app-shell[data-style="journal"] .found-chat-butterfly img{opacity:.13}
.app-shell[data-style="journal"] .found-chat-lotus{
  bottom:44px;
  width:75px;
  height:178px;
}
.app-shell[data-style="journal"] .found-chat-lotus img{opacity:.11}

.app-shell[data-style="journal"] .found-memory-letter{
  top:245px;
  left:-92px;
  width:292px;
  height:222px;
  transform:rotate(-4deg);
}
.app-shell[data-style="journal"] .found-memory-letter img{
  opacity:.21;
  filter:sepia(.22) saturate(.52) contrast(.9);
}
.app-shell[data-style="journal"] .found-moments-letter{
  top:330px;
  right:-76px;
  width:292px;
  height:122px;
  transform:rotate(4deg);
}
.app-shell[data-style="journal"] .found-moments-letter img{
  opacity:.22;
  filter:sepia(.22) saturate(.5) contrast(.9);
}
.app-shell[data-style="journal"] .found-settings-letter{
  top:515px;
  right:-94px;
  width:300px;
  height:226px;
  transform:rotate(3deg);
}
.app-shell[data-style="journal"] .found-settings-letter img{
  opacity:.19;
  filter:sepia(.24) saturate(.5) contrast(.9);
}

.app-shell[data-style="journal"] .page[data-page="moments"] .moments-heading h2{
  font-family:Georgia,"Times New Roman","Songti SC","STSong",serif;
  font-weight:500;
  letter-spacing:.025em;
}
.app-shell[data-style="journal"] .moment-composer{
  position:relative;
  padding:34px 17px 18px;
  border:1px solid rgba(78,61,42,.18);
  background:
    linear-gradient(rgba(237,224,201,.92),rgba(231,214,187,.94)),
    url("/journal-assets/paper-grain.svg") center/320px 320px repeat;
  box-shadow:3px 7px 15px rgba(55,42,27,.13);
}
.app-shell[data-style="journal"] .moment-composer::before{
  top:12px;
  right:16px;
  color:rgba(105,57,53,.75);
  font:7px/1 Georgia,serif;
  letter-spacing:.23em;
}
.app-shell[data-style="journal"] .moment-composer::after{
  content:"";
  position:absolute;
  top:-7px;
  left:28px;
  width:68px;
  height:15px;
  background:rgba(196,177,142,.54);
  box-shadow:0 1px 0 rgba(255,255,255,.22) inset;
  transform:rotate(-3deg);
  pointer-events:none;
}
.app-shell[data-style="journal"] .moments-feed .moment-card{
  position:relative;
  padding:31px 16px 17px;
  border:1px solid rgba(74,58,40,.16);
  background:
    linear-gradient(rgba(246,238,222,.96),rgba(238,226,205,.96)),
    url("/journal-assets/paper-grain.svg") center/340px 340px repeat!important;
  box-shadow:3px 7px 15px rgba(58,44,29,.13)!important;
}
.app-shell[data-style="journal"] .moments-feed .moment-card::before{
  content:"PRIVATE POST  ·  ARCHIVE COPY";
  position:absolute;
  top:11px;
  left:16px;
  color:rgba(113,61,56,.72);
  font:6.5px/1 Georgia,serif;
  letter-spacing:.2em;
}
.app-shell[data-style="journal"] .moment-author strong,
.app-shell[data-style="journal"] .moment-body{
  font-family:"Songti SC","STSong",Georgia,serif;
}
.app-shell[data-style="journal"] .moment-author time{
  color:rgba(72,62,49,.58);
  font-family:Georgia,serif;
  letter-spacing:.08em;
}
.app-shell[data-style="journal"] .moment-photo{
  border:7px solid #eee4d2!important;
  border-bottom-width:21px!important;
  border-radius:0!important;
  box-shadow:2px 5px 11px rgba(52,40,27,.16);
  filter:sepia(.16) saturate(.62) contrast(.96);
}
.app-shell[data-style="journal"] .moment-reaction{
  border:1px solid rgba(77,61,43,.12);
  border-radius:0;
  background:rgba(226,210,184,.42);
  color:#615748;
  font-family:"Kaiti SC","STKaiti","KaiTi",serif;
}
.app-shell[data-style="journal"] .moment-actions button,
.app-shell[data-style="journal"] .moment-comment-form button,
.app-shell[data-style="journal"] .moment-comment-form input{
  border:1px solid rgba(79,62,43,.18);
  border-radius:1px;
  background:rgba(235,224,203,.62);
  color:#5c5041;
  font-family:"Songti SC","STSong",Georgia,serif;
}

.app-shell[data-style="journal"] .page[data-page="memory"] .calendar-card,
.app-shell[data-style="journal"] .page[data-page="memory"] .diary-card,
.app-shell[data-style="journal"] .page[data-page="memory"] .ob-entry,
.app-shell[data-style="journal"] .page[data-page="settings"] .profile-card,
.app-shell[data-style="journal"] .page[data-page="settings"] .settings-group{
  border-color:rgba(76,60,42,.14);
  background-image:
    linear-gradient(rgba(244,236,220,.96),rgba(237,224,201,.96)),
    url("/journal-assets/paper-grain.svg");
  background-size:auto,320px 320px;
}

@media(max-width:370px){
  .app-shell[data-style="journal"] .hero-card>.journal-note-content{
    top:445px;
    font-size:10.5px!important;
  }
  .app-shell[data-style="journal"] .found-chat-letter{right:-92px;width:270px}
  .app-shell[data-style="journal"] .found-memory-letter{left:-112px;width:276px}
  .app-shell[data-style="journal"] .found-settings-letter{right:-112px;width:280px}
}
.app-shell[data-style="journal"] .claude-usage-card{border-radius:2px!important;padding:20px 17px 16px!important;background-image:linear-gradient(rgba(244,236,220,.96),rgba(237,224,201,.96)),url("/journal-assets/paper-grain.svg")!important;background-size:auto,320px 320px!important;box-shadow:3px 6px 14px rgba(54,40,25,.12)!important}.app-shell[data-style="journal"] .claude-usage-head{padding-bottom:9px;border-bottom:1px solid rgba(91,67,42,.2)}.app-shell[data-style="journal"] .claude-usage-head small{color:rgba(116,61,55,.72);font-family:Georgia,serif;letter-spacing:.19em}.app-shell[data-style="journal"] .claude-usage-head strong,.app-shell[data-style="journal"] .claude-quota span{color:#514638;font-family:"Songti SC","STSong",Georgia,serif}.app-shell[data-style="journal"] .claude-usage-head button{border:1px solid rgba(91,67,42,.22);border-radius:1px;background:rgba(226,210,184,.46);color:#6f5144;font-family:"Kaiti SC","STKaiti","KaiTi",serif}.app-shell[data-style="journal"] .claude-quota-track{height:7px;border-radius:0;border-color:rgba(78,60,39,.18);background:rgba(191,172,139,.28)}.app-shell[data-style="journal"] .claude-quota-track i{border-radius:0;background:linear-gradient(90deg,#718487,#a87876)}.app-shell[data-style="journal"] .claude-quota b,.app-shell[data-style="journal"] .claude-quota small,.app-shell[data-style="journal"] .claude-usage-note{color:#746758;font-family:"Kaiti SC","STKaiti","KaiTi",serif}