.sv-flashcards-page{--flash-accent:#7137e5;--flash-soft:#f1ebff;--flash-ink:#252a49;--flash-muted:#7c8199;max-width:1240px;margin:0 auto;padding-bottom:34px;color:var(--flash-ink)}
.sv-flashcards-page *{box-sizing:border-box}
.sv-nav-icon--flashcards svg{width:22px;height:22px}
.sv-flash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px}
.sv-flash-kicker{display:inline-flex;align-items:center;gap:7px;margin:0 0 8px;color:#7840dd;font-size:9px;font-weight:950;letter-spacing:.14em}
.sv-flash-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#df2d94,#7654f6);box-shadow:0 0 0 5px rgba(118,84,246,.09)}
.sv-flash-head h1{margin:0;color:#242944;font-size:clamp(32px,3.3vw,48px);line-height:1.02;letter-spacing:-1.8px}
.sv-flash-head p{max-width:660px;margin:10px 0 0;color:#7b8098;font-size:13px;line-height:1.65}
.sv-flash-primary,.sv-flash-secondary,.sv-flash-icon-btn{border:0;font-family:inherit;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.sv-flash-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border-radius:13px;background:linear-gradient(135deg,#712ce7,#2e8cf4);padding:0 18px;color:#fff;font-size:12px;font-weight:900;box-shadow:0 11px 24px rgba(92,54,211,.2)}
.sv-flash-primary:hover{transform:translateY(-1px);box-shadow:0 15px 30px rgba(92,54,211,.25)}
.sv-flash-primary:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.sv-flash-secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border:1px solid #ded9ed;border-radius:11px;background:#fff;padding:0 13px;color:#5a6079;font-size:10px;font-weight:850}
.sv-flash-secondary:hover{border-color:#c9b9e9;background:#faf8ff;color:#6532c7}
.sv-flash-overview{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(145px,.55fr));gap:12px;margin-bottom:16px}
.sv-flash-feature{position:relative;min-height:132px;overflow:hidden;border:1px solid #dfd7f5;border-radius:22px;background:linear-gradient(125deg,#7130df 0%,#7144e7 54%,#2c91ef 100%);padding:24px 26px;color:#fff;box-shadow:0 17px 38px rgba(63,50,138,.15)}
.sv-flash-feature:before,.sv-flash-feature:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.17);border-radius:24px;transform:rotate(-9deg)}
.sv-flash-feature:before{right:-14px;top:15px;width:150px;height:100px}.sv-flash-feature:after{right:31px;top:36px;width:118px;height:79px;background:rgba(255,255,255,.06)}
.sv-flash-feature span{position:relative;z-index:1;display:block;margin-bottom:8px;color:#ded4ff;font-size:8px;font-weight:950;letter-spacing:.13em}
.sv-flash-feature h2{position:relative;z-index:1;max-width:390px;margin:0;font-size:23px;line-height:1.15;letter-spacing:-.7px}
.sv-flash-feature p{position:relative;z-index:1;margin:8px 0 0;color:#e8e6fb;font-size:11px;line-height:1.5}
.sv-flash-stat{display:flex;min-height:132px;flex-direction:column;justify-content:space-between;border:1px solid #e7e3f1;border-radius:22px;background:rgba(255,255,255,.9);padding:19px;box-shadow:0 10px 28px rgba(48,43,93,.055)}
.sv-flash-stat i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#f0eaff,#eaf4ff);color:#6b38d2;font-size:15px;font-style:normal}
.sv-flash-stat b{display:block;margin-top:11px;color:#282e4a;font-size:24px;letter-spacing:-1px}.sv-flash-stat span{color:#8a8ea4;font-size:9px;font-weight:750}
.sv-flash-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:15px;align-items:start}
.sv-flash-library,.sv-flash-workspace{border:1px solid #e4e0ef;border-radius:23px;background:rgba(255,255,255,.92);box-shadow:0 15px 38px rgba(45,40,86,.065)}
.sv-flash-library{position:sticky;top:24px;overflow:hidden;padding:18px}
.sv-flash-library-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.sv-flash-library-head h2{margin:0;font-size:16px;letter-spacing:-.4px}.sv-flash-library-head button{display:grid;place-items:center;width:34px;height:34px;border:0;border-radius:11px;background:#eee7ff;color:#6631d4;font-size:20px;cursor:pointer}
.sv-flash-decks{display:grid;gap:8px}.sv-flash-library-empty{border:1px dashed #dcd6e9;border-radius:15px;background:#fbfaff;padding:18px 12px;color:#9093a7;text-align:center;font-size:10px;line-height:1.55}
.sv-flash-deck{--deck:#7137e5;display:grid;grid-template-columns:38px minmax(0,1fr) 34px;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:15px;background:#fafafd;padding:10px;color:#454b68;text-align:left;cursor:pointer;transition:.16s ease}
.sv-flash-deck:hover{border-color:#e0d9ef;background:#fff}.sv-flash-deck.active{border-color:color-mix(in srgb,var(--deck) 25%,#ddd);background:color-mix(in srgb,var(--deck) 7%,#fff);box-shadow:0 7px 18px rgba(62,50,119,.07)}
.sv-flash-deck-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--deck) 13%,#fff);color:var(--deck);font-size:16px;font-weight:950}.sv-flash-deck-copy{min-width:0}.sv-flash-deck-copy b,.sv-flash-deck-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-flash-deck-copy b{color:#343a58;font-size:11px}.sv-flash-deck-copy span{margin-top:3px;color:#9699aa;font-size:8px}.sv-flash-deck-progress{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:conic-gradient(var(--deck) calc(var(--progress)*1%),#ebe8f2 0);font-size:0}.sv-flash-deck-progress:after{content:'';width:22px;height:22px;border-radius:50%;background:#fff}
.sv-flash-library-tip{display:flex;gap:9px;margin:15px 2px 1px;padding-top:14px;border-top:1px solid #efecf5;color:#8b8fa4;font-size:8px;line-height:1.5}.sv-flash-library-tip i{color:#7250dc;font-size:12px;font-style:normal}
.sv-flash-workspace{min-height:520px;overflow:hidden}
.sv-flash-empty{display:grid;min-height:520px;place-items:center;padding:42px;text-align:center}.sv-flash-empty-inner{max-width:520px}.sv-flash-stack{position:relative;width:152px;height:104px;margin:0 auto 28px}.sv-flash-stack i{position:absolute;inset:0;border:1px solid #d9d1ef;border-radius:20px;background:linear-gradient(145deg,#fff,#f1ecff);box-shadow:0 14px 30px rgba(60,43,118,.11)}.sv-flash-stack i:nth-child(1){transform:rotate(-8deg) translate(-13px,5px)}.sv-flash-stack i:nth-child(2){transform:rotate(7deg) translate(13px,3px)}.sv-flash-stack i:nth-child(3){display:grid;place-items:center;transform:none;background:linear-gradient(135deg,#7d37e9,#3989ef);color:#fff;font-size:31px;font-style:normal}.sv-flash-empty h2{margin:0;color:#292e4c;font-size:25px;letter-spacing:-.8px}.sv-flash-empty p{margin:10px auto 21px;color:#82869e;font-size:12px;line-height:1.65}
.sv-flash-deck-head{--deck:#7137e5;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #ece8f3;padding:23px 25px;background:linear-gradient(120deg,color-mix(in srgb,var(--deck) 8%,#fff),#fff 70%)}
.sv-flash-deck-title{display:flex;align-items:center;gap:13px}.sv-flash-deck-title>i{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--deck) 15%,#fff);color:var(--deck);font-size:20px;font-style:normal}.sv-flash-deck-title span{display:block;margin-bottom:3px;color:var(--deck);font-size:8px;font-weight:950;letter-spacing:.12em}.sv-flash-deck-title h2{margin:0;color:#272d4a;font-size:22px;letter-spacing:-.7px}.sv-flash-deck-title p{margin:4px 0 0;color:#8a8ea4;font-size:9px}.sv-flash-deck-actions{display:flex;align-items:center;gap:8px}.sv-flash-icon-btn{display:grid;place-items:center;width:39px;height:39px;border:1px solid #e2deec;border-radius:11px;background:#fff;color:#7d8197;font-size:15px}.sv-flash-icon-btn.danger:hover{border-color:#f0cad8;background:#fff5f8;color:#c13f6b}
.sv-flash-builder{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;padding:18px}
.sv-flash-add{border:1px solid #e4dff0;border-radius:18px;background:linear-gradient(145deg,#fff,#fbfaff);padding:18px}.sv-flash-add-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sv-flash-add-head h3{margin:0;color:#303653;font-size:14px}.sv-flash-add-head button{border:0;background:transparent;color:#6b3bd0;font:850 9px inherit;cursor:pointer}.sv-flash-form{display:grid;gap:10px}.sv-flash-form label{display:grid;gap:6px;color:#656b86;font-size:9px;font-weight:850}.sv-flash-form textarea{width:100%;min-height:82px;resize:vertical;border:1px solid #dfdbea;border-radius:13px;background:#fafafe;padding:12px 13px;color:#2e3451;font:650 12px/1.55 Manrope,Arial,sans-serif;outline:0}.sv-flash-form textarea:focus{border-color:#8860df;background:#fff;box-shadow:0 0 0 4px rgba(113,55,229,.08)}.sv-flash-form-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.sv-flash-form-foot small{color:#a0a3b2;font-size:8px}.sv-flash-form-foot .sv-flash-primary{min-height:41px;padding:0 15px;font-size:10px}
.sv-flash-cards-panel{display:flex;min-width:0;flex-direction:column;border:1px solid #e7e3f0;border-radius:18px;background:#fbfbfe}.sv-flash-cards-head{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid #ece9f3}.sv-flash-cards-head h3{margin:0;font-size:13px}.sv-flash-cards-head span{border-radius:999px;background:#eee9fa;padding:5px 8px;color:#6840bd;font-size:8px;font-weight:900}.sv-flash-card-list{display:grid;max-height:340px;overflow:auto;padding:7px}.sv-flash-card-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:9px;border-bottom:1px solid #eeebf4;padding:11px 8px}.sv-flash-card-row:last-child{border:0}.sv-flash-card-number{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eee9fb;color:#6f42c8;font-size:8px;font-weight:900}.sv-flash-card-copy{min-width:0}.sv-flash-card-copy b,.sv-flash-card-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sv-flash-card-copy b{color:#383e5b;font-size:10px}.sv-flash-card-copy span{margin-top:4px;color:#9296a9;font-size:8px}.sv-flash-card-menu{display:flex;gap:3px}.sv-flash-card-menu button{display:grid;place-items:center;width:27px;height:27px;border:0;border-radius:8px;background:transparent;color:#9699aa;font-size:12px;cursor:pointer}.sv-flash-card-menu button:hover{background:#f0ebfa;color:#6735c9}.sv-flash-list-empty{padding:38px 16px;color:#9699ac;text-align:center;font-size:10px;line-height:1.6}
.sv-flash-practice-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ece8f3;padding:16px 18px;background:#faf9fe}.sv-flash-practice-bar span{display:flex;align-items:center;gap:9px;color:#777c95;font-size:9px}.sv-flash-practice-bar span i{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e8f8f0;color:#169465;font-size:12px;font-style:normal}.sv-flash-practice-bar .sv-flash-primary{min-height:42px;font-size:10px}
.sv-flash-study{--deck:#7137e5;min-height:570px;padding:24px;background:radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--deck) 8%,transparent),transparent 32%),linear-gradient(180deg,#fff,#fbfaff)}
.sv-flash-study-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.sv-flash-study-top button{border:0;background:transparent;color:#727790;font:850 10px inherit;cursor:pointer}.sv-flash-study-top span{color:#777c94;font-size:9px;font-weight:800}.sv-flash-progress{height:7px;margin:17px 0 32px;overflow:hidden;border-radius:99px;background:#ece9f3}.sv-flash-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--deck),#338ef1);transition:width .25s ease}
.sv-flash-stage{max-width:720px;margin:0 auto;text-align:center}.sv-flash-stage-label{display:inline-flex;margin-bottom:13px;border-radius:999px;background:color-mix(in srgb,var(--deck) 9%,#fff);padding:6px 10px;color:var(--deck);font-size:8px;font-weight:950;letter-spacing:.11em}.sv-flash-scene{perspective:1100px}.sv-flash-card{position:relative;width:100%;min-height:280px;border:0;background:transparent;padding:0;cursor:pointer;transform-style:preserve-3d}.sv-flash-card-inner{position:absolute;inset:0;display:grid;transform-style:preserve-3d;transition:transform .48s cubic-bezier(.2,.75,.25,1)}.sv-flash-card.flipped .sv-flash-card-inner{transform:rotateY(180deg)}.sv-flash-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border:1px solid color-mix(in srgb,var(--deck) 22%,#ddd);border-radius:27px;background:linear-gradient(145deg,#fff,#f9f7ff);padding:40px;box-shadow:0 24px 55px rgba(47,38,91,.13)}.sv-flash-face:after{content:'Klik om om te draaien';position:absolute;right:18px;bottom:16px;color:#a0a3b2;font-size:8px;font-weight:750}.sv-flash-face.back{transform:rotateY(180deg);background:linear-gradient(145deg,color-mix(in srgb,var(--deck) 10%,#fff),#fff)}.sv-flash-face p{max-width:590px;margin:0;color:#282e4c;font-size:clamp(21px,2.4vw,30px);font-weight:800;line-height:1.4;white-space:pre-wrap}.sv-flash-face.back p{color:#363c58;font-size:clamp(18px,2vw,25px)}.sv-flash-hint{margin:17px 0 0;color:#989bad;font-size:9px}.sv-flash-grade{display:flex;justify-content:center;gap:10px;margin-top:21px}.sv-flash-grade[hidden]{visibility:hidden}.sv-flash-grade button{display:inline-flex;min-width:155px;min-height:46px;align-items:center;justify-content:center;gap:8px;border:1px solid #e1ddea;border-radius:13px;background:#fff;color:#676c84;font:900 10px inherit;cursor:pointer;box-shadow:0 7px 18px rgba(50,43,88,.06)}.sv-flash-grade button:last-child{border-color:#bde6d3;background:#eefbf5;color:#14845a}.sv-flash-grade button:hover{transform:translateY(-1px)}
.sv-flash-complete{display:grid;min-height:510px;place-items:center;padding:35px;text-align:center}.sv-flash-complete-inner{max-width:520px}.sv-flash-complete-icon{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 20px;border-radius:24px;background:linear-gradient(145deg,#e9fff4,#e9efff);color:#1b9b6b;font-size:31px;box-shadow:0 14px 32px rgba(40,136,104,.13)}.sv-flash-complete h2{margin:0;font-size:29px;letter-spacing:-1px}.sv-flash-complete p{margin:9px 0 20px;color:#85899e;font-size:12px;line-height:1.6}.sv-flash-result{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.sv-flash-result div{border:1px solid #e7e3ef;border-radius:15px;background:#fbfaff;padding:14px}.sv-flash-result b{display:block;color:#2c324f;font-size:22px}.sv-flash-result span{color:#9295a8;font-size:8px}.sv-flash-complete-actions{display:flex;justify-content:center;gap:9px}
.sv-flash-modal{position:fixed;z-index:1500;inset:0;display:grid;place-items:center;background:rgba(26,21,55,.48);padding:20px;backdrop-filter:blur(8px)}.sv-flash-dialog{width:min(510px,100%);max-height:min(720px,92dvh);overflow:auto;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:linear-gradient(180deg,#fff,#faf9ff);padding:23px;box-shadow:0 30px 90px rgba(24,17,63,.28)}.sv-flash-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:18px}.sv-flash-dialog-head span{display:block;margin-bottom:5px;color:#7b43dd;font-size:8px;font-weight:950;letter-spacing:.12em}.sv-flash-dialog-head h2{margin:0;color:#292e4c;font-size:23px;letter-spacing:-.7px}.sv-flash-dialog-head p{margin:5px 0 0;color:#898da2;font-size:10px;line-height:1.55}.sv-flash-dialog-close{display:grid;place-items:center;width:37px;height:37px;border:0;border-radius:11px;background:#f0edf6;color:#777184;font-size:20px;cursor:pointer}.sv-flash-dialog-form{display:grid;gap:13px}.sv-flash-dialog-form label{display:grid;gap:6px;color:#565d78;font-size:9px;font-weight:850}.sv-flash-dialog-form input,.sv-flash-dialog-form textarea{width:100%;border:1px solid #ded9eb;border-radius:12px;background:#fafafd;padding:12px;color:#2e3451;font:650 12px/1.5 Manrope,Arial,sans-serif;outline:0}.sv-flash-dialog-form input{min-height:44px}.sv-flash-dialog-form textarea{min-height:105px;resize:vertical}.sv-flash-dialog-form input:focus,.sv-flash-dialog-form textarea:focus{border-color:#8353df;background:#fff;box-shadow:0 0 0 4px rgba(113,55,229,.08)}.sv-flash-colors{display:flex;gap:9px}.sv-flash-color{position:relative}.sv-flash-color input{position:absolute;opacity:0}.sv-flash-color span{display:block;width:31px;height:31px;border:4px solid #fff;border-radius:10px;background:var(--choice);box-shadow:0 0 0 1px #ddd7ea;cursor:pointer}.sv-flash-color input:checked+span{box-shadow:0 0 0 2px var(--choice),0 6px 13px color-mix(in srgb,var(--choice) 25%,transparent)}.sv-flash-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:5px}.sv-flash-bulk-help{border-radius:12px;background:#f0ebff;padding:10px 11px;color:#665b82;font-size:9px;line-height:1.55}.sv-flash-bulk-help code{color:#6333c9;font-family:inherit;font-weight:900}
@media(max-width:1050px){.sv-flash-overview{grid-template-columns:1fr repeat(3,minmax(115px,.45fr))}.sv-flash-feature{grid-column:1/-1}.sv-flash-stat{min-height:105px}.sv-flash-builder{grid-template-columns:1fr}.sv-flash-card-list{max-height:285px}}
@media(max-width:760px){.sv-flashcards-page{padding:0 0 12px}.sv-flash-head{align-items:stretch;flex-direction:column;margin:4px 2px 15px}.sv-flash-head h1{font-size:31px}.sv-flash-head p{font-size:11px}.sv-flash-head .sv-flash-primary{width:100%}.sv-flash-overview{grid-template-columns:repeat(3,1fr);gap:8px}.sv-flash-feature{min-height:145px;padding:21px}.sv-flash-feature h2{max-width:260px;font-size:21px}.sv-flash-stat{min-height:95px;border-radius:17px;padding:13px}.sv-flash-stat i{width:29px;height:29px}.sv-flash-stat b{font-size:20px}.sv-flash-stat span{font-size:7px}.sv-flash-layout{grid-template-columns:1fr}.sv-flash-library{position:static;border-radius:19px;padding:14px}.sv-flash-decks{display:flex;overflow:auto;padding-bottom:2px;scroll-snap-type:x mandatory}.sv-flash-deck{min-width:245px;scroll-snap-align:start}.sv-flash-library-tip{display:none}.sv-flash-workspace{min-height:0;border-radius:19px}.sv-flash-empty{min-height:390px;padding:32px 20px}.sv-flash-deck-head{padding:18px 15px}.sv-flash-deck-title>i{width:40px;height:40px}.sv-flash-deck-title h2{font-size:19px}.sv-flash-deck-actions{gap:4px}.sv-flash-deck-actions .sv-flash-secondary span{display:none}.sv-flash-deck-actions .sv-flash-secondary{width:39px;padding:0;font-size:15px}.sv-flash-builder{padding:11px}.sv-flash-add{padding:15px}.sv-flash-form-foot{align-items:stretch;flex-direction:column}.sv-flash-form-foot .sv-flash-primary{width:100%}.sv-flash-cards-panel{margin-top:1px}.sv-flash-card-list{max-height:310px}.sv-flash-practice-bar{align-items:stretch;flex-direction:column}.sv-flash-practice-bar .sv-flash-primary{width:100%}.sv-flash-study{min-height:560px;padding:18px 13px}.sv-flash-progress{margin-bottom:24px}.sv-flash-card{min-height:300px}.sv-flash-face{padding:30px 21px}.sv-flash-face p{font-size:21px}.sv-flash-grade{display:grid;grid-template-columns:1fr 1fr}.sv-flash-grade button{min-width:0}.sv-flash-complete{min-height:470px;padding:28px 17px}.sv-flash-complete-actions{align-items:stretch;flex-direction:column}.sv-flash-complete-actions button{width:100%}.sv-flash-modal{align-items:end;padding:0}.sv-flash-dialog{width:100%;max-height:90dvh;border-radius:25px 25px 0 0;padding:22px 17px calc(22px + env(safe-area-inset-bottom,0px))}.sv-flash-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.sv-flash-dialog-actions button{width:100%}}
@media(max-width:430px){.sv-flash-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.sv-flash-stat{padding:11px}.sv-flash-stat span{line-height:1.3}.sv-flash-deck-head{align-items:flex-start}.sv-flash-deck-title>i{display:none}.sv-flash-card-row{grid-template-columns:26px minmax(0,1fr) auto}}