.mock-screen{width:100%;max-width:calc(var(--du-w-home) + var(--du-sp-16));background:var(--du-surface-2);min-height:100dvh;color:var(--du-ink);font-family:var(--du-font);font-size:var(--du-fs-body);line-height:var(--du-lh-body);padding-bottom:calc(var(--du-sp-24) * 2);margin:0 auto}body:has(.mock-screen){background:var(--du-surface-2)}.mock-screen :is(h1,h2,h3,p){margin:0}.mock-top{align-items:center;gap:var(--du-sp-1);min-height:var(--du-topbar-h);padding:0 var(--du-sp-2);display:flex}.mock-top>:first-child{width:var(--du-tap);min-width:var(--du-tap);font-size:var(--du-fs-display);padding:0}.mock-top>:nth-child(2){font-size:var(--du-fs-button);font-weight:var(--du-fw-bold);flex:1}.mock-content{padding:var(--du-sp-1) var(--du-sp-4) var(--du-sp-8)}.mock-card{background:var(--du-surface);border-radius:var(--du-r-home-card);padding:var(--du-sp-4) var(--du-sp-5)}.mock-card+.mock-card{margin-top:var(--du-sp-3)}.mock-caption,.mock-eyebrow{font-size:var(--du-fs-caption);color:var(--du-ink-2)}.mock-eyebrow{font-weight:var(--du-fw-bold)}.mock-spec{margin:var(--du-sp-2) 0 var(--du-sp-3);display:flex}.mock-spec>b{font-size:var(--du-fs-display);padding:var(--du-sp-1) 0;font-variant-numeric:tabular-nums;flex:1;line-height:1.1}.mock-spec>b+b{border-left:1px solid var(--du-hair);padding-left:var(--du-sp-4)}.mock-spec small{font-size:var(--du-fs-sub);color:var(--du-ink-2);margin-left:var(--du-sp-half)}.mock-passrule{font-size:var(--du-fs-caption);background:var(--du-surface-2);border-radius:var(--du-r-sm);padding:var(--du-sp-2) var(--du-sp-3)}.mock-section-title{padding:var(--du-sp-5) var(--du-sp-2) var(--du-sp-2);font-size:var(--du-fs-sub);font-weight:var(--du-fw-bold);color:var(--du-ink-2)}.mock-rows{padding:0 var(--du-sp-4)}.mock-set-row{appearance:none;align-items:center;gap:var(--du-sp-3);width:100%;color:var(--du-ink);text-align:left;cursor:pointer;padding:var(--du-sp-3) 0;min-height:var(--du-sp-16);font:inherit;background:0 0;border:0;display:flex}.mock-set-row+.mock-set-row{border-top:1px solid var(--du-hair)}.mock-set-icon{width:calc(var(--du-tap) - var(--du-sp-2));height:calc(var(--du-tap) - var(--du-sp-2));background:var(--du-surface-2);border-radius:var(--du-r-full);color:var(--du-ink-2);place-items:center;display:grid;position:relative}.mock-lock{font-size:var(--du-fs-micro);border-radius:var(--du-r-full);background:var(--du-ink-2);color:var(--du-surface);position:absolute;bottom:0;right:0}.mock-set-main{font-size:var(--du-fs-button);flex:1}.mock-set-main small{font-size:var(--du-fs-caption);color:var(--du-ink-2);display:block}.mock-set-row.locked .mock-set-main{color:var(--du-ink-3)}.mock-tag{padding:0 var(--du-sp-2);min-height:calc(var(--du-tap) / 2);border-radius:var(--du-r-sm);font-size:var(--du-fs-micro);font-weight:var(--du-fw-bold);white-space:nowrap;align-items:center;display:inline-flex}.mock-tag.free{background:var(--du-ident-soft);color:var(--du-ident)}.mock-tag.ng{background:var(--du-ng-soft);color:var(--du-ng-ink)}.mock-tag.ok{background:var(--du-ok-soft);color:var(--du-ok-ink)}.mock-tag.large{min-height:var(--du-sp-5);padding:var(--du-sp-1) var(--du-sp-3);font-size:var(--du-fs-sub)}.mock-dock{z-index:10;width:100%;max-width:calc(var(--du-w-home) + var(--du-sp-16));background:var(--du-surface);border-top:1px solid var(--du-hair);padding:var(--du-sp-3) var(--du-sp-4) calc(var(--du-sp-4) + env(safe-area-inset-bottom));position:fixed;bottom:0;left:50%;transform:translate(-50%)}.mock-dock .du-btn-primary{margin-bottom:var(--du-edge)}.mock-next{font-weight:var(--du-fw-bold);margin-bottom:var(--du-sp-3)!important}.mock-next small{font-size:var(--du-fs-caption);color:var(--du-ink-2);font-weight:var(--du-fw-regular);display:block}.mock-quiz-top{align-items:center;gap:var(--du-sp-2);min-height:var(--du-topbar-h);padding:0 var(--du-sp-2);display:flex}.mock-quiz-top>b{font-size:var(--du-fs-sub);white-space:nowrap;font-variant-numeric:tabular-nums}.mock-progress{height:var(--du-bar-h);background:var(--du-hair);border-radius:var(--du-r-full);flex:1;overflow:hidden}.mock-progress i{background:var(--du-ident);height:100%;display:block}.mock-time-low{color:var(--du-warn)}.mock-run{padding-bottom:calc(var(--du-sp-24) + var(--du-sp-4))}.mock-qbody{padding-top:var(--du-sp-2)}.mock-qbody .du-q{padding:0}.mock-nav{align-items:center;gap:var(--du-sp-2);padding-bottom:calc(var(--du-sp-5) + var(--du-edge));display:flex}.mock-nav .du-btn:nth-child(2){flex:1}.mock-dialog{max-width:calc(var(--du-w-home) + var(--du-sp-16))}.mock-dialog .mock-sheet-body{padding:var(--du-sp-4)}.mock-dialog p{margin:var(--du-sp-2) 0 var(--du-sp-4)}.mock-dialog .du-btn-primary,.mock-index-sheet .du-btn-secondary{margin-top:var(--du-sp-4)}.mock-dialog .mock-legend{gap:var(--du-sp-3);margin:var(--du-sp-2) 0 var(--du-sp-3);font-size:var(--du-fs-micro);color:var(--du-ink-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.mock-dialog .mock-legend li{align-items:center;gap:var(--du-sp-1);display:flex}.mock-legend i{width:var(--du-sp-3);height:var(--du-sp-3);border-radius:var(--du-seg-pad)}.mock-legend .done{background:var(--du-surface-2-press)}.mock-legend .todo{border:1px solid var(--du-ink-3)}.mock-legend .flagged{position:relative}.mock-legend .current{border:2px solid var(--du-ident)}.mock-grid-heading{margin:var(--du-sp-2) 0 var(--du-sp-1);font-size:var(--du-fs-micro);color:var(--du-ink-2)}.mock-number-grid{grid-template-columns:repeat(auto-fill,minmax(var(--du-tap),1fr));gap:var(--du-sp-1);display:grid}.mock-number{height:var(--du-tap);border-radius:var(--du-r-sm);background:var(--du-surface-2-press);color:var(--du-ink);font-size:var(--du-fs-micro);cursor:pointer;border:0;position:relative}.mock-number.todo{background:var(--du-surface);box-shadow:inset 0 0 0 1px var(--du-ink-3)}.mock-number.current{box-shadow:inset 0 0 0 2px var(--du-ident);color:var(--du-ident)}.mock-number.flagged:after,.mock-legend .flagged:after{content:"";width:var(--du-bar-h);height:var(--du-bar-h);top:var(--du-seg-pad);right:var(--du-seg-pad);border-radius:var(--du-r-full);background:var(--du-warn);position:absolute}.mock-score-card{padding:var(--du-sp-5)}.mock-maru{align-items:center;gap:var(--du-sp-3);margin-bottom:var(--du-sp-4);display:flex}.mock-maru>:first-child{width:var(--du-mascot-md);height:var(--du-mascot-md);flex:none;margin:0}.mock-maru b{font-size:var(--du-fs-sub);line-height:var(--du-lh-title);display:block}.mock-maru span{margin-top:var(--du-sp-half);color:var(--du-ink-2);font-size:var(--du-fs-caption);display:block}.mock-score-head{padding-top:var(--du-sp-4);border-top:1px solid var(--du-hair);font-size:var(--du-fs-caption);color:var(--du-ink-2);justify-content:space-between;align-items:center;display:flex}.mock-score{align-items:baseline;gap:var(--du-sp-2);display:flex;margin-top:var(--du-sp-1)!important}.mock-score>b{font-size:calc(var(--du-mascot-md) * var(--du-k));letter-spacing:var(--du-ls-display);line-height:1;font-weight:var(--du-fw-heavy);font-variant-numeric:tabular-nums}.mock-score>span{font-size:var(--du-fs-button);color:var(--du-ink-2)}.mock-verdict{margin-top:var(--du-sp-3);font-size:var(--du-fs-sub);color:var(--du-ink-2);word-break:auto-phrase}.mock-verdict>b{font-size:var(--du-fs-button);color:var(--du-ink);line-height:1.4;display:block}.mock-ruler{margin-top:var(--du-sp-5);padding:var(--du-sp-5) 0 var(--du-sp-4);position:relative}.mock-ruler-label{font-size:var(--du-fs-micro);font-weight:var(--du-fw-bold);white-space:nowrap;position:absolute;top:0;transform:translate(-50%)}.mock-ruler-track{height:var(--du-bar-thick);border-radius:var(--du-r-full);background:var(--du-hair);position:relative}.mock-ruler-track i{background:var(--du-ident);border-radius:var(--du-r-full);position:absolute;inset:0 auto 0 0}.mock-ruler-track b{top:calc(-1 * var(--du-sp-2));bottom:calc(-1 * var(--du-sp-2));width:var(--du-sp-half);background:var(--du-ink);position:absolute}.mock-ruler-ticks{margin-top:var(--du-sp-2);font-size:var(--du-fs-micro);color:var(--du-ink-3);justify-content:space-between;display:flex}.mock-subject-heading{justify-content:space-between;align-items:baseline;gap:var(--du-sp-2);display:flex}.mock-subject-heading h2{font-size:var(--du-fs-sub)}.mock-subject{padding:var(--du-sp-3) 0}.mock-subject+.mock-subject{border-top:1px solid var(--du-hair)}.mock-subject-line{align-items:center;gap:var(--du-sp-2);font-size:var(--du-fs-sub);display:flex}.mock-subject-line>b{min-width:0;font-weight:var(--du-fw-semibold);flex:1}.mock-subject-points{white-space:nowrap;color:var(--du-ink-2)}.mock-subject-points b{color:var(--du-ink);font-size:var(--du-fs-button)}.mock-subject-bar{height:var(--du-bar-h);margin-top:var(--du-sp-2);background:var(--du-hair);border-radius:var(--du-r-full);position:relative}.mock-subject-bar i{background:var(--du-ident);border-radius:var(--du-r-full);position:absolute;inset:0 auto 0 0}.mock-subject-bar>b{top:calc(-1 * var(--du-seg-pad));bottom:calc(-1 * var(--du-seg-pad));width:var(--du-sp-half);background:var(--du-ink-3);position:absolute}.mock-subject.cut .mock-subject-bar{height:var(--du-bar-thick);margin-top:var(--du-sp-5)}.mock-subject.cut .mock-subject-bar>b{background:var(--du-ink);top:calc(-1 * var(--du-bar-h));bottom:calc(-1 * var(--du-bar-h))}.mock-short{background:repeating-linear-gradient(-45deg,var(--du-ng-soft) 0 var(--du-sp-1),var(--du-surface) var(--du-sp-1) calc(var(--du-sp-1) + var(--du-seg-pad)));box-shadow:inset 0 0 0 1px var(--du-ng);border-radius:0 var(--du-r-full) var(--du-r-full) 0;position:absolute;top:0;bottom:0}.mock-short.from-start{border-radius:var(--du-r-full)}.mock-subject.cut .mock-subject-bar i{border-radius:var(--du-r-full) 0 0 var(--du-r-full)}.mock-cut-label{top:calc(-1 * var(--du-sp-5));font-size:var(--du-fs-micro);font-weight:var(--du-fw-bold);white-space:nowrap;position:absolute;transform:translate(-50%)}.mock-gap{font-size:var(--du-fs-caption);font-weight:var(--du-fw-bold);margin-top:var(--du-sp-2)!important}.mock-review-note{font-size:var(--du-fs-caption);color:var(--du-ink-2);padding:var(--du-sp-4) var(--du-sp-1)}.mock-qbody .du-inset{padding-inline:0}.mock-lock{width:calc(var(--du-sp-4) + var(--du-sp-half));height:calc(var(--du-sp-4) + var(--du-sp-half));right:calc(-1 * var(--du-seg-pad));bottom:calc(-1 * var(--du-seg-pad));border:2px solid var(--du-surface);place-items:center;display:grid}.mock-buy-card{margin:var(--du-sp-3) 0}.mock-other-areas{padding:var(--du-sp-3) 0}@media (min-width:960px){.mock-content,.mock-dialog .mock-sheet-body{padding-inline:var(--du-gutter)}.mock-run>.mock-content{padding-top:var(--du-sp-3)}.mock-screen{max-width:none;padding-bottom:calc(var(--mock-dock-height,192px) + var(--du-sp-6))}.mock-quiz-top{gap:var(--du-sp-3);padding:var(--du-sp-5) var(--du-gutter) var(--du-sp-2)}}