#ob{--cream:#f7f1e6;--cream-2:#fbf7ee;--ink:#1b1a2e;--ink-soft:#56546b;--coral:#ff5a36;--coral-dark:#e8451f;--teal:#0e9e8e;--teal-dark:#0b8576;--indigo:#3b40c4;--indigo-l:#6a6ff0;--red:#e03b3b;--line:#e4dbc9;--card:#fff;--shadow:0 24px 60px -20px #1b1a2e47;--shadow-sm:0 8px 24px -12px #1b1a2e38;--r:22px}#ob *{box-sizing:border-box;margin:0;padding:0}#ob,#ob{height:100%}#ob{background:var(--cream);color:var(--ink);height:100vh;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}#ob .panel{background:var(--cream);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}#ob .hero{color:#fff;background:linear-gradient(165deg,#23278f 0%,#3b40c4 55%,#4d52da 100%);flex:1.05;align-items:center;padding:64px;display:none;position:relative;overflow:hidden}#ob .hero-content{z-index:2;max-width:430px;position:relative}#ob .hero .brand{letter-spacing:-.01em;align-items:center;gap:13px;margin-bottom:42px;font-size:19px;font-weight:700;display:flex}#ob .hero-title{letter-spacing:-.02em;margin-bottom:18px;font-family:Fraunces,serif;font-size:40px;font-weight:600;line-height:1.08;transition:opacity .35s}#ob .hero-title em{color:#ffd0c4;font-style:italic}#ob .hero-sub{color:#ffffffd1;margin-bottom:32px;font-size:16.5px;line-height:1.55;transition:opacity .35s}#ob .hero-pills{flex-wrap:wrap;gap:10px;display:flex}#ob .hero-pills span{color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:99px;padding:9px 14px;font-size:13.5px;font-weight:600}#ob .hero-symbols{pointer-events:none;position:absolute;inset:0;overflow:hidden}#ob .hero-symbols span{color:#ffffff14;-webkit-user-select:none;user-select:none;font-family:Fraunces,serif;animation:18s ease-in-out infinite float;position:absolute}#ob .mascot.light{color:var(--indigo);background:#fff;box-shadow:0 10px 24px -10px #00000059}#ob .mascot.light:before,#ob .mascot.light:after{background:var(--indigo)}#ob .hero .brand .mascot:before,#ob .hero .brand .mascot:after{display:none}#ob .bg-symbols{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}#ob .bg-symbols span{color:#3b40c412;-webkit-user-select:none;user-select:none;font-family:Fraunces,serif;animation:18s ease-in-out infinite float;position:absolute}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-26px)rotate(6deg)}}#ob .shell{z-index:2;background:var(--card);border-radius:var(--r);width:min(440px,92vw);box-shadow:var(--shadow);border:1px solid #fff9;flex-direction:column;min-height:670px;max-height:94vh;display:flex;position:relative;overflow:hidden}#ob .topbar{align-items:center;gap:10px;padding:20px 24px 0;display:flex}#ob .back{border:1.5px solid var(--line);cursor:pointer;width:42px;height:42px;color:var(--ink);opacity:0;pointer-events:none;background:#fff;border-radius:50%;flex:none;place-items:center;font-size:22px;transition:all .2s;display:grid}#ob .back:hover{background:var(--cream);border-color:#cdbf9f}#ob .back.show{opacity:1;pointer-events:auto}#ob .segs{flex:1;gap:7px;display:flex}#ob .pseg{background:var(--line);border-radius:99px;flex:1;height:6px;overflow:hidden}#ob .pseg-fill{background:linear-gradient(90deg, var(--coral), var(--coral-dark));border-radius:99px;width:0;height:100%;transition:width .5s cubic-bezier(.65,0,.35,1)}#ob .stage{flex:1;position:relative;overflow:hidden}#ob .screen{opacity:0;pointer-events:none;flex-direction:column;padding:28px 30px 0;transition:opacity .4s,transform .45s cubic-bezier(.2,.7,.3,1);display:flex;position:absolute;inset:0;overflow-y:auto;transform:translate(40px)}#ob .screen.active{opacity:1;pointer-events:auto;transform:none}#ob .center{text-align:center;justify-content:center;align-items:center}#ob .eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--coral);margin-bottom:14px;font-size:13px;font-weight:700}#ob .eyebrow.teal{color:var(--teal)}#ob h1{letter-spacing:-.01em;margin-bottom:12px;font-family:Fraunces,serif;font-size:28px;font-weight:600;line-height:1.13}#ob h1 em{color:var(--indigo);font-style:italic}#ob .sub{color:var(--ink-soft);margin-bottom:24px;font-size:15.5px;line-height:1.5}#ob .mascot{background:linear-gradient(140deg, var(--indigo), var(--indigo-l));color:#fff;border-radius:20px;flex:none;place-items:center;width:64px;height:64px;font-family:Fraunces,serif;font-size:26px;display:grid;position:relative;transform:rotate(-6deg);box-shadow:0 12px 26px -10px #3b40c48c}#ob .mascot:before,#ob .mascot:after{content:"";background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:22px}#ob .mascot:before{left:19px}#ob .mascot:after{right:19px}#ob .mascot.big{border-radius:28px;width:92px;height:92px;font-size:36px}#ob .mascot.big:before,#ob .mascot.big:after{width:8px;height:8px;top:34px}#ob .mascot.big:before{left:28px}#ob .mascot.big:after{right:28px}#ob .mascot-row{align-items:center;gap:14px;margin-bottom:18px;display:flex}#ob .mascot-row h1{margin-bottom:0;font-size:23px}#ob .options{flex-direction:column;gap:11px;display:flex}#ob .opt{border:1.8px solid var(--line);background:var(--cream-2);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:15px;width:100%;padding:16px 18px;font-family:inherit;transition:all .18s;display:flex}#ob .opt:hover{border-color:#cdbf9f;transform:translateY(-1px)}#ob .opt .ico{border:1px solid var(--line);background:#fff;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;font-family:Fraunces,serif;font-size:21px;display:grid}#ob .opt .txt{flex:1}#ob .opt .t-title{font-size:16px;font-weight:700}#ob .opt .t-sub{color:var(--ink-soft);margin-top:2px;font-size:12.5px}#ob .opt .check{border:2px solid var(--line);color:#fff;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:12px;transition:all .18s;display:grid}#ob .opt.selected{border-color:var(--coral);background:#fff3ef}#ob .opt.selected .check{background:var(--coral);border-color:var(--coral)}#ob .reco{color:var(--teal);background:#e7f7f4;border-radius:99px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700}#ob .opt.reco-cell{border-color:#bfe8e1;margin-top:6px;position:relative}#ob .reco-top{background:var(--teal);color:#fff;letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;top:-9px;left:16px;box-shadow:0 2px 6px #0e9e8e59}#ob .trust-badges{flex-direction:column;gap:11px;margin-top:6px;display:flex}#ob .tb{background:var(--cream-2);border:1px solid var(--line);border-radius:14px;align-items:center;gap:13px;padding:15px 16px;display:flex}#ob .tb .tbi{font-size:22px}#ob .tb b{font-size:15px;font-weight:700}#ob .tb span{color:var(--ink-soft);font-size:12.5px;display:block}#ob .diag-card{background:var(--cream-2);border:1.8px solid var(--line);text-align:center;border-radius:18px;margin:6px 0 22px;padding:26px 20px}#ob .diag-task{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:14px;font-size:13px;font-weight:700}#ob .diag-expr{color:var(--ink);font-family:Fraunces,serif;font-size:34px;font-weight:600}#ob .diag-btns{gap:10px;display:flex}#ob .diag-btns button{border:1.8px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:14px;flex:1;padding:15px 0;font-family:inherit;font-size:15px;font-weight:700;transition:all .15s}#ob .diag-btns button:hover{transform:translateY(-2px)}#ob .diag-btns .no:hover{border-color:var(--red);color:var(--red)}#ob .diag-btns .yes:hover{border-color:var(--teal);color:var(--teal-dark)}#ob .loader{gap:9px;margin:24px 0;display:flex}#ob .loader i{background:var(--coral);border-radius:50%;width:13px;height:13px;animation:1.1s ease-in-out infinite bounce}#ob .loader i:nth-child(2){background:var(--indigo);animation-delay:.15s}#ob .loader i:nth-child(3){background:var(--teal);animation-delay:.3s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}#ob .count-num{color:var(--coral);font-family:Fraunces,serif;font-size:88px;font-weight:600;line-height:.95;animation:.6s cubic-bezier(.2,1.4,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}#ob .count-unit{color:var(--ink);margin-top:6px;font-size:20px;font-weight:700}#ob .count-unit b{color:var(--indigo)}#ob .goal-hint{color:var(--teal-dark);opacity:0;background:#e7f7f4;border:1px solid #b6e6df;border-radius:13px;margin-top:16px;padding:13px 15px;font-size:13.5px;line-height:1.45;transition:all .3s}#ob .goal-hint.show{opacity:1}#ob .roadmap{flex-direction:column;margin-top:4px;display:flex}#ob .rstep{opacity:0;gap:14px;display:flex;transform:translateY(14px)}#ob .screen.active .rstep{animation:.5s forwards rise}#ob .screen.active .rstep:first-child{animation-delay:.15s}#ob .screen.active .rstep:nth-child(2){animation-delay:.45s}#ob .screen.active .rstep:nth-child(3){animation-delay:.75s}#ob .screen.active .rstep:nth-child(4){animation-delay:1.05s}@keyframes rise{to{opacity:1;transform:none}}#ob .rstep .rail{flex-direction:column;flex:none;align-items:center;display:flex}#ob .rstep .dot{border:1.8px solid var(--line);background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:19px;display:grid}#ob .rstep .line{background:var(--line);flex:1;width:2px;min-height:18px}#ob .rstep:last-child .line{display:none}#ob .rstep .body{padding-bottom:18px}#ob .rstep .body b{font-size:16px;font-weight:700}#ob .rstep .body p{color:var(--ink-soft);margin-top:2px;font-size:13px}#ob .rstep.goal .dot{background:var(--coral);border-color:var(--coral);color:#fff}#ob .win-opts{justify-content:center;gap:10px;margin-top:4px;display:flex}#ob .win-opts button{border:1.8px solid var(--line);cursor:pointer;min-width:66px;color:var(--ink);background:#fff;border-radius:14px;padding:14px 0;font-family:Fraunces,serif;font-size:20px;font-weight:600;transition:all .15s}#ob .win-opts button:hover:not(:disabled){border-color:#cdbf9f;transform:translateY(-2px)}#ob .win-opts button.good{border-color:var(--teal);color:var(--teal-dark);background:#e7f7f4}#ob .win-opts button.bad{border-color:var(--red);color:#a82a2a;background:#fceded}#ob .win-fb{opacity:0;max-width:320px;color:var(--ink-soft);margin-top:20px;font-size:15px;line-height:1.45;transition:all .3s}#ob .win-fb.show{opacity:1}#ob .win-fb b{color:var(--ink);font-weight:700}#ob .social{flex-direction:column;gap:11px;margin-bottom:16px;display:flex}#ob .sbtn{border:1.8px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:11px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:all .15s;display:flex}#ob .sbtn:hover{background:var(--cream-2);border-color:#cdbf9f}#ob .divider{color:var(--ink-soft);align-items:center;gap:12px;margin:4px 0 14px;font-size:13px;font-weight:600;display:flex}#ob .divider:before,#ob .divider:after{content:"";background:var(--line);flex:1;height:1px}#ob .field-label{color:var(--ink-soft);margin-bottom:7px;font-size:13px;font-weight:700;display:block}#ob .name-input{border:1.8px solid var(--line);width:100%;color:var(--ink);background:var(--cream-2);border-radius:14px;padding:15px 18px;font-family:inherit;font-size:16px;transition:all .18s}#ob .name-input:focus{border-color:var(--coral);background:#fff;outline:none}#ob .legal{color:var(--ink-soft);text-align:center;margin-top:12px;font-size:11.5px;line-height:1.45}#ob .social,#ob .divider,#ob #skipBtn{display:none}#ob .success-badge{background:linear-gradient(140deg, var(--teal), #1ec5b0);color:#fff;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 18px;font-size:34px;animation:.5s cubic-bezier(.2,1.4,.4,1) pop;display:grid;box-shadow:0 14px 30px -10px #0e9e8e99}#ob .recap{flex-direction:column;gap:10px;width:100%;display:flex}#ob .recap-item{background:var(--cream-2);border:1px solid var(--line);text-align:left;border-radius:14px;align-items:center;gap:13px;padding:13px 16px;display:flex}#ob .recap-item .ri-ico{font-family:Fraunces,serif;font-size:19px}#ob .recap-item .ri-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:11.5px;font-weight:600}#ob .recap-item .ri-val{margin-top:1px;font-size:14.5px;font-weight:700}#ob .lvl-badge{color:#fff;background:var(--teal);border-radius:99px;padding:2px 9px;font-size:13px;font-weight:700;display:inline-block}#ob .footer{flex:none;padding:16px 30px 24px}#ob .cta{cursor:pointer;background:var(--ink);color:#fff;border:none;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s;display:flex}#ob .cta:hover{box-shadow:var(--shadow-sm);background:#000;transform:translateY(-1px)}#ob .cta.coral{background:var(--coral)}#ob .cta.coral:hover{background:var(--coral-dark)}#ob .cta:disabled{background:var(--line);color:#a59c87;cursor:not-allowed;box-shadow:none;transform:none}#ob .skip{text-align:center;cursor:pointer;width:100%;color:var(--ink-soft);background:0 0;border:none;margin-top:12px;font-family:inherit;font-size:13.5px;font-weight:600;display:block}#ob .skip:hover{color:var(--ink)}#ob .restart{z-index:5;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border-radius:99px;padding:7px 13px;font-family:inherit;font-size:12px;font-weight:600;position:fixed;bottom:16px;right:16px}@media (width>=921px){#ob .hero{display:flex}#ob .panel{flex:1;padding:40px}#ob .shell{width:460px;box-shadow:0 30px 80px -30px #1b1a2e59}#ob .bg-symbols{opacity:.55}}@media (width>=1400px){#ob .hero{padding:88px}#ob .hero-title{font-size:46px}#ob .hero-content{max-width:480px}}