:root{color:#111;font-synthesis:none;--ink:#111;--muted:#737373;--line:#e5e5e5;--quiet:#f7f7f7;--arrival:#c94f3d;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--ease:cubic-bezier(.22, .78, .22, 1);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0;overflow-x:hidden}body{color:var(--ink);background:#fff}button,input,textarea,select{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.38}a{color:inherit;text-underline-offset:3px}h1,h2,h3,p{margin-top:0}em{color:inherit;font-style:normal}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #111}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.landing-page{min-height:100dvh;padding:30px clamp(22px,7vw,112px) 28px}.landing-header{justify-content:space-between;align-items:center;display:flex}.landing-login{font-size:11px;text-decoration:none}.landing-hero{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:clamp(40px,9vw,150px);width:min(100%,1280px);min-height:min(74dvh,760px);margin:0 auto;display:grid}.landing-hero-copy{max-width:620px}.landing-hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:9em;margin:0 0 34px;font-size:clamp(44px,6vw,76px);font-weight:500;line-height:1.16}.landing-lead{max-width:34em;color:var(--muted);margin:0 0 34px;font-size:14px;line-height:2}.landing-link{border-bottom:1px solid var(--ink);align-items:center;gap:28px;padding:8px 0;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.landing-link:hover{gap:36px}.landing-link span{transition:transform .2s var(--ease)}.landing-link:hover span{transform:translate(4px)}.landing-road{min-height:220px;position:relative}.landing-road-line{background:var(--line);height:1px;position:absolute;top:50%;left:4%;right:4%}.landing-landmark{z-index:1;color:var(--muted);justify-items:center;gap:12px;font-size:10px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.landing-landmark img{object-fit:contain;filter:grayscale()brightness(.18);display:block}.landing-inn{left:0}.landing-inn img{width:clamp(58px,8vw,96px);height:auto}.landing-courier{animation:9s ease-in-out infinite alternate landing-drift;right:0}.landing-courier img{width:clamp(42px,5vw,66px);height:clamp(68px,9vw,100px)}@keyframes landing-drift{0%{transform:translate(-4px,-50%)}to{transform:translate(7px,-50%)}}.landing-section{width:min(100%,920px);margin:0 auto}.landing-flow{padding:clamp(70px,12vw,150px) 0}.landing-section h2,.landing-final h2{letter-spacing:-.06em;text-wrap:balance;max-width:18em;margin-bottom:42px;font-size:clamp(28px,4vw,48px);font-weight:500;line-height:1.35}.flow-list{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:clamp(14px,3vw,48px);padding-top:20px;display:grid}.flow-list p{letter-spacing:-.04em;white-space:nowrap;margin:0;font-size:clamp(18px,2.2vw,26px);font-weight:500}.flow-list span{color:var(--muted);text-align:center}.landing-pause{border-top:1px solid var(--line);padding:clamp(50px,8vw,100px) 0 clamp(110px,15vw,190px)}.landing-pause p:last-child{color:var(--muted);margin:0;font-size:15px;line-height:2}.landing-final{width:min(100%,920px);margin:0 auto;padding-bottom:clamp(90px,13vw,160px)}.landing-final h2{margin-bottom:28px}.login-page{grid-template-rows:auto 1fr auto;min-height:100dvh;padding:30px clamp(22px,7vw,112px) 28px;display:grid}.login-header{align-items:center;display:flex}.login-brand{letter-spacing:.03em;align-items:center;gap:12px;font-size:13px;font-weight:650;text-decoration:none;display:flex}.login-brand img{filter:grayscale()brightness(.05);width:22px;height:28px}.login-panel{place-self:center;width:min(100%,400px)}.login-panel h1{letter-spacing:-.06em;margin-bottom:36px;font-size:clamp(27px,4vw,38px);font-weight:500;line-height:1.25}.login-form label{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.login-form>input{border:1px solid var(--line);background:#fff;border-radius:4px;width:100%;height:48px;margin-bottom:10px;padding:0 14px}.account-auth{gap:8px;display:grid}.account-auth label{margin-top:4px}.account-auth input{border:1px solid var(--line);background:#fff;border-radius:4px;width:100%;height:46px;padding:0 14px}.auth-switch{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:10px;display:grid}.auth-switch button{min-height:40px;color:var(--muted);border-bottom:1px solid #0000;padding:0 8px;font-size:11px}.auth-switch button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--ink)}.auth-divider{color:var(--muted);align-items:center;gap:12px;margin:22px 0 4px;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{background:var(--line);content:"";flex:1;height:1px}.account-mode-link{color:var(--muted);border-bottom:1px solid;margin:16px auto 0;font-size:10px}.provider-actions{border-top:1px solid var(--line);display:grid}.provider-button{border-bottom:1px solid var(--line);text-align:left;align-items:center;gap:14px;width:100%;min-height:62px;padding:0;font-size:13px;font-weight:550;display:flex}.provider-button:hover:not(:disabled){padding-left:8px}.provider-button.dark,.line-button{color:var(--ink);border-color:var(--line);background:#fff}.provider-mark{width:18px;height:18px}.provider-line-mark{color:#111;letter-spacing:-.03em;place-items:center;width:25px;height:18px;font-size:8px;font-weight:800;display:grid}.dev-note,.error-text{color:var(--muted);font-size:11px;line-height:1.6}.error-text{color:#111;border-left:2px solid #111;padding-left:10px}.invite-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:12px;margin-bottom:28px;padding:14px 0;font-size:12px;line-height:1.6;display:flex}.login-footer{color:var(--muted);justify-content:flex-end;font-size:10px;display:flex}.login-footer nav{gap:20px;display:flex}.public-footer{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;padding-top:18px;font-size:10px;display:flex}.public-footer nav{gap:24px;display:flex}.loading-screen{min-height:100dvh;color:var(--muted);place-content:center;justify-items:center;gap:18px;font-size:11px;display:grid}.loading-logo{filter:grayscale()brightness(.05);width:34px;height:44px}.view-home,.view-home .app-layout,.view-home .main-content{height:100dvh;overflow:hidden}.view-home .main-content{padding:0}.norm-home{background:#fff;grid-template-columns:112px minmax(320px,clamp(320px,46vw,640px)) 112px;justify-content:space-between;align-items:center;gap:clamp(24px,5vw,88px);width:100%;min-height:100dvh;padding:clamp(24px,4vw,56px);display:grid;position:relative;overflow:hidden}.inn-control,.courier-control{place-items:center;padding:0;display:grid;position:relative}.inn-control{text-decoration:none}.inn-control img{width:clamp(68px,7vw,98px);height:auto}.courier-control img{filter:grayscale()brightness(.05);width:clamp(58px,5.7vw,78px);height:clamp(78px,8.2vw,104px)}.inn-control:hover img,.courier-control:hover img{opacity:.62}.unread-dot{background:var(--arrival);border-radius:50%;width:9px;height:9px;position:absolute;top:-7px;right:2px}.home-navigation,.journey-navigation{z-index:10;grid-column:1;align-content:center;justify-items:center;gap:12px;display:grid;position:relative}.home-status-message{grid-column:2}.arrival-link{color:var(--arrival);font-size:10px}.message-composer{flex-direction:column;width:100%;height:min(72dvh,660px);display:flex;position:relative}.recipient-field{align-self:flex-start;position:relative}.recipient-button{letter-spacing:.01em;border-bottom:1px solid #111;padding:4px 2px 9px;font-size:13px;font-weight:500}.recipient-button:hover{opacity:.68}.recipient-picker{z-index:15;border:1px solid var(--line);background:#fff;border-radius:2px;width:min(280px,72vw);padding:6px;position:absolute;top:calc(100% + 8px);left:0}.recipient-picker button{text-align:left;width:100%;padding:11px 10px;font-size:12px;display:flex}.recipient-picker button:hover,.recipient-picker .is-selected{background:var(--quiet)}.recipient-picker .invite-link{border-top:1px solid var(--line);color:var(--muted);margin-top:4px}.message-composer textarea{resize:none;caret-color:#111;letter-spacing:.005em;background:0 0;border:0;outline:0;flex:1;width:100%;min-height:0;padding:clamp(32px,6vh,68px) 0 24px;font-size:clamp(16px,1.3vw,20px);font-weight:400;line-height:2.05}.message-composer textarea::placeholder{color:#b5b5b5}.message-composer textarea:focus-visible{outline-offset:7px;outline:1px solid #111}.composer-footer{border-top:1px solid var(--line);min-height:40px;color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.send-letter{color:#111;padding:8px 0 8px 20px;font-size:12px;font-weight:600}.send-letter:hover:not(:disabled){text-underline-offset:5px;text-decoration:underline}.send-letter:disabled{cursor:default}.composer-footer span{opacity:.5}.composer-footer span:not(:empty){letter-spacing:.02em}.message-composer textarea:focus-visible~.composer-footer span{opacity:.7}.courier-control-wrap{justify-items:center;gap:16px;display:grid}.courier-onboarding{place-items:center;min-height:100dvh;padding:24px;display:grid}.courier-onboarding section{width:min(100%,420px)}.courier-onboarding h1{letter-spacing:-.05em;margin:0 0 16px;font-size:clamp(28px,6vw,42px);font-weight:500}.courier-onboarding section>p:not(.eyebrow):not(.error-text){color:var(--muted);margin-bottom:44px;font-size:12px}.courier-choice-list{border-top:1px solid var(--line)}.courier-choice-list button{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;width:100%;padding:18px 0;font-size:16px;display:flex}.courier-choice-list button:hover:not(:disabled){padding-left:8px}.departure-paper{z-index:20;border:1px solid var(--line);transform-origin:50%;background:#fff;width:min(640px,100vw - 40px);height:min(62vh,560px);padding:44px;display:block;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.departure-copy{white-space:pre-wrap;max-height:100%;font-size:18px;line-height:2;display:block;overflow:hidden}.departure-letter-logo{object-fit:contain;opacity:0;filter:grayscale()brightness(.05);width:42px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.departure-paper.is-folding{animation:paper-fold-and-pass .9s var(--ease) both}.departure-paper.is-folding .departure-copy{animation:departure-copy-fade .9s var(--ease) both}.departure-paper.is-folding .departure-letter-logo{animation:departure-logo-appear .9s var(--ease) both}.departure-paper.is-handoff{background:0 0;border-color:#0000;width:42px;height:30px;padding:0;transform:translate(calc(50vw - 106px),-50%)}.departure-paper.is-handoff .departure-copy{display:none}.departure-paper.is-handoff .departure-letter-logo{opacity:1}.courier-control.is-handoff{transform:translate(3px)}.courier-control.is-departing{animation:.8s cubic-bezier(.5,0,.9,.5) both courier-leave}.courier-control.is-returning{animation:courier-return .48s var(--ease) both}@keyframes paper-fold-and-pass{0%{width:min(640px,100vw - 40px);height:min(62vh,560px);padding:44px;transform:translate(-50%,-50%)}45%{width:min(28vw,360px);height:80px;padding:12px;transform:translate(-50%,-50%)}to{background:0 0;border-color:#0000;width:42px;height:30px;padding:0;transform:translate(calc(50vw - 106px),-50%)}}@keyframes departure-copy-fade{0%,34%{opacity:1}58%,to{opacity:0}}@keyframes departure-logo-appear{0%,40%{opacity:0}62%,to{opacity:1}}@keyframes courier-leave{to{opacity:0;transform:translate(calc(100vw + 100px))}}@keyframes courier-return{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.view-delivery,.view-delivery .app-layout,.view-delivery .main-content{height:100dvh;overflow:hidden}.view-delivery .main-content{padding:0}.journey-page{background:#fff;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,88px);width:100%;min-height:100dvh;padding:clamp(24px,4vw,56px);display:grid;position:relative}.journey-content{width:min(100%,640px);min-height:270px;animation:journey-appear .2s var(--ease) both;transition:opacity .18s var(--ease);grid-column:2;align-content:center;justify-self:center;justify-items:center;display:grid}.journey-content.is-loading{opacity:.5}.journey-recipient{color:var(--muted);margin:0 0 56px;font-size:12px;font-weight:500}.journey-route-context{color:var(--muted);margin:-42px 0 36px;font-size:11px}.journey-rails{width:100%}.journey-rail{width:100%;min-height:84px;padding-top:2px;position:relative}.journey-line{background:#d1d1d1;height:1px;position:absolute;top:38px;left:0;right:0}.journey-points{justify-content:space-between;gap:16px;display:flex;position:relative}.journey-point{text-align:center;flex:1;min-width:0}.journey-point-label{text-overflow:ellipsis;white-space:nowrap;background:#fff;max-width:100%;padding:0 4px;font-size:12px;line-height:1.4;display:inline-block;overflow:hidden}.journey-courier{object-fit:contain;filter:grayscale()brightness(.05);width:25px;height:34px;position:absolute;top:21px;transform:translate(-50%)}.journey-rail.is-single .journey-line{display:none}.journey-arrival{color:var(--muted);margin:18px 0 0;font-size:11px}.journey-arrived{margin:0;font-size:16px;font-weight:500}.journey-loading,.journey-error{color:var(--muted);text-align:center;margin:0;font-size:11px}.journey-error{color:var(--ink);justify-items:center;gap:16px;display:grid}.journey-error p{margin:0}.journey-error button{border-bottom:1px solid var(--ink);padding:5px 0;font-size:11px}@keyframes journey-appear{0%{opacity:0}to{opacity:1}}.drawer-backdrop,.modal-backdrop{z-index:50;background:#ffffffd6;position:fixed;inset:0}.inn-drawer{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:min(380px,92vw);height:100%;padding:32px;display:flex}.inn-drawer header{justify-content:space-between;align-items:center;display:flex}.inn-drawer header img{width:64px}.drawer-home{padding:0}.inn-drawer header button{padding:8px;font-size:22px;font-weight:300}.drawer-station{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:64px 0 5px;font-size:10px}.drawer-user{margin-bottom:64px;font-size:20px;font-weight:550}.inn-drawer nav{border-top:1px solid var(--line);display:grid}.inn-drawer nav button{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;padding:17px 0;font-size:14px;display:flex}.drawer-actions{gap:14px;margin-top:auto;display:grid}.drawer-actions button{color:var(--muted);text-align:left;font-size:11px}.modal-backdrop{place-items:center;display:grid}.confirm-departure{border:1px solid var(--line);background:#fff;border-radius:2px;width:min(420px,100vw - 40px);padding:30px}.confirm-departure p{margin-bottom:32px;font-size:14px;line-height:1.8}.confirm-departure div{justify-content:flex-end;gap:8px;display:flex}.confirm-departure button,.solid-button{border:1px solid var(--line);border-radius:4px;min-height:42px;padding:0 16px}.confirm-departure .solid-button,.solid-button{color:#fff;background:#111;border-color:#111}.name-dialog{border:1px solid var(--line);background:#fff;border-radius:2px;width:min(420px,100vw - 40px);padding:30px}.name-dialog form{gap:12px;display:grid}.name-dialog h3{margin:0 0 8px;font-size:16px;font-weight:550}.name-dialog label{color:var(--muted);font-size:11px}.name-dialog input{border:1px solid var(--line);background:#fff;border-radius:4px;width:100%;height:44px;padding:0 12px}.name-dialog form>div{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.name-dialog button{border:1px solid var(--line);border-radius:4px;min-height:42px;padding:0 16px}.app-frame{background:#fff;min-height:100dvh}.subview-header{border-bottom:1px solid var(--line);align-items:center;gap:16px;height:64px;padding:0 clamp(20px,5vw,64px);display:flex}.subview-header button{padding:0}.subview-header img{width:42px;height:28px;display:block}.subview-header span{font-size:11px;font-weight:650}.main-content{min-width:0}.app-frame:not(.view-home) .main-content{padding:clamp(38px,6vw,72px) clamp(22px,8vw,120px)}.page-section{width:min(100%,960px);margin:0 auto}.narrow-page{max-width:720px}.page-heading,.directory-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:44px;display:flex}.page-heading h2,.directory-heading h2{letter-spacing:-.055em;margin:4px 0 0;font-size:clamp(32px,5vw,56px);font-weight:500;line-height:1.05}.eyebrow{color:var(--muted);letter-spacing:.15em;margin-bottom:8px;font-size:9px;font-weight:650}.text-action,.secondary-button,.rename-courier,.welcome-courier,.back-button,.text-button{color:#111;background:0 0;border-bottom:1px solid;border-radius:0;padding:7px 0;font-size:11px}.line-list{border-top:1px solid var(--line)}.friend-row,.inbox-row{border-bottom:1px solid var(--line);text-align:left;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;padding:12px 0;display:flex}.friend-info,.inbox-row div{gap:5px;display:grid}.friend-info strong,.inbox-row strong{font-size:13px;font-weight:600}.friend-info small,.inbox-row small{color:var(--muted);font-size:10px}.friend-person{text-align:left;gap:5px;min-width:0;padding:6px 0;display:grid}.friend-person:hover strong{text-underline-offset:5px;text-decoration:underline}.friend-detail-heading{align-items:center;gap:16px;margin:48px 0 28px;display:flex}.friend-detail-heading>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:44px;height:44px;font-size:20px;display:grid}.friend-detail-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(32px,5vw,52px);font-weight:500}.friend-letters{margin-top:64px}.letter-history-group{margin-top:34px}.letter-history-group h3{color:var(--muted);margin:0 0 12px;font-size:11px;font-weight:550}.sent-row{color:var(--ink)}.row-state{color:var(--muted);font-size:10px}.page-status{min-height:140px;color:var(--muted);text-align:center;justify-items:center;gap:14px;padding:54px 0;font-size:11px;display:grid}.page-status p{color:var(--ink);margin:0}.page-status-error{min-height:180px}.status-mark{border:1px solid var(--line);border-top-color:var(--ink);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite status-spin}.page-status-error .status-mark{display:none}@keyframes status-spin{to{transform:rotate(360deg)}}.inbox-row.unopened strong:after{content:"";background:var(--arrival);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:8px;display:inline-block}.row-arrow{color:var(--muted)}.invite-url{border-bottom:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:-24px 0 32px;padding:12px 0;font-size:10px;display:block;overflow:hidden}.empty-state{color:var(--muted);text-align:center;padding:60px 0;font-size:12px}.empty-state span{display:none}.letter-paper,.read-letter{background:#fff;border:0;padding:0}.paper-label{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:12px;padding-bottom:14px;font-size:11px;display:flex}.paper-label select{background:#fff;border:0;font-weight:600}.letter-paper textarea{resize:vertical;border:0;border-radius:0;outline:0;width:100%;min-height:48vh;padding:36px 0;font-size:19px;line-height:2}.paper-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:12px 0;font-size:10px;display:flex}.primary-button{color:#fff;background:#111;border-radius:4px;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;font-size:12px;text-decoration:none;display:flex}.wide{width:100%;margin-top:16px}.quiet-note{color:var(--muted);text-align:center;margin-top:16px;font-size:10px}.letter-stage{text-align:center}.letter-stage .stamp,.letter-stage .envelope{display:none}.letter-stage h2{margin:12vh 0 16px;font-size:clamp(30px,5vw,52px);font-weight:500}.letter-stage p{color:var(--muted);font-size:12px}.letter-stage .text-button{margin-top:18px}.read-letter h2{margin-top:28px;font-size:clamp(30px,5vw,50px);font-weight:500}.letter-meta{color:var(--muted);font-size:11px}.read-body{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:pre-wrap;min-height:38vh;margin:32px 0;padding:32px 0;font-size:18px;line-height:2}.hikyaku-page{height:calc(100dvh - 64px - clamp(76px,12vw,144px));overflow:hidden}.hikyaku-page .page-heading{margin-bottom:24px}.courier-tabs{border-bottom:1px solid var(--line);gap:24px;padding-bottom:12px;display:flex}.courier-tabs button{color:var(--muted);padding:6px 0;font-size:12px}.courier-tabs button[aria-selected=true]{color:#111;border-bottom:1px solid #111}.courier-record{grid-template-rows:auto 1fr;grid-template-columns:minmax(250px,.8fr) minmax(360px,1.4fr);gap:28px clamp(48px,8vw,96px);height:calc(100% - 130px);padding-top:30px;display:grid}.courier-summary{align-items:center;gap:28px;display:flex}.courier-summary img{filter:grayscale()brightness(.05);width:54px;height:70px}.courier-summary h3{margin-bottom:8px;font-size:25px;font-weight:520}.courier-summary p{color:var(--muted);margin-bottom:10px;font-size:11px}.courier-facts{border-top:1px solid var(--line);grid-column:1;align-content:start;margin:0;display:grid}.courier-facts div{border-bottom:1px solid var(--line);justify-content:space-between;padding:13px 0;display:flex}.courier-facts dt{color:var(--muted);font-size:10px}.courier-facts dd{margin:0;font-size:12px}.episode-journal{grid-area:1/2/3;min-height:0;padding-right:12px;overflow-y:auto}.episode-journal>header{border-bottom:1px solid var(--line);padding-bottom:18px}.episode-journal>header h3{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:520}.episode-journal article{border-bottom:1px solid var(--line);padding:24px 0 28px}.episode-journal article span{color:var(--muted);letter-spacing:.08em;font-size:9px}.episode-journal article h4{margin:8px 0 12px;font-size:14px;font-weight:600}.episode-journal article p{color:#444;max-width:56em;margin:0;font-size:12px;line-height:2}.settings-list{border-top:1px solid var(--line)}.setting-card{border:0;border-bottom:1px solid var(--line);background:#fff;border-radius:0;justify-content:space-between;align-items:center;gap:28px;padding:20px 0;display:flex}.setting-card>div:first-child{gap:5px;display:grid}.setting-card strong{font-size:13px}.setting-card small{color:var(--muted);font-size:10px}.station-form{gap:8px;display:flex}.station-form select{border:1px solid var(--line);background:#fff;border-radius:4px;max-width:150px;height:38px;padding:0 8px;font-size:11px}.toast{z-index:90;background:#fff;border:1px solid #111;border-radius:2px;max-width:min(560px,100vw - 32px);padding:11px 14px;font-size:11px;position:fixed;top:18px;left:50%;transform:translate(-50%)}.toast span{margin-left:12px}.invite-accepted{z-index:40;border:1px solid var(--line);background:#fff;padding:10px 14px;font-size:11px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.pending-letter-note{z-index:40;border:1px solid var(--line);background:#fff;width:min(420px,100vw - 48px);padding:14px 16px;font-size:11px;position:fixed;bottom:24px;right:24px}.pending-letter-note p{margin:0 0 8px;line-height:1.6}.pending-letter-note code{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;font-size:10px;display:block;overflow:hidden}.pending-letter-note button{color:var(--ink);text-underline-offset:4px;font-size:11px;text-decoration:underline}.info-page{min-height:100dvh;padding:32px clamp(24px,8vw,120px) 28px}.info-header{justify-content:space-between;align-items:center;margin-bottom:12vh;display:flex}.public-brand{align-items:center;gap:10px;font-size:12px;font-weight:650;text-decoration:none;display:flex}.brand-logo{filter:grayscale()brightness(.05);width:22px;height:28px}.info-login{font-size:11px}.info-page article{width:min(100%,720px);margin:0 auto 80px}.info-page article>h1{letter-spacing:-.065em;font-size:clamp(44px,8vw,84px);font-weight:500;line-height:1.04}.info-lead{max-width:560px;font-size:18px;line-height:1.9}.info-page article>section{border-top:1px solid var(--line);margin:56px 0;padding-top:24px}.info-page article>section h2{font-size:16px}.info-page article>section p{color:#444;font-size:13px;line-height:1.9}.policy-date{color:var(--muted);font-size:10px}.info-action{gap:32px;width:max-content}@media (width<=760px){.landing-page{padding:max(22px, env(safe-area-inset-top)) 22px max(24px, env(safe-area-inset-bottom))}.landing-hero{flex-direction:column;align-items:stretch;gap:62px;min-height:auto;padding:18vh 0 22vh;display:flex}.landing-hero h1{max-width:none;margin-bottom:28px;font-size:clamp(42px,11vw,58px);line-height:1.28}.landing-lead{font-size:13px;line-height:1.9}.landing-road{min-height:160px}.landing-road-line{left:5%;right:5%}.landing-inn img{width:58px}.landing-courier img{width:42px;height:70px}.landing-section h2,.landing-final h2{font-size:clamp(29px,8vw,40px);line-height:1.45}.flow-list{grid-template-columns:1fr;gap:0;padding-top:0;display:grid}.flow-list p{border-bottom:1px solid var(--line);padding:18px 0;font-size:20px}.flow-list span{display:none}.landing-pause{padding:70px 0 110px}.landing-pause p:last-child{font-size:14px}.landing-final{padding-bottom:110px}.login-page{min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 22px max(16px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.login-panel{margin:auto 0;padding:0}.login-panel h1{margin-bottom:14px;font-size:30px}.account-auth{gap:4px}.auth-switch button{min-height:34px}.account-auth input{height:40px}.account-auth .solid-button{min-height:36px;margin-top:4px}.provider-button{min-height:40px;font-size:11px}.auth-divider{margin:10px 0 0}.account-mode-link{margin-top:10px}.login-footer{justify-content:flex-start}.public-footer{gap:12px;margin-top:20px;display:grid}.public-footer nav{gap:14px}.norm-home{padding:max(18px, env(safe-area-inset-top)) 20px max(18px, env(safe-area-inset-bottom));grid-template-rows:72px 1fr;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.home-status-message{grid-area:2/1/auto/-1;align-self:center}.home-navigation,.journey-navigation{place-self:start}.inn-control img{width:58px}.courier-control-wrap{grid-area:1/2;place-self:start end;gap:8px}.courier-control img{width:40px;height:54px}.message-composer{height:calc(100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-area:2/1/auto/-1;padding-top:22px}.message-composer textarea{padding-top:30px;font-size:18px;line-height:1.9}.departure-paper{width:calc(100vw - 40px);height:54vh;padding:28px}.departure-letter-logo{width:34px;height:24px}.departure-paper.is-handoff{background:0 0;border-color:#0000;width:34px;height:24px;transform:translate(calc(50vw - 58px),calc(48px - 50vh))}@keyframes paper-fold-and-pass{0%{width:calc(100vw - 40px);height:54vh;padding:28px;transform:translate(-50%,-50%)}45%{width:44vw;height:70px;padding:10px;transform:translate(-50%,-50%)}to{background:0 0;border-color:#0000;width:34px;height:24px;padding:0;transform:translate(calc(50vw - 58px),calc(48px - 50vh))}}.journey-page{padding:max(18px, env(safe-area-inset-top)) 20px max(18px, env(safe-area-inset-bottom));grid-template-rows:72px 1fr;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.journey-navigation{grid-area:1/1}.journey-content{min-height:calc(100dvh - 112px - env(safe-area-inset-top) - env(safe-area-inset-bottom));grid-area:2/1/auto/-1;padding-top:22px}.journey-recipient{margin-bottom:54px}.journey-point-label{font-size:11px}.journey-arrival{margin-top:18px}.subview-header{height:56px;padding:0 20px}.subview-header img{width:36px;height:24px}.app-frame:not(.view-home) .main-content{padding:34px 20px 48px}.pending-letter-note{right:20px;bottom:max(20px, env(safe-area-inset-bottom));width:auto;left:20px}.page-heading{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:30px}.page-heading h2{font-size:38px}.friend-row{align-items:flex-start}.friend-row .friend-person{flex:1}.friend-detail-heading{margin-top:36px}.paper-footer{gap:12px}.paper-footer span:last-child{text-align:right}.hikyaku-page{height:auto;overflow:visible}.courier-record{height:auto;display:block}.courier-summary{margin-bottom:20px}.courier-facts{grid-template-columns:repeat(3,1fr);margin-bottom:20px}.courier-facts div{border-right:1px solid var(--line);gap:7px;padding:12px 10px;display:grid}.courier-facts div:first-child{padding-left:0}.courier-facts div:last-child{border-right:0;padding-right:0}.courier-facts dd{font-size:11px}.episode-journal{max-height:40vh;padding-right:8px}.setting-card{flex-direction:column;align-items:flex-start}.station-form{flex-wrap:wrap;width:100%}.station-form select{flex:1;max-width:none}.info-page{padding:24px 22px 28px}.info-header{margin-bottom:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.18s!important;animation-iteration-count:1!important}.landing-courier{animation:none}.departure-paper.is-folding,.courier-control.is-departing{animation-name:paper-fade}}@keyframes paper-fade{to{opacity:0}}