.lab-title h1{max-width:720px}.lab-notice{background:linear-gradient(100deg,#eef9ff,#f7fbff)}.lab-feature-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 24px}.lab-feature-strip article{position:relative;isolation:isolate;min-height:74px;display:flex;align-items:center;gap:10px;overflow:hidden;padding:13px;border:1px solid #d9e7ed;border-radius:18px;background:#fff;color:#365064}.lab-feature-strip b{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:50%;background:#0d8dcc;color:#fff;font-size:11px}.lab-feature-strip span{font-size:12px;font-weight:750;line-height:1.3}.lab-moods{display:flex;flex-wrap:wrap;gap:8px}.lab-moods>.field-label{width:100%}.lab-moods label{display:block}.lab-moods input{position:absolute;opacity:0}.lab-moods label span{display:block;padding:9px 12px;border:1px solid #d1e0e6;border-radius:25px;background:#fff}.lab-moods input:checked+span{background:#087aba;color:#fff;border-color:#087aba}.lab-surprise{text-align:center;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at top,#f3fbff,#fff)}.lab-surprise>span,.lab-total>span,.lab-shop-preview>span{font-size:10px;letter-spacing:1.2px;color:#628597}.lab-surprise img{width:min(240px,80%);aspect-ratio:1;object-fit:cover;border-radius:26px;margin:16px 0;box-shadow:0 16px 40px #1b496220}.lab-surprise h2{margin:0 0 5px}.lab-surprise strong{color:#087aba;font-size:24px}.lab-surprise .button{margin-top:9px}.lab-clusters>div{display:flex;align-items:center;gap:13px;overflow-x:auto;padding:8px 4px 18px}.lab-clusters button{transform:scale(var(--cluster));transform-origin:center bottom;flex:0 0 115px;aspect-ratio:1;border:1px solid #cfe3ed;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ddf3fc);color:#315569;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 9px 25px #15374d12}.lab-clusters button:hover{border-color:#087aba}.lab-clusters button span{font-size:10px}.lab-clusters button i{display:none}.lab-compass{text-align:center;background:linear-gradient(150deg,#102e43,#205f7d);color:#fff}.compass-dial{position:relative;width:170px;height:170px;margin:5px auto 20px;border:2px solid #bce8fa;border-radius:50%;display:grid;place-items:center;background:repeating-conic-gradient(#ffffff12 0deg 2deg,transparent 2deg 15deg)}.compass-dial:before{content:'N';position:absolute;top:13px;color:#86dafb}.compass-dial span{position:absolute;inset:35px;border-radius:50%;border:1px solid #ffffff55}.compass-dial span:after{content:'';position:absolute;width:3px;height:55px;left:50%;bottom:50%;background:#f5c15d;transform-origin:bottom;transform:rotate(32deg);border-radius:3px}.compass-dial b{position:relative;z-index:2;font-size:22px}.lab-compass p{color:#cae0ea}.lab-band{position:relative;height:12px;border-radius:12px;background:linear-gradient(90deg,#71bcea,#8ae0b4,#ffd072);margin:18px 20px}.lab-band i{position:absolute;top:-7px;width:3px;height:26px;background:#fff;border-radius:3px}.lab-ladder>div{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px;margin:9px 0;border-radius:14px;background:#f1f8fc;transform:translateX(calc((var(--step) - 1)*12px));max-width:calc(100% - 24px)}.lab-ladder>div>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#087aba;color:#fff}.lab-ladder>div strong{font-size:20px}.lab-ladder>div small{color:#6a8190}.lab-total{text-align:center;background:linear-gradient(145deg,#f8fbfc,#e9f7fd)}.lab-total>strong{display:block;font-size:48px;color:#087aba;margin:25px 0 5px}.lab-total blockquote{padding:14px;border-radius:14px;background:#fff;color:#4b6575}.lab-timeline{list-style:none;margin:24px 0;padding:0;position:relative}.lab-timeline:before{content:'';position:absolute;left:16px;top:18px;bottom:18px;width:2px;background:#d4e5ed}.lab-timeline li{position:relative;display:flex;align-items:flex-start;gap:13px;padding:10px 0}.lab-timeline b{z-index:1;display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#e9f2f6;color:#68818e}.lab-timeline li.done b{background:#087aba;color:#fff}.lab-timeline span{display:grid;gap:4px}.lab-timeline small{color:#728793}.lab-review>p{font-size:12px;color:#6d8290}.lab-story-form{margin-top:22px;padding-top:22px;border-top:1px solid #dce5e9}.lab-shop-preview{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;text-align:center;transition:background .3s,color .3s}.lab-shop-preview:before{content:'';position:absolute;inset:-50%;background:linear-gradient(100deg,transparent,#ffffff44,transparent);transform:rotate(15deg)}.theme-sky{background:linear-gradient(145deg,#dff4ff,#fff)}.theme-night{background:linear-gradient(145deg,#172c48,#345a7d);color:#fff}.theme-sand{background:linear-gradient(145deg,#f2dfc1,#fff8eb)}.theme-mint{background:linear-gradient(145deg,#d8f4e9,#f8fffc)}.lab-mini-shelf{display:flex;justify-content:center;gap:10px;margin:22px 0}.lab-mini-shelf img,.lab-mini-shelf i{width:78px;aspect-ratio:1;object-fit:cover;border-radius:18px;background:#ffffff66;border:1px solid #ffffff88}.lab-faqs details{padding:13px 0;border-bottom:1px solid #dce5e9}.lab-faqs summary{cursor:pointer;font-weight:750}.lab-faqs p{color:#617987;line-height:1.6}.lab-free{background:linear-gradient(145deg,#f7fff4,#eefaff)}.lab-streak{text-align:center;padding:25px;border-radius:20px;background:#fff;margin:15px 0}.lab-streak strong{display:block;font-size:58px;color:#087aba}.lab-streak span{display:block;margin-bottom:17px;color:#5b7482}.lab-wishes{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.lab-wishes>span{display:flex;align-items:center;gap:7px;padding:9px 11px;border-radius:22px;background:#eaf7fd;color:#315669}.lab-wishes svg{width:14px;color:#087aba}.lab-wishes button{border:0;background:transparent;font-size:18px;color:#5d7b8b}.lab-thanks{display:grid;gap:10px;margin-top:15px}.lab-thanks blockquote{margin:0;padding:16px;border:1px solid #dce5e9;border-radius:15px;background:#f8fbfc}.lab-thanks p{color:#5d7481}
@media(max-width:900px){.lab-feature-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-feature-strip article:last-child{grid-column:1/-1}.lab-ladder>div{transform:none;max-width:none}}
@media(max-width:600px){.lab-feature-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.lab-feature-strip article{min-width:190px;scroll-snap-align:start}.lab-clusters button{transform:scale(.9);margin-inline:-5px}.lab-total>strong{font-size:38px}.lab-ladder>div{grid-template-columns:38px 1fr}.lab-ladder>div small{grid-column:2}.lab-mini-shelf img,.lab-mini-shelf i{width:62px}}