.m-quickstudy{--qs-header-h:88px;--qs-footer-h:96px;--qs-orbit-shift-y:-35px;box-sizing:border-box;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:var(--qs-header-h) minmax(0,1fr) var(--qs-footer-h);padding:20px 16px 28px;color:#f5f7ff;background:linear-gradient(180deg,#f5f7ff 0%,#e9eefc 100%)}.m-qs__header{position:relative;min-height:var(--qs-header-h)}.m-qs__hero,.m-qs__crumb{position:absolute;left:0;right:0;top:0}.m-qs__hero[hidden],.m-qs__crumb[hidden]{display:block!important;visibility:hidden;pointer-events:none}.m-qs__title{margin:0;font-size:28px;line-height:1.2;font-weight:700;letter-spacing:.02em}.m-qs__subtitle{margin:8px 0 0;font-size:15px;color:#6b7280}.m-qs__crumb{padding-top:8px;font-size:14px;font-weight:600;color:#6b7280}.m-qs__main{min-height:0;display:flex}.m-qs__universe{width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center}.m-qs__orbit{position:relative;width:min(92vw, 420px);aspect-ratio:1 / 1;margin:0 auto;overflow:visible;transform:translateY(var(--qs-orbit-shift-y))}.m-qs__fx-layer{position:absolute;inset:0;z-index:8;pointer-events:none}.m-qs__center,.m-qs__node,.m-qs__action{-webkit-tap-highlight-color:#fff0;touch-action:manipulation}.m-qs__center,.m-qs__node{transition:transform 220ms ease,opacity 220ms ease,filter 220ms ease,box-shadow 220ms ease,border-color 220ms ease;will-change:transform,opacity,filter}.m-qs__center{position:absolute;left:50%;top:50%;width:118px;height:118px;transform:translate(-50%,-50%);border-radius:999px;border:1px solid rgb(99 102 241 / .08);background:linear-gradient(180deg,#ffffff 0%,#f7f9ff 100%);color:#111827;box-shadow:0 4px 12px rgb(15 23 42 / .05),0 20px 40px rgb(99 102 241 / .08);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;text-align:center;z-index:3}.m-qs__center.is-clickable{cursor:pointer}.m-qs__center.is-active{box-shadow:0 4px 10px rgb(37 99 235 / .08),0 16px 36px rgb(15 23 42 / .10)}.m-qs__center-label{font-size:15px;font-weight:600;letter-spacing:-.01em}.m-qs__nodes{position:absolute;inset:0;z-index:2}.m-qs__node{position:absolute;width:92px;min-height:92px;overflow:hidden;transform-origin:center center;border-radius:28px;background:linear-gradient(180deg,rgb(255 255 255 / .94) 0%,rgb(248 250 255 / .90) 100%);border:1px solid rgb(226 232 240 / .85);color:#1f2937;box-shadow:0 1px 2px rgb(15 23 42 / .02),0 8px 20px rgb(15 23 42 / .05);backdrop-filter:blur(10px);padding:12px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;isolation:isolate;--qs-progress:0%;--qs-progress-color:#6be0ff;--qs-progress-rest:rgba(196, 204, 255, 0.12);--qs-progress-border-width:3px}.m-qs__node::before{content:'';position:absolute;inset:0;padding:var(--qs-progress-border-width);border-radius:28px;background:conic-gradient(from -90deg,var(--qs-progress-color) 0%,var(--qs-progress-color) var(--qs-progress),var(--qs-progress-rest) var(--qs-progress),var(--qs-progress-rest) 100%);pointer-events:none;z-index:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.m-qs__node-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-bottom:1px;color:currentColor;pointer-events:none}.m-qs__node-icon svg{display:block;width:100%;height:100%}.m-qs__center-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:3px;color:currentColor}.m-qs__center-icon svg{display:block;width:100%;height:100%}.m-qs__flying-node{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.m-qs__flying-node-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-bottom:6px;color:currentColor}.m-qs__flying-node-icon svg{display:block;width:100%;height:100%}.m-qs__flying-node-label{display:block}.m-qs__node.is-high-progress{--qs-progress-color:#ffd86b}.m-qs__node>*{position:relative;z-index:1}.m-qs__node.is-started::before{filter:drop-shadow(0 0 6px rgb(107 224 255 / .18))}.m-qs__node.is-high-progress::before{filter:drop-shadow(0 0 8px rgb(255 216 107 / .22))}.m-qs__node.is-active{background:linear-gradient(180deg,#ffffff 0%,#eef3ff 100%);border-color:rgb(79 70 229 / .28);box-shadow:0 6px 14px rgb(15 23 42 / .06),0 18px 36px rgb(79 70 229 / .16);transform:scale(1.07) translateY(-2px)}.m-qs__node-label{color:#374151;font-size:14px;line-height:1.25;font-weight:600;word-break:break-word}.m-qs__node-count{font-size:12px;line-height:1;opacity:.78}.m-qs__node::after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:999px;transform:translate(-50%,-50%) scale(.2);opacity:0;pointer-events:none;background:radial-gradient(circle,rgb(255 255 255 / .38) 0%,rgb(130 220 255 / .18) 55%,#fff0 75%)}.m-qs__node.is-pressing{transform:scale(.92);filter:brightness(1.18);box-shadow:0 14px 30px rgb(0 0 0 / .28),0 0 0 3px rgb(133 228 255 / .18)}.m-qs__node.is-rippling::after{animation:qs-ripple 520ms ease-out}.m-qs__node.is-active .m-qs__node-label{color:#312e81;font-weight:800;letter-spacing:-.01em}.m-qs__node.is-active .m-qs__node-count{color:#4f46e5;opacity:1;font-weight:700}@keyframes qs-ripple{0%{opacity:.55;transform:translate(-50%,-50%) scale(.2)}70%{opacity:.22;transform:translate(-50%,-50%) scale(4.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(5.2)}}.m-qs__orbit.is-transitioning .m-qs__center{opacity:.22;transform:translate(-50%,-50%) scale(.9)}.m-qs__node.is-fading-out{opacity:.22;transform:scale(.92);filter:blur(1px)}.m-qs__node.is-selected-origin{opacity:0}.m-qs__flying-node{position:absolute;z-index:12;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid rgb(99 102 241 / .10);border-radius:28px;background:linear-gradient(180deg,rgb(255 255 255 / .98) 0%,rgb(246 248 255 / .96) 100%);color:#111827;box-shadow:0 4px 10px rgb(15 23 42 / .04),0 18px 36px rgb(99 102 241 / .10);backdrop-filter:blur(10px);padding:12px 8px;font-size:14px;font-weight:700;line-height:1.25;transition:left 420ms cubic-bezier(.22,1,.36,1),top 420ms cubic-bezier(.22,1,.36,1),width 420ms cubic-bezier(.22,1,.36,1),height 420ms cubic-bezier(.22,1,.36,1),border-radius 420ms cubic-bezier(.22,1,.36,1),transform 420ms cubic-bezier(.22,1,.36,1),opacity 240ms ease}.m-qs__flying-node.is-centering{border-radius:999px;transform:scale(1.16)}.m-qs__node.is-entering{opacity:0;transform:scale(.82) translateY(8px)}.m-qs__node.is-entered{opacity:1;transform:scale(1) translateY(0)}.m-qs__node.is-entered:nth-child(1){transition-delay:20ms}.m-qs__node.is-entered:nth-child(2){transition-delay:60ms}.m-qs__node.is-entered:nth-child(3){transition-delay:100ms}.m-qs__node.is-entered:nth-child(4){transition-delay:140ms}.m-qs__node.is-entered:nth-child(5){transition-delay:180ms}.m-qs__node.is-entered:nth-child(6){transition-delay:220ms}.m-qs__node.is-entered:nth-child(7){transition-delay:260ms}.m-qs__node.is-entered:nth-child(8){transition-delay:300ms}.m-qs__node.is-entered:nth-child(9){transition-delay:340ms}.m-qs__node.is-entered:nth-child(10){transition-delay:380ms}.m-qs__footer{position:relative;min-height:var(--qs-footer-h);padding-top:10px}.m-qs__notice{min-height:24px;margin-bottom:12px;display:flex;align-items:center;font-size:14px;color:#6b7280}.m-qs__notice:empty{display:none}.m-qs__actions{display:flex;gap:12px;min-height:48px;align-items:stretch}.m-qs__action{flex:1 1 0%;min-height:48px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;text-align:center;text-decoration:none;font-size:15px;font-weight:650;border:1px solid #fff0}.m-qs__action[hidden]{display:inline-flex!important;visibility:hidden;pointer-events:none}.m-qs__action--ghost{background:rgb(255 255 255 / .7);color:#374151;border:1px solid rgb(226 232 240 / .9);backdrop-filter:blur(8px)}.m-qs__action--primary{background:linear-gradient(180deg,#8ea2ff 0%,#6f84f7 100%);color:#fff;border:1px solid rgb(255 255 255 / .45);box-shadow:0 4px 10px rgb(79 70 229 / .12),inset 0 1px 0 rgb(255 255 255 / .28)}.m-qs__action.is-active{box-shadow:0 10px 24px rgb(69 97 255 / .32),0 0 0 3px rgb(124 150 255 / .12)}.m-qs__action.is-disabled{opacity:.72;filter:saturate(.7)}@media (max-width:480px){.m-quickstudy{--qs-orbit-shift-y:-35px}.m-qs__orbit{width:min(92vw, 390px)}.m-qs__node{width:88px;min-height:88px}}@media (prefers-reduced-motion:reduce){.m-qs__center,.m-qs__node,.m-qs__flying-node,.m-qs__action{transition:none!important;animation:none!important}}