.yb{--muted:#b3c2d1;font-size:18px;line-height:1.75}.yb-header{position:relative;min-height:100px;height:auto;gap:26px;padding:24px 5vw;border-bottom:1px solid var(--line);flex-wrap:wrap}.yb-header nav{font-size:14px;flex-wrap:wrap;gap:12px 26px}.yb-header a{min-height:44px;display:flex;align-items:center}.yb-header .logo{display:block}.yb main{max-width:1360px;margin:auto;padding:0 5vw}.yb h1,.yb h2,.yb h3{line-height:1.25;letter-spacing:-.035em}.yb h1{font-size:clamp(38px,5vw,72px)}.yb h2{font-size:clamp(30px,4vw,54px)}.yb h3{font-size:25px}.yb p{color:var(--muted)}.yb .eyebrow{color:#7adff1;font-size:12px;letter-spacing:.16em}.yb-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:4vw;padding:85px 0}.yb-hero h1{margin:28px 0;font-size:clamp(60px,7vw,96px)}.yb-hero h1 span{display:inline-block;font-size:.26em;color:#7adff1;letter-spacing:.15em;margin-left:20px;font-weight:400}.yb-hero h2{margin:0}.intro{font-size:22px;max-width:760px}.voice-art{position:relative;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse,rgba(59,228,255,.08),transparent 70%)}.voice-art .orbit{position:absolute;width:90%;aspect-ratio:1;border:1px solid #203d50;border-radius:50%;transform:rotate(-20deg) scaleY(.8)}.voice-art .orbit:after{content:'';position:absolute;inset:30px;border:1px solid #183042;border-radius:50%}.voice-line{display:flex;align-items:center;justify-content:center;gap:8px;height:150px;z-index:1}.voice-line i{display:block;width:4px;border-radius:4px;background:linear-gradient(#79efff,#5178a9);box-shadow:0 0 15px #3be4ff44}.voice-art p{font-size:25px;color:#e0edf5;z-index:1}.voice-art small{z-index:1}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:28px 0 12px}.yb-button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:12px 23px;border:1px solid #55798b;background:#0c1d2c;color:#ecf7ff;font:inherit;font-weight:600;border-radius:8px;cursor:pointer;line-height:1.5;text-align:center}.yb-button.primary{background:#b4eef2;color:#071d26;border-color:#b4eef2}.yb-button:hover{filter:brightness(1.13)}.yb button:disabled{opacity:.45;cursor:not-allowed}.yb :focus-visible{outline:3px solid #78e2ff;outline-offset:5px}.yb .fine{font-size:14px;color:#a6b7c6}.yb-section{padding:72px 0;border-top:1px solid var(--line)}.yb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px}.yb-grid article{border-top:1px solid #2e5265;padding-top:30px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.entry{padding:35px;border:1px solid #2b495e;border-radius:12px;background:linear-gradient(135deg,#102333,#09111e)}.entry h2{font-size:34px}.entry strong{color:#b4eef2}.entry:hover{border-color:#7adff1}.yb-note{padding:25px 30px;background:#0c1826;border-radius:12px;margin-bottom:70px}.yb-footer{padding:28px 5vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:#a6b7c6}.interview{max-width:880px;margin:36px auto 70px}.section-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:16px;margin-bottom:30px}.text-button{background:none;border:0;color:#b4eef2;padding:12px;font:inherit;cursor:pointer;text-decoration:underline;min-height:48px}.panel{padding:clamp(24px,4vw,50px);border:1px solid #2b495e;background:linear-gradient(145deg,#102131,#080f1a);border-radius:16px}.panel h1{font-size:40px}.notice{padding:20px;border-left:3px solid #89cdd7;background:#122433;color:#c2d4df!important;font-size:17px}.check{display:flex;align-items:center;gap:14px;margin:28px 0;font-size:19px}.check input{min-width:24px;width:24px;height:24px;accent-color:#b4eef2}.yb label{display:block;margin:20px 0 10px}.yb label.check{display:flex}.progress-top{display:flex;justify-content:space-between;gap:16px;color:#b8d0df;font-size:15px}.yb progress{display:block;width:100%;height:8px;margin:14px 0 30px;accent-color:#b4eef2}.yb textarea,.yb select{width:100%;border:1px solid #55798b;border-radius:8px;padding:16px;background:#07101b;color:#eff8ff;font:inherit;font-size:21px;line-height:1.7}.yb textarea{resize:vertical;min-height:170px}.yb textarea::placeholder{color:#9caebd}.yb audio{display:block;width:100%;margin-top:20px}.yb [hidden]{display:none!important}.download{display:block;color:#b4eef2;padding:12px 0;text-decoration:underline}.question-nav{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.question-nav .primary{flex:1}.question-panel #question{font-size:clamp(28px,4vw,40px);margin:22px 0;min-height:100px}.gentle{font-size:18px}.session-bottom{margin-top:28px}.session-bottom .yb-button{margin-top:20px}#error{color:#ffc3b1}#save-status,#record-status,#memory-status{min-height:1.75em;font-size:16px}body.large .question-panel #question{font-size:46px}body.large .question-panel textarea{font-size:28px}.memories{padding:55px 0 80px;max-width:960px;margin:auto}.cards{display:grid;gap:24px;margin-top:30px}.memory-card{border:1px solid #2b495e;border-radius:12px;background:#0c1928;padding:28px}.memory-card h2{font-size:26px;margin:12px 0}.memory-card .story{white-space:pre-wrap;overflow-wrap:anywhere}.memory-card fieldset{margin-top:25px;border:1px solid #315267;border-radius:8px;padding:15px 20px}.memory-card legend{font-size:16px;padding:0 8px;color:#b7d8e7}.memory-card .check{font-size:17px;margin:8px 0}.memory-card time{font-size:13px;color:#a6b7c6}.empty{border:1px dashed #55798b;padding:40px;border-radius:12px}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:#b4eef2;color:#071d26;padding:12px}.skip:focus{top:12px}.yb [aria-busy=true]{opacity:.7}@media(max-width:760px){.yb-header{padding:20px 6vw;gap:12px}.yb-header nav{width:100%;font-size:13px;gap:8px 18px}.yb main{padding:0 6vw}.yb-hero{grid-template-columns:1fr;padding:45px 0}.voice-art{min-height:320px}.voice-art .orbit{width:75%}.yb-grid,.entry-grid{grid-template-columns:1fr}.yb-section{padding:50px 0}.intro{font-size:20px}.panel h1{font-size:34px}.yb-button{font-size:18px}.question-nav>.yb-button{width:100%}.question-nav .primary{flex:auto}.question-panel #question{min-height:0}.section-top{font-size:14px}.memory-card{padding:22px}.yb-hero .actions>a{width:100%}}@media(prefers-reduced-motion:reduce){.yb{scroll-behavior:auto}.yb *{scroll-behavior:auto}}
.yb .yb-header nav{display:flex}