@import "https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;1,6..72,300&family=DM+Sans:opsz,wght@9..40,400;9..40,500&family=DM+Mono:wght@400&display=swap";:root{--canvas:#fff;--ink:#26272b;--ink-2:#26272bad;--ink-3:#26272b8f;--ink-4:#26272b24;--ink-5:#26272b14;--serif:"Newsreader", Georgia, serif;--sans:"DM Sans", -apple-system, system-ui, sans-serif;--mono:"DM Mono", ui-monospace, "SF Mono", monospace;--s1:8px;--s2:16px;--s3:24px;--s4:40px;--s5:64px;--r-photo:10px;--r-card:18px;--column:520px;--ease:cubic-bezier(.32, .72, 0, 1)}*{box-sizing:border-box}html,body{background:var(--canvas);color:var(--ink);font:400 15px/22px var(--sans);-webkit-font-smoothing:antialiased;margin:0}body{overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;margin:0;padding:0}button:focus-visible{outline:1px solid var(--ink-4);outline-offset:4px;border-radius:4px}svg{display:block}.display{font:300 40px/44px var(--serif);letter-spacing:-.96px}.title{font:300 28px/32px var(--serif);letter-spacing:-.28px}.item{font:400 19px/24px var(--serif)}.body{font:400 15px/22px var(--sans);color:var(--ink-2)}.eyebrow{font:500 11px/14px var(--sans);letter-spacing:.88px;color:var(--ink-3)}.cap{font:400 13px/18px var(--sans);color:var(--ink-3)}.num{font:400 13px/18px var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.one{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.press{transition:opacity .15s}.press:active{opacity:.5}@media (hover:hover){.press:hover{opacity:.72}}.app{max-width:var(--column);min-height:100vh;margin:0 auto;padding:0 16px}.bar{z-index:5;background:#fffffff0;justify-content:space-between;align-items:center;padding:14px 0 10px;display:flex;position:sticky;top:0}.page{padding-bottom:calc(var(--s5) * 1.5)}.words{gap:18px;display:flex}.words button{font:500 13px/18px var(--sans);color:var(--ink-3);white-space:nowrap;border-bottom:1px solid #0000;padding-bottom:5px}.words button.on{color:var(--ink)}.scroll-x{scrollbar-width:none;margin:0 -16px;padding:0 16px;overflow-x:auto}.scroll-x::-webkit-scrollbar{display:none}.dot{border-radius:99px;flex:none;display:inline-block}.row{border-bottom:1px solid var(--ink-5);align-items:center;width:100%;padding:14px 0;display:flex}.row-main{flex-direction:column;flex:1;min-width:0;display:flex}.row-sub{align-items:center;gap:4px;min-width:0;display:flex}.stats{flex-wrap:wrap;justify-content:space-between;display:flex}.stat{min-width:30%;margin-bottom:var(--s3)}.caption{margin-top:var(--s1);align-items:center;gap:8px;min-height:36px;display:flex}.caption .cap:first-of-type{flex:1}.caption button{white-space:nowrap;flex:none}.stamps{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stamp{border:1px solid var(--ink-5);border-radius:var(--r-card);flex-direction:column;min-width:0;padding:14px;display:flex}.card{border:1px solid var(--ink-5);border-radius:var(--r-card);justify-content:center;align-items:center;gap:var(--s2);padding:0 var(--s4);text-align:center;flex-direction:column;display:flex}.touch{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.fade-in{animation:fade .7s var(--ease)}@keyframes fade{0%{opacity:0}}.drop{border:1px dashed var(--ink-4);border-radius:var(--r-card);width:100%;padding:var(--s3) var(--s2);text-align:center;flex-direction:column;align-items:center;transition:border-color .2s;display:flex}.drop.over{border-style:solid}.choice{justify-content:space-between;align-items:center;display:flex}.progress{background:var(--ink-5);border-radius:2px;height:2px;margin-top:6px;overflow:hidden}.progress span{height:100%;transition:width .2s;display:block}.start{justify-content:center;gap:var(--s3);min-height:calc(100vh - 60px);padding-bottom:var(--s5);flex-direction:column;display:flex}.crumbs{z-index:5;border-top:1px solid var(--ink-5);background:#fffffff0;position:fixed;bottom:0;left:0;right:0}.crumbs>div{max-width:var(--column);padding:14px 16px calc(20px + env(safe-area-inset-bottom));flex-wrap:wrap;margin:0 auto;display:flex}.crumbs .num{font-size:12px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.story{flex-direction:column;height:calc(100dvh - 48px);min-height:540px;padding-top:8px;display:flex}.story-bars{gap:4px;display:flex}.story-bars button{background:linear-gradient(var(--ink-5), var(--ink-5)) center / 100% 2px no-repeat;flex:1;padding:10px 0}.story-bars span{border-radius:2px;height:2px;display:block}.story-cards{min-height:0;padding:var(--s3) 0 var(--s2);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:pan-y;flex:1}.story-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.story-foot{padding:10px 0 calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--ink-5);justify-content:space-between;align-items:center;display:flex}.story .eyebrow{margin-bottom:var(--s2)}.story .big{font:300 64px/66px var(--serif);letter-spacing:-1.5px}.story .centre{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.story .fit{padding:var(--s2) 0}.story .in{animation:.55s cubic-bezier(.2,.7,.3,1) both rise}.story .each{animation:.26s ease-out both fade;display:inline-flex}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.story-dots{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.story-dots i{border-radius:9px;width:9px;height:9px;display:block}.story-dots.wide{gap:5px}.story-airports{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.story-airports .each{flex-direction:column;align-items:center}.story-places{flex-wrap:wrap;justify-content:center;gap:6px 10px;display:flex}.story-weeks{flex-wrap:wrap;justify-content:center;gap:4px;max-width:300px;display:flex}.story-weeks i{border-radius:4px;width:14px;height:14px;display:block}.story-months{align-items:flex-end;gap:3px;height:120px;display:flex}.story-months>div{flex-direction:column;align-items:center;gap:6px;display:flex}.story-months i{border-radius:8px;width:16px;display:block}.story-months .num{color:var(--ink-3);font-size:10px}.story-planes{flex-direction:column;gap:14px;width:100%;display:flex}.story-plane{align-items:center;gap:10px;display:flex}.story-plane .item{flex:1}.story-plane .pd{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:55%;display:flex}.story-plane .pd i{border-radius:8px;width:8px;height:8px}.cal-row{align-items:center;width:100%;display:flex}.travel{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.travel:active{cursor:grabbing}.poster{background:var(--canvas);color:var(--ink);font:400 15px/22px var(--sans);border:1px solid var(--ink-5);border-radius:var(--r-card);padding:var(--s3);flex-direction:column;display:flex;overflow:hidden}.poster-pic{flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.poster-line{border-top:1px solid var(--ink-5);justify-content:space-between;padding:6px 0;display:flex}.poster-foot{margin-top:var(--s2);justify-content:space-between;align-items:center;display:flex}.sheet{z-index:20;background:var(--canvas);animation:rise .35s var(--ease);position:fixed;inset:0;overflow-y:auto}.sheet-in{max-width:var(--column);padding:var(--s3) var(--s3) calc(var(--s4) + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.sheet-top{margin-bottom:var(--s3);justify-content:space-between;align-items:center;display:flex}.pill{margin-top:var(--s3);background:var(--ink);color:var(--canvas);font:500 15px/22px var(--sans);border-radius:999px;align-self:center;padding:13px 28px}.pill:disabled{opacity:.6;cursor:default}.sheet-more{justify-content:center;gap:var(--s3);margin-top:var(--s2);display:flex}.how{width:100%;max-width:360px;margin-top:var(--s3);padding-top:var(--s2);border-top:1px solid var(--ink-5);text-align:left;flex-direction:column;gap:6px;display:flex}.how ol{margin:0 0 var(--s1);font:400 13px/19px var(--sans);color:var(--ink-3);padding-left:20px}.how a{text-underline-offset:2px;text-decoration:underline}.field{margin-top:var(--s3);font:400 19px/24px var(--serif);color:var(--ink);border:0;border-bottom:1px solid var(--ink-4);background:0 0;outline:none;padding:10px 0}.field:focus{border-bottom-color:var(--ink)}.poster-big{font:300 72px/76px var(--serif);letter-spacing:-1px;flex-direction:column;align-items:center;gap:4px;display:flex}.status{align-items:center;gap:8px;display:flex}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55;transform:scale(1.5)}}
