.night-post-page{--accent:#efc27a;--post-blue:#a8dce8}.night-post-page.think-page{background-image:radial-gradient(ellipse at 55% 0%,#30305455,transparent 65%)}
.post-start{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:.9rem}.post-desk{background:linear-gradient(155deg,#182434,#101b29)}
.post-stations{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.65fr) minmax(0,1fr);gap:24px;margin:26px 0 20px;align-items:start}.post-stations section{min-width:0}.station-label{margin-bottom:14px;min-height:46px}.station-label h3{margin:0}.station-label span{font-size:.75rem;color:var(--muted)}
.whole-card,.received-card{display:flex;aspect-ratio:2/1;overflow:hidden;border:1px solid #57738a;border-radius:9px;background:#0a1421;box-shadow:0 12px 24px #0003}.whole-card svg{display:block;width:100%;height:100%}.post-piece{width:25%;flex-shrink:0;position:relative;overflow:hidden;border-right:1px dashed #73879b55}.post-piece:last-child{border:0}.post-piece svg{display:block;width:400%;height:100%;max-width:none;position:relative}.post-piece[data-piece="1"] svg{left:-100%}.post-piece[data-piece="2"] svg{left:-200%}.post-piece[data-piece="3"] svg{left:-300%}.post-piece.empty{background:repeating-linear-gradient(135deg,#172538,#172538 7px,#1c2b3c 7px,#1c2b3c 8px);display:grid;place-items:center;color:#9caebf;font-size:.85rem}.piece-stamp{position:absolute;bottom:5px;left:5px;background:#09121de6;color:#fff;border:1px solid #92a3b3;border-radius:4px;padding:0 4px;font:600 .65rem/1.5 ui-monospace,monospace}
.post-caption{font-size:.8rem;color:#bacbd9;margin:12px 0}.sender-knowledge{font-size:.8rem;line-height:1.7;color:var(--muted);min-height:3.4em}.post-route{text-align:center;padding-top:6px}.post-route h3{font-size:.85rem;color:var(--muted)}.post-route p{font-size:.78rem}.route-art{display:flex;align-items:center;gap:5px;margin:20px 0;color:var(--accent);font-size:1.8rem}.route-art i{flex:1;border-top:2px dotted #768aa3}.in-flight{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;min-height:32px}.in-flight span{border:1px solid #53627a;border-radius:5px;padding:2px 6px;color:var(--post-blue);font:500 .7rem/1.6 ui-monospace,monospace}.in-flight .return-slip{color:var(--accent)}
.extra-pieces{font-size:.75rem;color:var(--muted)}.extra-tray{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.extra-tray .post-piece{flex:none;width:36px;height:64px;border:1px solid #57738a;border-radius:4px}.extra-tray .piece-stamp{left:2px;font-size:.55rem}
.postal-rules{display:grid;grid-template-columns:1fr 1fr;gap:14px;border:0;border-top:1px solid var(--line);padding:18px 0 0;margin:22px 0 0;min-width:0}.postal-rules legend{padding:0 12px 0 0;font-size:.9rem;font-weight:700}.postal-rules>label{display:flex;align-items:flex-start;gap:10px;min-height:44px;font-size:.9rem;cursor:pointer}.postal-rules input{width:20px;height:20px;flex-shrink:0;margin:3px 0;accent-color:var(--accent)}.postal-rules small{display:block;font-size:.8rem;line-height:1.7;margin-top:4px}.postal-rules .retry-wait{grid-column:1/-1;align-items:center;flex-wrap:wrap;font-size:.85rem}.retry-wait select{min-width:115px}.draft-note,.post-control-note{font-size:.8rem;color:var(--muted)}.draft-note{margin:10px 0 18px}.post-control-note{margin:12px 0 0}.post-controls button{flex:1 1 auto}.post-controls .primary{flex-grow:2}
.delivery-result h2{font-size:1.4rem}.post-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.post-metrics div{border-left:1px solid #41536b;padding-left:12px}.post-metrics dt{font-size:.75rem;color:var(--muted)}.post-metrics dd{font-size:1.3rem;margin:5px 0 0;color:var(--accent)}.experiment-note{margin:0;padding-top:14px;border-top:1px solid var(--line);color:#c2cfdd;font-size:.9rem}.postal-log{margin-top:24px}.postal-log summary{font-weight:600}.postal-log summary span{font-size:.8rem;color:var(--muted)}.postal-log ol{max-height:300px;overflow-y:auto;padding-left:25px;font-size:.8rem;line-height:1.8}.postal-log li{padding:3px 0}.postal-log li::marker{color:var(--accent)}.post-desk #sendPost{scroll-margin-top:24px}
@media(max-width:800px){.post-stations{grid-template-columns:1fr 1fr;gap:20px}.post-route{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:center;text-align:left;padding:14px 0;border-top:1px solid var(--line)}.post-route h3{grid-column:1/-1}.route-art{margin:0;min-width:130px}.post-route p{margin:0}.post-route .muted{grid-column:1/-1;margin-top:8px}.in-flight{grid-column:1/-1;justify-content:flex-start;margin-top:8px}}
@media(max-width:520px){.postal-rules{grid-template-columns:1fr}.post-stations{gap:12px}.station-label span{font-size:.7rem}.post-caption,.sender-knowledge{font-size:.75rem}.piece-stamp{font-size:.55rem;left:2px}.post-metrics{grid-template-columns:1fr 1fr}.post-controls button{flex-basis:45%;font-size:.82rem}.post-desk .panel-head{flex-wrap:wrap}.post-desk .panel-head span{font-size:.8rem}.post-route{column-gap:10px}.route-art{min-width:95px;font-size:1.4rem}}