:root{--bg: #FFFFFF;--surface: #F5F6F8;--surface-2: #ECEEF2;--ink: #000000;--ink-2: #4A5160;--line: rgba(0, 0, 0, .13);--line-strong: #000000;--tile: #FFFFFF;--accent: #2663EB;--accent-soft: rgba(38, 99, 235, .1);--on-accent: #FFFFFF;--accent-ink: #1D4FC4;--alert-ink: #8E2C14;--note-bg: #EEF3FE;--focus: #2663EB;--shadow: 0 14px 34px rgba(16, 24, 40, .12);color-scheme:light;--font-display: "Montserrat", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-body: "Liter", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s6: 24px;--s8: 32px;--s12: 48px;--r-s: 6px;--r-m: 10px;--r-l: 16px;--t-1: .16s;--t-2: .26s;--t-3: .42s;--ease-out: cubic-bezier(.2, .7, .2, 1);--ease-in: cubic-bezier(.5, 0, .8, .3);--slot: 96px}*{box-sizing:border-box}html,body{height:100%}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,input,select{font:inherit;color:inherit}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}a{color:var(--accent-ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{max-width:480px;min-height:100%;margin:0 auto;padding-inline:var(--s4);display:flex;flex-direction:column}.mock{display:flex;align-items:center;gap:var(--s2);padding-block:var(--s2);border-bottom:1px dashed var(--line);font-size:12px;color:var(--ink-2)}.mock strong{font-family:var(--font-display);font-weight:600;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.mock select,.mock button{min-height:44px;padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--r-s);background:var(--surface);font-size:12px}.mock select{flex:1 1 0;min-width:0}.mock button{cursor:pointer;flex:none}.bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);min-height:56px}.logo{height:15px;width:auto;color:var(--ink);display:block}.home{display:inline-flex;align-items:center;min-height:44px;color:var(--ink)}.back{display:inline-flex;align-items:center;gap:var(--s2);min-height:44px;padding:0 var(--s2);margin-right:calc(-1 * var(--s2));background:none;border:0;color:var(--ink-2);cursor:pointer;font-size:14px}.back:hover{color:var(--ink)}.back:before{content:"";width:7px;height:7px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}.steps{display:flex;gap:var(--s1)}.steps li{flex:1;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.steps li i{display:block;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}.steps li.done i{transform:scaleX(1)}.steps li.now i{background:var(--accent);animation:step-in var(--t-3) var(--ease-out) forwards}.steps li.now.full i{animation:none;transform:scaleX(1);background:var(--ink);transition:background-color var(--t-2) var(--ease-out)}@keyframes step-in{to{transform:scaleX(.5)}}.screen{flex:1;display:flex;flex-direction:column;gap:var(--s6);padding-block:var(--s8) var(--s6)}.screen:focus{outline:none}.screen[data-dir=fwd]{animation:in-fwd var(--t-2) var(--ease-out) both}.screen[data-dir=back]{animation:in-back var(--t-2) var(--ease-out) both}.screen.out-fwd{animation:out-fwd var(--t-1) var(--ease-in) both}.screen.out-back{animation:out-back var(--t-1) var(--ease-in) both}@keyframes in-fwd{0%{opacity:0;transform:translate(28px)}}@keyframes in-back{0%{opacity:0;transform:translate(-28px)}}@keyframes out-fwd{to{opacity:0;transform:translate(-28px)}}@keyframes out-back{to{opacity:0;transform:translate(28px)}}.title{font-family:var(--font-display);font-weight:500;text-transform:uppercase;font-size:24px;line-height:1.18;letter-spacing:-.01em;text-wrap:balance}.title.big{font-size:32px;line-height:1.08;font-weight:600}.sub{color:var(--ink-2);max-width:36em}.head{display:flex;flex-direction:column;gap:var(--s3)}.fan{--shot: min(132px, 34vw);position:relative;height:calc(var(--shot) + 36px)}.fan img{position:absolute;left:50%;top:12px;width:var(--shot);height:var(--shot);margin-left:calc(var(--shot) / -2);border-radius:var(--r-l);background:var(--tile);border:1px solid var(--line);object-fit:contain;box-shadow:var(--shadow);transform:translate(var(--x)) rotate(var(--rot));animation:fan-in .62s var(--ease-out) both}.fan img:nth-child(1){--x: calc(var(--shot) * -.7);--rot: -9deg;animation-delay:80ms}.fan img:nth-child(2){--x: calc(var(--shot) * .7);--rot: 9deg;animation-delay:.16s}.fan img:nth-child(3){--x: 0px;--rot: 0deg;top:0;animation-delay:.24s}@keyframes fan-in{0%{opacity:0;transform:translate(0) translateY(40px) rotate(0) scale(.9)}}.creator{display:flex;flex-direction:column;gap:2px;padding-left:var(--s3);border-left:2px solid var(--accent)}.creator b{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.creator span{color:var(--ink-2);font-size:14px}.options{display:flex;flex-direction:column;gap:var(--s2)}.opt{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:60px;width:100%;padding:var(--s3) var(--s4);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);cursor:pointer;transition:border-color var(--t-1) var(--ease-out),transform var(--t-1) var(--ease-out),opacity var(--t-2) var(--ease-out);animation:opt-in var(--t-2) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 35ms + 60ms)}@keyframes opt-in{0%{opacity:0;transform:translateY(10px)}}.opt:hover{border-color:var(--ink-2)}.opt:active{transform:scale(.985)}.opt-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--t-2) var(--ease-out)}.opt.multi .opt-fill{background:var(--accent-soft)}.opt-label,.opt-mark{position:relative}.opt-mark{flex:none;width:22px;height:22px;border:1.5px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:border-color var(--t-1) var(--ease-out),background-color var(--t-1) var(--ease-out)}.opt.multi .opt-mark{border-radius:var(--r-s)}.opt-mark svg{width:12px;height:12px;fill:none;stroke:var(--on-accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset var(--t-2) var(--ease-out) 90ms}.opt.is-on{border-color:var(--accent)}.opt.is-on .opt-fill{transform:scaleX(1)}.opt.is-on .opt-mark{border-color:var(--on-accent)}.opt.is-on:not(.multi) .opt-label{color:var(--on-accent)}.opt.multi.is-on .opt-mark{background:var(--accent);border-color:var(--accent)}.opt.is-on .opt-mark svg{stroke-dashoffset:0}.opt.is-dim{opacity:.35}.field{display:flex;flex-direction:column;gap:var(--s3)}.field input{min-height:60px;padding:0;background:transparent;border:0;border-bottom:1.5px solid var(--line);border-radius:0;font-size:22px;color:var(--ink);transition:border-color var(--t-1) var(--ease-out)}.field input::placeholder{color:var(--ink-2);opacity:.6}.field input:focus{outline:none;border-bottom-color:var(--accent)}.field input[aria-invalid=true]{border-bottom-color:var(--alert-ink)}.error{color:var(--alert-ink);font-size:14px}.form{flex:1;display:flex;flex-direction:column;gap:var(--s6)}.foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--s3);padding-bottom:var(--s2)}.btn{display:flex;align-items:center;justify-content:center;gap:var(--s2);min-height:56px;width:100%;padding:0 var(--s6);background:var(--accent);color:var(--on-accent);border:0;border-radius:var(--r-m);cursor:pointer;text-decoration:none;font-family:var(--font-body);font-weight:600;font-size:15px;letter-spacing:.02em;text-transform:uppercase;transition:transform var(--t-1) var(--ease-out),opacity var(--t-2) var(--ease-out)}.btn:after{content:"";width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);transition:transform var(--t-1) var(--ease-out)}.btn:hover:after{transform:translate(3px) rotate(45deg)}.btn:active{transform:scale(.985)}.btn[disabled],.btn[aria-disabled=true]{opacity:.3;cursor:not-allowed;pointer-events:none}.btn[aria-busy=true]{opacity:.6;pointer-events:none}.small{font-size:13px;color:var(--ink-2)}.reveal{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s8);padding-bottom:var(--s12)}.reveal h1{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.slots{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3);max-width:calc(var(--slot) * var(--per-row, 3) + var(--s3) * (var(--per-row, 3) - 1))}.slot{position:relative;width:var(--slot);height:var(--slot);border-radius:var(--r-l);background:var(--tile);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;transition:transform var(--t-2) var(--ease-out),box-shadow var(--t-2) var(--ease-out)}.slot .strip{display:flex;flex-direction:column;will-change:transform}.slot .strip img{width:var(--slot);height:var(--slot);object-fit:contain;flex:none}.slot.locked{animation:lock var(--t-3) var(--ease-out);box-shadow:0 0 0 2px var(--accent),0 14px 36px #2663eb59}@keyframes lock{40%{transform:scale(1.07)}}.rise{animation:rise var(--t-3) var(--ease-out) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.chips{display:flex;flex-wrap:wrap;gap:var(--s2)}.chips li{padding:var(--s1) var(--s3);border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink-2)}.notice{padding:var(--s4);background:var(--note-bg);border-radius:var(--r-m);font-size:15px}.group{display:flex;flex-direction:column;gap:var(--s3)}.group>h2{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.hero{border-radius:var(--r-l);background:var(--surface);overflow:hidden}.hero-shot{display:grid;place-items:center;padding:var(--s6) var(--s4) var(--s2)}.hero-shot img{width:176px;height:176px;object-fit:contain;mix-blend-mode:multiply}.hero-body{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s2) var(--s4) var(--s4)}.tier{font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}.name{font-family:var(--font-display);font-weight:600;font-size:20px;line-height:1.2;text-transform:uppercase}.price{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:15px}.price b{color:var(--ink);font-weight:600}.why{font-size:18px;line-height:1.35;font-weight:600;text-wrap:pretty}.claim{color:var(--ink-2)}.ours{display:flex;flex-direction:column;gap:var(--s1);padding-top:var(--s3);border-top:1px solid var(--line)}.ours b{font-family:var(--font-display);font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.card{border:1px solid var(--line);border-radius:var(--r-l);background:var(--bg);overflow:hidden}.card-head{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--s3);align-items:center;padding:var(--s3) var(--s4)}.card-head img{width:56px;height:56px;border-radius:var(--r-m);background:var(--surface);object-fit:contain;mix-blend-mode:multiply}.card .name{font-size:15px}.card-id{display:flex;flex-direction:column;gap:2px;min-width:0}.card-why{padding:0 var(--s4) var(--s3);font-weight:600}.card-text{padding:0 var(--s4) var(--s3);color:var(--ink-2);font-size:15px}.card-text .pick{color:var(--ink)}.tag{align-self:flex-start;padding:2px var(--s2);border-radius:var(--r-s);font-size:12px;background:var(--surface);color:var(--ink-2)}.more{border-top:1px solid var(--line)}.more summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 var(--s4);cursor:pointer;font-size:14px;color:var(--ink-2);list-style:none}.more summary::-webkit-details-marker{display:none}.more summary:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--t-1) var(--ease-out)}.more[open] summary:after{transform:translateY(2px) rotate(-135deg)}.more-body{display:flex;flex-direction:column;gap:var(--s3);padding:0 var(--s4) var(--s4);font-size:15px}.more-body p b{display:block;font-family:var(--font-display);font-weight:600;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding-bottom:2px}.hero .more{margin-inline:calc(-1 * var(--s4))}.buy{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3)}.buy select{min-height:44px;max-width:100%;padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--r-m);background:var(--bg)}.pick{position:relative;display:inline-flex;align-items:center;gap:var(--s3);min-height:44px;cursor:pointer;font-size:15px}.pick input{position:absolute;opacity:0;width:44px;height:44px;margin:0;left:-11px;cursor:pointer}.pick .box{flex:none;width:22px;height:22px;border:1.5px solid var(--ink-2);border-radius:var(--r-s);display:grid;place-items:center;transition:background-color var(--t-1) var(--ease-out),border-color var(--t-1) var(--ease-out),transform var(--t-1) var(--ease-out)}.pick .box svg{width:12px;height:12px;fill:none;stroke:var(--on-accent);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset var(--t-2) var(--ease-out)}.pick input:checked+.box{background:var(--accent);border-color:var(--accent)}.pick input:checked+.box svg{stroke-dashoffset:0}.pick input:active+.box{transform:scale(.9)}.pick input:focus-visible+.box{outline:2px solid var(--focus);outline-offset:2px}.baskets{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.basket{display:flex;flex-direction:column;gap:2px;min-height:60px;padding:var(--s2) var(--s3);text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-m);cursor:pointer;transition:border-color var(--t-1) var(--ease-out),background-color var(--t-1) var(--ease-out),transform var(--t-1) var(--ease-out)}.basket:active{transform:scale(.985)}.basket b{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.basket span{font-size:14px;color:var(--ink-2);font-variant-numeric:tabular-nums}.basket[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.deal{display:flex;flex-direction:column;gap:var(--s1);padding-block:var(--s4);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line)}.deal b{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.legal{font-size:12px;color:var(--ink-2);padding-bottom:var(--s6)}.sum{position:sticky;bottom:0;margin-inline:calc(-1 * var(--s4));padding:var(--s3) var(--s4) calc(var(--s3) + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--s2);box-shadow:0 -12px 28px #0000000f}.sum-line{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--s2);font-variant-numeric:tabular-nums}.sum-line s{color:var(--ink-2)}.sum-line strong{font-family:var(--font-display);font-weight:700;font-size:20px}.ship{font-size:13px;color:var(--ink-2);font-variant-numeric:tabular-nums}@media(max-width:359px){:root{--slot: 84px}.title.big{font-size:28px}}@media(min-width:768px){.screen{flex:0 0 auto;padding-block:var(--s12) var(--s8)}.form{flex:0 0 auto}.foot{margin-top:var(--s2)}.reveal{min-height:60vh}}.sum.inline{position:static;margin:0;padding:var(--s6);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:none;gap:var(--s3)}.sum-title{font-family:var(--font-display);font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}.sum.inline .deal{padding-bottom:0;border-bottom:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/70/assets/quiz-routine.css.map */