:root{
  --bg:#f4efe5;--surface:#fffdf8;--surface-2:#f8f3e9;--ink:#24241f;--muted:#76746a;--line:#e6ded1;
  --primary:#244d3b;--primary-2:#396b55;--accent:#e9ba6e;--danger:#b84a3f;--success:#4c7a55;--info:#52739c;
  --radius-sm:12px;--radius-md:18px;--radius-lg:28px;--shadow:0 18px 48px rgba(58,43,24,.09);
  --space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;--space-5:24px;--space-6:32px;
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink)}button,input,textarea{font:inherit}button{cursor:pointer}.skip-link{position:fixed;left:12px;top:-60px;z-index:999;background:#111;color:#fff;padding:10px 14px;border-radius:10px}.skip-link:focus{top:12px}
.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:30;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);background:rgba(255,253,248,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(230,222,209,.85)}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:20px;letter-spacing:-.6px}.brand svg{width:30px;height:30px}.nav{display:flex;gap:6px}.nav button,.ghost{border:0;background:transparent;border-radius:999px;padding:10px 14px;color:var(--muted);font-weight:750}.nav button[aria-current="page"],.nav button:hover,.ghost:hover{color:var(--ink);background:var(--surface-2)}.profile-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 10px 7px 8px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8dac4;font-size:19px}.status-dot{width:8px;height:8px;border-radius:50%;background:#5b9f66;box-shadow:0 0 0 3px #eaf6ec}
.main{max-width:1440px;margin:0 auto;padding:26px clamp(16px,4vw,58px) 100px}.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);min-height:340px;background:linear-gradient(135deg,#fffdf8 0%,#f5ecdc 52%,#edf3ea 100%);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow)}.hero-copy{padding:52px 46px;z-index:2}.hero h1{font-size:clamp(38px,5vw,72px);line-height:1.04;letter-spacing:-3px;margin:0 0 18px}.hero h1 span{color:var(--primary)}.hero p{max-width:620px;color:#666257;font-size:17px;line-height:1.75;margin:0}.hero-actions{display:flex;gap:10px;margin-top:26px}.btn{border:1px solid transparent;border-radius:14px;padding:13px 18px;font-weight:800;transition:.18s transform,.18s box-shadow,.18s background}.btn:focus-visible,.courier-card:focus-visible,.friend-row:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(36,77,59,.25);outline-offset:2px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 9px 22px rgba(36,77,59,.18)}.btn-primary:hover{transform:translateY(-1px);background:var(--primary-2)}.btn-secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-danger{background:#fff1ef;color:var(--danger);border-color:#f1cbc5}.hero-art{position:relative;display:grid;place-items:center}.flight-scene{width:min(390px,90%);aspect-ratio:1.25;position:relative}.bird{position:absolute;left:30%;top:23%;font-size:120px;filter:drop-shadow(0 16px 18px rgba(50,60,45,.16));transform:rotate(-8deg)}.envelope{position:absolute;left:47%;top:52%;font-size:62px;transform:rotate(8deg)}.paper{position:absolute;font-size:40px;opacity:.75}.paper.one{left:12%;top:32%;transform:rotate(14deg)}.paper.two{right:6%;top:15%;transform:rotate(-20deg)}.route-line{position:absolute;inset:20% 2% 6% 4%;border:3px dashed rgba(36,77,59,.24);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(12deg)}.hero-stat{position:absolute;right:26px;bottom:24px;background:rgba(255,253,248,.91);border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow);min-width:180px}.hero-stat b{font-size:24px;display:block;margin:4px 0;color:var(--primary)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:18px}.content-stack{display:grid;gap:18px}.side-stack{display:grid;gap:18px;align-content:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 10px 30px rgba(58,43,24,.05);padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel h2,.panel h3{margin:0;letter-spacing:-.6px}.eyebrow{font-size:12px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.demo-badge{display:inline-flex;align-items:center;gap:6px;background:#fff3d9;color:#765a23;border:1px solid #edd39c;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:850}
.courier-row{display:grid;grid-template-columns:repeat(7,minmax(116px,1fr));gap:10px;overflow-x:auto;padding-bottom:4px}.courier-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:14px 10px;min-height:150px;text-align:center;transition:.18s;border-color,.18s transform,.18s box-shadow;color:var(--ink)}.courier-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(50,40,20,.07)}.courier-card.selected{border:2px solid var(--primary);background:#f5faf6}.courier-emoji{font-size:38px;display:block;margin-bottom:8px}.courier-name{font-weight:900}.courier-meta{font-size:12px;color:var(--muted);line-height:1.5}.courier-risk{font-size:11px;color:#9b6d35;margin-top:5px}.send-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-size:13px;font-weight:800}.field input,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 13px;color:var(--ink)}.field textarea{min-height:138px;resize:vertical;line-height:1.55}.hint{font-size:12px;color:var(--muted);line-height:1.5}.friend-search-results{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-bottom:1px solid var(--line);background:#fff;padding:12px;text-align:left}.friend-row:last-child{border-bottom:0}.friend-row:hover{background:#faf7f1}.friend-main{display:flex;align-items:center;gap:10px}.friend-main .avatar{width:38px;height:38px}.friend-main strong{display:block}.friend-main small{color:var(--muted)}.estimate{background:#f7f3e9;border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:9px}.estimate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px}.metric span{display:block;font-size:11px;color:var(--muted)}.metric b{display:block;margin-top:4px}.immutable-note{display:flex;gap:9px;align-items:flex-start;background:#fff5ee;border:1px solid #f0d7c5;border-radius:14px;padding:12px;color:#755844;font-size:13px;line-height:1.5}.send-footer{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:14px}.char-count{font-size:12px;color:var(--muted);margin-right:auto}
.journey-list{display:grid;gap:12px}.journey{border:1px solid var(--line);border-radius:18px;padding:15px;background:#fff}.journey-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.journey-title{display:flex;align-items:center;gap:10px}.journey-title .courier-emoji{font-size:28px;margin:0}.journey-title small{display:block;color:var(--muted);margin-top:3px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 9px;font-size:11px;font-weight:850;white-space:nowrap}.pill.transit{background:#eaf0f7;color:#496887}.pill.delivered{background:#eaf4ea;color:#4d7451}.pill.failed{background:#fde8e6;color:#a1433b}.progress{height:8px;background:#eee8de;border-radius:999px;overflow:hidden;margin:14px 0 8px}.progress>i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#a3a74f);border-radius:inherit;transition:width .5s}.journey-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;gap:12px}.message-preview{margin-top:12px;padding:12px;border-radius:14px;background:#f8f4ec;line-height:1.55;font-size:13px;white-space:pre-wrap}.locked{filter:blur(4px);user-select:none}.empty{padding:38px 20px;text-align:center;color:var(--muted)}.empty .big{font-size:42px;margin-bottom:8px}.profile-card{display:flex;align-items:center;gap:12px}.profile-card .avatar{width:58px;height:58px;font-size:31px}.profile-card strong{font-size:18px;display:block}.profile-card small{color:var(--muted)}.location-box{margin-top:15px;background:#f7f3e9;border-radius:16px;padding:13px}.location-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.friend-mini-list{display:grid;gap:8px}.friend-mini{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.friend-mini:last-child{border-bottom:0}.friend-mini .left{display:flex;gap:9px;align-items:center}.friend-mini .avatar{width:34px;height:34px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{text-align:center;background:#f8f4ec;border-radius:14px;padding:12px 8px}.stat b{display:block;font-size:21px;color:var(--primary)}.stat span{font-size:11px;color:var(--muted)}.explain{line-height:1.75;color:#59574f}.explain strong{color:var(--ink)}.section-hidden{display:none!important}
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 20% 20%,#fff6dd,transparent 34%),radial-gradient(circle at 80% 10%,#e9f2eb,transparent 28%),var(--bg)}.auth-card{width:min(980px,100%);display:grid;grid-template-columns:1.08fr .92fr;background:var(--surface);border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden}.auth-visual{padding:48px;background:linear-gradient(150deg,#eef3e8,#f7e9d8);min-height:560px;position:relative;overflow:hidden}.auth-visual h1{font-size:56px;letter-spacing:-3px;margin:40px 0 16px;line-height:1.03}.auth-visual p{line-height:1.8;color:#625f55;max-width:480px}.auth-mascot{font-size:120px;position:absolute;right:14%;bottom:16%;filter:drop-shadow(0 12px 16px rgba(30,40,30,.16))}.auth-plane{font-size:48px;position:absolute;left:15%;bottom:17%;transform:rotate(18deg)}.auth-form{padding:48px;display:flex;flex-direction:column;justify-content:center}.auth-form h2{font-size:30px;margin:0 0 10px}.auth-form p{color:var(--muted);line-height:1.6}.auth-tabs{display:flex;gap:8px;margin:20px 0}.auth-tabs button{flex:1;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;font-weight:800}.auth-tabs button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.form-error{color:var(--danger);font-size:13px;min-height:20px}.demo-entry{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.toast-region{position:fixed;right:18px;bottom:18px;z-index:100;display:grid;gap:10px}.toast{background:#252721;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 14px 30px rgba(0,0,0,.18);max-width:330px;animation:toastIn .25s ease}@keyframes toastIn{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.bottom-nav{display:none}.modal-backdrop{position:fixed;inset:0;background:rgba(24,22,19,.38);z-index:60;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:22px}.modal h3{margin:0 0 9px}.modal p{line-height:1.65;color:#5f5c53}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
@media(max-width:1100px){.layout{grid-template-columns:1fr}.side-stack{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr .75fr}.hero-copy{padding:42px 34px}.send-grid{grid-template-columns:1fr}.courier-row{grid-template-columns:repeat(7,130px)}}
@media(max-width:820px){.topbar{height:60px}.nav{display:none}.profile-chip .profile-text{display:none}.main{padding:14px 12px 92px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:32px 24px 16px}.hero h1{font-size:44px;letter-spacing:-2px}.hero-art{min-height:210px}.flight-scene{width:270px}.bird{font-size:82px}.envelope{font-size:44px}.hero-stat{right:14px;bottom:12px}.layout{margin-top:12px;gap:12px}.panel{padding:17px;border-radius:22px}.side-stack{grid-template-columns:1fr}.courier-row{grid-template-columns:repeat(7,120px)}.estimate-grid{grid-template-columns:1fr 1fr}.auth-card{grid-template-columns:1fr}.auth-visual{min-height:330px;padding:30px}.auth-visual h1{font-size:42px;margin:24px 0 12px}.auth-mascot{font-size:80px;right:12%;bottom:8%}.auth-form{padding:30px}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:10px;right:10px;bottom:10px;z-index:50;background:rgba(255,253,248,.94);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 32px rgba(34,29,20,.13);padding:6px}.bottom-nav button{border:0;background:transparent;border-radius:12px;padding:8px 4px;color:var(--muted);font-size:11px;font-weight:800}.bottom-nav button span{display:block;font-size:19px;margin-bottom:2px}.bottom-nav button.active{background:#f1ede3;color:var(--primary)}}
@media(max-width:430px){.brand span:last-child{display:none}.hero h1{font-size:38px}.hero p{font-size:15px}.hero-actions{flex-direction:column}.hero-art{min-height:190px}.panel-head{align-items:flex-start}.courier-row{grid-template-columns:repeat(7,108px)}.courier-card{min-height:140px;padding:12px 8px}.estimate-grid{grid-template-columns:1fr}.send-footer{flex-wrap:wrap}.send-footer .btn{width:100%}.stats{gap:5px}.stat{padding:10px 3px}.auth-form,.auth-visual{padding:24px}.auth-visual{min-height:280px}.auth-visual h1{font-size:36px}.journey-meta{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(prefers-color-scheme:dark){body.theme-system{--bg:#1d201d;--surface:#242824;--surface-2:#2c312c;--ink:#f1eee5;--muted:#aaa79e;--line:#3b413b;--primary:#9cc8aa;--primary-2:#b2d5bd}.theme-system .panel,.theme-system .courier-card,.theme-system .friend-row,.theme-system .field input,.theme-system .field textarea,.theme-system .metric,.theme-system .auth-card{background:var(--surface);color:var(--ink)}}
body.theme-dark{--bg:#1d201d;--surface:#242824;--surface-2:#2c312c;--ink:#f1eee5;--muted:#aaa79e;--line:#3b413b;--primary:#9cc8aa;--primary-2:#b2d5bd}.theme-dark .panel,.theme-dark .courier-card,.theme-dark .friend-row,.theme-dark .field input,.theme-dark .field textarea,.theme-dark .metric,.theme-dark .auth-card{background:var(--surface);color:var(--ink)}
/* Grid children must be allowed to shrink on narrow screens. */
.layout,.content-stack,.side-stack,.panel,.send-grid,.courier-row{min-width:0}
@media(max-width:1100px){.layout{grid-template-columns:minmax(0,1fr)}}
.hero-bird-img{position:absolute;inset:4% 0 0 0;width:100%;height:92%;object-fit:cover;border-radius:30px;mix-blend-mode:multiply;opacity:.96;filter:saturate(.9) contrast(.96)}
@media(max-width:820px){.hero-bird-img{inset:0;width:100%;height:100%;border-radius:24px}.route-line{opacity:.55}}

/* Distance catalog / demo recipient */
.panel-sub{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.panel-sub strong{color:var(--ink)}
.courier-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px 0 14px;min-width:0}.courier-filters{display:flex;gap:7px;overflow-x:auto;padding:2px 2px 5px;min-width:0;scrollbar-width:thin}.filter-chip{flex:0 0 auto;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:800}.filter-chip:hover,.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.courier-sort{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:var(--muted);font-size:12px;font-weight:800}.courier-sort select{border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);padding:8px 28px 8px 9px}.courier-topline{display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:21px;margin-bottom:4px}.courier-kind,.courier-match{font-size:9px;font-weight:900;border-radius:999px;padding:4px 6px;background:#f4efe5;color:#81786d}.courier-match{background:#e8f2e9;color:#4d7451}.courier-eta{font-size:12px;font-weight:900;color:var(--primary);margin-top:7px}.courier-range{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.35}.courier-card{min-height:224px;display:flex;flex-direction:column;align-items:center}.courier-card .courier-emoji{margin-top:auto}.courier-card .courier-risk{margin-top:auto}.courier-card.recommended:not(.selected){box-shadow:inset 0 0 0 1px rgba(76,122,85,.16)}
.demo-recipient{margin-bottom:18px;padding:15px;border:1px dashed #c9b991;border-radius:18px;background:linear-gradient(135deg,#fbf6e9,#f3f7f0)}.demo-recipient-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-recipient-head p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.55;max-width:680px}.distance-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px;padding-top:12px;border-top:1px solid rgba(125,110,75,.15)}.selected-soft{border-color:var(--primary)!important;background:#edf4ef!important;color:var(--primary)!important}.system-tag{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:999px;background:#edf4ef;color:var(--primary);font-size:8px;font-style:normal;vertical-align:2px}.system-note{font-size:11px;font-weight:800;color:var(--primary)}.empty.compact{padding:18px 14px}.empty.compact p{margin:4px 0 0}.btn:disabled{cursor:not-allowed;opacity:.46;transform:none!important;box-shadow:none}.friend-search-results:has(.empty:only-child){background:#fbfaf6}
@media(max-width:820px){.courier-toolbar{align-items:stretch;flex-direction:column}.courier-sort{justify-content:flex-end}.courier-row{grid-template-columns:repeat(7,132px)}.demo-recipient-head{align-items:flex-start;flex-direction:column}.demo-recipient-head .btn{width:100%}}
@media(max-width:430px){.courier-row{grid-template-columns:repeat(7,126px)}.courier-card{min-height:218px}.distance-presets{flex-wrap:nowrap;overflow-x:auto}.filter-chip{padding:8px 10px}.courier-sort{justify-content:space-between}.courier-sort select{flex:1}}

/* v3 profile + account discovery */
.connection-banner{display:grid;gap:5px;margin-bottom:18px;padding:13px 14px;border-radius:16px;border:1px solid var(--line);font-size:12px;line-height:1.55}.connection-banner strong{font-size:13px}.connection-banner.online{background:#edf6ef;border-color:#cfe1d2;color:#365e40}.connection-banner.local{background:#fff7e8;border-color:#ecd7a9;color:#745d2e}.search-field{margin-top:2px}.search-directory{background:var(--surface)}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin:24px 0 8px}.friend-directory-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--line);background:#fff}.friend-directory-row:last-child{border-bottom:0}.friend-profile-hit{min-width:0;display:flex;align-items:center;gap:11px;flex:1;border:0;background:transparent;text-align:left;padding:0;color:var(--ink)}.friend-profile-hit:hover .friend-copy strong{text-decoration:underline;text-underline-offset:3px}.friend-copy{min-width:0;display:block}.friend-copy strong,.friend-copy small,.friend-copy span{display:block}.friend-copy small{color:var(--muted);font-size:12px;margin-top:2px}.friend-copy span{color:var(--muted);font-size:12px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px}.friend-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}.compact-btn{padding:9px 12px;border-radius:11px;font-size:12px}.friend-state{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf4eb;color:#4a7452;font-size:11px;font-weight:850}.muted-state{background:#f1eee8;color:var(--muted)}
.profile-bio{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.profile-settings-btn{width:100%;margin-top:14px}.privacy-summary{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.privacy-summary span{font-size:10px;font-weight:800;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:6px 8px}.profile-panel-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.friend-mini-button{width:100%;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.friend-mini-button:hover{background:var(--surface-2);border-radius:12px;padding-left:8px;padding-right:8px}.friend-mini small{display:block;color:var(--muted)}
.profile-modal{width:min(640px,100%);max-height:min(90vh,820px);overflow:auto}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.icon-close{border:0;background:var(--surface-2);color:var(--ink);width:36px;height:36px;border-radius:50%;font-size:23px;line-height:1}.profile-preview{display:flex;align-items:center;gap:14px;padding:15px;border-radius:18px;background:linear-gradient(135deg,#f8f1e4,#eef4ec);border:1px solid var(--line);margin-bottom:18px}.large-avatar{width:64px;height:64px;font-size:34px}.profile-preview strong{display:block;font-size:18px}.profile-preview small{display:block;color:var(--muted);margin-top:2px}.profile-preview p{margin:6px 0 0;color:var(--muted);font-size:13px}.avatar-picker{display:flex;flex-wrap:wrap;gap:8px}.avatar-option{width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:#fff;font-size:22px}.avatar-option:hover,.avatar-option.selected{border:2px solid var(--primary);background:#eff6f1;transform:translateY(-1px)}.profile-switches{display:grid;gap:8px;margin-top:8px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 13px;border:1px solid var(--line);border-radius:14px;background:#fff}.switch-row span{display:block}.switch-row strong{display:block;font-size:13px}.switch-row small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-top:3px}.switch-row input{width:20px;height:20px;accent-color:var(--primary);flex:0 0 auto}.public-profile-modal{width:min(480px,100%)}.public-profile-hero{text-align:center;padding:4px 18px 18px}.public-avatar{width:82px;height:82px;font-size:43px;margin:0 auto 12px}.public-profile-hero h3{font-size:24px;margin:0}.public-handle{margin:4px 0 0!important;color:var(--muted)!important}.public-bio{max-width:360px;margin:15px auto 0!important;background:var(--surface-2);border-radius:14px;padding:12px;white-space:pre-wrap}.muted-copy{color:var(--muted)!important}.public-profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.public-profile-facts>div{border:1px solid var(--line);border-radius:14px;padding:12px;background:#fff}.public-profile-facts span{display:block;color:var(--muted);font-size:11px}.public-profile-facts strong{display:block;margin-top:5px;font-size:13px}
.theme-dark .friend-directory-row,.theme-dark .friend-profile-hit,.theme-dark .switch-row,.theme-dark .public-profile-facts>div,.theme-dark .avatar-option{background:var(--surface);color:var(--ink)}
@media(max-width:560px){.friend-directory-row{align-items:flex-start}.friend-actions{align-self:center}.friend-copy span{max-width:200px}.profile-panel-actions{grid-template-columns:1fr 1fr}.public-profile-facts{grid-template-columns:1fr}.switch-row{align-items:flex-start}.profile-modal{padding:18px}.avatar-option{width:40px;height:40px}.connection-banner span{font-size:11px}}

/* v3.7 online connection clarity */
.connection-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid var(--border);border-radius:999px;font-size:12px;font-weight:800;white-space:nowrap}
.connection-chip.is-online{background:#eef8ef;color:#176338;border-color:#cfe8d4}
.connection-chip.is-local{background:#fff6df;color:#8a5b16;border-color:#eed7a4}
.route-refresh{margin-top:10px;border:0;background:transparent;color:var(--primary);font:inherit;font-size:13px;font-weight:800;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.route-refresh:disabled{opacity:.55;cursor:wait}
.send-block-reason{margin-top:10px;padding:10px 12px;border-radius:12px;background:#fff7e8;color:#7b5018;border:1px solid #f0dbb5;font-weight:700}
@media (max-width:900px){.connection-chip{display:none}}

/* v3.8 send workspace redesign: message + courier + countdown in one view */
.main{padding-top:20px}.hero{min-height:250px;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr)}.hero-copy{padding:38px 42px}.hero h1{font-size:clamp(38px,4.3vw,62px);margin-bottom:14px}.hero p{font-size:15px;line-height:1.7;max-width:650px}.hero-actions{margin-top:20px}.flight-scene{width:min(350px,88%)}.hero-bird-img{max-height:240px}.hero-stat{right:20px;bottom:18px;min-width:155px;padding:12px 14px}
.layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.content-stack{min-width:0}.panel-sub{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.55}
.send-workspace{padding:24px}.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.workspace-head h2{font-size:27px;letter-spacing:-1px;margin:3px 0 4px}.workspace-head p{margin:0;color:var(--muted);font-size:13px}.compose-layout{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:18px;align-items:stretch}.compose-card,.courier-picker{border:1px solid var(--line);background:#fff;border-radius:22px;min-width:0}.compose-card{padding:18px;display:grid;gap:18px}.compose-step{display:grid;gap:10px}.compose-step+.compose-step{padding-top:16px;border-top:1px solid var(--line)}.step-title{display:flex;align-items:center;gap:9px;color:var(--ink)}.step-title>span{width:25px;height:25px;border:2px solid var(--primary);border-radius:50%;display:grid;place-items:center;color:var(--primary);font-size:12px;font-weight:900;flex:0 0 auto}.step-title strong{font-size:16px;letter-spacing:-.35px}.compose-card .field{margin:0}.compose-card textarea{min-height:166px}.compose-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:7px}.compact-results{max-height:164px;overflow:auto}.compact-results .friend-row{padding:10px 11px}.compact-results .avatar{width:34px;height:34px}
.courier-picker{padding:18px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.courier-title{margin-bottom:1px}.courier-quickbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}.text-button{border:0;background:transparent;color:var(--primary);font-weight:850;padding:6px 0;cursor:pointer}.text-button:hover{text-decoration:underline;text-underline-offset:3px}.courier-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:visible;padding:0}.courier-card{min-height:172px;padding:12px 10px;position:relative}.courier-card .courier-emoji{font-size:38px;margin:8px 0 7px}.courier-card .courier-meta{font-size:11px;min-height:17px}.courier-card-footer{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:auto;padding-top:9px;color:var(--muted);font-size:11px;font-weight:750}.courier-card.selected{box-shadow:0 10px 24px rgba(36,77,59,.11)}.courier-expanded-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center}.courier-picker.is-expanded .courier-row{grid-template-columns:repeat(4,minmax(118px,1fr));max-height:520px;overflow:auto;padding-right:4px}.courier-picker.is-expanded .courier-card{min-height:166px}.courier-picker.is-expanded .courier-filters{display:flex;gap:6px;overflow-x:auto;padding-bottom:3px}.courier-picker.is-expanded .filter-chip{white-space:nowrap}
.delivery-summary{display:grid;grid-template-columns:minmax(220px,1.05fr) .62fr 1.15fr;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,#faf7ef,#f4f7f1);margin-top:16px;overflow:hidden}.delivery-summary>div{padding:15px 17px;min-width:0}.delivery-summary>div+div{border-left:1px solid var(--line)}.selected-courier-summary{display:flex;align-items:center;gap:12px}.selected-courier-summary .courier-emoji{font-size:38px;margin:0}.selected-courier-summary strong,.delivery-time-cell strong{display:block;margin-top:3px;font-size:17px}.selected-courier-summary small,.delivery-time-cell small{display:block;margin-top:4px;color:var(--muted);font-size:11px}.summary-label{display:block;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.04em}.delivery-time-cell .dday{font-size:25px;color:var(--primary);letter-spacing:-.7px}.arrival-cell strong{font-size:14px;line-height:1.35}.send-action-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.immutable-inline{display:flex;align-items:center;gap:8px;color:#6d604e;font-size:12px;min-width:0}.immutable-inline .route-refresh{margin:0 0 0 7px}.send-main-btn{min-width:210px;padding:15px 24px;font-size:15px}.compact-demo{margin:0 0 16px}.compact-demo .distance-presets{padding-top:9px;margin-top:9px}
.journey-overview{margin-top:18px}.section-inline-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 2px 10px}.section-inline-head h2{font-size:20px;margin:3px 0 0;letter-spacing:-.6px}.journey-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.journey{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:0;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.journey-main{padding:15px}.journey-countdown{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:14px;background:#f2f7ef;border-left:1px solid var(--line)}.journey-countdown strong{font-size:24px;color:var(--primary);line-height:1}.journey-countdown span{font-size:10px;color:var(--muted);margin-top:8px}.journey-countdown b{font-size:13px;color:var(--primary);margin-top:4px}.journey-top{margin-bottom:9px}.journey-title{min-width:0}.journey-title .courier-emoji{font-size:32px}.journey-title strong{font-size:14px}.journey-title small{display:block;color:var(--muted);font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;align-items:center;gap:8px}.progress-row strong{font-size:10px;color:var(--muted);text-align:right}.journey-dates{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:var(--muted);font-size:10px}.journey-compact{grid-template-columns:minmax(0,1fr) 105px}.journey-compact .journey-main{padding:13px}.journey-compact .journey-countdown{padding:12px 8px}.journey-compact .journey-countdown strong{font-size:20px}.journey-compact .journey-countdown b{font-size:11px}.journey-compact .journey-dates{font-size:9px}.journey-list-rich .journey{grid-template-columns:minmax(0,1fr) 170px}.journey-list-rich .journey-main{padding:18px}.message-preview{margin-top:12px}
.confirm-arrival{display:grid;gap:4px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f3f7f1}.confirm-arrival strong{font-size:24px;color:var(--primary)}.confirm-arrival span{font-size:12px;color:var(--muted)}.confirm-arrival b{font-size:13px}

@media(max-width:1180px){.layout{grid-template-columns:minmax(0,1fr)}.side-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.compose-layout{grid-template-columns:minmax(290px,.9fr) minmax(0,1.1fr)}.journey-overview-grid{grid-template-columns:1fr}.courier-picker.is-expanded .courier-row{grid-template-columns:repeat(3,minmax(118px,1fr))}}
@media(max-width:900px){.main{padding:14px 14px 92px}.topbar{height:64px;padding:0 16px}.hero{min-height:225px;grid-template-columns:1fr 42%;border-radius:24px}.hero-copy{padding:28px 24px}.hero h1{font-size:clamp(34px,6vw,48px);letter-spacing:-2px}.hero p{font-size:13px}.hero-actions{margin-top:14px}.flight-scene{width:100%}.hero-bird-img{max-height:205px}.hero-stat{display:none}.compose-layout{grid-template-columns:1fr}.workspace-head .connection-chip{display:inline-flex}.courier-row{grid-template-columns:repeat(3,minmax(132px,1fr));overflow-x:auto;padding-bottom:5px}.courier-picker.is-expanded .courier-row{grid-template-columns:repeat(3,minmax(132px,1fr));overflow:auto}.delivery-summary{grid-template-columns:1fr 1fr}.delivery-summary .selected-courier-summary{grid-column:1/-1}.delivery-summary>div+div{border-left:1px solid var(--line)}.delivery-summary .selected-courier-summary+div{border-left:0;border-top:1px solid var(--line)}.delivery-summary .arrival-cell{border-top:1px solid var(--line)}.send-action-row{align-items:stretch;flex-direction:column}.send-main-btn{width:100%}.immutable-inline{flex-wrap:wrap}.side-stack{grid-template-columns:1fr}.journey-overview-grid{grid-template-columns:1fr}.journey{grid-template-columns:minmax(0,1fr) 128px}.journey-list-rich .journey{grid-template-columns:minmax(0,1fr) 145px}}
@media(max-width:650px){.topbar .brand span{font-size:19px}.profile-chip{max-width:132px}.profile-text small{display:none!important}.hero{display:block;min-height:255px}.hero-copy{padding:27px 20px 115px}.hero h1{font-size:34px;line-height:1.08;letter-spacing:-1.6px}.hero p{max-width:66%;font-size:12px;line-height:1.6}.hero-actions{display:none}.hero-art{position:absolute;right:-10px;bottom:-8px;width:58%;height:190px}.flight-scene{width:100%;height:100%;aspect-ratio:auto}.hero-bird-img{max-height:180px;max-width:100%}.route-line,.paper{display:none}.send-workspace{padding:14px;border-radius:22px}.workspace-head{margin-bottom:13px}.workspace-head h2{font-size:21px}.workspace-head p{font-size:11px}.workspace-head .connection-chip{display:none}.compose-card,.courier-picker{border-radius:18px;padding:14px}.compose-card{gap:14px}.compose-card textarea{min-height:150px}.compose-tools .hint{font-size:10px;max-width:75%}.courier-quickbar span{display:none}.courier-row{grid-template-columns:repeat(4,148px);gap:9px}.courier-card{min-height:166px}.courier-card .courier-emoji{font-size:36px}.courier-picker.is-expanded .courier-expanded-head{grid-template-columns:1fr auto}.courier-picker.is-expanded .courier-filters{grid-column:1/-1;grid-row:2}.courier-picker.is-expanded .courier-row{grid-template-columns:repeat(2,minmax(0,1fr));max-height:460px}.delivery-summary{margin-top:12px;border-radius:17px}.delivery-summary>div{padding:13px}.delivery-summary .selected-courier-summary{gap:9px}.selected-courier-summary .courier-emoji{font-size:34px}.delivery-time-cell .dday{font-size:22px}.arrival-cell strong{font-size:13px}.immutable-inline{font-size:11px}.section-inline-head h2{font-size:18px}.journey-overview{margin-top:15px}.journey,.journey-compact,.journey-list-rich .journey{grid-template-columns:minmax(0,1fr) 98px;border-radius:16px}.journey-main,.journey-compact .journey-main,.journey-list-rich .journey-main{padding:12px}.journey-countdown,.journey-compact .journey-countdown{padding:10px 5px}.journey-countdown strong{font-size:18px}.journey-countdown b{font-size:10px;line-height:1.3}.journey-title .courier-emoji{font-size:28px}.journey-title strong{font-size:13px}.journey-title small{font-size:10px}.journey-dates{display:grid;gap:2px;font-size:9px}.progress-row{grid-template-columns:minmax(0,1fr) 30px}.side-stack{display:none}.compact-demo .demo-recipient-head{gap:9px}.compact-demo .demo-recipient-head p{font-size:10px}.compact-demo .btn{padding:10px 12px}.bottom-nav{display:grid}}
@media(max-width:380px){.hero p{max-width:72%}.courier-row{grid-template-columns:repeat(4,142px)}.delivery-summary{grid-template-columns:1fr}.delivery-summary .selected-courier-summary{grid-column:auto}.delivery-summary>div+div,.delivery-summary .selected-courier-summary+div,.delivery-summary .arrival-cell{border-left:0;border-top:1px solid var(--line)}.journey,.journey-compact,.journey-list-rich .journey{grid-template-columns:minmax(0,1fr) 86px}.journey-countdown strong{font-size:16px}}
.journey-overview-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
@media(max-width:650px){.journey-overview-grid{grid-template-columns:1fr}}


/* v3.9 journey timeline: explicit departure/arrival year, date, time and D-Day */
.journey-time-grid{display:grid;grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr);align-items:stretch;gap:10px;margin-top:12px;padding:11px;border:1px solid #eee5d8;border-radius:15px;background:#fbf8f2}.journey-time-point{min-width:0;padding:4px 5px}.journey-time-point .time-kicker{display:block;font-size:10px;font-weight:850;color:var(--muted);margin-bottom:5px}.journey-time-point strong{display:block;font-size:13px;line-height:1.35;color:var(--ink);white-space:nowrap}.journey-time-point b{display:block;margin-top:3px;font-size:13px;color:var(--primary);font-weight:900}.journey-time-point.arrival{padding-left:9px;border-left:2px solid #dfe9d8}.journey-route-arrow{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--primary)}.journey-route-arrow span{font-size:18px;font-weight:900;line-height:1}.journey-route-arrow small{display:block;margin-top:5px;font-size:9px;color:var(--muted);line-height:1.35;white-space:nowrap}.journey-countdown .countdown-kicker{font-size:10px;font-weight:850;color:var(--muted);margin:0 0 6px}.journey-countdown>small{display:block;margin-top:9px;padding-top:8px;border-top:1px solid rgba(34,82,61,.13);font-size:9px;line-height:1.45;color:#5c715f}.journey-list-rich .journey{grid-template-columns:minmax(0,1fr) 185px}.journey-list-rich .journey-countdown strong{font-size:28px}.journey-list-rich .journey-countdown b{font-size:14px}.journey-list-rich .journey-countdown>small{font-size:10px}.journey-compact .journey-time-grid{grid-template-columns:1fr;gap:6px;padding:8px}.journey-compact .journey-route-arrow{display:none}.journey-compact .journey-time-point{padding:2px 3px}.journey-compact .journey-time-point.arrival{padding:6px 3px 2px;border-left:0;border-top:1px solid #e7dfd2}.journey-compact .journey-time-point strong,.journey-compact .journey-time-point b{font-size:10px}.journey-compact .journey-time-point .time-kicker{font-size:9px;margin-bottom:2px}
@media(max-width:900px){.journey-list-rich .journey{grid-template-columns:minmax(0,1fr) 155px}.journey-time-grid{grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr)}.journey-route-arrow small{white-space:normal}.journey-time-point strong{white-space:normal}}
@media(max-width:650px){.journey,.journey-compact,.journey-list-rich .journey{grid-template-columns:1fr}.journey-countdown,.journey-compact .journey-countdown{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;align-items:center;justify-content:stretch;text-align:left;column-gap:10px;row-gap:2px;padding:12px 14px}.journey-countdown .countdown-kicker{grid-column:1;margin:0;font-size:9px}.journey-countdown>strong{grid-column:1;grid-row:2;font-size:22px!important}.journey-countdown>span:not(.countdown-kicker){grid-column:2;grid-row:1;margin:0;font-size:9px}.journey-countdown>b{grid-column:2;grid-row:2;margin:0;font-size:12px!important}.journey-countdown>small{grid-column:3;grid-row:1/3;margin:0;padding:0 0 0 10px;border-top:0;border-left:1px solid rgba(34,82,61,.13);text-align:right;font-size:9px!important}.journey-time-grid{grid-template-columns:1fr 42px 1fr;gap:6px;padding:9px}.journey-time-point{padding:3px 2px}.journey-time-point.arrival{padding-left:6px}.journey-time-point strong{font-size:11px;white-space:normal}.journey-time-point b{font-size:11px}.journey-route-arrow small{display:none}.journey-route-arrow span{font-size:15px}.journey-compact .journey-time-grid{grid-template-columns:1fr 1fr;gap:7px}.journey-compact .journey-time-point.arrival{padding:2px 3px 2px 7px;border-top:0;border-left:1px solid #e7dfd2}.journey-compact .journey-countdown{display:grid}}
@media(max-width:390px){.journey-time-grid{grid-template-columns:1fr;gap:5px}.journey-route-arrow{display:none}.journey-time-point.arrival{padding:7px 2px 2px;border-left:0;border-top:1px solid #e7dfd2}.journey-countdown>small{font-size:8px!important}.journey-compact .journey-time-grid{grid-template-columns:1fr}.journey-compact .journey-time-point.arrival{padding:7px 3px 2px;border-left:0;border-top:1px solid #e7dfd2}}

/* v4.0 — concept-aligned dashboard. The send flow and journey cards match design/concept-v3.8-desktop.png. */
:root{--page-max:1580px}
.main{max-width:var(--page-max);padding:22px 32px 96px}
.topbar{height:72px;padding:0 max(32px,calc((100vw - 1540px)/2));gap:18px}
.topbar .brand{min-width:180px}.topbar .nav{margin-inline:auto}.topbar .nav button{padding:11px 17px}.topbar .nav button[aria-current="page"]{background:transparent;color:var(--primary);box-shadow:inset 0 -2px var(--primary);border-radius:0}
.connection-chip{font-size:10px;min-height:28px;padding:0 9px}.profile-chip{min-width:146px;justify-content:flex-start}
.hero{min-height:212px;grid-template-columns:minmax(0,1fr) 46%;border-radius:24px;background:linear-gradient(180deg,#fffdf9 0%,#f9f2e6 68%,#eef3e8 100%);box-shadow:0 9px 30px rgba(58,43,24,.06)}
.hero-copy{padding:38px 42px;display:flex;flex-direction:column;justify-content:center}.hero h1{font-size:clamp(34px,3.25vw,52px);line-height:1.08;letter-spacing:-2px;margin:0 0 13px;white-space:nowrap}.hero h1 span{color:#1f6548}.hero p{max-width:690px;font-size:13px;line-height:1.7;color:#6f6b61}.hero-art{min-height:212px;overflow:hidden}.flight-scene{width:100%;height:100%;aspect-ratio:auto}.hero-bird-img{position:absolute;right:9%;bottom:-22px;max-height:258px;max-width:82%;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(60,56,38,.11))}.hero .route-line{inset:20% 8% 7% 12%;opacity:.55}.hero .paper.two{right:9%;top:17%;font-size:28px}
.layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:14px}.content-stack{gap:14px}.side-stack{gap:14px}.panel{border-radius:22px;box-shadow:0 7px 22px rgba(58,43,24,.045)}
.send-workspace{padding:17px 18px 14px}.send-workspace .workspace-head{display:none}.send-workspace>.compact-demo{margin-top:0}
.compose-layout{grid-template-columns:minmax(330px,.72fr) minmax(0,1.28fr);gap:15px;align-items:stretch}.compose-card,.courier-picker{border-radius:17px;border-color:#eadfce;box-shadow:none}.compose-card{padding:15px;gap:14px}.compose-step{gap:8px}.compose-step+.compose-step{padding-top:13px}.step-title>span{width:23px;height:23px;font-size:11px}.step-title strong{font-size:14px}.field input,.field textarea{border-radius:12px;padding:11px 12px}.compose-card textarea{min-height:122px}.compose-tools{margin-top:5px}.compact-results{max-height:130px}.compact-results .friend-row{padding:9px 10px}.compact-results .friend-main .avatar{width:31px;height:31px}
.courier-picker{padding:15px;gap:9px}.courier-quickbar{min-height:27px}.courier-row{grid-template-columns:repeat(6,minmax(104px,1fr));gap:8px}.courier-card{min-height:142px;border-radius:15px;padding:9px 7px}.courier-card .courier-topline{min-height:17px}.courier-card .courier-emoji{font-size:35px;margin:5px 0 4px}.courier-card .courier-name{font-size:12px}.courier-card .courier-meta{font-size:9px;min-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courier-card-footer{gap:7px;padding-top:6px;font-size:9px}.courier-kind,.courier-match{font-size:8px!important;padding:3px 5px!important}.courier-picker.is-expanded .courier-row{grid-template-columns:repeat(5,minmax(108px,1fr));max-height:500px}
.delivery-summary{grid-template-columns:minmax(220px,1.45fr) .55fr .75fr 1fr 130px;border-radius:16px;margin-top:13px;background:#fbfaf5}.delivery-summary>div{padding:12px 14px}.delivery-summary>div+div{border-left:1px solid #eae1d5}.selected-courier-summary{gap:10px}.selected-courier-summary .courier-emoji{font-size:34px}.selected-courier-summary strong,.delivery-time-cell strong{font-size:14px}.selected-courier-summary small,.delivery-time-cell small{font-size:9px}.summary-label{font-size:9px}.delivery-time-cell .dday{font-size:24px}.arrival-cell strong{font-size:11px;line-height:1.35}.arrival-cell small{font-size:11px;color:var(--primary);font-weight:850}.delivery-submit-cell{display:flex!important;align-items:stretch!important;padding:7px!important}.delivery-submit-cell .send-main-btn{min-width:0;width:100%;padding:10px 8px;border-radius:12px;font-size:12px;line-height:1.35}.bottom-rule{margin-top:9px;padding:0 3px;font-size:10px}.bottom-rule .route-refresh{font-size:10px}.send-block-reason{margin-top:8px}
.journey-overview{margin-top:16px}.section-inline-head{align-items:center;margin:0 3px 9px}.section-inline-head .eyebrow{display:none}.section-inline-head h2{font-size:18px}.journey-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.journey-compact{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) 105px!important;grid-template-rows:auto auto auto;border-radius:16px;padding:12px 116px 11px 12px!important;min-height:132px;overflow:hidden}.compact-journey-head{display:flex;align-items:center;gap:9px;grid-column:1}.compact-journey-head .courier-emoji{font-size:38px;margin:0}.compact-journey-head>div{min-width:0}.compact-journey-head strong{display:block;font-size:13px}.compact-journey-head small{display:block;margin-top:2px;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-journey-head .pill{margin-left:auto;font-size:8px;padding:4px 6px}.compact-progress{display:grid;grid-template-columns:1fr 28px;gap:6px;align-items:center;margin:8px 0 6px}.compact-progress .progress{margin:0;height:6px}.compact-progress span{font-size:9px;color:var(--muted)}.compact-journey-times{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:8px;color:var(--muted)}.compact-journey-times span{display:grid;gap:2px}.compact-journey-times b{font-size:8px;color:#5d675d}.compact-dday{position:absolute;right:0;top:0;bottom:0;width:105px;background:#f2f7ed;border-left:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.compact-dday strong{font-size:22px;color:var(--primary)}.compact-dday span{font-size:8px;color:var(--muted);margin-top:7px}.compact-dday b{font-size:11px;color:var(--primary);margin-top:3px;line-height:1.35}
.journey-list-rich .journey{grid-template-columns:minmax(0,1fr) 190px}.journey-list-rich .journey-main{padding:17px}.journey-list-rich .journey-countdown{padding:15px}.journey-list-rich .journey-countdown strong{font-size:30px}
.side-stack .panel{padding:18px}.profile-card .avatar{width:52px;height:52px}.profile-card strong{font-size:16px}.profile-settings-btn{margin-top:12px}.location-box{margin-top:12px}.friend-mini{padding:8px 0}.stats .stat{padding:10px 6px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:14px 4px 0;color:var(--muted);font-size:10px}.site-footer span:first-child{display:flex;align-items:center;gap:6px;color:var(--ink);font-weight:850}.site-footer svg{width:20px;height:20px}

@media(max-width:1180px){.main{padding-inline:20px}.layout{grid-template-columns:minmax(0,1fr) 260px}.side-stack{display:grid;grid-template-columns:1fr}.compose-layout{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)}.courier-row{grid-template-columns:repeat(3,minmax(118px,1fr))}.journey-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.topbar{padding:0 16px}.connection-chip{display:none}.main{padding:14px 14px 92px}.hero{min-height:205px;grid-template-columns:1fr 44%}.hero-copy{padding:28px 24px}.hero h1{font-size:38px;white-space:normal}.hero p{font-size:12px}.hero-art{min-height:205px}.hero-bird-img{max-height:210px}.layout{grid-template-columns:1fr}.side-stack{display:none}.compose-layout{grid-template-columns:1fr}.courier-row{grid-template-columns:repeat(6,142px);overflow-x:auto}.courier-picker.is-expanded .courier-row{grid-template-columns:repeat(3,minmax(120px,1fr));overflow:auto}.delivery-summary{grid-template-columns:1.25fr .55fr .8fr 1fr 120px}.journey-overview-grid{grid-template-columns:1fr}.site-footer{display:none}}
@media(max-width:650px){.topbar{height:64px}.topbar .nav{display:none}.topbar .brand{min-width:0}.profile-chip{min-width:0;max-width:150px}.hero{display:block;min-height:225px;border-radius:20px}.hero-copy{padding:27px 20px 112px}.hero h1{font-size:30px;line-height:1.12;letter-spacing:-1.3px}.hero p{max-width:60%;font-size:11px;line-height:1.55}.hero-art{position:absolute;right:-6px;bottom:-5px;width:58%;height:172px;min-height:0}.hero-bird-img{right:0;bottom:-10px;max-height:170px;max-width:100%}.hero .route-line,.hero .paper{display:none}.send-workspace{padding:12px;border-radius:19px}.compose-card,.courier-picker{padding:13px;border-radius:15px}.compose-card textarea{min-height:135px}.courier-row{grid-template-columns:repeat(6,145px);gap:8px}.courier-card{min-height:150px}.courier-picker.is-expanded .courier-row{grid-template-columns:repeat(2,minmax(0,1fr));max-height:450px}.delivery-summary{grid-template-columns:1fr 1fr;margin-top:10px}.delivery-summary .selected-courier-summary{grid-column:1/-1}.delivery-summary .arrival-cell{grid-column:1/-1}.delivery-summary .delivery-submit-cell{grid-column:1/-1;border-left:0!important;border-top:1px solid var(--line);padding:8px!important}.delivery-summary>div+div{border-left:1px solid var(--line)}.delivery-summary .selected-courier-summary+div{border-left:0;border-top:1px solid var(--line)}.delivery-summary .arrival-cell{border-left:0;border-top:1px solid var(--line)}.delivery-submit-cell .send-main-btn{font-size:14px;padding:13px}.bottom-rule{font-size:9px;flex-wrap:wrap}.journey-overview{margin-top:14px}.section-inline-head h2{font-size:17px}.journey-overview-grid{grid-template-columns:1fr}.journey-compact{padding:11px 95px 10px 11px!important;min-height:125px}.compact-dday{width:92px}.compact-dday strong{font-size:20px}.compact-journey-times{grid-template-columns:1fr;gap:3px}.journey-list-rich .journey{grid-template-columns:1fr}.journey-countdown{border-left:0;border-top:1px solid var(--line)}.bottom-nav{display:grid}}
@media(max-width:390px){.hero p{max-width:66%}.courier-row{grid-template-columns:repeat(6,138px)}.delivery-summary{grid-template-columns:1fr 1fr}.delivery-time-cell strong{font-size:12px}.journey-compact{padding-right:88px!important}.compact-dday{width:85px}}
/* v4.0 final visual polish */
.hero-bird-img{right:0;bottom:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;filter:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 13%,#000 28%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.72) 13%,#000 28%,#000 100%)}
@media(max-width:650px){.hero-bird-img{right:0;bottom:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 100%);mask-image:linear-gradient(to right,transparent 0%,#000 25%,#000 100%)}}
@media(max-width:430px){.topbar .brand span:last-child{display:inline!important;font-size:18px}.topbar .brand svg{width:27px;height:27px}}
/* Keep the original illustration proportions while feathering its edges into the hero. */
.hero-bird-img{right:5%;bottom:-22px;width:80%;height:auto;max-width:80%;max-height:255px;object-fit:contain;object-position:center;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 58% 52%,#000 60%,rgba(0,0,0,.88) 74%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 58% 52%,#000 60%,rgba(0,0,0,.88) 74%,transparent 100%)}
@media(max-width:650px){.hero-bird-img{right:-2%;bottom:-8px;width:105%;height:auto;max-width:105%;max-height:178px;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 58% 50%,#000 62%,rgba(0,0,0,.85) 78%,transparent 100%);mask-image:radial-gradient(ellipse 70% 70% at 58% 50%,#000 62%,rgba(0,0,0,.85) 78%,transparent 100%)}}
/* v4.0 desktop composition: sidebar starts at hero height like the approved concept. */
.layout{margin-top:0;align-items:start}.dashboard-main{display:grid;gap:14px;min-width:0}.dashboard-main>.hero{width:100%}
@media(max-width:900px){.dashboard-main{gap:12px}}

/* v4.2 cross-device + incoming journey awareness */
.nav button{position:relative}.nav-label{display:inline}.nav-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:4px;border-radius:999px;background:#c95a4e;color:#fff;font-size:10px;line-height:1;font-weight:900;box-shadow:0 0 0 2px var(--surface)}
.incoming-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 17px;border:1px solid #e1c98d;border-radius:18px;background:linear-gradient(135deg,#fff9e8,#f6f8ec);box-shadow:0 9px 26px rgba(96,75,29,.07)}
.incoming-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#fff;border:1px solid #eadfbd;font-size:31px}.incoming-copy{min-width:0}.incoming-copy h3{margin:3px 0 4px;font-size:17px;letter-spacing:-.3px}.incoming-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.incoming-copy p strong{color:var(--primary)}.incoming-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.incoming-actions .btn{white-space:nowrap;padding:9px 11px;font-size:11px}
.connection-error-card code{display:block;max-width:100%;margin-top:8px;padding:9px 10px;overflow-wrap:anywhere;border-radius:10px;background:var(--surface-2);font-size:11px}.connection-error-card .connection-banner{margin:14px 0}
@media(max-width:900px){.incoming-banner{grid-template-columns:auto 1fr}.incoming-actions{grid-column:1/-1;justify-content:flex-start;padding-left:66px}}
@media(max-width:650px){.incoming-banner{grid-template-columns:42px 1fr;gap:10px;padding:12px;border-radius:15px}.incoming-icon{width:42px;height:42px;border-radius:13px;font-size:25px}.incoming-copy h3{font-size:14px}.incoming-copy p{font-size:10px}.incoming-actions{padding-left:52px}.incoming-actions .btn{font-size:10px;padding:8px 9px}.bottom-nav button{position:relative}.bottom-nav button[data-tab="inbox"]::after{content:'•';position:absolute;right:25%;top:3px;color:#c95a4e;font-size:18px;line-height:1}}