.su{flex-direction:column;min-height:100vh;display:flex}.su-top{z-index:20;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:14px clamp(16px,4vw,40px);display:grid;position:sticky;top:0}.su-top .brand .lmk{width:38px;height:38px}.su-prog{justify-self:center;align-items:center;gap:14px;width:100%;max-width:560px;display:flex}.su-prog .hbar{flex:1;height:14px}.back{background:var(--card);width:42px;height:42px;box-shadow:inset 0 0 0 1.5px var(--rule);cursor:pointer;color:var(--ink);border:0;border-radius:50%;flex:none;place-items:center;transition:box-shadow .2s,opacity .2s;display:grid}.back:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.back[hidden]{visibility:hidden;display:grid}.back svg{width:18px;height:18px}.count{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;text-align:right;min-width:46px;font-size:12px}.su-right{color:var(--ink-2);align-items:center;gap:16px;font-size:14px;display:flex}.su-right a{color:var(--ink);font-weight:700}.su-main{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);display:grid}.su-form{flex-direction:column;justify-self:center;width:100%;max-width:780px;padding:clamp(28px,5vw,60px) clamp(16px,5vw,72px) 0;display:flex}.steps{flex-direction:column;flex:1;display:flex;position:relative}.step{flex:1;display:none}.step.on{display:block}.step h1{max-width:17ch;margin:10px 0 12px;font-size:clamp(32px,4.2vw,52px)}.step .lead{color:var(--ink-2);max-width:48ch;margin-bottom:28px;font-size:17.5px}.opts{gap:12px;display:grid}.opts.two{grid-template-columns:1fr 1fr}.opts.two .opt-c{padding:22px}.opts.two .oc-body b{font-size:20px}.subj{gap:12px;display:grid}.subj .opt-c{padding:14px 18px 14px 14px}.subj-img{object-fit:cover;width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--rule);border-radius:14px;flex:none}.soon{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:14px;display:flex}.bsets{gap:16px;display:grid}.bset{background:var(--card);box-shadow:inset 0 0 0 1px var(--rule),0 4px 0 var(--rule);border:0;border-radius:20px;margin:0;padding:18px;transition:box-shadow .25s}.bset.done{box-shadow:inset 0 0 0 2px var(--ink),0 4px 0 var(--ink)}.bset legend{float:left;align-items:center;gap:12px;width:100%;margin-bottom:14px;padding:0;display:flex}.bset legend img{object-fit:cover;width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--rule);border-radius:12px}.bset legend b{font-size:18px}.bset legend small{color:var(--ink-3);font-size:13px;font-weight:400;display:block}.bstat{font-family:var(--hand);color:var(--ink-3);white-space:nowrap;margin-left:auto;font-size:19px}.bset.done .bstat{color:var(--green)}.bopts{clear:both;flex-wrap:wrap;gap:8px;display:flex}.bopt{cursor:pointer;position:relative}.bopt input{opacity:0;width:1px;height:1px;position:absolute}.bopt span{background:var(--card-2);min-height:46px;box-shadow:inset 0 0 0 1.5px var(--rule),0 3px 0 var(--rule);color:var(--ink);transition:transform .12s var(--ease),box-shadow .15s,background .2s;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:700;display:inline-flex}.bopt:hover span{box-shadow:inset 0 0 0 1.5px var(--ink-3),0 3px 0 var(--ink-3)}.bopt:active span{box-shadow:inset 0 0 0 1.5px var(--ink),0 0 0 var(--ink);transform:translateY(3px)}.bopt input:checked+span{background:var(--hl);color:var(--hl-ink);box-shadow:inset 0 0 0 2px #10132a,0 3px #10132a}.bopt input:checked+span:before{content:"✓";font-size:15px}.bopt input:focus-visible+span{outline:3px solid var(--hl);outline-offset:3px}.bopt em.live{font-style:normal;font-family:var(--mono);background:var(--green);color:#fff;border-radius:999px;margin-left:2px;padding:2px 7px;font-size:10.5px;font-weight:600}.bopt.soft span{color:var(--ink-2);background:0 0;font-weight:600}.bopt.soft input:checked+span{background:color-mix(in srgb,var(--hl) 45%,var(--card));color:var(--hl-ink)}.help{background:color-mix(in srgb,#5b7bf0 8%,var(--card));box-shadow:inset 0 0 0 1px var(--rule);border-radius:16px;margin-top:18px}.help summary{cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-size:15px;font-weight:700;list-style:none;display:flex}.help summary::-webkit-details-marker{display:none}.help summary [data-char]{--mk-out:#10132a;--ink:#10132a;flex:none;width:40px;height:50px}.help summary:after{content:"+";font-family:var(--mono);margin-left:auto;font-size:20px;font-weight:400;transition:transform .2s}.help[open] summary:after{transform:rotate(45deg)}.help p{color:var(--ink-2);padding:0 16px 16px 68px;font-size:14.5px}.row2{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.date-quick{margin-top:10px}.date-out{background:var(--card);box-shadow:inset 0 0 0 1px var(--rule);border-radius:20px;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px;padding:18px 20px;display:flex}.date-out [data-char]{flex:none;width:58px;height:72px}.date-out b{font-family:var(--display);letter-spacing:-.03em;font-size:54px;font-weight:800;font-stretch:118%;line-height:1}.date-out span{color:var(--ink-2)}.socials{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.socials svg{width:18px;height:18px}.or{color:var(--ink-3);align-items:center;gap:12px;margin:6px 0 18px;font-size:13px;display:flex}.or:before,.or:after{content:"";background:var(--rule);flex:1;height:1px}.form-grid{gap:14px;display:grid}.pw-wrap{position:relative}.pw-wrap .f-in{padding-right:76px}.pw-eye{background:var(--card-2);height:34px;color:var(--ink-2);font:600 13px/1 var(--body);cursor:pointer;border:0;border-radius:10px;padding:0 12px;position:absolute;top:50%;right:8px;translate:0 -50%}.pw-meter{gap:4px;margin-top:2px;display:flex}.pw-meter i{background:var(--rule);border-radius:9px;flex:1;height:6px;transition:background .3s}.ticks{gap:12px;margin-top:8px;display:grid}.su-foot{z-index:5;background:var(--paper);border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;margin-top:30px;padding:18px 0 22px;display:flex;position:sticky;bottom:0}.su-foot .hint{color:var(--ink-3);font-size:14px}.su-foot .hint.warn{color:var(--red);font-family:var(--hand);font-size:18px}.su-foot .b{min-width:200px}.done-card{background:var(--card);box-shadow:var(--shadow);border-radius:20px;gap:10px;margin-top:22px;padding:22px;display:grid}.done-card .r{border-bottom:1px dashed var(--rule);justify-content:space-between;gap:12px;padding-bottom:10px;font-size:15px;display:flex}.done-card .r:last-child{border:0;padding:0}.done-card .r span{color:var(--ink-3)}.crew-ready{background:color-mix(in srgb,var(--hl) 20%,var(--card));box-shadow:inset 0 0 0 1px var(--rule);border-radius:20px;align-items:center;gap:16px;margin-top:18px;padding:14px 18px;display:flex}.cr-row{flex:none;display:flex}.cr-row span{width:52px;height:66px;margin-right:-8px;display:block}.crew-ready p{color:var(--ink-2);font-size:14.5px}.crew-ready b{color:var(--ink)}.done-btns{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.su-side{border-left:1px solid var(--rule);background:color-mix(in srgb,var(--hl) 14%,var(--paper));flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:48px 36px;display:flex;position:relative;overflow:hidden}.side-marky{width:200px;height:250px;position:relative}.side-marky [data-char]{width:200px;height:250px;display:block}.side-say{text-align:center;max-width:330px;position:relative}.side-say .say{padding:14px 18px;font-size:17px}.side-say .say:after{margin-left:-6px;top:-5px;bottom:auto;left:50%}.plan{background:var(--card);width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:20px;gap:10px;padding:18px;display:grid}.plan h3{font-size:18px;font-stretch:110%}.plan .pl{justify-content:space-between;align-items:center;gap:10px;font-size:14.5px;display:flex}.plan .pl span{color:var(--ink-3)}.plan .pl b.empty{color:var(--ink-3);font-weight:500;font-family:var(--hand);font-size:17px}.plan .chips{flex-wrap:wrap;gap:6px;display:flex}@media (max-width:980px){.su-main{grid-template-columns:1fr}.su-side{border-left:0;border-bottom:1px solid var(--rule);flex-direction:row;order:-1;justify-content:flex-start;gap:14px;padding:14px clamp(16px,4vw,40px)}.side-marky{flex:none;width:70px;height:88px}.side-marky [data-char]{width:70px;height:88px}.side-say{text-align:left}.side-say .say{padding:10px 14px;font-size:14.5px}.side-say .say:after{margin:-6px 0 0;top:50%;left:-5px}.plan{display:none}}@media (max-width:620px){.su-top{grid-template-columns:auto auto;gap:12px}.su-prog{order:3;grid-column:1/-1}.su-right .have,.su-top .brand .the{display:none}.opts.two,.row2,.socials{grid-template-columns:1fr}.su-foot .hint{display:none}.su-foot .b{flex:1;min-width:0}.bset{padding:14px}.bopt span{min-height:44px;padding:0 14px;font-size:14.5px}.crew-ready{flex-direction:column;align-items:flex-start}}
