.story-journey{--journey-blue:#2d659a;--journey-navy:#19384d;min-height:100svh;color:var(--journey-navy);overflow-wrap:anywhere;background:radial-gradient(at 50% 0,#edf6fb 0,#fff 48%);flex-direction:column;font-size:19px;line-height:1.65;display:flex}.journey-brand{color:#244e69;align-items:center;gap:10px;width:min(100% - 40px,1000px);margin:0 auto;padding:24px 0;font-weight:650;display:flex}.journey-private{color:#5b7080;margin-left:auto;font-size:14px;font-weight:400}.journey-content{text-align:center;outline:none;flex:1;width:min(100% - 40px,820px);margin:26px auto 48px;scroll-margin-top:22px;animation:.35s both journey-enter}.journey-content h1{letter-spacing:-.03em;color:var(--journey-navy);margin:14px 0 20px;font-family:Georgia,serif;font-size:clamp(32px,5vw,49px);line-height:1.16}.journey-lede{color:#536b7b;max-width:640px;margin:0 auto 32px;font-size:21px;line-height:1.6}.journey-eyebrow{letter-spacing:.14em;color:#436b86;font-size:13px;font-weight:750;display:block}.journey-grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.journey-choice{cursor:pointer;min-height:178px;color:var(--journey-navy);font:inherit;text-align:left;background:#fff;border:2px solid #dce7ed;border-radius:22px;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;padding:24px 22px;line-height:1.4;transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;display:flex;position:relative}.journey-choice strong{font-size:21px;line-height:1.3}.journey-choice>span:not(.journey-choice-icon){color:#587080;font-size:17px}.journey-choice-icon{color:#9c8350;font-size:28px;line-height:1.2}.journey-choice:hover{border-color:#91b5d3;transform:translateY(-2px)}.journey-choice.selected{border-color:var(--journey-blue);background:#edf6fd;box-shadow:0 5px 20px #346b9810}.journey-check{color:var(--journey-blue);position:absolute;top:15px;right:15px}.journey-topics{grid-template-columns:repeat(3,minmax(0,1fr))}.journey-topics .journey-choice{min-height:136px}.journey-name{text-align:left;max-width:440px;margin:26px auto 0;display:block}.journey-name span,.journey-small{color:#627785;font-size:15px}.journey-name input{width:100%;min-height:54px;margin-top:8px;font-size:19px}.journey-question{background:#f8fbfd;border:1px solid #d9e8f2;border-radius:24px;max-width:660px;margin:25px auto 32px;padding:24px;font-family:Georgia,serif;font-size:clamp(25px,4vw,32px);line-height:1.45}.journey-recorder{max-width:540px;margin:25px auto}.journey-mic{color:#fff;cursor:pointer;background:linear-gradient(145deg,#407eaf,#204f7d);border:8px solid #e4f1fa;border-radius:50%;justify-content:center;align-items:center;width:156px;height:156px;margin:28px auto;transition:transform .2s;display:flex;box-shadow:0 0 0 14px #eff7fc,0 16px 45px #2d659a25}.journey-mic:hover:not(:disabled){transform:scale(1.04)}.journey-mic:disabled{cursor:wait}.journey-mic.listening{animation:1.8s ease-in-out infinite journey-pulse}.journey-record-label{font-size:23px;font-weight:650}.journey-type{text-align:left;max-width:620px;margin:30px auto 0}.journey-type summary{cursor:pointer;color:#3d6683;min-height:48px}.journey-type textarea{width:100%;margin-top:12px;font-size:20px}.journey-type label{display:block}.journey-captured{color:#267450;padding:35px 0;animation:.4s journey-enter}.journey-captured svg{background:#e8f5ee;border-radius:50%;width:96px;height:96px;margin:auto;padding:12px}.journey-story{text-align:left;background:#fff;border:1px solid #dde8ee;border-radius:26px;padding:32px;box-shadow:0 12px 45px #1a3c500a}.journey-story h2{margin:14px 0 24px;font-family:Georgia,serif;font-size:27px;line-height:1.5}.journey-story label{font-size:17px;font-weight:600;display:block}.journey-story label span{color:#647b8b;font-weight:400}.journey-answer{resize:vertical;width:100%;color:var(--journey-navy);background:#fcfdfe;border:1px solid #d5e2ea;border-radius:14px;min-height:270px;margin:10px 0 18px;padding:18px;font-family:Georgia,serif;font-size:22px;line-height:1.8;display:block}.journey-playback{margin:20px 0}.journey-playback audio{width:100%;margin-top:12px}.journey-photo{margin:34px 0}.journey-photo h2{margin:0 0 8px;font-family:Georgia,serif;font-size:28px}.journey-photo p{margin:6px 0 20px}.journey-upload{cursor:pointer;color:#315f81;background:#f6fafd;border:2px dashed #a8c5db;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:14px;max-width:350px;min-height:175px;margin:auto;font-weight:650;display:flex;position:relative;overflow:hidden}.journey-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.journey-upload:focus-within{outline-offset:4px;outline:3px solid #2d659a}.journey-upload img{object-fit:contain;width:100%;max-height:280px}.journey-upload span{padding:0 15px 12px}.journey-consent{text-align:left;align-items:flex-start;gap:14px;max-width:620px;margin:24px auto;display:flex}.journey-consent input{width:24px;height:24px;accent-color:var(--journey-blue);flex-shrink:0;margin-top:5px}.journey-bottom{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:15px max(20px,calc((100% - 820px)/2)) calc(18px + env(safe-area-inset-bottom));z-index:10;background:#ffffffed;border-top:1px solid #e0eaf0;position:sticky;bottom:0}.journey-progress-label{color:#4f6f83;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:14px;display:flex}.journey-progress{background:#e0edf5;border-radius:10px;height:6px;overflow:hidden}.journey-progress>span{background:#2b618e;border-radius:10px;height:100%;transition:width .4s;display:block}.journey-nav{justify-content:space-between;align-items:center;gap:18px;min-height:54px;margin-top:15px;display:flex}.story-journey .button{border-radius:40px;justify-content:center;align-items:center;gap:12px;min-height:56px;padding:13px 28px;font-size:19px;display:inline-flex}.story-journey .button.primary{background:var(--journey-navy);color:#fff;transition:opacity .2s,background .2s}.story-journey .button:disabled{color:#748995;cursor:not-allowed;box-shadow:none;background:#dce5eb}.journey-back{min-height:52px;font:inherit;color:#44657c;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:flex}.journey-back:disabled{opacity:.45;cursor:not-allowed}:is(.story-journey button:focus-visible,.story-journey a:focus-visible,.story-journey textarea:focus-visible,.story-journey input:focus-visible){outline-offset:4px;outline:3px solid #3c78aa}.journey-feedback{background:#edf5fa;border-radius:14px;max-width:640px;margin:22px auto;padding:16px}.journey-account{text-align:center;max-width:500px;margin:10px auto}.journey-account .story-account-form{text-align:left;gap:18px;margin-top:28px;display:grid}.journey-account input:not([type=checkbox]){min-height:54px;font-size:19px}.journey-success{padding:50px 0}.journey-success>svg{color:#317a55;background:#e9f5ee;border-radius:50%;width:100px;height:100px;margin:auto;padding:16px}.journey-success .button{margin-top:25px}.story-journey .journey-account{background:0 0;max-height:none;padding:0;overflow:visible}.journey-account .password-visibility,.journey-account .story-account-switch button,.journey-account .back-button{min-height:48px}.story-journey .back-button{min-height:48px;font-size:17px}.story-journey .button{cursor:pointer;border:0}.story-journey .button:disabled{opacity:1}@keyframes journey-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes journey-pulse{50%{box-shadow:0 0 0 22px #e8f3fa,0 12px 45px #2d659a35}}@media (max-width:640px){.journey-brand{padding:18px 0;font-size:17px}.journey-private{display:none}.journey-content{margin-top:12px}.journey-grid,.journey-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.journey-choice{border-radius:18px;min-height:162px;padding:18px 15px}.journey-choice strong{font-size:19px}.journey-choice>span:not(.journey-choice-icon){font-size:16px}.journey-topics .journey-choice{min-height:134px}.journey-lede{margin-bottom:25px;font-size:19px}.journey-story{padding:22px 18px}.journey-answer{padding:12px;font-size:21px}.journey-nav .button{flex:1;max-width:260px;padding:12px 21px}.journey-nav>.journey-small{max-width:110px;font-size:13px}.journey-progress-label{font-size:13px}.journey-content h1{font-size:34px}.journey-check{top:10px;right:10px}.journey-account .story-account-form{font-size:18px}}@media (max-width:350px){.journey-grid,.journey-topics{grid-template-columns:1fr}.journey-choice{min-height:120px}.journey-progress-label span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.story-journey *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
