.v8 .mock{--ui-line: #e8e8e6;--ui-bg: #fcfcfb;--ui-mute: #73736e;--ui-warn: #a8552d;--hand: "Caveat", "Nanum Pen Script", cursive;border:1px solid var(--ui-line);border-radius:14px;overflow:hidden;background:var(--white);box-shadow:0 18px 40px -28px #23351859}.v8 .mockchrome{font-family:var(--ui);background:var(--ui-bg);border-bottom:1px solid var(--ui-line);padding:11px 16px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ui-mute)}.v8 .mockchrome i{width:9px;height:9px;border-radius:50%;background:#dededa;display:block}.v8 .mockchrome b{font-family:var(--display);font-weight:800;letter-spacing:.06em;color:var(--ink);font-size:12.5px;margin-inline-start:6px}.v8 .mockchrome .mklabel{margin-inline-start:auto}.v8 .mockbody{padding:20px 22px;font-family:var(--ui)}.v8 .mkhead{font-family:var(--display);font-weight:800;font-size:17px;letter-spacing:-.02em}.v8 .mksub{font-size:12.5px;color:var(--ui-mute);margin-top:2px}.v8 .pbtn{margin-inline-start:auto;font-size:12px;border:1px solid var(--ui-line);border-radius:7px;padding:5px 10px;color:var(--ui-mute);white-space:nowrap}.v8 .qgrid{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;margin-top:14px}.v8 .qc{aspect-ratio:1.12;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:1px solid}.v8 .qc.ok,.v8 .qlegend i.ok{background:#edf7ee;border-color:#cde7d0;color:#3d6b43}.v8 .qc.no,.v8 .qlegend i.no{background:#fdeeec;border-color:#f3cfc9;color:#b4483a}.v8 .qc.t0,.v8 .qlegend i.t0{background:#fefcf7;border-color:#efe7d5;color:#7a6a45}.v8 .qc.t1,.v8 .qlegend i.t1{background:#fdf3df;border-color:#eddcb4;color:#7a6431}.v8 .qc.t2,.v8 .qlegend i.t2{background:#fbe3b8;border-color:#e7c883;color:#6b5220}.v8 .qc.t3,.v8 .qlegend i.t3{background:#f7c86a;border-color:#ddaa3e;color:#5a4110}.v8 .qlegend{display:flex;gap:14px;align-items:center;font-size:12px;color:var(--ui-mute);margin-top:12px}.v8 .qlegend i{width:11px;height:11px;border-radius:3px;border:1px solid;display:inline-block;vertical-align:-1px;margin-inline-end:5px}.v8 .qdetail{margin-top:16px;border:1px solid var(--ui-line);border-radius:10px;padding:14px 16px}.v8 .qdetail .qh{display:flex;align-items:center;gap:8px;font-size:12.5px}.v8 .qdetail .qtime{margin-inline-start:auto;color:var(--ui-mute)}.v8 .badge{font-size:12px;font-weight:700;border-radius:99px;padding:3px 9px;color:var(--white)}.v8 .badge.ok{background:#3d7a46}.v8 .badge.no{background:#b4483a}.v8 .badge.slow{background:#8f6c00}.v8 .qdetail p{font-size:12.5px;color:var(--ui-mute);margin-top:8px;line-height:1.6}.v8 .hand{margin-top:12px}.v8 .handcap{font-size:12px;color:var(--ui-mute);letter-spacing:.05em;font-weight:700;margin-bottom:6px}.v8 .handpaper{border:1px solid var(--ui-line);border-radius:8px;padding:14px 18px 18px;background-color:#fdfdf9;background-image:repeating-linear-gradient(#fdfdf9 0 29px,#eaeae0 29px 30px);background-position:0 8px;position:relative;overflow:hidden}.v8 .hw{font-family:var(--hand);font-size:23px;font-weight:600;color:#28345e;line-height:30px;letter-spacing:.01em;white-space:nowrap}.v8 .hw sup{font-size:15px}.v8 .hw.r1{transform:rotate(-.7deg)}.v8 .hw.r2{transform:rotate(.5deg);margin-inline-start:6px}.v8 .hw.r3{transform:rotate(-.4deg);margin-inline-start:2px}.v8 .hw.big{font-size:27px}.v8 .hwmark{font-family:var(--hand);font-size:19px;color:#c0392b;transform:rotate(-2deg);display:inline-block;margin-inline-start:14px;font-weight:600}.v8 .hwcircle{display:inline-block;border:2px solid #c0392b;border-radius:46% 54% 50% 50%/50%;padding:0 7px;transform:rotate(-1.5deg)}.v8 .ov4{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.v8 .ov4.gap{margin-top:14px}.v8 .ov{border:1px solid var(--ui-line);border-radius:9px;padding:11px 12px}.v8 .ov .ol{font-size:11px;color:var(--ui-mute);letter-spacing:.05em;font-weight:700;line-height:1.3}.v8 .ov .ovv{font-family:var(--display);font-weight:800;font-size:19px;margin-top:4px;white-space:nowrap;font-variant-numeric:tabular-nums}.v8 .ov .ovv.sm{font-size:15px}.v8 .spark{display:flex;align-items:flex-end;gap:3px;height:44px;margin-top:14px}.v8 .spark i{flex:1;background:#3d9667;border-radius:2px 2px 0 0;display:block}.v8 .sparkcap{font-size:12px;color:var(--ui-mute);display:flex;justify-content:space-between}.v8 .ovlabel{margin-top:18px;font-size:12px;font-weight:700}.v8 .ovlabel .hint{font-weight:400;color:var(--ui-mute)}.v8 .recov{display:inline-block;font-size:12px;background:#eaf6ee;color:#3d6b43;border-radius:99px;padding:4px 10px;font-weight:700;margin-top:8px}.v8 .flagrow{display:flex;gap:3px;flex-wrap:wrap;margin-top:12px}.v8 .fd{width:9px;height:9px;border-radius:2px}.v8 .fd.a,.v8 .dotc.r{background:#d9534f}.v8 .fd.w,.v8 .dotc.y{background:#b38600}.v8 .fd.g,.v8 .dotc.g{background:#3d9667}.v8 .fd.n{background:#edede9}.v8 .flagcap{font-size:12px;color:var(--ui-mute);margin-top:7px}.v8 .focusrow{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--ui-line);font-size:12.5px}.v8 .focusrow .dotc{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.v8 .focusrow .gr{margin-inline-start:auto;color:var(--ui-warn);font-weight:700;font-size:12px}.v8 .focusrow .gr.good{color:#3d6b43}.v8 .focusrow .pbtn{margin-inline-start:0}.v8 .mockcarousel{--h: 0px;--dots: 42px;position:relative;touch-action:pan-y}@media(pointer:coarse){.v8 .mockcarousel{-webkit-user-select:none;user-select:none}}.v8 .mockdeck{display:grid}.v8 .mockslide{grid-area:1 / 1;align-self:stretch;width:100%;opacity:0;visibility:hidden;transform:translate(36px);pointer-events:none;transition:opacity .5s ease,transform .55s cubic-bezier(.2,0,0,1),visibility 0s linear .5s}.v8 .mockslide .mock{height:100%;display:flex;flex-direction:column}.v8 .mockslide .mockbody{flex:1;display:flex;flex-direction:column;justify-content:space-between}.v8 .mockslide.on{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}.v8 .mockslide.out{transform:translate(-12px);transition:opacity .25s ease-out,transform .25s ease-out,visibility 0s linear .25s}.v8 .mockdeck.back .mockslide{transform:translate(-36px)}.v8 .mockdeck.back .mockslide.on{transform:none}.v8 .mockdeck.back .mockslide.out{transform:translate(12px)}.v8 .mockdots{display:flex;justify-content:center;align-items:center;height:24px;margin-top:18px}.v8 .mockdot{width:22px;height:24px;border:0;padding:0;background:none;cursor:pointer;display:grid;place-items:center;border-radius:99px}.v8 .mockdot:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--mute);transition:width .35s ease,background-color .15s ease}.v8 .mockdot:hover:before{background:var(--ink)}.v8 .mockdot.on{width:37px}.v8 .mockdot.on:before{width:22px;background:var(--brand)}.v8 .mockdot:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.v8 .mockcap{font-family:var(--ui);font-size:12px;color:var(--mute);margin-inline-start:6px;letter-spacing:.01em}@media(prefers-reduced-motion:reduce){.v8 .mockslide,.v8 .mockdeck.back .mockslide{transform:none!important;transition-duration:.2s}.v8 .measured .mockdots{transition:none}}@media(max-width:900px){.v8 .mockslide{align-self:start}.v8 .mockslide .mock{height:auto;display:block}.v8 .mockslide .mockbody{display:block}.v8 .measured .mockdeck{height:calc(var(--h) + var(--dots));transition:height .55s cubic-bezier(.2,0,0,1)}.v8 .measured .mockdots{position:absolute;left:0;right:0;margin:0;top:calc(var(--h) + 18px);transition:top .55s cubic-bezier(.2,0,0,1)}.v8 .qgrid{grid-template-columns:repeat(8,1fr)}.v8 .ov4{grid-template-columns:1fr 1fr}}