/* C / 夜航放映室. Scoped to keep A and B's compositions intact. */
html[data-direction=night] body.abc-release{
  --bg:#10141d;--surface:#191f2b;--rail:#151b26;--ink:#e9e9ed;
  --muted:#a0a8b8;--line:#333c4e;--accent:#e8b775;--soft:#262e3e;
  --warm:#e8b775;--danger:#ffb2a5;--radius:3px;
  --chart-1:#7796b9;--chart-2:#a4b6c8;--chart-3:#a793b6;--chart-4:#bd9184;
}
[data-direction=night] body{background:radial-gradient(ellipse at 75% 5%,#202b402b,transparent 58%),var(--bg)}
[data-direction=night] .preview-bar{background:#0c1018;padding-inline:32px;color:var(--muted);min-height:43px}
[data-direction=night] .preview-bar nav a[aria-current]{color:var(--accent)}
[data-direction=night] .shell{display:block;max-width:1600px;min-height:calc(100dvh - 43px)}
[data-direction=night] .workspace{padding:0 clamp(24px,5.5vw,88px) 100px}
[data-direction=night] .topline{height:82px;gap:24px;border-color:#333c4e80}
[data-direction=night] .topline .brand{font-size:16px;flex-shrink:0;letter-spacing:2px}
[data-direction=night] .brand>span{border:0;width:32px;height:40px;font:36px Georgia,serif;color:var(--accent)}
[data-direction=night] .brand small{font-size:7px;letter-spacing:3px}
[data-direction=night] #breadcrumb{margin-left:auto;font-size:10px}
[data-direction=night] .topline>div{gap:12px}
[data-direction=night] .topline button{color:var(--muted)}
[data-direction=night] .rail{position:fixed;inset:auto auto 20px 50%;transform:translateX(-50%);height:auto;max-height:none;width:min(680px,calc(100% - 48px));padding:0;z-index:30;background:#1c2332f5;backdrop-filter:blur(18px);border:1px solid #475267;border-radius:16px;box-shadow:0 12px 40px #0006;display:block}
[data-direction=night] .rail-project,[data-direction=night] .rail-bottom{display:none}
[data-direction=night] .primary-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:0;padding:7px}
[data-direction=night] .primary-nav a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:8px 4px;font-size:12px;border-radius:10px;border:1px solid transparent;color:#b7becc;white-space:nowrap}
[data-direction=night] .primary-nav a>span{display:block;font-size:19px;width:20px}
[data-direction=night] .primary-nav a:hover{background:var(--soft)}
[data-direction=night] .primary-nav a[aria-current]{border:1px solid #e8b77545;background:#e8b77513;color:var(--accent);font-weight:400}
[data-direction=night] main{padding-top:33px;min-height:calc(100dvh - 280px)}
[data-direction=night] h1{font-size:clamp(28px,2.7vw,40px);letter-spacing:2px}
[data-direction=night] .page-heading{align-items:center;gap:24px;margin-bottom:30px}
[data-direction=night] .page-heading p{color:var(--muted);font-size:11px}
[data-direction=night] .page-heading h1{margin-bottom:8px}
[data-direction=night] .eyebrow{font-size:9px;letter-spacing:3px;color:var(--muted)}
[data-direction=night] .primary{background:var(--accent);color:#191b20;border:1px solid var(--accent);border-radius:3px}
[data-direction=night] .primary:hover{background:#f7cd93;color:#151a23}
[data-direction=night] .secondary{background:transparent;border-color:#556077;border-radius:3px;color:var(--ink)}
[data-direction=night] .secondary:hover{background:var(--soft)}
[data-direction=night] .surface{background:var(--surface);border-color:var(--line);border-radius:3px}
[data-direction=night] .site-footer{margin-top:38px;padding-bottom:20px;border-color:#333c4e80}
[data-direction=night] .save-error{bottom:104px;border:1px solid var(--danger);margin:0 20px;border-radius:4px}
[data-direction=night] #toast{bottom:110px;background:var(--ink);color:var(--bg)}
[data-direction=night] dialog{border-radius:6px;background:#1a2130;border-color:#505c72;box-shadow:0 25px 100px #0008}
[data-direction=night] dialog::backdrop{background:#050910a6;backdrop-filter:blur(5px)}
[data-direction=night] dialog.night-drawer{margin:0 0 0 auto;max-height:100dvh;height:100dvh;width:min(540px,100%);border-radius:0;border-width:0 0 0 1px;padding:30px}
[data-direction=night] .night-drawer textarea{min-height:260px}
[data-direction=night] .night-drawer .reading-tools small{display:block;margin:15px 0}
[data-direction=night] .night-story-stage{display:grid;grid-template-columns:1fr 1fr;min-height:350px;border-block:1px solid #647088;background:radial-gradient(ellipse at 70% 110%,#3c47655c,transparent 60%),linear-gradient(110deg,#1f2839,#151c29);position:relative;isolation:isolate}
[data-direction=night] .night-story-stage::before{content:'';position:absolute;inset:12px 0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 18px,#9ba9c108 18px 19px);pointer-events:none}
[data-direction=night] .night-stage-copy{padding:38px 44px;border-right:1px solid #57627a66;display:flex;flex-direction:column;align-items:start;justify-content:center;min-width:0}
[data-direction=night] .night-stage-copy>.eyebrow{color:var(--accent)}
[data-direction=night] .night-stage-copy h2{font-size:clamp(36px,4vw,60px);letter-spacing:6px;margin:10px 0 18px;overflow-wrap:anywhere}
[data-direction=night] .night-stage-copy>p{font-size:12px;color:#b9c1cf;max-width:360px;line-height:2}
[data-direction=night] .night-stage-copy .actions{margin-top:10px;gap:18px}
[data-direction=night] .night-stage-status{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:10px;margin-top:30px;letter-spacing:1px}
[data-direction=night] .night-stage-status i{width:3px;height:3px;background:var(--accent);border-radius:50%}
[data-direction=night] .night-stage-excerpt{padding:45px 42px 28px;position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center}
[data-direction=night] .night-frame-number{position:absolute;right:26px;top:0;font:110px/1.2 Georgia,serif;color:#9eaecb0f;pointer-events:none}
[data-direction=night] .night-stage-excerpt h3{font-size:21px;position:relative;margin:8px 0 12px}
[data-direction=night] .night-stage-excerpt blockquote{border:0;padding:0;margin:10px 0 30px;white-space:pre-wrap;font:16px/2.15 var(--serif);color:#c6cbd5;overflow-wrap:anywhere;max-height:180px;overflow:hidden}
[data-direction=night] .night-scene-line{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted);margin-top:auto}
[data-direction=night] .night-scene-line>span+span{color:var(--accent);letter-spacing:3px}
[data-direction=night] .night-collection,[data-direction=night] .night-library{margin-top:32px}
[data-direction=night] .section-heading h2{font-size:23px}
[data-direction=night] .night-strip-controls{display:flex;gap:7px;flex-shrink:0}
[data-direction=night] .night-strip-controls button{width:44px;border:1px solid var(--line);padding:0;border-radius:50%;color:var(--muted)}
[data-direction=night] .night-strip-controls button:hover{color:var(--accent);border-color:var(--accent)}
[data-direction=night] .night-filmstrip{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:9px 0 14px;scrollbar-width:thin;scrollbar-color:#5c6981 transparent}
[data-direction=night] .night-work-frame{flex:0 0 340px;min-width:0;border-block:1px solid var(--line);padding:20px 24px 12px;background:linear-gradient(135deg,#26304480,#151b27);scroll-snap-align:start;position:relative}
[data-direction=night] .night-work-frame::before{content:'';position:absolute;left:0;top:-7px;right:0;height:3px;background:repeating-linear-gradient(90deg,#526079 0 9px,transparent 9px 18px)}
[data-direction=night] .night-frame-index{font:9px/1.8 var(--sans);letter-spacing:2px;color:var(--muted)}
[data-direction=night] .night-work-frame h3{margin:14px 0 8px;font-size:25px}
[data-direction=night] .night-work-frame p{color:var(--muted);font-size:11px;min-height:38px;overflow-wrap:anywhere}
[data-direction=night] .night-work-frame .actions{margin-top:8px;justify-content:space-between;font-size:10px}
[data-direction=night] .night-after-screen{display:grid;grid-template-columns:1.15fr 1fr;gap:54px;margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}
[data-direction=night] .night-task-list .task-row{font-size:12px;border:0;min-height:40px}
[data-direction=night] .night-footprints{padding:3px 0 0 32px;border-left:1px solid var(--line)}
[data-direction=night] .night-footprints p{color:var(--muted);font-size:11px}
[data-direction=night] .night-footprints b{color:var(--ink);font:26px Georgia,serif;margin-right:5px}
[data-direction=night] .night-footprints p span{margin:0 14px;color:#536178}
[data-direction=night] .night-footprints .text-link{margin-right:20px}
[data-direction=night] .night-context-tools{border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:18px;padding:5px 0;margin-bottom:30px;font-size:10px;color:var(--muted)}
[data-direction=night] .night-context-tools>div{display:flex;gap:5px;flex-wrap:wrap}
[data-direction=night] .night-context-tools button{font-size:11px;color:var(--ink)}
[data-direction=night] .writing-layout.night-single-manuscript{display:block;max-width:800px;margin:0 auto}
[data-direction=night] .manuscript{padding:30px 36px 18px;background:transparent;border:0;min-height:650px}
[data-direction=night] .manuscript input{font-size:29px;line-height:1.8;letter-spacing:1px}
[data-direction=night] .manuscript textarea{font-size:18px;line-height:2.35;min-height:430px;color:#d0d4df}
[data-direction=night] .manuscript-foot{border-top:1px solid var(--line);padding-top:15px}
[data-direction=night] .focus-mode .rail,[data-direction=night] .focus-mode .night-context-tools{display:none}
[data-direction=night] .focus-mode .workspace{padding-top:26px;padding-bottom:20px}
[data-direction=night] .focus-mode .page-heading p{display:none}
[data-direction=night] .ideas-layout{display:block}
[data-direction=night] .group-nav{display:flex;gap:10px;border:0;padding:0 0 22px;flex-wrap:wrap}
[data-direction=night] .group-nav button{border-radius:20px;color:var(--muted);padding:7px 16px;border:1px solid transparent}
[data-direction=night] .group-nav button[aria-pressed=true]{background:#e8b77512;color:var(--accent);border-color:#e8b77555}
[data-direction=night] .notes-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}
[data-direction=night] .notes-grid>.empty,[data-direction=night] .capsule-grid>.empty{grid-column:1/-1;width:100%}
[data-direction=night] .night-filmstrip>.empty{flex:1;min-width:100%}
[data-direction=night] .night-idea-frame{grid-column:span 5;border:1px solid var(--line);border-top:0;background:#1b2230;min-height:230px;padding:26px;position:relative}
[data-direction=night] .night-idea-frame:nth-child(4n+1){grid-column:span 7;background:linear-gradient(130deg,#303b51,#202938);padding:32px}
[data-direction=night] .night-idea-frame:nth-child(4n+2){transform:translateY(22px);margin-bottom:22px}
[data-direction=night] .night-idea-frame:nth-child(4n+3){background:#141c28;border-left:3px solid #7a8ca7}
[data-direction=night] .night-idea-frame:nth-child(4n){grid-column:span 7;background:#252938}
[data-direction=night] .night-idea-top{display:flex;justify-content:space-between;border-bottom:1px solid #61708c55;padding-bottom:12px;gap:10px}
[data-direction=night] .night-idea-frame h3{font-size:27px;margin:22px 0 14px}
[data-direction=night] .night-idea-frame p{font:16px/2.1 var(--serif);color:#c4cad7;flex:1}
[data-direction=night] .night-idea-frame:nth-child(4n+1) p{font-size:20px;max-width:440px}
[data-direction=night] .night-idea-frame:nth-child(4n) h3{font-size:32px}
[data-direction=night] .night-idea-frame footer{border-top:1px solid #61708c55;padding-top:10px}
[data-direction=night] .night-reading-stage{display:grid;grid-template-columns:45px minmax(0,.9fr) minmax(0,1fr);gap:45px;align-items:center;padding:32px 42px 32px 0;background:linear-gradient(105deg,#29354a,#161e2b);border-block:1px solid #62728d;min-height:310px}
[data-direction=night] .night-book-spine{writing-mode:vertical-rl;align-self:stretch;text-align:center;border-right:1px solid #62728d;font-size:9px;letter-spacing:4px;color:var(--muted)}
[data-direction=night] .night-reading-stage h2{font-size:44px;margin:12px 0}
[data-direction=night] .night-reading-stage blockquote{border:0;border-left:1px solid #62728d;padding:15px 0 15px 35px;margin:0;font:19px/2.25 var(--serif);white-space:pre-wrap;color:#c9d0dc;overflow-wrap:anywhere}
[data-direction=night] .night-reading-position{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;margin-top:25px}
[data-direction=night] .night-reading-position span{color:var(--accent)}
[data-direction=night] .night-library-book{flex:0 0 420px;display:grid;grid-template-columns:86px minmax(0,1fr);gap:28px;align-items:center;padding:22px 26px 16px;background:#171e2a;border-block:1px solid var(--line);scroll-snap-align:start}
[data-direction=night] .night-book-number{font:52px Georgia,serif;color:#61728f;border-right:1px solid var(--line)}
[data-direction=night] .night-library-book h3{font-size:26px;margin:10px 0;overflow-wrap:anywhere}
[data-direction=night] .night-library-book small{font-size:9px}
[data-direction=night] .night-library-book .reading-progress{margin:12px 0 2px}
[data-direction=night] .reader-layout.night-single-reader{display:block;max-width:790px;margin:auto}
[data-direction=night] .reading-paper{padding:30px 40px;background:transparent;border:0}
[data-direction=night] .reading-paper h2{font-size:32px;text-align:center;margin:12px 0 36px}
[data-direction=night] .reading-paper>.eyebrow{text-align:center}
[data-direction=night] .reading-paper p{color:#d0d4df;line-height:2.3;margin-bottom:26px}
[data-direction=night] .reader-pager{border-top:1px solid var(--line);padding-top:20px}
[data-direction=night] .journal-heading,[data-direction=night] .journal-nav{max-width:none}
[data-direction=night] .journal-heading h1{font-size:clamp(28px,2.7vw,40px)}
[data-direction=night] .journal-nav{display:flex;gap:32px;margin-bottom:24px;justify-content:center;border-color:var(--line)}
[data-direction=night] .journal-nav a{font-size:12px;gap:12px;min-height:50px}
[data-direction=night] .night-date-strip{display:flex;align-items:center;justify-content:center;gap:14px;max-width:820px;margin:0 auto 20px;border-bottom:1px solid var(--line);padding-bottom:20px}
[data-direction=night] .night-date-strip>span{font:17px var(--serif);color:var(--muted);margin-right:15px;white-space:nowrap}
[data-direction=night] .night-date-strip a{position:relative;display:grid;place-items:center;min-width:55px;min-height:67px;border:1px solid transparent;border-radius:3px;gap:2px;padding:6px}
[data-direction=night] .night-date-strip small{font-size:9px}
[data-direction=night] .night-date-strip b{font:25px Georgia,serif}
[data-direction=night] .night-date-strip [aria-current]{border-color:#e8b77555;background:#e8b77513;color:var(--accent)}
[data-direction=night] .night-date-strip .has-entry::after{content:'';position:absolute;bottom:2px;width:3px;height:3px;background:var(--accent);border-radius:50%}
[data-direction=night] .diary-layout{display:block;max-width:800px;margin:auto}
[data-direction=night] .diary-sheet{padding:16px 30px;background:transparent;box-shadow:none;border:0}
[data-direction=night] .diary-sheet .sheet-heading{border:0;padding-bottom:0;margin-bottom:10px}
[data-direction=night] .date-display b{font-size:36px;color:var(--muted)}
[data-direction=night] .diary-title{font-size:30px;margin:12px 0;height:62px}
[data-direction=night] .diary-text{font:18px/2.3 var(--serif);color:#d0d4df;background:transparent;min-height:300px}
[data-direction=night] .night-orbit{max-width:800px;justify-content:center;margin-top:25px}
[data-direction=night] .night-orbit button{border:0;border-radius:0;padding:8px 20px;background:#1e2635}
[data-direction=night] .capsule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
[data-direction=night] .capsule-card{padding-bottom:20px;border-bottom:1px solid var(--line)}
[data-direction=night] .capsule-card .sleeve{border-radius:0;min-height:225px}
[data-direction=night] .sleeve{background:radial-gradient(ellipse at 60% 45%,#394359,#1c2535);border-color:#526079}
[data-direction=night] .vinyl-label{background:#d6ad78}
[data-direction=night] .capsule-card h3{font-size:24px}
[data-direction=night] .capsule-compose{grid-template-columns:minmax(0,720px) 270px;justify-content:center;gap:50px}
[data-direction=night] .letter-form{padding:25px 20px;border:0;background:transparent}
[data-direction=night] .capsule-compose>.sleeve{margin-top:30px;min-height:350px;padding:25px 20px}
[data-direction=night] .capsule-compose .vinyl{width:min(100%,210px)}
[data-direction=night] .growth-layout{display:block}
[data-direction=night] .growth-layout>.surface{display:grid;grid-template-columns:.8fr 1.5fr;gap:15px 60px;padding:30px 40px;background:linear-gradient(110deg,#29354b,#182130)}
[data-direction=night] .growth-layout>.surface>.eyebrow{grid-column:1}
[data-direction=night] .balance{grid-column:1;grid-row:2/5;align-self:start;border:0;padding:0;gap:20px}
[data-direction=night] .balance>span{font-size:75px}
[data-direction=night] .balance strong{font-size:72px;line-height:1}
[data-direction=night] .balance strong small{display:block;margin:15px 0;font-size:12px}
[data-direction=night] .growth-layout .section-heading{grid-column:2;grid-row:1;margin:0}
[data-direction=night] .growth-stat-grid{grid-column:2;margin:0}
[data-direction=night] .growth-chart{grid-column:2;height:110px;margin-top:10px}
[data-direction=night] .growth-layout .hint{grid-column:2;margin:0;font-size:10px}
[data-direction=night] .night-reward-stage{margin-top:28px;padding:25px 0;background:transparent;border-inline:0}
[data-direction=night] .night-reward-stage .reward-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
[data-direction=night] .night-reward-stage .reward{background:#1a2230;padding:22px 18px;border:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:14px}
[data-direction=night] .night-reward-stage .reward button{grid-column:2;justify-self:start;padding:4px 0;color:var(--accent)}
[data-direction=night] .night-reward-stage .reward h3{font-size:20px}
[data-direction=night] .ledger{margin-top:25px}
[data-direction=night] .ledger-row{padding:15px 0 15px 20px;border-left:1px solid #536079;position:relative}
[data-direction=night] .ledger-row::before{content:'';width:5px;height:5px;background:var(--accent);position:absolute;left:-3px;top:25px;border-radius:50%}
[data-direction=night] .data-tabs{gap:32px;border-color:var(--line)}
[data-direction=night] .data-book-heading{margin-bottom:0;padding:0 0 20px}
[data-direction=night] .data-book-heading label{display:flex;align-items:center;gap:20px}
[data-direction=night] .data-book-heading select{min-width:210px;font-size:16px;background:transparent;border-color:#56637d}
[data-direction=night] .data-summary{margin:0 0 20px;border:1px solid var(--line);border-radius:3px;background:linear-gradient(110deg,#26334b,#1b2332);padding:24px 32px;gap:32px}
[data-direction=night] .data-summary strong{font:46px/1.3 Georgia,serif;margin-top:10px}
[data-direction=night] .data-summary>div+div{border-left:1px solid #63718a66;padding-left:32px}
[data-direction=night] .night-data-filters{margin-bottom:25px;border-block:1px solid var(--line)}
[data-direction=night] .night-data-filters>summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;min-height:54px;align-items:center;font-size:12px;color:var(--ink)}
[data-direction=night] .night-data-filters>summary>span:first-child::before{content:'＋';color:var(--accent);margin-right:12px}
[data-direction=night] .night-data-filters[open]>summary>span:first-child::before{content:'−'}
[data-direction=night] .night-data-filters summary small{margin-left:20px;font-size:10px}
[data-direction=night] .night-data-filters summary>span+span{font-size:10px;color:var(--muted)}
[data-direction=night] .night-data-filters .data-filters{padding-top:15px}
[data-direction=night] .night-data-filters .data-filters label{flex-basis:120px}
[data-direction=night] .night-data-stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}
[data-direction=night] .night-data-stage .data-book-content{margin:0;padding:24px;border:0;border-top:1px solid #69788f;background:#18202d}
[data-direction=night] .night-trend .data-chart{min-height:245px;margin-top:30px}
[data-direction=night] .night-record-detail .data-record{display:grid;grid-template-columns:1fr auto;gap:8px 14px;padding:17px 0}
[data-direction=night] .night-record-detail .data-record-date{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px}
[data-direction=night] .night-record-detail .data-record h3{font-size:13px}
[data-direction=night] .night-record-detail .data-record-value{font-size:25px}
[data-direction=night] .night-record-detail .data-record>.actions{grid-column:1/-1;margin:0;justify-content:flex-end}
[data-direction=night] .night-history{padding:30px;background:transparent}
[data-direction=night] .data-history-row{border-left:1px solid #63718a;position:relative;padding:20px 0 20px 26px}
[data-direction=night] .data-history-row::before{content:'';position:absolute;left:-4px;top:28px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
[data-direction=night] .data-dataset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){
  [data-direction=night] .night-stage-copy{padding:30px}
  [data-direction=night] .night-stage-excerpt{padding:35px 30px 25px}
  [data-direction=night] .night-reading-stage{gap:25px;padding-right:28px}
  [data-direction=night] .night-data-stage{grid-template-columns:minmax(0,1fr)}
  [data-direction=night] .night-record-detail .data-record{grid-template-columns:145px 1fr auto auto;align-items:center}
  [data-direction=night] .night-record-detail .data-record-date{grid-column:auto;display:grid}
  [data-direction=night] .night-record-detail .data-record>.actions{grid-column:auto}
  [data-direction=night] .capsule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-direction=night] .capsule-compose{grid-template-columns:minmax(0,1fr) 230px;gap:25px}
  [data-direction=night] .growth-layout>.surface{gap:15px 30px;padding:25px}
}
@media(max-width:760px){
  [data-direction=night] .preview-bar{padding:0 14px;gap:0}
  [data-direction=night] .preview-bar>a{font-size:8px}
  [data-direction=night] .preview-bar nav a{font-size:9px;padding-inline:6px}
  [data-direction=night] .preview-bar label{height:29px;min-height:29px}
  [data-direction=night] .workspace{padding:0 20px calc(95px + env(safe-area-inset-bottom))}
  [data-direction=night] .topline{height:65px;gap:10px}
  [data-direction=night] .topline .brand{font-size:13px;gap:8px;letter-spacing:1px}
  [data-direction=night] .brand small{font-size:6px;letter-spacing:2px}
  [data-direction=night] .brand>span{font-size:30px;width:26px}
  [data-direction=night] #breadcrumb,[data-direction=night] .network{display:none}
  [data-direction=night] .topline>div{margin-left:auto;gap:3px}
  [data-direction=night] .topline button{width:35px}
  [data-direction=night] .rail{bottom:0;left:0;transform:none;width:100%;border-radius:0;border-width:1px 0 0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -5px 25px #0004}
  [data-direction=night] .primary-nav{padding:5px 8px;gap:2px}
  [data-direction=night] .primary-nav a{flex-direction:column;gap:1px;min-height:58px;font-size:10px;padding:5px 0;border-radius:5px}
  [data-direction=night] .primary-nav a>span{display:block;font-size:20px;line-height:1.4}
  [data-direction=night] .primary-nav a[aria-current]{border-color:transparent;background:#e8b77510}
  [data-direction=night] main{padding-top:24px}
  [data-direction=night] .page-heading{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:23px}
  [data-direction=night] .page-heading h1{font-size:28px;letter-spacing:1px}
  [data-direction=night] .page-heading p{font-size:10px;line-height:1.9}
  [data-direction=night] .page-heading .heading-actions{justify-content:flex-start;gap:8px}
  [data-direction=night] body[data-night-page=write] .page-heading{flex-wrap:nowrap;align-items:center}
  [data-direction=night] body[data-night-page=write] .page-heading>div:first-child{min-width:0;flex:1}
  [data-direction=night] body[data-night-page=write] .page-heading .heading-actions{flex-shrink:0}
  [data-direction=night] .eyebrow{font-size:8px;letter-spacing:2px}
  [data-direction=night] .section-heading h2{font-size:21px}
  [data-direction=night] .night-story-stage{grid-template-columns:minmax(0,1fr)}
  [data-direction=night] .night-stage-copy{padding:28px 24px;border:0}
  [data-direction=night] .night-stage-copy h2{font-size:43px;letter-spacing:4px;margin:8px 0 14px}
  [data-direction=night] .night-stage-copy>p{font-size:11px;margin-bottom:16px}
  [data-direction=night] .night-stage-status{margin-top:21px;font-size:9px}
  [data-direction=night] .night-stage-copy .actions{margin-top:0;gap:12px}
  [data-direction=night] .night-stage-excerpt{border-top:1px solid #57627a66;padding:24px}
  [data-direction=night] .night-stage-excerpt h3{font-size:19px}
  [data-direction=night] .night-stage-excerpt blockquote{font-size:15px;max-height:105px;margin:5px 0 22px}
  [data-direction=night] .night-frame-number{font-size:75px;right:16px}
  [data-direction=night] .night-collection{margin-top:27px}
  [data-direction=night] .night-work-frame{flex-basis:86%;padding:19px 22px 12px}
  [data-direction=night] .night-strip-controls{gap:5px}
  [data-direction=night] .night-after-screen{grid-template-columns:1fr;gap:25px;margin-top:22px;padding-top:23px}
  [data-direction=night] .night-footprints{padding:23px 0 0;border:0;border-top:1px solid var(--line)}
  [data-direction=night] .night-context-tools{display:block;margin-bottom:20px;padding:10px 0}
  [data-direction=night] .night-context-tools>span{display:block;font-size:9px;padding:0 5px 3px}
  [data-direction=night] .night-context-tools button{padding-inline:9px;font-size:10px}
  [data-direction=night] .manuscript{padding:8px 2px;min-height:500px}
  [data-direction=night] .manuscript input{font-size:23px}
  [data-direction=night] .manuscript textarea{font-size:17px;min-height:360px}
  [data-direction=night] .manuscript .actions{gap:3px}
  [data-direction=night] .manuscript .text-link{font-size:10px}
  [data-direction=night] .group-nav{gap:5px;padding-bottom:18px}
  [data-direction=night] .group-nav button{font-size:10px;padding:6px 12px}
  [data-direction=night] .notes-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  [data-direction=night] .night-idea-frame,[data-direction=night] .night-idea-frame:nth-child(n){grid-column:1;transform:none;margin:0;padding:24px;min-height:230px}
  [data-direction=night] .night-idea-frame h3{font-size:24px}
  [data-direction=night] .night-idea-frame:nth-child(4n) h3{font-size:29px}
  [data-direction=night] .night-idea-frame p{font-size:16px}
  [data-direction=night] .night-idea-frame:nth-child(4n+1) p{font-size:20px}
  [data-direction=night] .night-reading-stage{grid-template-columns:24px minmax(0,1fr);gap:22px;padding:24px 24px 24px 0}
  [data-direction=night] .night-book-spine{grid-row:1/3}
  [data-direction=night] .night-reading-stage h2{font-size:36px}
  [data-direction=night] .night-reading-stage blockquote{grid-column:2;font-size:16px;border:0;border-top:1px solid #62728d;padding:22px 0 0;max-height:180px;overflow:hidden}
  [data-direction=night] .night-library-book{flex-basis:90%;grid-template-columns:50px minmax(0,1fr);gap:22px;padding:18px}
  [data-direction=night] .night-book-number{font-size:34px}
  [data-direction=night] .night-library-book h3{font-size:23px}
  [data-direction=night] .reading-paper{padding:15px 0}
  [data-direction=night] .reading-paper h2{font-size:26px;margin-bottom:28px}
  [data-direction=night] .reading-paper p{line-height:2.2}
  [data-direction=night] .reader-pager{gap:8px}
  [data-direction=night] .journal-heading{gap:10px;margin-bottom:14px}
  [data-direction=night] .journal-heading .heading-actions{margin-left:0}
  [data-direction=night] .journal-heading h1{font-size:27px}
  [data-direction=night] .journal-nav{gap:0;justify-content:space-between;margin-bottom:16px}
  [data-direction=night] .journal-nav a{gap:6px;font-size:11px;min-height:47px}
  [data-direction=night] .journal-nav small{font-size:9px}
  [data-direction=night] .night-date-strip{gap:2px;justify-content:space-between;margin-bottom:15px;padding-bottom:13px}
  [data-direction=night] .night-date-strip>span{display:none}
  [data-direction=night] .night-date-strip a{min-width:0;flex:1;min-height:54px;padding:3px 0}
  [data-direction=night] .night-date-strip b{font-size:20px}
  [data-direction=night] .night-date-strip button{padding:0;width:28px;min-height:54px;flex-shrink:0}
  [data-direction=night] .diary-sheet{padding:5px 0}
  [data-direction=night] .date-display b{font-size:29px}
  [data-direction=night] .date-display span{font-size:13px}
  [data-direction=night] .date-display small{font-size:8px}
  [data-direction=night] .sheet-heading>span{font-size:8px;max-width:96px}
  [data-direction=night] .diary-title{font-size:24px;height:49px;margin:8px 0}
  [data-direction=night] .diary-meta{margin:8px 0 12px}
  [data-direction=night] .diary-text{font-size:17px;min-height:300px}
  [data-direction=night] .sheet-foot{gap:6px;flex-wrap:wrap;font-size:8px}
  [data-direction=night] .sheet-foot button{font-size:10px}
  [data-direction=night] .night-orbit{gap:7px;flex-wrap:wrap;margin-top:18px}
  [data-direction=night] .night-orbit button{font-size:10px;padding-inline:13px}
  [data-direction=night] .capsule-grid{grid-template-columns:minmax(0,1fr);gap:22px}
  [data-direction=night] .capsule-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:center;padding-bottom:22px}
  [data-direction=night] .capsule-card .sleeve{min-height:128px;padding:10px;gap:7px}
  [data-direction=night] .capsule-card .sleeve>small{font-size:6px}
  [data-direction=night] .capsule-card .sleeve>p{display:none}
  [data-direction=night] .capsule-card .vinyl{width:80px}
  [data-direction=night] .capsule-card .vinyl-label strong{font-size:5px}
  [data-direction=night] .capsule-card .vinyl-label small{display:none}
  [data-direction=night] .capsule-card .vinyl-label i{margin:3px;width:4px;height:4px}
  [data-direction=night] .capsule-card h3{font-size:21px;margin:5px 0}
  [data-direction=night] .capsule-card .actions{margin-top:5px;gap:2px}
  [data-direction=night] .capsule-card .actions .primary{padding:7px 10px;font-size:10px}
  [data-direction=night] .capsule-compose{display:flex;flex-direction:column;gap:20px}
  [data-direction=night] .letter-form{padding:8px 0;width:100%}
  [data-direction=night] .capsule-compose>.sleeve{margin:0;width:100%;min-height:245px}
  [data-direction=night] .capsule-compose .vinyl{width:160px}
  [data-direction=night] .growth-layout>.surface{display:block;padding:24px}
  [data-direction=night] .balance{gap:20px;padding:15px 0 25px}
  [data-direction=night] .balance>span{font-size:55px}
  [data-direction=night] .balance strong{font-size:63px}
  [data-direction=night] .balance strong small{display:inline;margin-left:12px;font-size:11px}
  [data-direction=night] .growth-layout .section-heading h2{font-size:19px}
  [data-direction=night] .growth-layout .section-heading .text-link{font-size:10px;padding-inline:0}
  [data-direction=night] .growth-stat-grid{margin-top:18px;gap:9px}
  [data-direction=night] .growth-stat-grid strong{font-size:20px}
  [data-direction=night] .growth-stat-grid span{font-size:8px}
  [data-direction=night] .growth-chart{margin:20px 0}
  [data-direction=night] .night-reward-stage .reward-list{display:flex;flex-direction:column;gap:13px}
  [data-direction=night] .night-reward-stage .reward{grid-template-columns:auto 1fr auto;padding:18px}
  [data-direction=night] .night-reward-stage .reward button{grid-column:3}
  [data-direction=night] .data-tabs{gap:0;justify-content:space-between;font-size:11px;margin-bottom:22px}
  [data-direction=night] .data-book-heading{display:block;padding-bottom:16px}
  [data-direction=night] .data-book-heading label{justify-content:space-between;gap:12px}
  [data-direction=night] .data-book-heading select{font-size:14px;min-width:0;max-width:72%}
  [data-direction=night] .data-book-heading .actions{margin-top:4px;justify-content:space-between}
  [data-direction=night] .data-book-heading .text-link{font-size:10px}
  [data-direction=night] .data-summary{padding:21px 16px;gap:10px}
  [data-direction=night] .data-summary strong{font-size:27px;line-height:1.5;letter-spacing:-1px}
  [data-direction=night] .data-summary>div+div{padding-left:12px}
  [data-direction=night] .data-summary strong>span{display:block;margin:0;font-size:9px;letter-spacing:0}
  [data-direction=night] .data-summary small{font-size:10px}
  [data-direction=night] .night-data-filters>summary{font-size:11px}
  [data-direction=night] .night-data-filters summary small{margin-left:10px;font-size:9px}
  [data-direction=night] .night-data-filters summary>span+span{display:none}
  [data-direction=night] .night-data-stage{gap:22px}
  [data-direction=night] .night-data-stage .data-book-content{padding:20px 16px}
  [data-direction=night] .night-trend .data-chart{min-height:150px;margin-top:18px}
  [data-direction=night] .night-record-detail .data-record{grid-template-columns:minmax(0,1fr) auto;gap:8px}
  [data-direction=night] .night-record-detail .data-record-date{grid-column:1/-1;display:flex}
  [data-direction=night] .night-record-detail .data-record>.actions{grid-column:1/-1}
  [data-direction=night] .night-history{padding:20px 0}
  [data-direction=night] .data-history-row{padding-left:18px}
  [data-direction=night] .data-dataset-grid{grid-template-columns:minmax(0,1fr)}
  [data-direction=night] .site-footer{display:grid;gap:7px;font-size:9px;margin-top:25px}
  [data-direction=night] .save-error{bottom:calc(71px + env(safe-area-inset-bottom));margin:0 8px;font-size:10px;padding:10px}
  [data-direction=night] #toast{bottom:calc(85px + env(safe-area-inset-bottom))}
  [data-direction=night] dialog.night-drawer{padding:23px 20px}
  [data-direction=night] body.keyboard-open .rail,[data-direction=night] body.keyboard-open .topline,[data-direction=night] body.keyboard-open .night-date-strip{display:none}
  [data-direction=night] body.keyboard-open .workspace{padding-bottom:20px}
  [data-direction=night] body.keyboard-open .diary-text{min-height:55dvh}
}
@media(max-width:360px){
  [data-direction=night] .workspace{padding-inline:15px}
  [data-direction=night] .preview-bar{padding-inline:10px}
  [data-direction=night] .preview-bar>a{font-size:7px}
  [data-direction=night] .preview-bar nav a{font-size:8px;padding-inline:4px}
  [data-direction=night] .page-heading h1{font-size:25px}
  [data-direction=night] .journal-nav a{font-size:10px;gap:4px}
  [data-direction=night] .data-summary strong{font-size:23px}
  [data-direction=night] .night-stage-copy{padding:24px 20px}
  [data-direction=night] .night-stage-copy h2{font-size:37px}
  [data-direction=night] .night-stage-excerpt{padding:22px 20px}
}
@media(prefers-reduced-motion:reduce){
  [data-direction=night] *{scroll-behavior:auto!important}
}