/* Travel journal direction: real editable UI over packaged stationery assets. */
@font-face{font-family:JournalBrush;src:url('journal/MaShanZheng-subset.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#29373f;--muted:#4a5960;--subtle:#627078;--brand:#b84638;--brand-dark:#9b382d;--on-brand:#fff;--blue:#faeee9;--blue-strong:#f6ded5;--line:#dce0dc;--surface:#f7f8f5;--paper:#fffefa;--canvas:#eef0ec;--neutral:#edf0eb;--green:#316746;--green-bg:#eaf1e8;--amber:#80520c;--amber-bg:#fbf0d9;--shadow:0 3px 10px #29342b08;--radius-sm:5px;--radius-md:8px;--radius-lg:12px}
:root[data-theme=dark]{--ink:#e6eae4;--muted:#c1ccc6;--subtle:#adbab3;--brand:#ed9f8d;--brand-dark:#ffb7a7;--on-brand:#2d201d;--blue:#3e302c;--blue-strong:#534039;--line:#48514a;--surface:#20282b;--paper:#293234;--canvas:#171f21;--neutral:#37413c;--green:#b5d7b6;--green-bg:#31473a;--amber:#e9cf95;--amber-bg:#493f2c}
body{background:var(--canvas)}
.phone-shell{background:var(--surface)}
.screen{background-image:url('journal/paper-tile.webp');background-size:175px 175px}
:root[data-theme=dark] .screen{background-image:none}
.miniapp-chrome{height:44px;min-height:44px;padding:0 20px;background:var(--surface);border-bottom:0;gap:10px}
.chrome-brand{font-size:19px;font-weight:750;letter-spacing:.5px}.chrome-caption{font-size:13px;color:var(--muted)}.appearance-button{width:44px;height:44px}.appearance-button svg{width:18px;height:18px}
.discover-header{padding:10px 20px 0;border:0;background:none;position:relative;isolation:isolate}
.hero-paper{position:absolute;inset:0;width:100%;height:180px;object-fit:cover;z-index:-1;pointer-events:none}
.hero-compose{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:88px}
.hero-compose h2{font-family:JournalBrush,"PingFang SC",sans-serif;font-weight:400;font-size:40px;line-height:1.13;letter-spacing:1px}
.departure-note{position:relative;isolation:isolate;flex:0 0 112px;width:112px;height:88px;padding:17px 12px 9px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink)}
.departure-note img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;pointer-events:none}.departure-note span{font-size:12px}.departure-note strong{font-family:JournalBrush,sans-serif;font-weight:400;font-size:34px;line-height:1.12;color:var(--brand)}.departure-note svg{width:12px;height:12px;color:var(--muted)}
.header-subtitle{font-size:12px;margin-top:6px;line-height:20px;position:relative;white-space:nowrap;letter-spacing:0}
.scope-switch{margin-top:12px;padding:2px;border-radius:8px;gap:0;background:#f1f3ef;box-shadow:0 1px 3px #152f2310;border:1px solid var(--line)}
.scope-switch button{min-height:40px;border-radius:6px;font-size:14px;font-weight:500;padding:6px 4px}.scope-switch button[aria-pressed=true]{background:var(--brand)}
.filters{padding:8px 20px 4px;border:0;background:none}.experience-list{padding:0;gap:8px;align-items:center}.experience-chip{border:1px solid transparent;border-radius:5px;background:transparent;padding:9px 10px;min-height:44px;font-size:13px;color:var(--muted)}.experience-chip svg{width:18px;height:18px}.experience-chip[aria-pressed=true]{background:var(--paper);color:var(--brand);border-color:var(--line);font-weight:600;box-shadow:0 1px 4px #203d2810}
.experience-list .select-wrap{flex-shrink:0}.experience-list select{background:var(--paper)}
.journal-results{padding:4px 12px 20px}.journal-results>.results-heading{margin-top:24px}.results-heading h3{font-family:JournalBrush,sans-serif;font-weight:400;font-size:24px}
.region-card{border-radius:6px}.card-title{font-family:JournalBrush,sans-serif;font-weight:400;font-size:25px;line-height:1.35}.card-feature{font-size:13px;line-height:1.75}.scene{background:var(--neutral);color:var(--muted);border-radius:4px}.save-button{border-radius:5px;background:var(--brand);color:var(--on-brand);font-size:12px;box-shadow:0 2px 5px #47282012;min-height:44px}.save-button:hover{background:var(--brand-dark);color:var(--on-brand)}.save-button.saved{background:var(--blue);color:var(--brand)}
.badge{border-radius:3px;font-size:11px;padding:3px 6px;line-height:1.6}.badge svg{width:13px;height:13px}
.journal-postcard{padding:0;border:0;overflow:hidden;isolation:isolate;border-radius:3px;box-shadow:0 3px 10px #253d2826;margin-bottom:14px;background:var(--paper);cursor:pointer}
.postcard-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}.postcard-paper{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.postcard-open{padding:0;text-align:left;display:block;position:relative;color:var(--ink)}.postcard-open .country-line{font-size:12px;margin:0 0 4px}.postcard-open .card-feature{font-size:12px;margin-top:8px;line-height:1.75}.postcard-open .card-title{font-size:31px;line-height:1.15;white-space:nowrap}
.postcard-months{position:absolute;display:flex;flex-direction:column;font-size:11px;line-height:1.6;color:var(--muted)}.postcard-months strong{font-size:12px;font-weight:500;color:var(--ink)}.journal-postcard>.save-button{position:absolute;right:14px;bottom:14px;min-width:105px;justify-content:center;padding:9px 10px;gap:5px}
.postcard-featured{height:292px}.postcard-featured .postcard-open{margin:98px 0 0 17px;width:54%;min-height:98px}.postcard-featured .postcard-photo{object-position:52% 45%}.postcard-featured .postcard-status{position:absolute;left:17px;bottom:54px;max-width:58%}.postcard-featured .postcard-months{bottom:13px;left:17px;max-width:58%}
.postcard-split{height:196px;display:grid;grid-template-columns:40% 60%}.postcard-split .postcard-photo{width:40%;object-position:45% center;z-index:-1}.postcard-split .postcard-open{grid-column:2;padding:13px 14px 0;min-width:0;align-self:start}.postcard-split .card-title{font-size:29px}.postcard-split .card-feature{font-size:12px;margin-top:6px;line-height:1.65}.postcard-split .postcard-status{position:absolute;left:calc(40% + 14px);top:116px;max-width:calc(60% - 24px)}.postcard-split .postcard-months{bottom:12px;left:calc(40% + 14px);max-width:calc(60% - 126px)}.postcard-split .postcard-months span{display:none}.postcard-split .postcard-months strong{font-size:11px}.postcard-split>.save-button{right:12px;bottom:12px;min-width:94px;font-size:11px;padding:9px 8px}
.tabbar{height:calc(60px + env(safe-area-inset-bottom));min-height:calc(60px + env(safe-area-inset-bottom));padding:4px 10px calc(4px + env(safe-area-inset-bottom));background:var(--paper);gap:6px}.tab-button{font-size:12px;gap:3px;border-radius:0}.tab-button.active{background:none;color:var(--brand);font-weight:600}.tab-button svg{width:22px;height:22px}
.page-header{background:transparent;padding-top:22px}.page-header h2,.detail-hero h2{font-family:JournalBrush,sans-serif;font-weight:400;font-size:34px;line-height:1.35}.detail-hero{background:var(--neutral)}.detail-hero h2{font-size:30px;letter-spacing:0}.detail-content{padding-top:16px}.info-block{border-radius:5px}.info-block h3{font-weight:600}.sheet-head h2{font-family:JournalBrush,sans-serif;font-weight:400;font-size:26px}.month-option{font-family:JournalBrush,sans-serif;font-weight:400;font-size:25px}.month-option small{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.share-preview h3{font-family:JournalBrush,sans-serif;font-weight:400;font-size:32px}.preview-card h4{font-family:JournalBrush,sans-serif;font-weight:400;font-size:24px}
.desktop-intro h1{font-family:JournalBrush,sans-serif;font-weight:400;font-size:55px;line-height:1.2;letter-spacing:1px}.intro-logo{font-family:JournalBrush,sans-serif;border-radius:6px;font-weight:400}.intro-kicker{letter-spacing:3px}.intro-photo img{border-radius:3px;height:220px}.intro-note{color:var(--brand)}
:root[data-theme=dark] .scope-switch{background:var(--neutral)}
:root[data-theme=dark] .hero-paper,:root[data-theme=dark] .departure-note img,:root[data-theme=dark] .postcard-paper{filter:brightness(.2) saturate(.25)}
:root[data-theme=dark] .postcard-split{background:var(--paper)}
@media(max-width:639px){.miniapp-chrome{height:44px;min-height:44px}.discover-header{padding-left:20px;padding-right:20px}.tabbar{height:calc(60px + env(safe-area-inset-bottom));min-height:calc(60px + env(safe-area-inset-bottom))}}
@media(max-width:359px){.miniapp-chrome{padding:0 16px}.chrome-brand{font-size:17px}.chrome-caption{font-size:12px}.discover-header{padding-left:16px;padding-right:16px}.hero-compose h2{font-size:36px}.departure-note{flex-basis:98px;width:98px;height:96px}.header-subtitle{font-size:11px;letter-spacing:-.3px}.filters{padding-left:14px;padding-right:14px}.journal-results{padding-left:10px;padding-right:10px}.postcard-featured{height:292px}.postcard-featured .postcard-open{margin-left:14px;width:58%}.postcard-open .card-title{font-size:27px}.postcard-featured .postcard-status,.postcard-featured .postcard-months{left:14px}.postcard-featured .card-feature{font-size:11px}.postcard-split{height:222px;grid-template-columns:36% 64%}.postcard-split .postcard-photo{width:36%}.postcard-split .postcard-open{padding-left:12px;padding-right:12px}.postcard-split .postcard-status{left:calc(36% + 12px);top:120px;max-width:calc(64% - 20px)}.postcard-split .postcard-months{bottom:61px;left:calc(36% + 12px);max-width:60%}.postcard-split>.save-button{right:12px;bottom:10px;min-width:calc(64% - 24px)}.postcard-split .postcard-months strong{font-size:11px}.card-title{font-size:23px}}