.cl-root{background:var(--wb-canvas);min-height:100vh;color:var(--wb-ink);font-family:var(--f-ui);justify-content:center;align-items:flex-start;padding:clamp(28px,9vh,96px) 20px 64px;display:flex}.cl-col{width:100%;max-width:28rem}.cl-eyebrow{font-family:var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--wb-accent-deep);margin-bottom:12px;font-size:11px;font-weight:700}.cl-card{text-align:left;background:var(--wb-card);border:1px solid var(--wb-hair);width:100%;box-shadow:var(--wb-sh-lifted);cursor:pointer;color:inherit;font:inherit;transition:transform .24s var(--ease-spring), box-shadow .22s var(--ease-out);border-radius:24px;padding:28px 26px;display:block}.cl-card:hover{transform:translateY(-2px);box-shadow:0 0 0 .5px #1b10220d,0 3px 7px #1b102212,0 26px 56px -22px #1b10224d}.cl-card:active{transform:scale(.992)}.cl-card.static{cursor:default}.cl-card.static:hover{box-shadow:var(--wb-sh-lifted);transform:none}.cl-names{font-family:var(--f-display);letter-spacing:-.015em;color:var(--wb-ink);font-size:42px;font-weight:350;line-height:1.08}.cl-dateline{color:var(--wb-mute);margin-top:10px;font-size:14.5px;font-weight:500;line-height:1.4}.cl-hair{background:var(--wb-hair);height:1px;margin:18px 0}.cl-sentence{font-family:var(--f-display);letter-spacing:-.01em;color:var(--wb-ink);font-size:21px;font-weight:350;line-height:1.3}.cl-sentence-sub{color:var(--wb-ink2);margin-top:10px;font-size:14.5px;font-weight:500;line-height:1.5}.cl-sentence-sub strong{color:var(--wb-ink);font-weight:700}.cl-sentence-webonly{color:var(--wb-ink);font-size:16px;font-weight:500;line-height:1.45}.cl-mailbox{color:var(--wb-mute);font-size:14px;font-weight:500}.cl-offline{color:var(--wb-amber);margin-top:12px;font-size:13px;font-weight:500}.cl-recovery{color:var(--wb-amber);font-size:16px;font-weight:500;line-height:1.5}.cl-privacy{color:var(--wb-mute);margin-top:12px;font-size:13.5px;font-weight:500}.cl-action{background:var(--wb-accent);color:#fff;width:100%;font-family:var(--f-ui);cursor:pointer;transition:transform .2s var(--ease-spring), box-shadow .2s var(--ease-out), opacity .18s ease;border:none;border-radius:16px;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding:16px 22px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 1px 2px #1b10220f,0 10px 24px -16px #1b102266}.cl-action:hover{transform:translateY(-1px)}.cl-action:active{transform:scale(.98)}.cl-action[disabled]{cursor:progress;opacity:.85}.cl-action.loud{padding:20px 22px;font-size:17px}.cl-action .cl-queued{opacity:.85;font-size:12px;font-weight:500}.cl-quiet{text-align:center;width:100%;font-family:var(--f-ui);color:var(--wb-mute);cursor:pointer;background:0 0;border:none;margin-top:14px;padding:4px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-block}.cl-quiet:hover{color:var(--wb-ink2)}.cl-quiet.accent{color:var(--wb-accent-deep)}.cl-beat{flex-direction:column;gap:14px;margin-top:16px;display:flex}.cl-beat-sentence{color:var(--wb-mute);font-size:15px;font-weight:500;line-height:1.45}.cl-beat-note{color:var(--wb-mute);opacity:.85;font-size:13px;font-weight:500;line-height:1.45}.cl-beat-prompt{font-family:var(--f-display);color:var(--wb-ink);font-size:20px;font-weight:350;line-height:1.3}.cl-field{background:var(--wb-card);border:1px solid var(--wb-hair-strong);width:100%;font-family:var(--f-ui);color:var(--wb-ink);border-radius:14px;outline:none;padding:16px;font-size:15px;transition:border-color .16s,box-shadow .16s}.cl-field:focus{border-color:var(--wb-accent);box-shadow:0 0 0 3px var(--wb-accent-soft)}.cl-field::placeholder{color:var(--wb-faint)}.cl-field-hint{color:var(--wb-faint);margin-top:-4px;font-size:12.5px;font-weight:500}.cl-cells{gap:10px;display:flex}.cl-cell{background:var(--wb-card);border:1px solid var(--wb-hair-strong);border-radius:14px;width:44px;height:54px}.cl-cells.shake{animation:cl-shake .3s var(--ease-out) both}@keyframes cl-shake{0%{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-4px)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.cl-cells.shake{animation:none}}.cl-stepper{background:var(--wb-card);border:1px solid var(--wb-hair-strong);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.cl-stepper-label{color:var(--wb-mute);font-size:13px;font-weight:600}.cl-stepper-controls{align-items:center;gap:14px;display:flex}.cl-step-btn{border:1px solid var(--wb-hair-strong);background:var(--wb-card);width:36px;height:36px;color:var(--wb-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:background-color .15s;display:inline-flex}.cl-step-btn:hover{background:var(--wb-sunken)}.cl-step-btn[disabled]{opacity:.4;cursor:not-allowed}.cl-step-count{font-family:var(--f-display);font-variant-numeric:tabular-nums;text-align:center;min-width:36px;color:var(--wb-ink);font-size:26px;font-weight:350}.cl-footer{text-align:center;color:var(--wb-faint);margin-top:24px;font-size:12.5px;font-weight:500}.cl-qr{background:var(--wb-sunken);border-radius:18px;flex-direction:column;align-items:center;gap:10px;margin-top:18px;padding:20px;display:flex}.cl-qr-img{background:#fff;border-radius:12px;width:168px;height:168px;padding:8px}.cl-qr-line{color:var(--wb-mute);text-align:center;font-size:13px;font-weight:500}@media (prefers-reduced-motion:no-preference){.cl-arrive .cl-names{animation:cl-rise-names .6s var(--ease-spring) both, cl-fade .5s var(--ease-out) both}.cl-arrive .cl-dateline{animation:cl-rise .6s var(--ease-spring) both, cl-fade .5s var(--ease-out) both;animation-delay:40ms}.cl-arrive .cl-sentence,.cl-arrive .cl-sentence-webonly,.cl-arrive .cl-recovery,.cl-arrive .cl-mailbox{animation:cl-rise .6s var(--ease-spring) both, cl-fade .5s var(--ease-out) both;animation-delay:80ms}.cl-arrive .cl-action{animation:cl-rise .6s var(--ease-spring) both, cl-fade .5s var(--ease-out) both;animation-delay:.12s}@keyframes cl-rise-names{0%{transform:translateY(12px)scale(1.04)}to{transform:translateY(0)scale(1)}}@keyframes cl-rise{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes cl-fade{0%{opacity:0}to{opacity:1}}}@media (prefers-reduced-motion:reduce){.cl-arrive .cl-card{animation:.3s linear both cl-fade}}@media (prefers-reduced-motion:no-preference){.cl-beat{animation:cl-beat-in .24s var(--ease-out) both}@keyframes cl-beat-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}.cl-skel-names{width:78%;height:42px}.cl-skel-date{width:56%;height:18px;margin-top:14px}.cl-skel-sentence{width:70%;height:24px;margin-top:24px}.cl-skel-action{border-radius:16px;width:100%;height:56px;margin-top:18px}