/* ===== Views ===== */
.view{position:absolute;inset:0;animation:vIn .35s cubic-bezier(.2,.8,.2,1) both}
.view[hidden]{display:none}
@keyframes vIn{from{transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.view{animation:none}}
.i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.i.fill{fill:currentColor;stroke:none}
.vcard{position:absolute;background:#fff;border-radius:21px;padding:24px;overflow:hidden}
.vcard h3{font-size:17px;font-weight:500;letter-spacing:-.01em;line-height:22px}
.av{width:39px;height:39px;border-radius:50%;object-fit:cover;flex:none;background:#eef0f4;display:grid;place-items:center;color:#50545d}
.av.ic .i{width:18px;height:18px}
.obtn{height:33px;padding:0 15px;border-radius:17px;box-shadow:inset 0 0 0 1px #dadde3;font-size:13px;font-weight:500;white-space:nowrap;transition:background .2s, box-shadow .2s}
.obtn:hover{background:#f4f5f7}
.obtn.ok{color:#177a43;box-shadow:inset 0 0 0 1px #bfe6cf;cursor:default;background:none}
.tlink{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:6px 8px;margin-right:-8px;border-radius:8px;white-space:nowrap;transition:background .2s}
.tlink:hover{background:#f1f2f5}
.tlink .i{width:14px;height:14px;transition:transform .25s}
.tlink:hover .i{transform:translateX(3px)}
.vbtn{position:absolute;height:41px;border-radius:21px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;transition:background .2s, transform .15s}
.vbtn:active{transform:scale(.97)}
.vbtn.ghost{box-shadow:inset 0 0 0 1px #dadde3}
.vbtn.ghost:hover{background:#f4f5f7}
.vbtn.dark{background:#0c0d10;color:#fff}
.vbtn.dark:hover{background:#23252c}

/* ===== Visits: hero ===== */
.vc-hero{left:90px;top:109.5px;width:750px;height:225px;padding:0}
.vh-img{position:absolute;left:19.5px;top:19.5px;width:188px;height:186px;border-radius:20px;object-fit:cover;object-position:50% 22%}
.vh-pills{position:absolute;left:231px;top:31px;display:flex;gap:6px}
.vh-more{position:absolute;right:22px;top:22px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#50545d;transition:background .2s}
.vh-more:hover,.vh-more.on{background:#f1f2f5}
.vh-more .i{width:18px;height:18px}
.vmenu{position:absolute;right:22px;top:60px;z-index:4;width:210px;padding:6px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px #eceef2,0 20px 40px -16px rgba(15,20,40,.28);opacity:0;transform:translateY(-4px);pointer-events:none;transition:.18s}
.vmenu.on{opacity:1;transform:none;pointer-events:auto}
.vmenu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;font-size:13.5px;text-align:left}
.vmenu button:hover{background:#f3f4f7}
.vh-t{position:absolute;left:231px;top:71px;font-size:22px;font-weight:500;letter-spacing:-.015em;line-height:26px}
.vh-who{position:absolute;left:231px;top:102px;font-size:13px;color:#5d616b}
.vh-when{position:absolute;left:231px;top:132px;display:flex;gap:18px;font-size:13px;color:#2b2e35}
.vh-when span{display:flex;align-items:center;gap:6px}
.vh-when .i{width:15px;height:15px;color:#50545d}
.vh-prep{position:absolute;left:231px;top:171px;width:234px}
.vh-prep .l{display:flex;justify-content:space-between;font-size:12px;color:#5d616b}
.vh-prep .b{margin-top:11px;height:4px;border-radius:2px;background:#e8eaef;overflow:hidden}
.vh-prep .b i{display:block;height:100%;background:#0c0d10;border-radius:2px;transition:width .6s cubic-bezier(.3,.7,.2,1)}
.vh-join{left:485px;top:162px;width:116px}
.vh-prepare{left:616.5px;top:162px;width:110px}
.vh-join .i,.vh-prepare .i{width:16px;height:16px}

/* ===== Visits: stats ===== */
.vc-stat{top:109.5px;width:248.5px;height:225px;cursor:pointer;transition:box-shadow .25s}
.vc-stat:hover{box-shadow:0 0 0 1.5px #e0e3ea}
.vc-stat h3{margin-top:14px}
.vc-stat .big{margin-top:0;position:absolute;left:24px;top:124px;font-size:54px;font-weight:300;letter-spacing:-.035em;line-height:1}
.vc-stat .cap{position:absolute;left:24px;right:20px;top:186px;font-size:12px;color:#9a9ea8;white-space:nowrap}
.vc-stat .go{position:absolute;right:20px;top:20px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;transition:background .2s, transform .25s}
.vc-stat:hover .go{background:#f1f2f5;transform:rotate(45deg)}

/* ===== Visits: calendar ===== */
.vc-cal{left:90px;top:345px;width:430.5px;height:615px}
.cal-h{display:flex;justify-content:space-between;align-items:center;margin-top:4px}
.cal-nav{display:flex;gap:9px;margin-top:-2px}
.cal-nav button{width:33px;height:33px;border-radius:50%;box-shadow:inset 0 0 0 1px #dadde3;display:grid;place-items:center;transition:background .2s}
.cal-nav button:hover{background:#f4f5f7}
.cal-grid{position:absolute;left:12px;top:64px;width:397px;display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:24.5px;grid-auto-rows:46.5px;align-items:center;justify-items:center}
.cal-grid .wd{font-size:10.5px;font-weight:500;letter-spacing:.06em;color:#9a9ea8}
.cd{position:relative;width:34px;height:34px;border-radius:50%;font-size:13.5px;color:#1f2127;transition:background .2s, color .2s, box-shadow .2s}
.cd:hover{background:#f1f2f5}
.cd.past::after{content:"";position:absolute;left:50%;bottom:-3px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:#2c5be4}
.cd.today{box-shadow:inset 0 0 0 1.5px #c7cbd3}
.cd.up{background:#0c0d10;color:#fff}
.cd.sel:not(.up){background:#e8ebf1}
.cd.sel.up{box-shadow:0 0 0 3px #fff,0 0 0 4.5px #0c0d10}
.cal-list{position:absolute;left:24px;right:24px}
.cl-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:58.5px;text-align:left;border-top:1px solid #eceef2;transition:background .2s;border-radius:0}
.cl-row:first-child{border-top:0}
.cl-row:hover .cl-t{text-decoration:underline;text-underline-offset:3px;text-decoration-color:#c9cdd6}
.cl-t{font-size:13.5px;font-weight:500}
.cl-s{font-size:12px;color:#9a9ea8;margin-top:4px}
.cl-row > .i{color:#9a9ea8}
.cl-empty{font-size:13.5px;color:#9a9ea8;padding:18px 0;display:flex;justify-content:space-between;align-items:center}
.cal-leg{position:absolute;left:24px;right:24px;bottom:0;height:54px;border-top:1px solid #eceef2;display:flex;align-items:center;gap:22px;font-size:12px;color:#5d616b}
.cal-leg span{white-space:nowrap;display:flex;align-items:center;gap:7px}
.cal-leg i{width:6px;height:6px;border-radius:50%}

/* ===== Visits: list ===== */
.vc-list{left:529.5px;top:345px;width:433.5px;height:615px}
.vc-list .tabs button .n{margin-left:4px}
.vl-scroll{position:absolute;left:24px;right:24px;top:50px;bottom:14px;overflow-y:auto;scrollbar-width:none}
.vl-scroll::-webkit-scrollbar{display:none}
.vl-scroll h3{font-size:22px;line-height:22px;letter-spacing:-.015em}
.vl-scroll h4{margin:26px 0 -5px;font-size:17px;font-weight:500;line-height:20px;letter-spacing:-.01em}
.lr{display:flex;align-items:center;gap:13px;height:63px;border-top:1px solid #eceef2;animation:fadein .3s both}
.lr.first{border-top:0}
.lr.p{height:62px}
.lr .tx{flex:1;min-width:0}
.lr-t{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lr-t em{font-style:normal;font-size:12.5px;color:#9a9ea8;margin-left:4px}
.lr-s{font-size:12px;color:#9a9ea8;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== Visits: prep + team ===== */
.vc-prep{left:972px;top:345px;width:385.5px;height:315px;color:#fff;
  background:radial-gradient(120% 90% at 100% 0%,#6b93ff 0%,rgba(80,120,245,0) 55%),linear-gradient(180deg,#3d68ea 0%,#2447c7 42%,#0e1f78 100%)}
.vc-prep::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
.vc-prep .pill{box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.08)}
.vp-h{position:absolute;left:24px;top:62px;font-size:22px;font-weight:500;letter-spacing:-.015em;line-height:26px}
.vp-p{position:absolute;left:24px;top:96px;width:330px;font-size:13.5px;line-height:20px;color:rgba(255,255,255,.78);text-wrap:pretty}
.vp-do{position:absolute;left:24px;right:24px;top:179px;border-top:1px solid rgba(255,255,255,.2)}
.vp-cap{position:absolute;left:24px;top:199px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.vp-t{position:absolute;left:24px;top:215px;width:232px;font-size:14.5px;line-height:21px}
.vp-t::first-letter{text-transform:uppercase}
.vp-go{position:absolute;right:24px;top:222px;height:36px;padding:0 17px;border-radius:18px;background:#fff;color:#0c0d10;font-size:13.5px;font-weight:500;transition:transform .2s}
.vp-go:hover{transform:translateY(-1px)}
.vp-f{position:absolute;left:24px;top:273px;display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.62)}
.vp-f .i{width:14px;height:14px}
.vc-team{left:972px;top:670.5px;width:385.5px;height:289.5px}
.vt-h{display:flex;justify-content:space-between;align-items:center}
.vt-rows{position:absolute;left:24px;right:24px;top:48.5px}
.vt-r{display:flex;align-items:center;gap:13px;height:63px}
.vt-r .tx{flex:1}
.vt-r .n{font-size:14px}
.vt-r .s{font-size:12px;color:#9a9ea8;margin-top:4px}
.vt-r .m{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#50545d;transition:background .2s,color .2s}
.vt-r .m:hover{background:#0c0d10;color:#fff}
.vt-r .m .i{width:17px;height:17px}

/* ===== Waiting room modal ===== */
.wr-prev{position:relative;margin-top:18px;height:280px;border-radius:18px;overflow:hidden;background:#15171c;display:grid;place-items:center}
.wr-prev img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.wr-prev span{width:84px;height:84px;border-radius:50%;background:#2a2d35;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:500}
.wr-lvl{position:absolute;left:14px;bottom:14px;display:flex;gap:3px;align-items:flex-end;height:18px;padding:6px 8px;border-radius:10px;background:rgba(0,0,0,.45);box-sizing:content-box}
.wr-lvl i{width:3px;border-radius:2px;background:#7ee2a6;animation:lvl 1s ease-in-out infinite}
.wr-lvl i:nth-child(2){animation-delay:-.2s}.wr-lvl i:nth-child(3){animation-delay:-.5s}.wr-lvl i:nth-child(4){animation-delay:-.7s}.wr-lvl i:nth-child(5){animation-delay:-.35s}
.wr-lvl.off i{animation:none;height:3px;background:#8a8f99}
@keyframes lvl{0%,100%{height:4px}50%{height:18px}}
.wr-ctl{display:flex;justify-content:center;gap:12px;margin-top:14px}
.wr-b{width:48px;height:48px;border-radius:50%;background:#f2f3f6;display:grid;place-items:center;transition:.2s}
.wr-b .i{width:20px;height:20px}
.wr-b.off{background:#e5484d;color:#fff}

/* ===== Book wizard ===== */
.bk-crumb{white-space:nowrap;position:absolute;left:90px;top:30px;font-size:12.5px;color:#9a9ea8;display:flex;gap:6px}
.bk-crumb button{color:#9a9ea8;transition:color .2s}
.bk-crumb button:hover{color:#0c0d10}
.bk-title{position:absolute;left:90px;top:50px;font-size:28px;font-weight:500;letter-spacing:-.02em;line-height:34px}
.bk-sub{position:absolute;left:90px;top:91px;font-size:14px;color:#5d616b}
.bk-back,.bk-cancel{position:absolute;top:73px;height:30px;padding:0 10px;border-radius:8px;font-size:14px;font-weight:500;transition:background .2s}
.bk-back:hover,.bk-cancel:hover{background:#e7e9ee}
.bk-cancel{left:1152px}
.bk-back{left:1076px;color:#5d616b}
.bk-next{position:absolute;left:1240px;top:67.5px;width:118px;height:42px;border-radius:21px;background:#0c0d10;color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;transition:background .2s, opacity .2s, transform .15s}
.bk-next:hover{background:#23252c}
.bk-next:active{transform:scale(.97)}
.bk-next:disabled{opacity:.3;cursor:not-allowed}
.bk-next.wide{left:1200px;width:158px}
.bk-next .i{width:16px;height:16px}
.bk-steps{position:absolute;left:90px;top:130.5px;width:1267.5px;height:72px;background:#fff;border-radius:21px;display:flex;align-items:center;padding:0 28px 0 25px}
.bs{display:flex;align-items:center;gap:10px;font-size:13px;color:#9a9ea8;white-space:nowrap}
.bs b{width:27px;height:27px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #d3d7de;display:grid;place-items:center;font-size:12px;font-weight:500;color:#8a8f99;transition:.25s}
.bs.cur{color:#0c0d10}
.bs.cur b,.bs.done b{background:#0c0d10;color:#fff;box-shadow:none}
.bs.done{color:#2b2e35;cursor:pointer}
.bs.done:hover{text-decoration:underline;text-underline-offset:3px}
.bs.done b .i{width:13px;height:13px;stroke-width:2.4}
.bs-l{flex:1;height:1px;background:#e3e5ea;margin:0 16px;position:relative;overflow:hidden}
.bs-l i{position:absolute;inset:0;background:#0c0d10;transform-origin:left;transform:scaleX(0);transition:transform .45s cubic-bezier(.3,.7,.2,1)}
.bs-l.done i{transform:scaleX(1)}

.bk-left{left:90px;top:213px;width:834px;height:747px}
.bk-ai{left:934.5px;top:213px;width:423px;height:285px;color:#fff;
  background:radial-gradient(120% 90% at 100% 0%,#6b93ff 0%,rgba(80,120,245,0) 55%),linear-gradient(180deg,#3d68ea 0%,#2447c7 42%,#0e1f78 100%)}
.bk-ai::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none}
.bk-ai .pill{position:absolute;left:24px;top:28px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.08)}
.bk-ai .src{position:absolute;right:24px;top:29px;font-size:12px;color:rgba(255,255,255,.62)}
.bk-ai .h{position:absolute;left:24px;top:62px;font-size:22px;font-weight:500;letter-spacing:-.015em}
.bk-ai .p{position:absolute;left:24px;top:98px;width:350px;font-size:13.5px;line-height:21px;color:rgba(255,255,255,.8);text-wrap:pretty;transition:opacity .25s}
.bk-ai .sep{position:absolute;left:24px;right:24px;top:176px;border-top:1px solid rgba(255,255,255,.2)}
.bk-ai .cap{position:absolute;left:24px;top:191px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.bk-ai .t{position:absolute;left:24px;top:210px;font-size:15px}
.bk-ai .use{position:absolute;right:24px;top:196px;height:33px;padding:0 16px;border-radius:17px;background:#fff;color:#0c0d10;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px;transition:transform .2s}
.bk-ai .use:hover{transform:translateY(-1px)}
.bk-ai .use .i{width:13px;height:13px;stroke-width:2.4}
.bk-ai .f{position:absolute;left:24px;top:243px;display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.62)}
.bk-ai .f .i{width:14px;height:14px}
.bk-right{left:934.5px;top:508.5px;width:423px;height:451.5px}

.bk-h{font-size:17px;font-weight:500;letter-spacing:-.01em;line-height:22px}
.bk-s{font-size:13px;color:#9a9ea8;margin-top:10px}
.cap2{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b6f78}

/* step 1 */
.rs-grid{position:absolute;left:24px;right:24px;top:91.5px;display:grid;grid-template-columns:1fr 1fr;gap:12px 10.5px}
.rs{position:relative;height:70.5px;border-radius:16px;box-shadow:inset 0 0 0 1px #e6e8ed;display:flex;align-items:center;gap:15px;padding:0 18px;text-align:left;transition:box-shadow .2s, background .2s}
.rs:hover{background:#fafbfc}
.rs.on{box-shadow:inset 0 0 0 1.5px #0c0d10,0 4px 14px -8px rgba(0,0,0,.25)}
.rs .ib{width:36px;height:36px;border-radius:10px;background:#f2f3f6;display:grid;place-items:center;flex:none}
.rs .ib .i{width:17px;height:17px}
.rs .t{font-size:14px}
.rs .s{font-size:12px;color:#9a9ea8;margin-top:4px}
.rd{margin-left:auto;width:21px;height:21px;border-radius:50%;box-shadow:inset 0 0 0 1.5px #cfd3da;display:grid;place-items:center;flex:none;transition:.2s}
.on > .rd{background:#0c0d10;box-shadow:none}
.rd .i{width:11px;height:11px;stroke:#fff;stroke-width:2.6;opacity:0}
.on > .rd .i{opacity:1}
.l-cap{position:absolute;left:24px}
.note{position:absolute;left:24px;right:24px;top:292.5px;height:100.5px;border-radius:16px;box-shadow:inset 0 0 0 1px #e1e4ea;transition:box-shadow .2s}
.note:focus-within{box-shadow:inset 0 0 0 1.5px #2c5be4}
.note textarea{position:absolute;left:0;top:0;width:100%;height:66px;border:0;outline:0;resize:none;background:none;padding:15px 18px 0;font:14px/21px 'Geist',sans-serif;color:#0c0d10}
.note .cnt{position:absolute;left:18px;bottom:12px;font-size:12px;color:#9a9ea8}
.note .cnt.over{color:#e5484d}
.note .att{position:absolute;right:12px;bottom:6px;display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;padding:6px 8px;border-radius:8px;transition:background .2s}
.note .att:hover{background:#f1f2f5}
.note .att .i{width:14px;height:14px}
.note .fchip{position:absolute;right:120px;bottom:8px;display:flex;align-items:center;gap:6px;height:26px;padding:0 6px 0 10px;border-radius:13px;background:#f2f3f6;font-size:12px;max-width:260px}
.note .fchip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.note .fchip button{width:18px;height:18px;border-radius:50%;display:grid;place-items:center}
.note .fchip button:hover{background:#e3e5ea}
.note .fchip .i{width:10px;height:10px;stroke-width:2.4}
.topics{position:absolute;left:105px;top:398.5px;display:flex;gap:8px}
.tp{height:33px;padding:0 13px 0 11px;border-radius:17px;box-shadow:inset 0 0 0 1px #e1e4ea;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;transition:.2s}
.tp:hover{background:#f6f7f9}
.tp .i{width:14px;height:14px;color:#50545d}
.tp.on{background:#0c0d10;color:#fff;box-shadow:none}
.tp.on .i{color:#fff}
.bk-seg{position:absolute;top:481.5px;height:36px;padding:3px;border-radius:18px;background:#f2f3f6;display:flex}
.bk-seg button{height:30px;padding:0 13px;border-radius:15px;font-size:12.5px;color:#50545d;transition:.2s;white-space:nowrap}
.bk-seg button:hover{color:#0c0d10}
.bk-seg button.on{background:#fff;color:#0c0d10;font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.warn{position:absolute;left:24px;right:24px;top:679.5px;height:45px;border-radius:12px;background:#fdeeee;color:#c9383d;display:flex;align-items:center;gap:10px;padding:0 16px;font-size:13px;transition:background .3s, box-shadow .3s}
.warn .i{width:16px;height:16px}
.warn.hot{background:#fbdcdc;box-shadow:inset 0 0 0 1.5px #e5484d;animation:hot 1.2s ease-in-out 2}
@keyframes hot{50%{transform:scale(1.01)}}

/* provider tiles (right, step 1) */
.pv-list{position:absolute;left:24px;right:24px;top:88.5px;display:flex;flex-direction:column;gap:10.5px}
.pv{position:relative;height:80px;border-radius:16px;box-shadow:inset 0 0 0 1px #e6e8ed;display:flex;align-items:center;gap:13px;padding:0 18px 0 15px;text-align:left;transition:box-shadow .2s, background .2s}
.pv:hover{background:#fafbfc}
.pv.on{box-shadow:inset 0 0 0 1.5px #0c0d10,0 4px 14px -8px rgba(0,0,0,.25)}
.pv .n{font-size:14px;display:flex;align-items:center;gap:8px}
.pv .s{font-size:12px;color:#9a9ea8;margin-top:4px}
.pv .s2{font-size:12px;color:#5d616b;margin-top:3px}
.bk-info{position:absolute;left:24px;right:24px;top:381px;border-top:1px solid #eceef2;padding-top:16px;display:flex;gap:10px;font-size:12px;line-height:18px;color:#5d616b}
.bk-info .i{width:15px;height:15px;margin-top:1px;color:#9a9ea8}

/* your visit summary (right, steps 2+) */
.yv{position:absolute;left:24px;right:24px;top:88px}
.yv-r{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:54px;border-top:1px solid #eceef2;font-size:13.5px}
.yv-r:first-child{border-top:0}
.yv-r .k{color:#9a9ea8;font-size:12.5px;flex:none}
.yv-r .v{text-align:right;display:flex;align-items:center;gap:8px;justify-content:flex-end;min-width:0}
.yv-r .v span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yv-r .v img{width:26px;height:26px;border-radius:50%;object-fit:cover}
.yv-r .v.muted{color:#9a9ea8}

/* step 2 */
.pf{position:absolute;left:24px;right:24px;top:92px;display:flex;gap:24px;padding-bottom:26px;border-bottom:1px solid #eceef2}
.pf img,.pf .ph{width:150px;height:150px;border-radius:20px;object-fit:cover;object-position:50% 22%;flex:none;background:#eef0f4;display:grid;place-items:center;color:#50545d}
.pf .ph .i{width:44px;height:44px;stroke-width:1.2}
.pf .n{font-size:22px;font-weight:500;letter-spacing:-.015em;display:flex;align-items:center;gap:10px;margin-top:4px}
.pf .s{font-size:13.5px;color:#5d616b;margin-top:6px}
.pf .meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:13px;color:#2b2e35}
.pf .meta span{display:flex;align-items:center;gap:6px}
.pf .meta .i{width:15px;height:15px;color:#50545d}
.pf .op{display:flex;gap:8px;margin-top:18px}
.op-b{height:36px;padding:0 14px;border-radius:18px;box-shadow:inset 0 0 0 1px #dadde3;font-size:13px;font-weight:500;transition:.2s}
.op-b:hover{background:#f4f5f7}
.op-b.on{background:#0c0d10;color:#fff;box-shadow:none}
.pf-note{margin-top:14px;font-size:12.5px;color:#9a9ea8}
.alt{position:absolute;left:24px;right:24px;top:300px}
.alt .pv{margin-top:10.5px}

/* step 3 */
.wk{position:absolute;right:24px;top:22px;display:flex;align-items:center;gap:10px;font-size:13px;color:#5d616b}
.wk button{width:33px;height:33px;border-radius:50%;box-shadow:inset 0 0 0 1px #dadde3;display:grid;place-items:center;transition:background .2s,opacity .2s}
.wk button:hover{background:#f4f5f7}
.wk button:disabled{opacity:.3;cursor:not-allowed}
.days5{position:absolute;left:24px;right:24px;top:92px;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.d5{height:92px;border-radius:16px;box-shadow:inset 0 0 0 1px #e6e8ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:.2s}
.d5 small{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#9a9ea8}
.d5 b{font-size:22px;font-weight:400;letter-spacing:-.02em}
.d5 em{font-style:normal;font-size:11.5px;color:#2c5be4}
.d5:hover:not(:disabled){background:#fafbfc}
.d5.on{background:#0c0d10;color:#fff;box-shadow:none}
.d5.on small{color:rgba(255,255,255,.6)}
.d5.on em{color:#9fb7ff}
.d5:disabled{cursor:not-allowed;background:#fafafb}
.d5:disabled b{color:#c3c6cd}
.d5:disabled em{color:#b5b9c2}
.sl-wrap{position:absolute;left:24px;right:24px;top:212px}
.sl-g{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:12px;margin-bottom:24px}
.sl{height:44px;border-radius:12px;box-shadow:inset 0 0 0 1px #e1e4ea;font-size:13.5px;transition:.2s}
.sl:hover:not(:disabled){box-shadow:inset 0 0 0 1px #9ea4b0}
.sl.on{background:#0c0d10;color:#fff;box-shadow:none}
.sl:disabled{color:#c3c6cd;text-decoration:line-through;cursor:not-allowed;background:#fafafb}
.hint{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#f3f6fe;color:#2c4fb8;font-size:13px}
.hint .i{width:15px;height:15px}

/* step 4 / 5 */
.sec2{margin-top:26px}
.sec2:first-child{margin-top:0}
.opt{display:flex;align-items:center;gap:12px;height:52px;border-top:1px solid #eceef2;font-size:14px;cursor:pointer;user-select:none}
.opt:first-of-type{border-top:0}
.opt .bx{width:20px;height:20px;border-radius:6px;box-shadow:inset 0 0 0 1.5px #c9cdd6;display:grid;place-items:center;flex:none;transition:.2s}
.opt .bx .i{width:12px;height:12px;stroke:#fff;stroke-width:2.6;opacity:0}
.opt.on .bx{background:#0c0d10;box-shadow:none}
.opt.on .bx .i{opacity:1}
.opt .s{margin-left:auto;font-size:12.5px;color:#9a9ea8}
.jt{display:grid;grid-template-columns:1fr 1fr;gap:10.5px;margin-top:12px}
.jt .rs{height:78px}
.rv-r{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;min-height:62px;padding:10px 0;border-top:1px solid #eceef2;font-size:14px}
.rv-r:first-child{border-top:0}
.rv-r .k{font-size:12.5px;color:#9a9ea8}
.rv-r .s{font-size:12.5px;color:#9a9ea8;margin-top:3px;line-height:1.45}
.rv-r .v{display:flex;align-items:center;gap:12px}
.rv-r .v img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.bk-body{position:absolute;left:24px;right:24px;top:92px;bottom:24px;overflow-y:auto;scrollbar-width:none}
.bk-body::-webkit-scrollbar{display:none}

/* step 6 */
.done6{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}
.done6 .ok{width:84px;height:84px;border-radius:50%;background:#0c0d10;display:grid;place-items:center;animation:pop .5s cubic-bezier(.3,1.6,.5,1) both}
.done6 .ok .i{width:38px;height:38px;stroke:#fff;stroke-width:2.2;stroke-dasharray:30;stroke-dashoffset:30;animation:draw .5s .25s ease-out forwards}
@keyframes pop{from{transform:scale(.4);opacity:0}}
@keyframes draw{to{stroke-dashoffset:0}}
.done6 h2{margin:26px 0 0;font-size:28px;font-weight:500;letter-spacing:-.02em}
.done6 p{margin:10px 0 0;font-size:15px;color:#5d616b;max-width:460px;line-height:1.5}
.done6 .card6{margin-top:28px;display:flex;align-items:center;gap:14px;padding:16px 22px 16px 16px;border-radius:18px;box-shadow:inset 0 0 0 1px #e6e8ed;text-align:left}
.done6 .card6 img{width:48px;height:48px;border-radius:50%;object-fit:cover}
.done6 .card6 .t{font-size:15px;font-weight:500}
.done6 .card6 .s{font-size:13px;color:#5d616b;margin-top:4px}
.done6 .acts{display:flex;gap:10px;margin-top:26px}