.flashcards-page{color:#183451}.flashcards-page main{max-width:1120px;margin:0 auto;padding:22px 24px 70px}.flashcards-hero{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:28px 0 38px}.flashcards-hero>div:first-child{max-width:720px}.cards-kicker{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#08796f}.flashcards-hero h1{font-size:clamp(32px,4.4vw,50px);line-height:1.15;letter-spacing:-.03em;margin:0 0 12px}.cards-counter{margin:0 0 16px;color:#164f9d;line-height:1.4}.cards-counter strong{font-size:17px;font-weight:700}.cards-counter span{display:block;font-size:11.5px;color:#506780;margin-top:3px}.flashcards-hero p:not(.cards-kicker):not(.cards-counter){font-size:18px;line-height:1.6;color:#506780;margin:0}.hero-card{position:relative;flex:none;width:200px;display:grid;grid-template-columns:1fr 1fr;transform:rotate(5deg);filter:drop-shadow(0 9px 14px #17324d19)}.hero-card span{display:grid;place-items:center;min-height:100px;background:#fff;border:2px solid #164f9d;font-size:22px;font-weight:700}.hero-card span:first-child{border-right:1px dashed #87a6bf;border-radius:12px 0 0 12px;background:#fff6cf}.hero-card span:last-child{border-left:1px dashed #87a6bf;border-radius:0 12px 12px 0;color:#08796f}.cards-layout{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(320px,1.2fr);gap:32px;align-items:start}.cards-controls{min-width:0;border:1px solid #d6e2ee;background:#f5f9fd;border-radius:18px;padding:26px}.cards-controls fieldset{border:0;border-bottom:1px solid #d6e2ee;padding:0 0 22px;margin:0 0 22px}.cards-controls legend{font-size:18px;font-weight:700;margin:0 0 16px;padding:0}.cards-controls legend span{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#164f9d;color:#fff;font-size:14px;margin-right:6px}.cards-controls label:not(.cards-check),.cards-row-heading,.cards-sub-label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.cards-controls select,.cards-controls input[type=number]{display:block;width:100%;min-height:46px;padding:9px 11px;border:1px solid #a8bbce;border-radius:8px;background:#fff;color:#17324d;font-size:16px}.cards-controls input[type=number]:disabled{background:#edf3f8;color:#506780;cursor:not-allowed;opacity:.9}.cards-controls select{margin-bottom:16px}.cards-range-group{margin-bottom:16px}.cards-range-toggle{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;background:#e5eff8;border:1px solid #c9daea;border-radius:10px}.cards-range-btn{min-height:38px;padding:6px 10px;border:0;border-radius:7px;background:transparent;color:#355677;font-size:13px;font-weight:700;cursor:pointer}.cards-range-btn:hover{color:#164f9d}.cards-range-btn.is-active{background:#fff;color:#164f9d;box-shadow:0 2px 6px #17324d17}.cards-row-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.cards-text-button{border:0;background:transparent;color:#164f9d;padding:7px;cursor:pointer;font-size:13px;font-weight:700}.cards-rows{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:19px}.cards-rows label{position:relative;margin:0!important;cursor:pointer}.cards-rows input{position:absolute;opacity:0}.cards-rows span{display:grid;place-items:center;min-height:43px;background:#fff;border:1px solid #a8bbce;border-radius:8px;font-size:15px;color:#355677}.cards-rows input:checked+span{background:#164f9d;color:#fff;border-color:#164f9d}.cards-rows input:focus-visible+span{outline:3px solid #09849d;outline-offset:2px}.cards-check{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:700}.cards-check input{width:20px;height:20px;accent-color:#164f9d}.cards-count-presets{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:10px}.cards-preset-btn{min-height:38px;padding:6px 8px;border:1px solid #a8bbce;border-radius:8px;background:#fff;color:#355677;font-size:13px;font-weight:700;cursor:pointer}.cards-preset-btn:hover:not(:disabled){border-color:#164f9d;color:#164f9d}.cards-preset-btn.is-active{background:#164f9d;border-color:#164f9d;color:#fff}.cards-preset-btn:disabled{opacity:.45;cursor:not-allowed}.cards-hint{font-size:14px;line-height:1.6;color:#506780;margin:10px 0 0}.cards-summary{font-weight:700;font-size:14px;line-height:1.5}.cards-error{color:#a12c20;background:#fff0ed;border-radius:8px;padding:10px}.cards-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:10px}.cards-primary,.cards-secondary{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;padding:11px 12px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.cards-primary{border:0;background:#164f9d;color:#fff}.cards-primary:hover:not(:disabled){background:#123f7c}.cards-secondary{border:1.5px solid #164f9d;background:#fff;color:#164f9d}.cards-secondary:hover:not(:disabled){background:#eaf2fb}.cards-primary:disabled,.cards-secondary:disabled{opacity:.6;cursor:not-allowed}.cards-primary svg,.cards-secondary svg{width:20px;height:20px;flex:none}.cards-private{font-size:12px;line-height:1.6;color:#506780;margin:12px 0 0}.cards-preview-panel{min-width:0;padding:8px 0}.cards-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.cards-preview-heading h2{font-size:25px;margin:0}.cards-preview-heading .cards-kicker{margin-bottom:3px}.cards-shuffle{min-height:43px;padding:8px 13px;background:#fff;border:1px solid #a8bbce;color:#164f9d;border-radius:9px;font-size:14px;font-weight:700;cursor:pointer}.cards-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.preview-card{min-height:110px}.preview-card-fold,.preview-card:not(.preview-card-duplex){display:grid;grid-template-columns:1fr 1fr;border:1px solid #889fb3;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 5px 15px #17324d0b}.preview-card-fold>div,.preview-card:not(.preview-card-duplex)>div{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:12px 6px;text-align:center}.preview-card-fold>div+div,.preview-card:not(.preview-card-duplex)>div+div{border-left:2px dashed #9aafc0;background:#f5faf8}.preview-card-fold small,.preview-card:not(.preview-card-duplex) small{font-size:11px;color:#627b91;font-weight:700}.preview-card-fold strong,.preview-card:not(.preview-card-duplex) strong{font-size:clamp(16px,1.8vw,21px);color:#17324d;line-height:1.2;white-space:nowrap}.preview-card-fold .preview-answer{color:#08796f}.preview-card-fold .preview-equation{font-size:11px;font-weight:700;color:#506780;line-height:1.2}.preview-card-duplex{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:6px;border:1px solid #d5e3f0;border-radius:12px;background:#eef5fb;box-shadow:none;overflow:visible;cursor:pointer;outline:none}.preview-card-duplex::after{content:'⇄';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#fff;border:1px solid #9ab2c8;color:#164f9d;font-size:12px;font-weight:800;display:grid;place-items:center;box-shadow:0 2px 5px #17324d18;pointer-events:none;transition:transform .2s ease}.preview-card-duplex.is-flipped::after{transform:translate(-50%,-50%) rotate(180deg)}.preview-card-duplex:focus-visible{outline:3px solid #09849d;outline-offset:3px;border-radius:9px}.preview-card-duplex .preview-face{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 5px;text-align:center;border-radius:8px;background:#fff;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.preview-card-duplex .preview-face small{font-size:11px;color:#627b91;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.preview-card-duplex .preview-face strong{font-size:clamp(15px,1.65vw,19px);color:#17324d;line-height:1.2;white-space:nowrap}.preview-card-duplex .preview-front{border:1.5px solid #164f9d;background:#fff9db;box-shadow:0 5px 14px #17324d0c}.preview-card-duplex .preview-back{border:1.5px solid #6ea399;background:#f2fbf8;box-shadow:0 5px 14px #17324d0c}.preview-card-duplex .preview-answer{color:#08796f}.preview-card-duplex .preview-equation{font-size:11px;font-weight:700;color:#506780;line-height:1.2}.preview-card-duplex .preview-face:hover{transform:translateY(-2px);box-shadow:0 8px 18px #17324d14}.preview-card-duplex.is-flipped .preview-front{border-color:#889fb3;background:#f8fbfe}.preview-card-duplex.is-flipped .preview-back{border-color:#164f9d;background:#fff}.cards-preview-note{margin-top:15px}.cards-instructions{border-top:1px solid #d6e2ee;margin-top:48px;padding-top:26px}.cards-instructions h2{font-size:24px;margin:0 0 14px}.cards-instructions ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 30px;padding-left:22px;color:#506780;line-height:1.7;font-size:15px}.cards-instructions strong{color:#17324d}.cards-noscript{background:#fff3cf;padding:14px;border-radius:8px}.flashcards-page a:focus-visible,.flashcards-page button:focus-visible,.flashcards-page input:focus-visible,.flashcards-page select:focus-visible{outline:3px solid #09849d;outline-offset:3px}@media(max-width:800px){.cards-layout{grid-template-columns:1fr;gap:28px}.cards-controls{padding:22px}.cards-preview-panel{max-width:650px;width:100%;margin:auto}.flashcards-hero{padding-top:20px}.hero-card{width:150px}.hero-card span{min-height:78px;font-size:17px}}@media(max-width:520px){.flashcards-page main{padding:15px 16px 50px}.flashcards-hero{align-items:flex-start}.flashcards-hero p:not(.cards-kicker):not(.cards-counter){font-size:16px}.hero-card{display:none}.cards-rows{grid-template-columns:repeat(6,minmax(0,1fr))}.cards-actions{grid-template-columns:1fr}.cards-preview{grid-template-columns:1fr 1fr;gap:8px}.cards-preview.is-duplex{grid-template-columns:1fr;gap:12px}.preview-card{min-height:85px}.preview-card-duplex{min-height:85px;gap:8px}.preview-card-duplex .preview-face{padding:10px 4px}.preview-card-duplex .preview-face strong{font-size:18px}.preview-card>div{padding:8px 3px}.preview-card strong{font-size:16px}.cards-instructions ol{grid-template-columns:1fr;gap:10px}}
.cards-mode{display:flex!important;align-items:flex-start;gap:10px;margin:0 0 14px!important;font-weight:400!important;cursor:pointer}.cards-mode input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:#164f9d}.cards-mode span{display:block}.cards-mode strong{display:block;font-size:14px;color:#17324d}.cards-mode small{display:block;font-size:13px;line-height:1.55;color:#506780;margin-top:3px}
.cards-shuffle[hidden]{display:none!important}
@keyframes heroCardFloat{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3.5deg) translateY(-4px)}}
@keyframes heroCardHinge{0%,100%{transform:perspective(420px) rotateY(0deg);background:#fff}45%,55%{transform:perspective(420px) rotateY(-34deg);background:#e7f9f2}}
.hero-card{animation:heroCardFloat 4.8s ease-in-out infinite}.hero-card::before{content:'✂';position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid #9ab2c8;border-radius:99px;padding:1px 5px;font-size:11px;line-height:1;color:#164f9d;z-index:2;box-shadow:0 2px 4px #17324d14}.hero-card span:last-child{transform-origin:left center;animation:heroCardHinge 4.8s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.hero-card,.hero-card span:last-child{animation:none!important}}