@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500&family=Noto+Sans+JP:wght@400&display=swap";
:root{--font-ui:Manrope,"Noto Sans JP",sans-serif;--text-label:10px;--text-body:12px;--text-title:24px;--text-display:48px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-ui);font-size:var(--text-body);color:#f0eee5;background:#081119;font-weight:400;line-height:1.5}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#081119}button,a,input,textarea,select{font:inherit;color:inherit}small{font-size:var(--text-label)}#world{width:100%;height:100%;display:block;position:absolute;inset:0}.topbar{z-index:10;font-family:var(--font-ui);font-size:var(--text-label);letter-spacing:.22em;justify-content:space-between;align-items:center;padding:32px 42px;display:flex;position:fixed;top:0;left:0;right:0}.brand{align-items:center;gap:12px;font-weight:500;text-decoration:none;display:flex}.brand-mark{border:1px solid #ffffff8c;border-radius:50%;width:20px;height:20px;position:relative}.brand-mark:after{content:"";background:#e9a681;border-radius:50%;width:4px;height:4px;position:absolute;top:3px;right:3px;box-shadow:-6px 8px #e9a681}nav{align-items:center;gap:23px;display:flex}.road-count{color:#b4c9ba;font-size:var(--text-label);letter-spacing:0}#user-button{min-width:28px;min-height:28px}.scenery-control{color:#f0eee580;font-size:var(--text-label);letter-spacing:.15em;align-items:center;gap:10px;display:flex}.scenery-control select{color:#e4d7c6;max-width:155px;font:var(--text-label) var(--font-ui);letter-spacing:.08em;cursor:pointer;background:#14232acc;border:1px solid #ffffff29;border-radius:2px;padding:9px 20px 9px 10px}.scenery-control select:focus-visible,button:focus-visible{outline-offset:5px;outline:1px solid #efb191}.scenery-control option{color:#f0eee5;background:#14232a}.sound-bars{align-items:center;gap:2px;height:10px;display:flex}.sound-bars i{background:currentColor;width:1px;height:4px}.sound-bars i:nth-child(2){height:8px}.sound-bars i:nth-child(3){height:6px}.sound-bars i:nth-child(4){height:3px}.sound-on .sound-bars i{animation:.7s ease-in-out infinite alternate pulse}.sound-on .sound-bars i:nth-child(2){animation-delay:-.25s}.sound-on .sound-bars i:nth-child(3){animation-delay:-.5s}@keyframes pulse{to{height:10px}}.eyebrow{color:#e8a37f;font-family:var(--font-ui);font-size:var(--text-label);letter-spacing:.28em;margin:0 0 24px}h1,h2,h3{letter-spacing:-.035em;margin:0;font-weight:400;line-height:1.1}h1{font-size:var(--text-display)}h2,h3{font-size:var(--text-title)}em{font-style:normal}strong,b{font-weight:500}.start-button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:240px;height:56px;font-family:var(--font-ui);font-size:var(--text-label);letter-spacing:.18em;cursor:pointer;background:#0912194d;border:1px solid #ffffff38;justify-content:space-between;align-items:center;padding:0 20px 0 24px;transition:all .25s;display:flex}.start-button:hover{color:#101417;background:#e9a681;border-color:#e9a681}.start-button:disabled{cursor:wait;opacity:.5}.drive-only,.subtle-button{cursor:pointer;color:#f0eee599;background:0 0;border:0;padding:0}.drive-only{font:var(--text-label) var(--font-ui);letter-spacing:.12em;margin-top:20px;display:block}.subtle-button{font-size:var(--text-body);line-height:1.7}.drive-only:hover,.subtle-button:hover{color:#efb191}.intention-invite,.current-intention{z-index:6;text-align:center;max-width:min(420px,80vw);position:fixed;top:103px;left:50%;transform:translate(-50%)}.intention-invite button{font:var(--text-label) var(--font-ui);color:#f0eee58c;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0811193d;border:1px solid #ffffff17;border-radius:20px;padding:9px 15px}.intention-invite button:hover{color:#efb191;border-color:#efb1914d}.current-intention>span{font:var(--text-label) var(--font-ui);letter-spacing:.2em;color:#efb191b3;margin-bottom:7px;display:block}.current-intention button{color:#f0eee5cc;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;max-width:100%;padding:0;display:flex}.current-intention strong{font-size:var(--text-body);white-space:nowrap;text-overflow:ellipsis;font-weight:400;overflow:hidden}.current-intention i{font-size:var(--text-body);color:#efb191;font-style:normal}.hud{z-index:5;opacity:0;visibility:hidden;font-family:var(--font-ui);justify-content:space-between;align-items:flex-end;padding:24px 42px 32px;transition:all .7s;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(15px)}.hud.visible{opacity:1;visibility:visible;transform:none}.hud span{font-size:var(--text-label);letter-spacing:.2em;color:#ffffff61;margin-bottom:7px;display:block}.hud strong{font-size:var(--text-label);letter-spacing:.13em;font-weight:400}.speed strong{font:400 var(--text-title) var(--font-ui);letter-spacing:-.05em;line-height:.8;display:inline}.speed span{margin-left:7px;display:inline}.route{text-align:center;position:absolute;left:50%;transform:translate(-50%)}#route-weather{font-size:var(--text-label);color:#f0eee58c;letter-spacing:.16em;margin:10px 0 0}.distance{text-align:right}.distance small{color:#f0eee559;font-size:var(--text-label);letter-spacing:.1em;margin-top:8px;display:block}.radio-track{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08111973;border:1px solid #ffffff14;border-radius:6px;width:235px;padding:13px 15px 12px;position:absolute;bottom:107px;left:42px}.track-status{align-items:center;gap:7px;margin:0 0 12px;display:flex}.track-status i{background:#6f7a79;border-radius:50%;width:4px;height:4px}.is-playing .track-status i{background:#d9ae8c;box-shadow:0 0 8px #d9ae8c44}.hud .track-status span{font-size:var(--text-label);letter-spacing:.1em;color:#c3b19f;margin:0}.track-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.track-name{min-width:0}.hud .track-name strong{font:400 var(--text-body) var(--font-ui);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.hud .track-name span{font:400 var(--text-label) var(--font-ui);letter-spacing:.08em;color:#f0eee599;margin:5px 0 0}.track-timeline{align-items:center;gap:12px;margin-top:12px;display:flex}#track-progress{appearance:none;accent-color:#d4a083;background:#ffffff1a;border:0;border-radius:2px;width:100%;height:2px;display:block;overflow:hidden}#track-progress::-webkit-progress-bar{background:#ffffff1a}#track-progress::-webkit-progress-value{background:#d4a083}#track-progress::-moz-progress-bar{background:#d4a083}#track-time{font:var(--text-label) var(--font-ui);color:#f0eee58c;white-space:nowrap}#track-progress[hidden],#radio-source[hidden]{display:none}#radio-source{color:#f0eee599;min-width:0;font:var(--text-label) var(--font-ui);flex:1;text-decoration:none}#radio-source:hover{color:#efb191;text-decoration:underline}#radio-source:focus-visible{outline-offset:4px;outline:1px solid #efb191}.leaderboard-panel{z-index:15;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#09151de6;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;width:280px;max-height:calc(100dvh - 160px);padding:14px;display:flex;position:fixed;top:90px;right:34px;overflow-y:auto;box-shadow:0 12px 36px #0003}.leaderboard-header{flex:none;justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.leaderboard-panel h2{font:400 var(--text-body)/1.4 var(--font-ui);letter-spacing:0;color:#efd1bd}.panel-close{color:#aebd9b;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:24px;height:24px;margin:-3px -4px -3px 0;padding:0;display:grid}.panel-close:hover{color:#e7d2af;background:#ffffff0a}.leaderboard-heading{font:var(--text-label) var(--font-ui);letter-spacing:.1em;color:#a5b499;border-bottom:1px solid #ffffff14;flex:none;justify-content:space-between;padding:10px 0 7px;display:flex}.leaderboard{min-height:0;margin:0;padding:0;list-style:none}.leaderboard li{border-bottom:1px solid #ffffff0e;grid-template-columns:17px minmax(0,1fr) auto;align-items:start;gap:8px;padding:10px 0;display:grid}.leaderboard li:last-child{border-bottom:0}.leader-rank{font:var(--text-label) var(--font-ui);color:#f0eee54d;padding-top:2px}.leader-info strong{font-size:var(--text-body);white-space:nowrap;text-overflow:ellipsis;font-weight:400;display:block;overflow:hidden}.leader-info p{font-size:var(--text-label);color:#f0eee599;overflow-wrap:anywhere;margin:3px 0 0;line-height:1.5}.leader-miles{font:var(--text-label) var(--font-ui);color:#d1c5b6;padding-top:1px}.leader-miles,#distance,#your-miles,#track-time{font-variant-numeric:tabular-nums}.number-character{vertical-align:baseline;white-space:pre;display:inline-grid;position:relative}.number-current{display:block}.number-previous{pointer-events:none;position:absolute;inset:0}.number-previous:before{content:attr(data-character)}.live-dot{vertical-align:middle;background:#a2bca1;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block;box-shadow:0 0 6px #a2bca144}.is-you .leader-info strong,.is-you .leader-rank{color:#efb191}.leaderboard-empty{font-size:var(--text-body);color:#f0eee599;padding:14px 0;line-height:1.6}.leaderboard-footer{border-top:1px solid #ffffff14;flex:none;margin-top:3px;padding-top:8px}.leaderboard-footer>.subtle-button{text-align:left;color:#c2c9af;width:100%;font-size:var(--text-body);padding:3px 0 1px}.leaderboard-footer>.subtle-button:hover{color:#ffe1b0}.your-mileage{font-size:var(--text-label);align-items:center;gap:8px;padding:0 0 8px;display:flex}.your-mileage>span:first-child{color:#efb191;font-family:var(--font-ui)}.your-mileage>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;color:#f0eee5a6;flex:1;min-width:0;overflow:hidden}.your-mileage strong{font:var(--text-label) var(--font-ui)}.road-status{font-size:var(--text-label);color:#c2c9af;margin:0 0 8px;line-height:1.6}.quiet-dialog{color:#f0eee5;background:#0c1a23f7;border:1px solid #ffffff1f;border-radius:8px;width:min(440px,100vw - 32px);max-height:calc(100dvh - 40px);padding:43px 38px 34px;position:fixed;overflow-y:auto;box-shadow:0 30px 100px #00000073}.quiet-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02080e99}.quiet-dialog h2{font-size:var(--text-title);margin-bottom:25px}.quiet-dialog .eyebrow{font-size:var(--text-label);margin-bottom:20px}.quiet-dialog .close{top:15px;right:22px}.quiet-dialog .start-button{background:#e8ad8e14;justify-content:center;width:100%;margin-top:22px}.quiet-dialog .start-button:hover{background:#e9a681}.quiet-dialog .subtle-button{margin:18px auto 0;display:block}.quiet-dialog .drive-only{font-size:var(--text-label);margin:22px auto 0}.dialog-copy{font-size:var(--text-body);color:#f0eee599;line-height:1.9}.field-label{font:var(--text-label) var(--font-ui);letter-spacing:.12em;color:#f0eee599;margin:22px 0 9px;display:block}.quiet-dialog input,.quiet-dialog textarea{width:100%;font:var(--text-body)/1.7 var(--font-ui);color:#eee9df;background:#020c124d;border:1px solid #ffffff26;border-radius:3px;outline:none;padding:11px 13px}.quiet-dialog input:focus,.quiet-dialog textarea:focus{border-color:#c68e73}.quiet-dialog textarea{resize:vertical;min-height:95px}.quiet-dialog input::placeholder,.quiet-dialog textarea::placeholder{color:#f0eee54d}.field-note{font-size:var(--text-label);color:#f0eee559;margin:10px 0;line-height:1.8}.form-error{color:#f4bca8;font-size:var(--text-body);line-height:1.7}.form-error:empty{display:none}.quiet-dialog.study-dialog{background:linear-gradient(145deg,#293d32fa,#1d322cfa);border-color:#bcc6a932;border-radius:12px;width:min(360px,100vw - 32px);padding:22px;box-shadow:0 20px 65px #07110c66}.study-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07110c55}.study-dialog-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.quiet-dialog.study-dialog h2{color:#e7d2af;font:400 var(--text-body)/1.5 var(--font-ui);letter-spacing:0;margin:0}.study-dialog .close{color:#aebd9b;opacity:1;border-radius:5px;flex:none;place-items:center;width:24px;height:24px;margin:-4px -4px -4px 0;padding:0;display:grid;position:static}.study-dialog .close:hover{color:#e7d2af;background:#ffffff0a}.study-dialog :is(input,textarea){color:#e5e3d1;font:var(--text-body)/1.6 var(--font-ui);background:#10251c66;border-color:#b8c6a929;border-radius:7px;padding:10px 12px;display:block}.study-dialog :is(input,textarea):focus{border-color:#bdc8a980}.study-dialog textarea{min-height:90px;max-height:180px}.study-dialog input{height:38px}.study-dialog .field-note{color:#a8b69c;font:var(--text-label)/1.5 var(--font-ui);margin:10px 0 0}.intention-duration{color:#b7c4a7;font-size:var(--text-body);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.intention-duration select{color:#dbe0cb;min-height:32px;font:var(--text-body) var(--font-ui);cursor:pointer;background:#1c3027;border:1px solid #b8c6a929;border-radius:6px;padding:4px 8px}.study-dialog-actions{justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}.study-dialog-actions button{min-height:34px;font:var(--text-body) var(--font-ui);cursor:pointer;border:1px solid #0000;border-radius:6px;padding:0 13px}.study-primary{color:#2e4335;background:#bec8a9}.study-primary:hover{background:#d1d8bd}.study-dialog-actions .study-secondary{color:#b4c2a5;background:0 0;margin-right:auto;padding:0}.study-secondary:hover{color:#e7d2af}.study-dialog button:disabled{opacity:.55;cursor:wait}.study-dialog .form-error{margin:12px 0 0}.close{font-size:var(--text-title);cursor:pointer;opacity:.55;background:0 0;border:0;font-weight:400;position:absolute;top:27px;right:35px}.vignette{z-index:2;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 180px #02070cbf}.grain{z-index:3;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.25s steps(2,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,4%)}75%{transform:translate(4%,2%)}}@media (max-width:650px){.topbar{padding:23px 21px}.hud{padding:20px}.route{display:none}.brand{font-size:var(--text-label)}.scenery-control>span{display:none}nav{gap:14px}.scenery-control select{max-width:136px;font-size:var(--text-label)}}@media (max-width:850px){.topbar{padding-left:24px;padding-right:24px}nav{gap:14px}.scenery-control>span{display:none}}@media (max-width:650px){.topbar{gap:12px;padding:20px 16px}nav{gap:10px}.scenery-control select{max-width:114px;font-size:var(--text-label);padding-left:7px;padding-right:7px}#sound-label,#about-open,.road-count{display:none}.leaderboard-panel{width:min(310px,100vw - 32px);top:75px;right:16px}.intention-invite,.current-intention{top:85px}.quiet-dialog{padding:38px 27px 28px}.quiet-dialog h2{font-size:var(--text-title)}.vignette{box-shadow:inset 0 0 100px #02070ca6}}@media (prefers-reduced-motion:reduce){.grain,.sound-on .sound-bars i{animation:none}}@media (max-width:650px){.radio-track{width:235px;bottom:87px;left:20px}.hud .track-name strong{font-size:var(--text-body)}}.number-arriving{animation:.36s cubic-bezier(.22,1,.36,1) number-arrive}.number-leaving{animation:.36s cubic-bezier(.22,1,.36,1) forwards number-leave}@keyframes number-arrive{0%{opacity:0;transform:translateY(.14em)}to{opacity:1;transform:translateY(0)}}@keyframes number-leave{to{opacity:0;transform:translateY(-.14em)}}@media (prefers-reduced-motion:reduce){.number-arriving,.number-leaving{animation:none}.number-leaving{display:none}}
.scenery-control{align-items:center;gap:12px;display:flex;position:relative}.scenery-control [hidden]{display:none}.scenery-label{color:#f0eee580;font:var(--text-label) var(--font-ui);letter-spacing:.16em;cursor:pointer}.scenery-trigger{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#e9e4d9;cursor:pointer;background:linear-gradient(145deg,#27363cd9,#111d24db);border:1px solid #dce1dc33;border-radius:24px;align-items:center;gap:7px;min-height:38px;padding:5px 9px 5px 5px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;box-shadow:inset 0 1px #ffffff0a,0 2px 10px #00000014}.scenery-trigger:hover,.scenery-trigger[aria-expanded=true]{background:linear-gradient(145deg,#2e3a3ef2,#192429f2);border-color:#efb19180;box-shadow:inset 0 1px #ffffff0d,0 3px 16px #0000001f}.scenery-current-preview{border:1px solid #ffffff1f;border-radius:50%;flex:none;width:26px;height:26px;overflow:hidden}.scenery-art{width:100%;height:100%;display:block;overflow:hidden}.scenery-chevron{color:#b5bcb8;width:13px;height:13px;transition:transform .25s}.scenery-chevron path,.scenery-check path{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round}.scenery-trigger[aria-expanded=true] .scenery-chevron{color:#efb191;transform:rotate(180deg)}.scenery-menu{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);transform-origin:100% 0;background:linear-gradient(145deg,#1d2c33f7,#0c181ff7);border:1px solid #cfdad52b;border-radius:17px;width:316px;padding:8px;animation:.18s ease-out scenery-in;position:absolute;top:calc(100% + 13px);right:0;box-shadow:0 20px 60px #00000052,inset 0 1px #ffffff09}.scenery-menu-heading{color:#a8b3b4;font:var(--text-label) var(--font-ui);letter-spacing:.17em;margin:10px 10px 13px}.scenery-options{scrollbar-width:thin;outline:none;gap:4px;max-height:calc(100dvh - 155px);display:grid;overflow-y:auto}.scenery-option{cursor:pointer;letter-spacing:normal;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;min-height:70px;padding:9px;transition:background .15s,border-color .15s;display:flex}.scenery-option[aria-selected=true]{background:#e0a68212;border-color:#efb19142}.scenery-option.is-active{background:#d9e5e112;border-color:#d9e5e138}.scenery-option[aria-selected=true].is-active{background:#e0a6821a;border-color:#efb1916e}.scenery-preview{border:1px solid #ffffff1f;border-radius:7px;flex:none;width:58px;height:46px;overflow:hidden}.scenery-option-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.scenery-option-name{color:#eeeae0;font:500 var(--text-body) var(--font-ui);align-items:center;gap:8px;display:flex}.scenery-option-description{color:#99a7a9;font:var(--text-label)/1.4 var(--font-ui)}.scenery-auto{color:#dfb291;font:var(--text-label) var(--font-ui);letter-spacing:.07em}.scenery-check{color:#efb191;opacity:0;flex:none;width:17px;height:17px}.scenery-option[aria-selected=true] .scenery-check{opacity:1}.scenery-trigger:focus-visible{outline-offset:4px;outline:2px solid #efb191}.scenery-options:focus-visible .is-active{outline-offset:-2px;outline:1px solid #efb191}.scenery-sun-glow{transform-box:fill-box;transform-origin:50%;animation:6s ease-in-out infinite alternate scenery-glow}.scenery-cloud{animation:9s ease-in-out infinite alternate scenery-cloud-drift}.scenery-rain path{animation:2.8s linear infinite scenery-rainfall}.scenery-snow circle{animation:5.6s linear infinite scenery-snowfall}.scenery-rain path:first-child,.scenery-snow circle:first-child{animation-delay:-.8s}.scenery-rain path:nth-child(2),.scenery-snow circle:nth-child(2){animation-delay:-2.3s}.scenery-rain path:nth-child(3),.scenery-snow circle:nth-child(3){animation-delay:-4.1s}.scenery-rain path:nth-child(4),.scenery-snow circle:nth-child(4){animation-delay:-1.5s}.scenery-rain path:nth-child(5),.scenery-snow circle:nth-child(5){animation-delay:-3.4s}.scenery-rain path:nth-child(6),.scenery-snow circle:nth-child(6){animation-delay:-5s}.scenery-wind path{animation:5s ease-in-out infinite scenery-breeze}.scenery-wind path:nth-child(2){animation-delay:-3.3s}.scenery-wind path:nth-child(3){animation-delay:-1.7s}@keyframes scenery-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:none}}@keyframes scenery-glow{0%{opacity:.1;transform:scale(.95)}to{opacity:.22;transform:scale(1.15)}}@keyframes scenery-cloud-drift{0%{transform:translate(-2px)}to{transform:translate(5px)}}@keyframes scenery-rainfall{0%{opacity:0;transform:translate(8px,-20px)}15%,80%{opacity:1}to{opacity:0;transform:translate(-12px,28px)}}@keyframes scenery-snowfall{0%{opacity:0;transform:translateY(-16px)}20%{opacity:1}50%{transform:translate(-2px,7px)}80%{opacity:1}to{opacity:0;transform:translate(3px,30px)}}@keyframes scenery-breeze{0%{opacity:0;transform:translate(-4px)}40%,60%{opacity:.7}to{opacity:0;transform:translate(6px)}}@media (max-width:650px){.scenery-control{position:static}.scenery-label{display:none}.scenery-trigger{gap:6px;min-height:36px;padding:4px 8px 4px 4px}.scenery-menu{width:min(316px,100vw - 32px);top:calc(100% - 10px);right:16px}}@media (prefers-reduced-motion:reduce){.scenery-menu,.scenery-control .scenery-art *{animation:none}.scenery-trigger,.scenery-chevron,.scenery-option{transition:none}}.scenery-option{text-align:left;width:100%;font:inherit;background:0 0;border:0}.scenery-option:focus{background:#ffffff0a;outline:none}.scenery-art[data-starry=true] .scenery-rain{display:none}.scenery-art[data-starry=true]>rect:first-child{fill:#111e36}
@font-face{font-family:Night Line Wordmark;font-style:italic;font-weight:300;font-display:swap;src:url(/assets/night-line-wordmark.ttf)format("truetype")}.topbar{z-index:20}.brand{color:#e6d8bc;letter-spacing:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex:none;grid-template-columns:22px auto;align-items:center;column-gap:8px;padding:0;font-weight:400;display:grid}.brand:hover{color:#ffebc7}.brand-emblem{opacity:.8;grid-area:1/1;width:22px;height:27px}.brand .brand-wordmark{font:italic 300 var(--text-title)/1 "Night Line Wordmark","Times New Roman",serif;font-synthesis:none;letter-spacing:-.015em;white-space:nowrap;grid-area:1/2;display:block}.cockpit{z-index:8;pointer-events:none;font-family:var(--font-ui);position:fixed;inset:0}.dash-route,.radio-controls button>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.media-console{color:#e3dfcc;pointer-events:auto;width:280px;position:fixed;bottom:22px;right:22px}.study-intention-row,.radio-widget,.miles-widget,.focus-timer{--card-shadow:inset 0 1px 0 #f2ebcf0d,0 2px 4px #07120e14,0 8px 22px -8px #07120e55;box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(22px)saturate(.8);backdrop-filter:blur(22px)saturate(.8);background:#21352fb0;border:1px solid #c8d0af2b;border-color:#e0e5c638 #c8d0af2b #b5c6a91c;border-radius:10px;position:relative}.study-intention-row{margin-bottom:8px;padding:10px 13px}.radio-widget{padding:12px}.media-intention{flex:1;min-width:0}.cockpit .intention-invite,.cockpit .current-intention{text-align:left;max-width:none;position:static;transform:none}.cockpit .intention-invite>span,.cockpit .current-intention>span{color:#bbc6a8;font:var(--text-label) var(--font-ui);letter-spacing:.12em;margin:0 0 5px;display:block}.cockpit .intention-invite button,.cockpit .current-intention button{color:#e5d3b3;text-align:left;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;box-shadow:none;cursor:pointer;background:0 0;border:0;border-radius:0;align-items:center;gap:5px;padding:0;display:flex}.cockpit .intention-invite strong,.cockpit .current-intention strong{-webkit-line-clamp:2;font:400 var(--text-body)/1.5 var(--font-ui);white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cockpit .current-intention i{color:#a9b398;font-size:var(--text-label);flex:none}.cockpit [data-add-intention]:hover{color:#ffe7bb}.playback-row{align-items:center;gap:10px;display:flex}.radio-display{flex:1;min-width:0}.cockpit .track-status{align-items:center;gap:5px;margin:0 0 5px;display:flex}.cockpit .track-status span{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-label);letter-spacing:.07em;color:#a5b499;overflow:hidden}.cockpit .track-status i{background:#87977e;border-radius:50%;flex:none;width:3px;height:3px}.cockpit .is-playing .track-status i{background:#bbcb97}.cockpit .track-name strong{text-overflow:ellipsis;white-space:nowrap;font:500 var(--text-body)/1.3 var(--font-ui);letter-spacing:-.015em;display:block;overflow:hidden}.cockpit .track-name span{text-overflow:ellipsis;white-space:nowrap;color:#a5b499;font:400 var(--text-label) var(--font-ui);margin-top:3px;display:block;overflow:hidden}.cockpit .is-live .track-name span{display:none}.radio-controls{flex:none;align-items:center;gap:2px;display:flex}.radio-controls button{color:#c2c9af;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:32px;padding:0;display:grid}.radio-controls #sound-toggle{color:#2e4335;background:#bec8a9;width:32px}.radio-controls button:hover:not(:disabled){background:#ffffff12}.radio-controls #sound-toggle:hover{background:#d1d8bd}.radio-controls button:disabled{opacity:.3;cursor:default}.radio-controls .pause-icon,.radio-controls .sound-on .play-icon{display:none}.radio-controls .sound-on .pause-icon{display:block}.cockpit button:focus-visible{outline-offset:2px;outline:1px solid #d7bd8f}.cockpit .track-timeline{align-items:center;gap:10px;margin-top:8px;display:flex}.cockpit #track-time,.cockpit #radio-source{color:#9baa9299;font:var(--text-label) var(--font-ui)}.cockpit #radio-source{white-space:nowrap;flex:none}.track-visual{flex:1;min-width:0;height:16px;position:relative}.radio-waveform{color:#bdcba8;opacity:.2;width:100%;height:16px;transition:opacity .6s;display:block;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.radio-waveform.is-playing{opacity:.4}.radio-waveform path{fill:none;stroke:currentColor;stroke-width:1px;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.radio-waveform{transition:none}}.cockpit #track-progress{accent-color:#b6c39a;background:#c4c3aa22;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.cockpit #track-progress::-webkit-progress-bar{background:#c4c3aa22}.cockpit #track-progress::-webkit-progress-value{background:#b6c39a}.cockpit #track-progress::-moz-progress-bar{background:#b6c39a}.journey-controls{z-index:10;width:280px;position:fixed;bottom:22px;left:22px}.miles-widget{margin-bottom:8px;padding:9px 12px 11px}.miles-button{color:#ced6b9;width:100%;font:var(--text-label) var(--font-ui);letter-spacing:.09em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:2px 0 8px;display:flex}.miles-button:hover,.miles-button[aria-expanded=true]{color:#ffe1b0}.miles-button strong{font-size:var(--text-body);letter-spacing:.04em;margin-left:auto;font-weight:400}.miles-arrow{color:#b9c89e;font-size:var(--text-body)}.company-status{color:#b5c3a7;font:var(--text-body)/1.4 var(--font-ui);align-items:center;gap:6px;margin:0;display:flex}.company-status i{background:#b9cf97;border-radius:50%;flex:none;width:3px;height:3px}.leaderboard-panel{background:linear-gradient(145deg,#293d32fa,#1d322cfa);border-color:#bcc6a932;width:280px;max-height:min(340px,100dvh - 314px);inset:auto auto 206px 22px}.leaderboard{scrollbar-width:thin;scrollbar-color:#697a5d66 transparent;max-height:180px;overflow-y:auto}.leaderboard-panel h2{color:#e7d2af}.vignette{box-shadow:inset 0 0 110px #11191055}#world{cursor:grab;touch-action:none;outline:none}#world.is-looking{cursor:grabbing}#world.is-conductor-hovered:not(.is-looking){cursor:pointer}#world:focus-visible{box-shadow:inset 0 0 0 1px #d4be9244}@media (max-width:650px){#about-open{display:grid}.topbar{gap:8px;padding:16px 12px}.topbar nav{gap:8px}.brand{grid-template-columns:19px auto;column-gap:6px}.brand-emblem{width:19px;height:24px}.media-console{width:min(280px,100vw - 24px);bottom:12px;left:auto;right:12px}.journey-controls{width:280px;inset:92px auto auto 12px}.radio-controls button{width:30px;height:36px}.radio-controls #sound-toggle{width:34px}.leaderboard-panel{width:min(280px,100vw - 24px);max-height:calc(100dvh - 297px);inset:283px auto auto 12px}}@media (min-width:651px) and (max-height:560px){.leaderboard-panel{max-height:calc(100dvh - 108px);bottom:22px;left:310px}}.station-status{color:#dbdec4;letter-spacing:.02em;pointer-events:none;background:#233a32e8;border-radius:10px;margin:0 0 6px;padding:8px 12px;font-size:12px}
.account-control{letter-spacing:normal;position:relative}.account-trigger{color:#d7dcd4;cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#27363cd9,#111d24db);border:1px solid #dce1dc33;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;transition:border-color .2s,background .2s;display:grid;box-shadow:inset 0 1px #ffffff0a,0 2px 10px #00000014}.account-trigger:hover,.account-trigger[aria-expanded=true]{background:linear-gradient(145deg,#2e3a3ef2,#192429f2);border-color:#efb19180}.account-trigger>svg{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.account-panel{z-index:2;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:260px;max-width:calc(100vw - 32px);font-family:var(--font-ui);scrollbar-width:thin;background:linear-gradient(145deg,#1d2b31f7,#0c1921f7);border:1px solid #cfdad52b;border-radius:12px;max-height:calc(100dvh - 90px);padding:12px 8px 0;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 18px 55px #00000052,inset 0 1px #ffffff0a}.account-eyebrow{color:#cba38c;font:var(--text-label) var(--font-ui);letter-spacing:.18em;margin:0 8px 2px}.account-identity{margin:0 0 6px;padding:6px 8px}.account-identity strong{text-overflow:ellipsis;white-space:nowrap;color:#f0eee5;font:500 var(--text-body) var(--font-ui);display:block;overflow:hidden}.account-rider-name{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:32px;transition:background .2s,border-color .2s;display:flex}.account-rider-name:hover,.account-rider-name:focus-visible{background:#efb1910f;border-color:#efb19121;outline:none}.account-rider-name[aria-disabled=true]{opacity:.5;cursor:wait}.account-rider-name>svg{color:#cba38c;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.account-guest-identity>span{color:#91a0a4;font-size:var(--text-label);margin-top:2px;display:block}.account-menu{padding:0 0 4px}.account-settings{border-top:1px solid #ffffff14;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:4px 6px;padding:8px 0;display:grid}.cabin-options{background:#030c1247;border:1px solid #ffffff14;border-radius:10px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0 4px 4px;padding:3px;display:grid}.seat-options{grid-column:span 2;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;display:grid}.cabin-option{color:#b9c1bd;min-width:0;min-height:62px;font:var(--text-label)/1.3 var(--font-ui);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:7px 3px;transition:background .2s,border-color .2s,color .2s;display:flex}.cabin-option>svg{flex:none;width:28px;height:28px;display:block}.cabin-option:hover{color:#eee3d4;background:#efb1910f;border-color:#efb19121}.cabin-option:focus-visible{outline-offset:-2px;outline:1px solid #efb191}.cabin-option[aria-checked=true]{color:#f3dccb;background:#efb19121;border-color:#efb19152}.account-menu-item{text-align:left;color:#dce0d9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:34px;padding:6px 8px;transition:background .2s,border-color .2s;display:flex}.account-menu-item:hover,.account-menu-item:focus-visible{background:#efb1910f;border-color:#efb19121;outline:none}.account-menu-item>svg{color:#b8b6ac;stroke:currentColor;stroke-width:1.35px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.account-menu-item strong{font-size:var(--text-body);font-weight:500;display:block}.account-menu-item small{font-size:var(--text-label);color:#91a0a4;margin-top:2px;display:block}.account-item-arrow{font-size:var(--text-body);color:#d4a58a;margin-left:auto;font-weight:400}.dev-kit-toggle{grid-column:1/-1;width:auto;margin:4px 4px 0}.account-item-state{color:#b9c1bd;font:var(--text-label) var(--font-ui);letter-spacing:.06em;background:#030c1247;border:1px solid #ffffff1a;border-radius:20px;flex:none;margin-left:auto;padding:3px 8px}.dev-kit-toggle[aria-checked=true] .account-item-state{color:#f3dccb;background:#efb19121;border-color:#efb19152}.dev-kit-toggle[aria-checked=true]>svg{color:#e4b394}.account-menu-item[aria-disabled=true]{opacity:.5;cursor:wait}.account-panel .form-error{margin:3px 8px 8px}.account-progress{color:#92a09f;font:400 var(--text-body) var(--font-ui);border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px;margin:0;padding:9px 8px 10px;display:flex}.account-progress dd{color:#efd1bd;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.account-section-label{color:#91a0a4;font:var(--text-label) var(--font-ui);letter-spacing:.08em;margin:0 0 0 8px}.distance-options{background:#030c1247;border:1px solid #ffffff14;border-radius:8px;grid-template-columns:1fr 1fr;gap:2px;margin:0 4px 0 0;padding:2px;display:grid}.distance-options button{color:#b9c1bd;min-height:30px;font:var(--text-body) var(--font-ui);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:5px;padding:0 6px;transition:background .2s,border-color .2s,color .2s;display:flex}.distance-options button:hover,.distance-options button:focus-visible{background:#efb1910f;border-color:#efb19121;outline:none}.distance-options button[aria-checked=true]{color:#f3dccb;background:#efb19121;border-color:#efb19152}.account-actions{border-top:1px solid #ffffff14;margin-top:0;padding-top:4px}.night-auth-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#02080ea8}.night-auth-modal{max-width:calc(100vw - 32px)}.night-auth-root{width:100%;max-width:100%;font:var(--text-body)/1.6 var(--font-ui)}:where(.night-auth-root) *{font-size:inherit}:where(.night-auth-root) :is(h1,h2,h3){font:500 var(--text-body)/1.35 var(--font-ui);letter-spacing:normal;margin:0}.night-auth-card-box{background:linear-gradient(145deg,#1b2b32,#0c1921);border:1px solid #cfdad52b;border-radius:17px;width:420px;max-width:100%;box-shadow:0 30px 100px #00000073}.night-auth-card{width:100%;min-width:0;box-shadow:none;background:0 0;border:0;gap:26px;padding:38px 34px 30px}.cl-signIn-root .night-auth-card:before,.cl-signUp-root .night-auth-card:before{content:"NIGHT LINE / YOUR OWN LITTLE ESCAPE";color:#cba38c;font:var(--text-label) var(--font-ui);letter-spacing:.16em;display:block}.night-auth-close{color:#a4b1b3;padding:7px;top:15px;right:15px}.night-auth-title{color:#efd1bd;font:400 var(--text-title)/1.13 var(--font-ui);letter-spacing:-.035em}.night-auth-subtitle{color:#a4b1b3;font-size:var(--text-body);margin-top:10px;line-height:1.8}.night-auth-label{color:#b5bfbe;font:var(--text-label)/1.5 var(--font-ui);letter-spacing:.09em}.night-auth-input{color:#f0eee5;min-height:43px;box-shadow:none;font:var(--text-body)/1.6 var(--font-ui);background:#0d1921;border:1px solid #ffffff29;border-radius:5px;padding:11px 13px}.night-auth-input:focus{border-color:#c68e73;box-shadow:0 0 0 2px #efb1911a}.night-auth-primary{color:#101a20;min-height:46px;box-shadow:none;font:var(--text-label) var(--font-ui);letter-spacing:.13em;text-transform:uppercase;background:#efb191;border:1px solid #efb191;border-radius:5px}.night-auth-primary:hover{background:#f4c5ac;border-color:#f4c5ac}.night-auth-social{min-height:43px;box-shadow:none;font:var(--text-body) var(--font-ui);background:#ffffff06;border:1px solid #ffffff2b}.night-auth-social:hover{background:#efb19112;border-color:#efb19159}.night-auth-footer{background:#030c1233;border-top:1px solid #ffffff12}.night-auth-footer-action{padding:17px 25px}.cl-userProfile-root.night-auth-root{height:auto;min-height:0}.cl-userProfile-root .night-auth-card-box{width:800px;height:min(580px,100dvh - 64px);min-height:0}.night-account-navbar{background:#030c123d;border-right:1px solid #ffffff14;flex-basis:205px;padding:32px 20px}.night-account-navbar .cl-navbarMobileMenuButton{box-shadow:none;background:0 0}.night-account-navbar :is(h1,h2){color:#d2af98;font:var(--text-body)/1.4 var(--font-ui);letter-spacing:.08em;text-transform:uppercase}.night-account-tab{min-height:39px;font:var(--text-label) var(--font-ui);letter-spacing:.05em}.night-account-scroll{background:0 0}.night-account-page{gap:25px;padding:30px}.night-account-page .cl-headerTitle{font:400 var(--text-title)/1.15 var(--font-ui);letter-spacing:-.025em}.night-account-section-title{color:#b5bfbe;font:var(--text-label)/1.7 var(--font-ui);letter-spacing:.07em;text-transform:uppercase}.night-account-edit{font-size:var(--text-label)}.night-account-badge{color:#c5d0c6;font:var(--text-label)/1.4 var(--font-ui);background:#a2bca117;border:1px solid #a2bca126}@media (max-width:650px){.account-trigger{width:36px;height:36px}.account-panel{top:calc(100% + 10px)}.night-auth-card{padding:35px 24px 25px}.night-auth-title{font-size:var(--text-title)}.cl-signIn-root .night-auth-card:before,.cl-signUp-root .night-auth-card:before{font-size:var(--text-label);letter-spacing:.11em}.night-account-navbar{border-bottom:1px solid #ffffff14;border-right:0;flex-basis:auto;padding:18px}.night-account-page{padding:24px 20px}}@media (prefers-reduced-motion:reduce){.account-trigger,.account-rider-name,.account-menu-item,.cabin-option,.distance-options button{transition:none}}
.focus-timer{color:#e3dfcc;font-family:var(--font-ui);padding:10px 12px 12px;transition:border-color .6s,box-shadow .6s}.focus-timer.is-complete{box-shadow:var(--card-shadow),0 0 0 3px #e5cf9f1a;border-color:#e5cf9f8c}.timer-header{justify-content:space-between;align-items:center;gap:8px;min-height:20px;display:flex}.timer-status{color:#a5b499;min-width:0;font:var(--text-label) var(--font-ui);letter-spacing:.07em;white-space:nowrap;align-items:center;gap:6px;margin:0;display:flex}.timer-status>i{background:#87977e;border-radius:50%;flex:none;width:3px;height:3px}.is-running .timer-status>i{background:#bbcb97;box-shadow:0 0 6px #bbcb9766}.is-running:not([data-phase=focus]) .timer-status>i{background:#e2b48f;box-shadow:0 0 6px #e2b48f66}#timer-phase{text-overflow:ellipsis;overflow:hidden}.timer-rounds{gap:3px;margin-left:2px;display:flex}.timer-rounds b{border:1px solid #a5b49980;border-radius:50%;width:5px;height:5px}.timer-rounds .is-done{background:#bbcb97;border-color:#bbcb97}.timer-rounds .is-current{border-color:#e3dfcc}.timer-mode{color:#c2c9af;font:var(--text-label) var(--font-ui);letter-spacing:.07em;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;align-items:center;gap:4px;margin:-4px -6px -4px 0;padding:4px 6px;display:flex}.timer-mode:hover,.timer-mode[aria-expanded=true]{color:#ffe1b0;background:#fff3d310}.timer-mode svg{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px;transition:transform .2s}.timer-mode[aria-expanded=true] svg{transform:rotate(180deg)}.timer-row{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.timer-time{color:#c9ccb6;font:400 var(--text-title)/1.2 var(--font-ui);letter-spacing:-.02em;font-variant-numeric:tabular-nums;transition:color .3s}.is-running .timer-time{color:#efe9d6}.is-running:not([data-phase=focus]) .timer-time{color:#f0d6ba}.timer-controls{flex:none;align-items:center;gap:2px;display:flex}.timer-controls button{color:#c2c9af;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:32px;padding:0;display:grid}.timer-controls #timer-toggle{color:#2e4335;background:#bec8a9;width:32px}.timer-controls button:hover:not(:disabled){background:#ffffff12}.timer-controls #timer-toggle:hover{background:#d1d8bd}.timer-controls button:disabled{opacity:.3;cursor:default}#timer-reset svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}#timer-toggle .pause-icon,.is-running #timer-toggle .play-icon{display:none}.is-running #timer-toggle .pause-icon{display:block}.focus-timer button:focus-visible{outline-offset:2px;outline:1px solid #d7bd8f}#timer-progress{appearance:none;accent-color:#b6c39a;background:#c4c3aa22;border:0;border-radius:2px;width:100%;height:2px;margin-top:9px;display:block;overflow:hidden}#timer-progress::-webkit-progress-bar{background:#c4c3aa22}#timer-progress::-webkit-progress-value{background:#b6c39a}#timer-progress::-moz-progress-bar{background:#b6c39a}.focus-timer:not([data-phase=focus]) #timer-progress{accent-color:#dcae8a}.focus-timer:not([data-phase=focus]) #timer-progress::-webkit-progress-value{background:#dcae8a}.focus-timer:not([data-phase=focus]) #timer-progress::-moz-progress-bar{background:#dcae8a}.timer-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.timer-menu{z-index:2;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#21352ffa;border:1px solid #bcc6a932;border-radius:10px;padding:6px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 16px 55px #0000003d}.timer-menu-heading{color:#aebd9b;font:var(--text-label) var(--font-ui);letter-spacing:.17em;margin:10px 10px 8px}.timer-option{color:#e3dfcc;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:12px;width:100%;padding:9px 10px;display:flex}.timer-option>span{flex:1;min-width:0}.timer-option strong{font:500 var(--text-body)/1.4 var(--font-ui);display:block}.timer-option small{color:#a5b499;font:var(--text-label)/1.4 var(--font-ui);margin-top:2px;display:block}.timer-option:hover,.timer-option:focus-visible{background:#fff3d30d;border-color:#e9d9b51f;outline:none}.timer-option[aria-checked=true]{background:#c3c7a614;border-color:#c3c7a633}.timer-check{fill:none;stroke:#c3c7a6;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0;flex:none;width:16px;height:16px}.timer-option[aria-checked=true] .timer-check{opacity:1}@media (max-width:650px){.timer-menu{top:calc(100% + 8px);bottom:auto}.timer-controls button{width:30px;height:36px}.timer-controls #timer-toggle{width:34px}}@media (prefers-reduced-motion:reduce){.focus-timer,.timer-mode svg,.timer-time{transition:none}}
.welcome-shade{z-index:4;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0d1a19a6,#0d1a1924 52%,#0000 78%);transition:opacity .9s;position:fixed;inset:0}.is-welcoming .welcome-shade{opacity:1}.welcome{z-index:12;color:#ede5d3;opacity:0;visibility:hidden;text-shadow:0 2px 24px #07121066;width:min(440px,100vw - 48px);transition:opacity .45s,transform .6s,visibility 0s linear .6s;position:fixed;top:44%;left:7vw;transform:translateY(calc(-50% - 8px))}.is-welcoming .welcome{opacity:1;visibility:visible;transition:none;transform:translateY(-50%)}.welcome h1{font:400 var(--text-display)/1.12 var(--font-ui);letter-spacing:-.04em}.welcome p{color:#dbdfd0ba;font:400 var(--text-body)/1.8 var(--font-ui);margin:19px 0 26px}.welcome-start{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e4e4cd;width:184px;min-height:48px;font:400 var(--text-body) var(--font-ui);cursor:pointer;background:#2a3b30ba;border:1px solid #d1d7ba66;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;padding:12px 18px;transition:background .2s,border-color .2s;display:flex}.welcome-start:hover:not(:disabled){background:#384b3be6;border-color:#d1d7baa6}.welcome-start:focus-visible{outline-offset:5px;outline:2px solid #e7d6af}.welcome-start:disabled{cursor:wait}.welcome-start svg{flex:none}.journey-load-error{z-index:30;color:#ede5d3;font:var(--text-body)/1.8 var(--font-ui);background:#21352f;border:1px solid #d1d7ba66;border-radius:8px;margin:0;padding:14px 18px;position:fixed;bottom:24px;left:24px;right:24px}.journey-load-error a{text-underline-offset:3px}[data-journey-tile]{--reveal-delay:.3s;opacity:1;visibility:visible;transition:opacity .7s ease var(--reveal-delay),transform .85s cubic-bezier(.2,.7,.2,1) var(--reveal-delay),visibility 0s linear var(--reveal-delay),border-color .6s,box-shadow .6s;transform:translateY(0)}.topbar [data-journey-tile]{--reveal-delay:.2s}.study-intention-row[data-journey-tile]{--reveal-delay:.4s}.focus-timer[data-journey-tile]{--reveal-delay:.48s}.radio-widget[data-journey-tile]{--reveal-delay:.56s}.is-welcoming [data-journey-tile]{opacity:0;visibility:hidden;transition:none;transform:translateY(10px)}@media (max-width:650px){.welcome{top:43%;left:24px}.welcome-shade{background:linear-gradient(90deg,#0d1a1999,#0d1a1940 70%,#0000)}}@media (max-height:500px){.welcome{top:53%}.welcome p{margin:14px 0 20px}}@media (prefers-reduced-motion:reduce){.welcome,.welcome-shade,[data-journey-tile]{transition:none}.welcome{transform:translateY(-50%)}.is-welcoming [data-journey-tile]{transform:none}}
.about-panel{color:#e5e3d1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#293d32fa,#182e28fc);border:1px solid #bcc6a932;border-radius:16px;width:min(420px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:0;padding:0;position:fixed;inset:16px 16px auto auto;overflow:hidden;box-shadow:0 24px 80px #07110c66}.about-panel[open]{flex-direction:column;animation:.25s ease-out about-arrive;display:flex}.about-panel::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07110c55}.about-header{flex:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 16px 0 32px;display:flex}.about-brand,.about-brand:hover{color:#e6d8bc;cursor:default}.about-close{color:#b8c6a9;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;padding:0;transition:background .2s,color .2s;display:grid}.about-close:hover{color:#f0dfbf;background:#ffffff0a}.about-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#697a5d66 transparent;padding:18px 32px 28px;overflow-y:auto}.about-note p{color:#bbc7b4;font:var(--text-body)/1.9 var(--font-ui);margin:0 0 16px}.about-note p:last-child{margin-bottom:0}.about-footer{border-top:1px solid #b8c6a924;margin-top:24px;padding-top:20px}.about-creator{border-radius:4px;align-items:center;gap:12px;min-height:44px;text-decoration:none;display:flex}.about-creator img{object-fit:cover;border-radius:50%;flex:none;width:40px;height:40px;display:block;box-shadow:0 0 0 1px #ded3b333}.about-creator-copy{flex:1;min-width:0;display:block}.about-creator-copy strong{color:#efe1c5;font:500 var(--text-body)/1.6 var(--font-ui);overflow-wrap:anywhere;display:block}.about-creator-invite{color:#acbda2;font:var(--text-label)/1.5 var(--font-ui);margin-top:3px;display:block}.about-creator-arrow{color:#c7c9a7;flex:none}.about-creator:hover strong{text-underline-offset:3px;text-decoration:underline}.about-creator:hover .about-creator-arrow{color:#f0dfbf}.about-panel :is(a,button):focus-visible{outline-offset:4px;outline:1px solid #e7d2af}@keyframes about-arrive{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@media (max-width:650px){.about-panel{border-radius:12px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);inset:12px 12px auto auto}.about-header{padding:16px 12px 0 24px}.about-body{padding:16px 24px 22px}}@media (prefers-reduced-motion:reduce){.about-panel[open]{animation:none}.about-close{transition:none}}
.dev-kit{z-index:12;color:#d9dfc4;width:240px;font-family:var(--font-ui);-webkit-backdrop-filter:blur(22px)saturate(.8);backdrop-filter:blur(22px)saturate(.8);background:#21352fb0;border:1px solid #c8d0af2b;border-color:#e0e5c638 #c8d0af2b #b5c6a91c;border-radius:10px;padding:12px 13px 13px;position:fixed;top:92px;left:22px;box-shadow:inset 0 1px #f2ebcf0d,0 2px 4px #07120e14,0 8px 22px -8px #07120e55}.dev-kit-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.dev-kit h2{color:#ceb894;font:400 var(--text-label) var(--font-ui);letter-spacing:.17em}.dev-kit-rate{flex-wrap:wrap;align-items:baseline;gap:6px;margin:6px 0 0;display:flex}.dev-kit-rate strong{color:#f0d6ba;font:400 var(--text-title)/1.1 var(--font-ui);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.dev-kit[data-smooth] .dev-kit-rate strong{color:#d8e4b2}.dev-kit-rate span{color:#a5b499;font-size:var(--text-label);letter-spacing:.14em}.dev-kit-rate small{color:#9baa92cc;font:var(--text-label)/1.5 var(--font-ui);font-variant-numeric:tabular-nums;flex-basis:100%}.dev-kit-spark{width:100%;height:30px;margin:8px 0 10px;display:block;overflow:visible}.dev-kit-spark polyline{fill:none;stroke:#dcae8a;stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.dev-kit[data-smooth] .dev-kit-spark polyline{stroke:#b6c39a}.dev-kit-readings{gap:4px 12px;margin:0;display:grid}.dev-kit-reading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.dev-kit-reading dt{color:#9baa92;font:var(--text-label) var(--font-ui);letter-spacing:.06em}.dev-kit-reading dd{color:#dfe2cb;font:var(--text-label) var(--font-ui);font-variant-numeric:tabular-nums;margin:0}@media (max-width:650px){.dev-kit{top:auto;width:auto;inset:auto 12px 12px}}