/* v50E · River's private room manuscript drafts. */
.view.me-view{
  --me-ink:#30364d;
  --me-soft:#69728b;
  --me-faint:rgba(70,82,112,.11);
  --me-rule:rgba(93,108,142,.25);
  --me-paper:rgba(244,249,252,.50);
  --me-fold:rgba(255,255,255,.44);
  --me-deep:#172238;
  --me-deeper:#101827;
  --me-violet:#8e7ea9;
  --me-rose:#c894ad;
  --me-silver:#b9c5d4;
  --me-folio:#dde3eb;
  --me-folio-deep:#cbd3de;
  --me-folio-ink:#293247;
  --me-folio-soft:#626d82;
  color:var(--me-ink);
  background:
    radial-gradient(ellipse 80% 23% at 96% 4%,rgba(68,88,125,.13),transparent 78%),
    radial-gradient(ellipse 55% 18% at 4% 38%,rgba(156,130,171,.08),transparent 80%);
}
:root[data-phase="dusk"] .view.me-view{
  --me-ink:#493a4f;--me-soft:#806c82;--me-faint:rgba(122,86,119,.10);
  --me-rule:rgba(143,108,139,.24);--me-paper:rgba(255,247,251,.47);
  --me-fold:rgba(255,255,255,.52);--me-deep:#291f35;--me-deeper:#191521;
  --me-violet:#a386b0;--me-rose:#d39bb9;--me-silver:#cfc3d0;
  --me-folio:#dce1e9;--me-folio-deep:#c8d0dc;--me-folio-ink:#303448;--me-folio-soft:#687084;
  background:radial-gradient(ellipse 82% 24% at 92% 4%,rgba(126,83,124,.15),transparent 78%),radial-gradient(ellipse 65% 20% at 4% 42%,rgba(215,165,194,.10),transparent 82%);
}
:root[data-phase="night"] .view.me-view{
  --me-ink:#eee8f3;--me-soft:#b9adc6;--me-faint:rgba(225,210,238,.055);
  --me-rule:rgba(215,197,226,.20);--me-paper:rgba(224,208,234,.045);
  --me-fold:rgba(237,222,246,.065);--me-deep:#15111f;--me-deeper:#0c0b11;
  --me-violet:#b194c2;--me-rose:#d5a0bd;--me-silver:#cfc8d6;
  --me-folio:#1d2432;--me-folio-deep:#151b27;--me-folio-ink:#e8edf5;--me-folio-soft:#aeb8c9;
  background:radial-gradient(ellipse 84% 24% at 90% 4%,rgba(120,79,135,.16),transparent 80%),radial-gradient(ellipse 75% 22% at 3% 45%,rgba(77,93,139,.09),transparent 84%);
}
.me-view .me-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.me-view .me-head .section-title{font:italic 400 51px/1 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:10px 0 3px;color:var(--me-ink)}
.me-view .me-head .note-kicker{letter-spacing:.20em;color:var(--me-soft)}
.me-view .me-head-mark{font:italic 8px/1.8 Georgia,serif;letter-spacing:.16em;text-align:right;color:var(--me-soft);padding-bottom:7px}
.me-view>.section-sub{font-size:12px;line-height:1.9;color:var(--me-soft);margin:7px 0 18px;max-width:34rem}
.me-current{position:relative;isolation:isolate;overflow:hidden;color:#edf2fa;padding:18px 19px 16px;min-height:226px;background:linear-gradient(145deg,var(--me-deep),var(--me-deeper));box-shadow:0 18px 42px rgba(15,20,34,.14)}
.me-current::before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.012) 3px 4px),radial-gradient(ellipse 65% 90% at 100% 10%,rgba(153,129,178,.18),transparent 72%)}
.me-current::after{content:'';position:absolute;left:19px;right:19px;bottom:48px;height:1px;background:linear-gradient(90deg,rgba(213,225,239,.40),transparent 76%)}
.me-current-line{display:flex;align-items:center;justify-content:space-between;gap:15px;color:rgba(231,237,247,.67);font:8px/1.6 Georgia,serif;letter-spacing:.16em;position:relative;z-index:2}
.me-current-line span{display:flex;align-items:center;gap:8px}.me-current-line i{width:5px;height:5px;border-radius:50%;background:#c8adc8;box-shadow:0 0 8px rgba(220,174,210,.72);animation:mePulse 3.6s ease-in-out infinite}
.me-current h2{position:relative;z-index:2;display:flex;align-items:baseline;gap:10px;margin:26px 0 0;font:italic 400 31px/1.2 Georgia,serif}
.me-current h2 small{font:7px/1.5 system-ui,sans-serif;letter-spacing:.16em;color:rgba(226,233,245,.52)}
.me-current>p{position:relative;z-index:2;max-width:71%;font-size:14px;line-height:1.85;margin:13px 0 24px;white-space:pre-wrap}
.me-current footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:14px;color:rgba(225,232,243,.60);font-size:9px;line-height:1.6}
.me-current footer span{max-width:68%}.me-current footer time{font:italic 8px Georgia,serif;letter-spacing:.08em;white-space:nowrap}
.me-index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--me-rule);margin:15px 0 7px}
.me-index button{border:0;border-right:1px solid var(--me-rule);background:none;color:var(--me-soft);padding:10px 4px 11px;font:italic 9px Georgia,serif;letter-spacing:.05em;min-width:0}
.me-index button:last-child{border-right:0}.me-index button span{display:block;font:italic 17px/1 Georgia,serif;color:var(--me-ink);margin-bottom:5px}
.me-chapter{position:relative;padding:26px 0 2px;scroll-margin-top:18px}
.me-chapter+.me-chapter{border-top:2px dashed var(--me-rule);margin-top:21px}
.me-chapter-head{display:grid;grid-template-columns:35px 1fr 14px;align-items:start;gap:9px;margin-bottom:17px}
.me-chapter-head>span{font:italic 21px/1 Georgia,serif;color:var(--me-violet)}
.me-chapter-head small{display:block;font:8px/1.5 Georgia,serif;letter-spacing:.16em;color:var(--me-soft)}
.me-chapter-head h2{font-size:14px;line-height:1.5;font-weight:400;margin:5px 0 0;color:var(--me-ink)}
.me-chapter-head>i{font-style:normal;color:var(--me-silver);font-size:12px;text-align:right}
.me-chapter-note{font-size:10px;line-height:1.8;color:var(--me-soft);margin:-7px 0 14px 44px}
.me-thought-list{margin-left:44px}
.me-thought-item{position:relative;border:0;border-bottom:1px solid var(--me-rule);background:none;color:inherit;text-align:left;width:100%;padding:3px 24px 15px 0;min-height:74px}
.me-thought-item+.me-thought-item{padding-top:15px}
.me-thought-item::after{content:'↗';position:absolute;right:0;top:7px;color:var(--me-violet);font-size:10px}
.me-thought-item+.me-thought-item::after{top:19px}
.me-thought-item time,.me-journal-paper time,.me-keep-item time,.me-draft-item time{display:block;font:italic 8px Georgia,serif;letter-spacing:.09em;color:var(--me-soft)}
.me-thought-item strong{display:block;font:italic 20px/1.35 Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em;margin:6px 0;color:var(--me-ink)}
.me-thought-item p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:11px;line-height:1.75;color:var(--me-soft);margin:0;white-space:pre-wrap}
.me-journal-list{margin-left:44px;position:relative}
.me-journal-paper{position:relative;overflow:hidden;border:1px solid rgba(86,99,122,.23);border-left:3px solid rgba(54,65,88,.58);clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);background:radial-gradient(circle at 83% 18%,rgba(255,255,255,.46),transparent 24%),linear-gradient(118deg,rgba(255,255,255,.32),transparent 44%),var(--me-folio);padding:19px 42px 17px 18px;box-shadow:0 9px 24px rgba(21,27,40,.09);color:var(--me-folio-ink)}
.me-journal-paper::before{content:'R / ARCHIVE';position:absolute;right:10px;top:24px;writing-mode:vertical-rl;font:7px/1 Georgia,serif;letter-spacing:.20em;color:var(--me-folio-soft);opacity:.68}
.me-journal-paper+.me-journal-paper{margin-top:10px}.me-journal-paper::after{content:'';position:absolute;right:7px;top:0;width:21px;height:4px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,#70798a,#eef2f6 48%,#747e90);opacity:.76;box-shadow:0 1px 2px rgba(22,27,38,.22)}
.me-journal-paper time{color:var(--me-folio-soft)}
.me-journal-paper h3{font:italic 23px/1.25 Georgia,serif;font-weight:400;letter-spacing:-.035em;margin:7px 0 10px;color:var(--me-folio-ink)}
.me-journal-paper p{font-size:11px;line-height:1.85;color:var(--me-folio-soft);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;white-space:pre-wrap}
.me-journal-paper button{border:0;border-bottom:1px solid rgba(72,83,104,.32);background:none;color:var(--me-folio-ink);padding:9px 0 3px;font-size:9px;margin-top:7px}
.me-journal-afterglow{display:block;margin-top:10px;font:italic 9px/1.5 Georgia,serif;color:#7a657e}
.me-keep-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-left:44px}
.me-keep-item{position:relative;min-width:0;border:1px solid var(--me-rule);border-radius:2px;background:var(--me-paper);color:inherit;text-align:left;padding:15px 13px 13px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.07)}
.me-keep-item::before{content:'';position:absolute;width:18px;height:6px;top:-3px;left:50%;translate:-50% 0;background:var(--me-silver);opacity:.34;transform:rotate(-3deg)}
.me-keep-item strong{display:block;font-size:12px;line-height:1.55;font-weight:400;margin:8px 0;color:var(--me-ink)}
.me-keep-item p{font-size:10px;line-height:1.7;color:var(--me-soft);margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.me-draft-list{display:grid;grid-template-columns:1fr;gap:10px;margin-left:44px}
.me-draft-item{position:relative;min-width:0;min-height:116px;border:1px solid rgba(86,99,122,.24);border-left:5px solid rgba(48,58,79,.74);border-radius:1px;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,0 100%);background:radial-gradient(circle at 82% 24%,rgba(255,255,255,.45),transparent 27%),linear-gradient(112deg,rgba(255,255,255,.31),transparent 46%),var(--me-folio);color:var(--me-folio-ink);text-align:left;padding:16px 48px 15px 17px;overflow:hidden;box-shadow:0 9px 23px rgba(25,30,43,.09)}
.me-draft-item::before{content:'R / PRIVATE DRAFT';position:absolute;right:12px;top:24px;writing-mode:vertical-rl;font:7px/1 Georgia,serif;letter-spacing:.17em;color:var(--me-folio-soft);opacity:.66}
.me-draft-item::after{content:'';position:absolute;right:13px;bottom:13px;width:6px;height:6px;border-radius:50%;background:var(--me-violet);box-shadow:0 0 0 3px color-mix(in srgb,var(--me-violet) 13%,transparent),0 0 9px color-mix(in srgb,var(--me-violet) 40%,transparent)}
.me-draft-item[data-visibility="open"]{border-left-color:color-mix(in srgb,var(--me-rose) 70%,var(--me-folio-soft));background:radial-gradient(circle at 84% 22%,rgba(255,255,255,.52),transparent 28%),linear-gradient(112deg,rgba(255,255,255,.37),transparent 46%),var(--me-folio)}
.me-draft-item>*{position:relative;z-index:1}.me-draft-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(91,104,129,.20);padding-bottom:8px}.me-draft-meta time{margin:0;color:var(--me-folio-soft)}.me-draft-meta b{font:7px/1 Georgia,serif;font-weight:400;letter-spacing:.15em;color:var(--me-folio-soft)}
.me-draft-item strong{display:block;font:italic 18px/1.35 Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.02em;margin:12px 0 8px;color:var(--me-folio-ink)}
.me-draft-item[data-visibility="sealed"] strong{font-size:13px;letter-spacing:.13em;color:var(--me-folio-soft)}
.me-draft-item small{display:block;font:7px/1.45 Georgia,serif;letter-spacing:.13em;color:var(--me-folio-soft)}
.me-trace-list{margin-left:44px}
.me-trace-item{position:relative;padding:0 0 16px 19px;border-left:1px solid var(--me-rule)}
.me-trace-item:last-child{padding-bottom:5px}.me-trace-item::before{content:'';position:absolute;left:-3px;top:5px;width:5px;height:5px;border-radius:50%;background:var(--me-violet);box-shadow:0 0 0 3px var(--me-paper)}
.me-trace-item time{display:block;font:italic 8px Georgia,serif;color:var(--me-soft);letter-spacing:.07em}.me-trace-item strong{display:block;font-size:11px;line-height:1.55;font-weight:400;margin:4px 0;color:var(--me-ink)}
.me-trace-item p{font-size:10px;line-height:1.7;color:var(--me-soft);margin:0;overflow-wrap:anywhere}
.me-room-end{display:flex;align-items:center;gap:12px;margin:31px 0 4px;color:var(--me-soft);font:italic 10px/1.6 Georgia,serif}.me-room-end::before,.me-room-end::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--me-rule))}.me-room-end::after{background:linear-gradient(90deg,var(--me-rule),transparent)}.me-room-end span{font-size:8px;letter-spacing:.12em}
.me-empty{font-size:11px;line-height:1.8;color:var(--me-soft);padding:10px 0 14px}
.me-reader{width:min(440px,calc(100vw - 34px));max-height:calc(100dvh - 54px - env(safe-area-inset-top) - env(safe-area-inset-bottom));box-sizing:border-box;overflow:auto;border:1px solid rgba(86,99,122,.30);border-left:4px solid rgba(54,65,88,.62);border-radius:2px;padding:22px;color:var(--me-folio-ink);background:radial-gradient(circle at 86% 9%,rgba(255,255,255,.38),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.24),transparent 38%),var(--me-folio);box-shadow:0 22px 80px rgba(8,10,19,.33)}
.me-reader::backdrop{background:rgba(8,10,18,.68);backdrop-filter:blur(5px)}
.me-reader-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed var(--me-rule);padding-bottom:10px}.me-reader-top small{font:8px Georgia,serif;letter-spacing:.17em;color:var(--me-soft)}
.me-reader-top button{border:0;background:none;color:var(--me-soft);font-size:23px;min-width:36px;min-height:36px}.me-reader>time{display:block;font:italic 9px Georgia,serif;color:var(--me-soft);margin:18px 0 7px}
.me-reader h2{font:italic 30px/1.25 Georgia,serif;font-weight:400;letter-spacing:-.04em;margin:0 0 20px;color:var(--me-ink)}
.me-reader-body{font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.me-reader footer{border-top:1px solid var(--me-rule);margin-top:23px;padding-top:13px;font:italic 10px/1.8 Georgia,serif;color:var(--me-soft);white-space:pre-wrap}
.me-view :is(button):focus-visible{outline:2px solid var(--me-violet);outline-offset:3px}
@keyframes mePulse{0%,100%{opacity:.48;transform:scale(.82)}45%{opacity:1;transform:scale(1.12)}}
@media(max-width:370px){
  .me-view .me-head .section-title{font-size:46px}.me-current{padding-inline:16px}.me-current>p{max-width:70%;font-size:13px}
  .me-chapter-head{grid-template-columns:31px 1fr 12px;gap:7px}.me-thought-list,.me-keep-list,.me-draft-list,.me-trace-list{margin-left:38px}.me-journal-list{margin-left:38px}
  .me-keep-list{grid-template-columns:1fr}.me-chapter-note{margin-left:38px}
}
@media(prefers-reduced-motion:reduce){.me-current-line i{animation:none}}