.journey-dialog{box-sizing:border-box;width:min(840px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid #ffffff70;border-radius:20px;background:#f4f7facf;backdrop-filter:blur(24px);color:#1c2c40;font:14px/1.6 system-ui,sans-serif;box-shadow:0 25px 100px #0d1d3b60;overflow:auto}
.journey-dialog *{box-sizing:border-box}.journey-dialog::backdrop{background:#111d3557;backdrop-filter:blur(3px)}body:has(.journey-dialog[open]){overflow:hidden}.journey-dialog button,.journey-dialog input{font:inherit}.journey-dialog button{cursor:pointer}.journey-dialog button:focus-visible,.journey-dialog input:focus-visible,.journey-dialog [role=tab]:focus-visible{outline:3px solid #b7772d;outline-offset:3px}.journey-dialog button:disabled{cursor:not-allowed;opacity:.55}
.journey-head{display:flex;justify-content:space-between;align-items:center;padding:24px 30px 20px;border-bottom:1px solid #8293a32c}.journey-eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#735029}.journey-head h2{font:34px/1.1 Georgia,serif;letter-spacing:-.5px;margin:7px 0 0}.journey-close{width:44px;height:44px;border:1px solid #8194a23a;border-radius:50%;background:#ffffff70;color:#354760;font-size:25px!important;flex:none}
.journey-portrait{width:120px;height:138px;object-fit:contain;filter:drop-shadow(0 12px 12px #17334f25);background:radial-gradient(ellipse,color-mix(in srgb,var(--avatar-accent),transparent 80%) 5%,transparent 69%)}.journey-role{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:750;color:var(--avatar-accent)}.journey-dialog progress{appearance:none;width:100%;height:6px;border:0;border-radius:10px;background:#a3b1c02b;overflow:hidden;accent-color:#b88142}.journey-dialog progress::-webkit-progress-bar{background:#a3b1c02b}.journey-dialog progress::-webkit-progress-value{background:linear-gradient(90deg,#b17a37,#e3b978);border-radius:10px}
/* 25 Eylül: the hero's links as one even list (profile.js). */
.journey-links{display:flex;flex-direction:column;align-self:stretch;gap:6px;margin-top:14px;text-align:left}
.journey-link{display:flex;flex-direction:column;align-self:stretch;box-sizing:border-box;gap:1px;min-height:44px;padding:8px 12px;border-radius:8px;border:1px solid #8293a340;background:#ffffff14;color:inherit;text-decoration:none}
.journey-link strong{font-size:13px;font-weight:650}.journey-link small{font-size:11px;color:#8b98a8}
.journey-link:hover{background:#ffffff26}.journey-link:focus-visible{outline:2px solid #d3ac65;outline-offset:2px}
.journey-main{min-width:0;padding:0 28px 20px}.journey-tabs{display:flex;border-bottom:1px solid #8293a32c;gap:25px;position:sticky;top:0;background:#f1f5f8ee;z-index:2;padding-top:8px}.journey-tabs button{background:none;border:0;border-radius:0;padding:17px 0 14px;color:#6b7788;font-size:13px;font-weight:650;border-bottom:2px solid transparent}.journey-tabs button[aria-selected=true]{color:#263951;border-bottom-color:#b57d38}.journey-content h3{font:24px/1.3 Georgia,serif;margin:24px 0 7px}.journey-muted{font-size:12px;line-height:1.8;color:#546477;margin:7px 0 18px}.avatar-choice{position:relative;display:flex;flex-direction:column;align-items:center;border:1px solid #a3b1bf40;border-radius:12px;background:#ffffff30;padding:8px 4px 12px;color:#344357;transition:background .15s,border-color .15s}.avatar-choice:hover{background:#ffffff80}.avatar-choice[aria-pressed=true]{border-color:var(--avatar-accent);background:color-mix(in srgb,var(--avatar-accent),transparent 90%);box-shadow:inset 0 0 0 1px var(--avatar-accent)}.avatar-choice img{width:100%;height:78px;object-fit:contain}.avatar-choice strong{font-size:11px;font-weight:650;line-height:1.4}.avatar-choice small{font-size:11px;margin-top:4px;color:#6e7a86}.avatar-check{position:absolute;top:7px;right:7px;background:var(--avatar-accent);color:white;width:19px;height:19px;border-radius:50%;font-size:12px;line-height:19px}.nickname-form{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:23px}.nickname-form label{grid-column:1/-1;font-size:11px;font-weight:650}.nickname-form input{min-width:0;width:100%;background:#fff9;border:1px solid #8293a350;border-radius:8px;padding:10px 12px;color:#253b53}.journey-action{display:inline-flex;align-items:center;justify-content:center;background:#273e58;border:1px solid #273e58;border-radius:8px;color:#fff;padding:11px 16px;font-size:12px!important;font-weight:650;min-height:44px;text-decoration:none}.journey-action:hover{background:#365473}.journey-status{min-height:18px;margin:10px 0 0;font-size:11px;color:#3e5b78}
.journey-daily{position:relative;padding:22px 20px 4px;border:1px solid #c39c6650;border-radius:12px;background:linear-gradient(115deg,#f3deba65,#ffffff2b);margin-top:24px}.journey-daily h3{margin:8px 0 15px;max-width:80%;font-size:23px}.daily-count{position:absolute;right:20px;top:22px;font-size:18px}.journey-daily .journey-muted{font-size:11px}.journey-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:17px 0}.journey-metrics>div{background:#ffffff45;border:1px solid #8799a526;border-radius:10px;padding:11px 6px;text-align:center}.journey-metrics strong{display:block;font:26px Georgia,serif}.journey-metrics span{font-size:11px;line-height:1.3;display:block;margin-top:6px}.journey-history{list-style:none;padding:0;margin:8px 0}.journey-history li{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #a3b1c035}.journey-history li strong{font-size:12px}.journey-history li small{display:block;font-size:11px;color:#637489}.journey-history li b{font-size:16px;color:#9a5e39;white-space:nowrap}.journey-history li b.passed{color:#3c6b7c}.journey-toggle{display:flex;align-items:center;gap:12px;min-height:50px;margin:18px 0 4px;font-size:13px;font-weight:650}.journey-toggle input{width:20px;height:20px;accent-color:#305371}.journey-badges{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 25px}.journey-badge{display:flex;flex-direction:column;gap:6px;align-items:flex-start;border:1px solid #8293a350;border-radius:9px;padding:15px;background:#ffffff40;color:#364c63}.journey-badge[aria-pressed=true]{border-color:#b58145;background:#e7d9bf60}.journey-badge small{font-size:11px}
.avatar-menu-button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid #a2b0bf50;border-radius:9px;padding:0 10px 0 2px;background:#edf2f7;color:#243b55;font-size:12px;font-weight:650}.avatar-menu-button img{width:39px;height:39px;object-fit:contain}.profile-button img{width:38px;height:38px;object-fit:contain;grid-row:1/3}.profile-button:has(img){display:grid;grid-template-columns:38px 1fr;column-gap:7px}.journey-storage-warning{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);z-index:100;width:min(500px,90%);padding:12px 18px;background:#fff5dc;color:#704719;border:1px solid #c78e45;border-radius:10px;font:12px/1.5 system-ui}
@media(max-width:750px){.journey-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.journey-head{padding:17px 20px}.journey-head h2{font-size:28px}.journey-main{padding:0 20px 15px}.journey-tabs{gap:23px;justify-content:space-between}.journey-tabs button{font-size:12px}.journey-content h3{font-size:23px}.nickname-form{grid-template-columns:1fr}.nickname-form.journey-name{grid-template-columns:1fr auto}.journey-metrics{grid-template-columns:repeat(2,1fr)}.journey-daily h3{max-width:75%;font-size:21px}.masthead .avatar-menu-button{padding:0;width:40px;height:40px;min-height:40px}.masthead .avatar-menu-button span{display:none}.masthead nav{gap:7px}}
@media(max-width:380px){.journey-main{padding:0 15px 15px}.masthead .brand{font-size:12px}.masthead .monogram{width:30px!important;height:30px!important;font-size:25px!important}.masthead .learning-entry{font-size:11px}.masthead #about-button{display:none}}
@media(prefers-reduced-motion:reduce){.journey-dialog *{transition:none!important}}
.journey-warning{grid-column:1/-1;color:#753f14;font-size:11px;line-height:1.6;background:#ffedcb;padding:10px;border-radius:6px}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.journey-dialog,.journey-tabs{background:#f4f7fa;backdrop-filter:none}.avatar-choice{background:#fff}.journey-dialog::backdrop{backdrop-filter:none;background:#172539d9}}
.journey-story{font-size:12px;line-height:1.6;margin:10px 0 4px;opacity:.9}.journey-story em{font-family:Georgia,serif}

/* 25 Eylül: titles (learning/titles.js). */
.journey-titles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:8px 0 16px}.journey-titles>div{padding:10px 12px;border-radius:10px;border:1px dashed #8293a355;opacity:.8}.journey-titles>div.earned{border-style:solid;opacity:1}.journey-titles strong{display:block;font-size:13px}.journey-titles small{display:block;font-size:12px;line-height:1.45;margin-top:2px}

/* 25 Eylül: the study promise (learning/study-plan.js). */
.journey-promise .plan-card,.plan-card{margin:16px 0;padding:14px 16px;border-radius:12px;border:1px solid var(--ui-line,#c39c6660);background:var(--ui-field,#fbf3e3);color:var(--ui-text,#2b2012)}.plan-card .quiet{color:var(--ui-muted,#6b5a40)}
.plan-card h3{margin:4px 0 8px;font-size:18px}.plan-choices{border:0;margin:6px 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.plan-choices legend{font-size:12px;font-weight:650;margin-bottom:4px}
.plan-choice{min-height:44px;padding:0 12px;border-radius:99px;border:1px solid var(--ui-line,#8293a360);background:transparent;color:inherit;font-size:13px}.plan-choice.on{background:var(--ui-accent,#1d3a52);color:var(--ui-reading,#fff);border-color:var(--ui-accent,#1d3a52);font-weight:650}
.plan-sentence{font-weight:650;margin:10px 0}.plan-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.plan-actions .text-button{min-height:44px;background:none;border:0;text-decoration:underline;color:inherit}
/* 25 Eylül (tekrar takvimi): the review schedule in Gelişimim. */
.journey-review{padding:18px 20px 10px;border:1px solid #c39c6650;border-radius:12px;margin-top:16px}.journey-review .journey-metrics{margin:10px 0}

/* 29. tur: the sync mark on “Rehberim” (account/cloud-sync.js guideBadge). */
.avatar-menu-button .sync-mark{font-size:11px;opacity:.8}.avatar-menu-button .sync-mark:empty{display:none}

/* 30. tur (user: Rehberim opens on Gelişimim and the choice of guide): you, your guide and your level in one card, the guides
   in one row right below it (a phone scrolls it sideways), then the progress (profile.js growth). */
.journey-me{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:4px 22px;margin-top:20px;padding:12px 20px 14px 12px;border:1px solid #8293a340;border-radius:14px;background:linear-gradient(115deg,color-mix(in srgb,var(--avatar-accent),transparent 84%),transparent 70%)}
.journey-who{min-width:0}.journey-who h3{font:30px/1.15 Georgia,serif;margin:0 0 4px;overflow-wrap:anywhere}.journey-who .journey-role{display:block;letter-spacing:1.2px}
.journey-level{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px}.journey-level span{font-size:12px}.journey-level strong{font-size:19px}
.journey-who progress{margin:8px 0 2px}.journey-who>small{display:block;font-size:11px;color:#5b6b7e}
.journey-pick h3{margin-top:22px}.journey-pick .journey-muted{margin:4px 0 10px}
.avatar-strip{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(66px,1fr);gap:4px;overflow-x:auto;padding:3px 3px 8px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin}
.avatar-strip .avatar-choice{scroll-snap-align:center;padding:6px 2px 8px;min-height:44px}
.avatar-strip .avatar-choice strong{font-size:11px;line-height:1.25;text-align:center;overflow-wrap:break-word;max-width:100%}
.avatar-strip .avatar-check{top:4px;right:4px;width:17px;height:17px;font-size:11px;line-height:17px}
.journey-content>.journey-links{margin-top:8px}
@media(max-width:750px){.journey-head .journey-eyebrow{display:none}.journey-head h2{margin:0}.journey-head{padding:12px 16px 12px 20px}.journey-tabs button{padding:13px 0 11px}.journey-me{grid-template-columns:80px minmax(0,1fr);gap:2px 14px;padding:8px 14px 6px 8px;margin-top:14px}.journey-me .journey-portrait{width:80px;height:96px}.journey-who h3{font-size:22px}.journey-level{margin-top:6px}.journey-pick h3{margin-top:16px}.avatar-strip{grid-auto-columns:76px;gap:6px}.avatar-strip .avatar-choice img{height:68px}.journey-pick .journey-story{margin-top:6px}}
/* 30. tur: the ways on from Gelişimim as the same even rows as the account links; two columns where there is room. The
   promise's buttons keep a gap between them. */
.journey-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:6px 0 4px}
.journey-link.journey-first{border-color:#b57d38;box-shadow:inset 3px 0 0 #b57d38}
button.journey-link{font:inherit;text-align:left;cursor:pointer}
.journey-promise{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.journey-promise>p,.journey-promise>.plan-card{flex-basis:100%;margin-bottom:0}
@media(max-width:560px){.journey-next{grid-template-columns:1fr}}
.journey-more{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.journey-titles-more{grid-column:1/-1}.journey-titles-more>summary{display:inline-flex;align-items:center;min-height:44px;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.journey-titles-more>.journey-titles{margin:4px 0 0}

/* 35. tur: the name and the app open the settings. */
.nickname-form.journey-name{margin-top:0}.journey-app .journey-action{margin-top:2px}
/* 37. tur (user: “ismimi kaydet deyince herhangi bir bildirim çıkmadı”): a change's message stays in sight at the bottom of
   the panel, however long the page is (profile.js clears it after a few seconds). */
.journey-status:empty{display:none}
.journey-status:not(:empty){position:sticky;bottom:12px;z-index:3;margin:14px 0 0;padding:10px 14px;border-radius:12px;background:#1f4f7aee;color:#fff;font-size:13px;font-weight:600;box-shadow:0 8px 24px #0d1d3b40}