#sheet.journey-sheet{width:min(100%,600px);max-width:600px;max-height:96dvh;padding:0;border:1px solid #47695d;border-radius:32px;background:#0c211e;color:#eef4e9;overflow-y:auto}#sheet.journey-sheet .sheet-handle{display:none}#sheet.journey-sheet .close-sheet{position:absolute;right:18px;top:20px;z-index:3}#sheet.journey-sheet #sheet-content{padding:0}.journey{overflow:hidden;min-height:640px;background:radial-gradient(ellipse at 50% 12%,#214d4166,transparent 65%)}.journey-top{display:flex;justify-content:space-between;padding:28px 72px 18px 30px;font-size:11px;letter-spacing:4px;color:#b8cbb7}.journey-top span+span{letter-spacing:1px}.journey-progress{display:flex;gap:6px;padding:0 30px}.journey-progress i{height:3px;background:#284039;flex:1;border-radius:4px}.journey-progress i.lit{background:#d6e9aa;box-shadow:0 0 12px #cee7aa55}.journey-scene{height:150px;position:relative;margin:8px 0 0;isolation:isolate}.journey-scene.intro{height:235px}.journey-scene .safar-character{position:absolute;width:145px;height:145px;left:calc(50% - 72px);bottom:5px;z-index:2;animation:journey-arrive .7s ease both}.journey-scene.intro .safar-character{width:210px;height:210px;left:calc(50% - 105px);bottom:12px}.journey-halo{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,#f1d69a20,transparent 70%);left:calc(50% - 110px);top:-30px;animation:journey-glow 4s ease-in-out infinite}.journey-moon{position:absolute;width:27px;height:27px;border-radius:50%;box-shadow:-7px 4px 0 #d5e5b4;right:22%;top:18px;transform:rotate(-20deg)}.journey-star{position:absolute;color:#d9c990;animation:journey-glow 3s ease-in-out infinite}.journey-star.one{left:24%;top:35px;font-size:18px}.journey-star.two{right:28%;top:85px;font-size:12px;animation-delay:1s}.journey-dune{position:absolute;width:85%;height:70px;left:-20%;bottom:0;border-radius:50% 60% 0 0;background:#30534544;transform:rotate(8deg)}.journey-dune.back{left:40%;bottom:4px;background:#6d805224;transform:rotate(-12deg);z-index:-1}.journey-trail{display:flex;justify-content:center;gap:22px;position:absolute;bottom:0;width:100%;z-index:3}.journey-trail b{width:4px;height:4px;border-radius:50%;background:#516047}.journey-trail b.lit{background:#f5d599;box-shadow:0 0 12px 3px #f5d59944}.journey-content{padding:22px 30px 30px;animation:journey-arrive .35s ease}.journey h2{font:500 34px/1.15 Georgia,serif;margin:8px 0 14px;letter-spacing:-.8px;outline:none}.journey-sub{font-size:14px;line-height:1.65;color:#b4c7bc;margin-bottom:22px}.journey .fine{font-size:11px;line-height:1.7;color:#a1b6a9}.journey-story{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 16px}.journey-story span{padding:8px 10px;border-radius:30px;border:1px solid #63806555;color:#cad8be;font-size:11px}.journey-options{display:grid;gap:9px}.journey-options button,.journey-results button{display:flex;flex-direction:column;text-align:left;padding:16px 18px;border:1px solid #486154;border-radius:16px;background:#19352b66;color:#e8efdf;min-height:66px}.journey-options button[aria-pressed=true]{border-color:#d6e9aa;background:#b4d49a1c;box-shadow:inset 3px 0 #d6e9aa}.journey-options strong{font-size:14px;font-weight:500}.journey-options small,.journey-results small{font-size:12px;color:#a6bcae;margin-top:5px}.practice-options button{flex-direction:row;align-items:center;gap:12px;min-height:54px;padding:12px 16px}.practice-options button b{margin-left:auto;font-size:18px;color:#d6e9aa}.practice-options .icon{width:19px;height:19px}.journey-actions{display:flex;gap:12px;margin-top:18px}.journey-actions .primary{flex:1;justify-content:center;min-height:54px}.journey-actions .quiet{min-width:80px}.journey-later{margin:20px auto 0;display:block;font-size:12px}.journey-message{font-size:12px;color:#e5d6ac;margin:12px 0 0;line-height:1.6}.journey-message:empty{display:none}.journey-gps{padding:17px;border:1px solid #a8c786;border-radius:14px;background:#c6e3a519;color:#dcebc9;width:100%;font-size:14px}.journey-search{display:flex;gap:8px;margin:18px 0}.journey-search input,.journey-name input{min-width:0;flex:1;border-radius:12px;border:1px solid #4b6658;background:#0c211e;color:#ecf1e6;padding:14px;font:inherit;font-size:13px}.journey-search button{border-radius:12px;padding:12px;border:1px solid #5c775b;background:#233e30;color:#dcebc9}.journey-name small{color:#94ab9b;font-weight:400}.journey-results{display:grid;gap:7px}.journey-selected{font-size:14px;color:#d6e9aa}.journey-ticket{padding:20px;border:1px solid #b9cf9455;border-radius:20px;background:#223f2c66}.journey-ticket>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #99ad7b22;font-size:13px}.journey-ticket .icon{width:16px;height:16px;vertical-align:middle}.journey-ticket strong{white-space:nowrap;font-size:17px;color:#dfedc5}.journey-ticket small{font-size:11px;font-weight:400}.journey-ticket p{font-size:11px;color:#a6bcae;margin-bottom:0}.journey button:focus-visible{outline:2px solid #f3d89f;outline-offset:3px}.journey button:disabled{opacity:.45;cursor:not-allowed}@keyframes journey-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes journey-glow{50%{opacity:.4;transform:scale(.94)}}@media(max-width:600px){#sheet.journey-sheet{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.journey{min-height:100%;padding-bottom:env(safe-area-inset-bottom)}.journey-content{padding:20px 24px 28px}.journey-top{padding-top:calc(24px + env(safe-area-inset-top))}.journey h2{font-size:32px}.journey-scene.intro{height:225px}.journey-scene{height:125px}.journey-scene .safar-character{height:125px;width:125px;left:calc(50% - 62px)}.journey-search input{width:0}}@media(prefers-reduced-motion:reduce){.journey *{animation:none!important;transition:none!important}}

.journey{min-height:520px;display:flex;flex-direction:column;background:#0c211e}
.journey-content{padding-top:48px;flex:1;display:flex;flex-direction:column;animation:none}
.journey-actions{margin-top:auto;padding-top:32px}
.journey h2{max-width:430px;font-size:32px}
.journey-sub{margin-top:0;margin-bottom:30px}
.journey-mark{height:150px;display:grid;place-items:center}
.journey[data-step="0"] .journey-content{text-align:center;padding-top:12px}
.journey[data-step="0"] h2{margin-left:auto;margin-right:auto}
.journey[data-step="0"] .journey-progress,.journey[data-step="0"] .journey-top span+span{visibility:hidden}
.journey-detail{font-size:12px;color:#b4c7bc;margin-top:16px}
.journey-detail summary{cursor:pointer;padding:8px 0}
@media(max-width:600px){.journey{min-height:100dvh}.journey-content{padding-top:36px}.journey-mark{height:190px}.journey[data-step="0"] .journey-sub{max-width:260px;align-self:center}.journey h2{font-size:30px}.journey-actions{padding-top:26px}}
.journey-group{margin:18px 0 8px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted,#91a49b);font-weight:600}
.journey-add{width:100%;min-height:54px;margin:4px 0 6px;border:1px dashed var(--lime,#d2ecac);border-radius:16px;background:#d2ecac14;color:var(--lime,#d2ecac);font-size:15px;font-weight:600}
.journey-mine{display:flex;align-items:stretch;gap:6px}.journey-mine>button:first-child{flex:1;min-width:0}.journey-mine .text-btn{flex:0 0 44px;font-size:22px;color:var(--muted,#91a49b)}
.journey-custom{display:grid;gap:14px}.journey-custom h3{margin:0;font-size:18px}.journey-custom fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}.journey-custom legend{padding:0;margin-bottom:4px;color:var(--muted,#91a49b);font-size:13px}.journey-custom fieldset label{display:flex;gap:10px;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--line,#b7d5c314);border-radius:12px}.journey-custom-count{display:grid;grid-template-columns:1fr 1fr;gap:10px}.journey-custom input:not([type=radio]),.journey-custom select{min-height:46px;width:100%}
@media(max-width:380px){.journey-custom-count{grid-template-columns:1fr}}
.journey-custom input[type=radio]{appearance:auto;-webkit-appearance:radio;width:20px;height:20px;min-height:0;flex:0 0 20px;margin:0;accent-color:var(--lime,#d2ecac)}
.journey-custom fieldset label{justify-content:flex-start;text-align:left}

.journey-name{display:grid;gap:8px;margin:6px 0 4px}.journey-name span{color:var(--muted);font-size:14px}.journey-name input{min-height:54px;font-size:18px;padding:0 16px;border-radius:16px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.journey-name input:focus{outline:2px solid var(--lime);outline-offset:2px}

.journey-mark .safar-character{width:min(52vw,200px);margin:0 auto}.journey[data-step="0"] .journey-mark{height:auto;padding-top:10px}.journey[data-step="0"] .journey-sub{max-width:340px;align-self:center;font-size:15px;line-height:1.6}.journey[data-step="0"] h2{font-size:28px}
