@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#20232d;font-synthesis:none;background:#f7f8fa;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{height:100dvh;min-height:0;overflow:hidden}.topbar{background:#ffffffbf;border-bottom:1px solid #e7e9ee;justify-content:space-between;align-items:center;height:68px;padding:0 36px;display:flex}.brand,.topbar-actions,.rating-row,.sidebar-heading,.progress-row,.sync-status{align-items:center;gap:12px;display:flex}.brand{letter-spacing:-.04em;font:700 20px Space Grotesk}.brand-button,.sidebar-title{color:inherit;background:0 0;border:0}.brand-button{align-items:center;gap:10px;padding:0;display:flex}.brand-mark{color:#fff;background:#5b5ce2;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.sync-status{color:#818592;font-size:13px}.avatar{color:#5959ce;background:#ebeafe;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:grid}.workspace{height:calc(100dvh - 68px);min-height:0;display:flex;overflow:hidden}.sidebar{background:#fbfbfc;border-right:1px solid #e7e9ee;flex-direction:column;width:250px;min-height:0;padding:28px 18px;display:flex;overflow-y:auto}.sidebar-heading{color:#9296a1;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding:0 10px 18px;font-size:12px;font-weight:700}.sidebar-title{color:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;letter-spacing:inherit;align-items:center;gap:7px;padding:0;display:inline-flex}nav{gap:4px;display:grid}.deck-item{color:#656a77;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:11px 10px;display:flex}.deck-item:hover,.deck-item.active{color:#4f50c9;background:#eeefff}.deck-item.active{font-weight:600}.deck-count{color:#8c8fa0;text-align:center;background:#eef0f4;border-radius:99px;min-width:22px;margin-left:auto;padding:2px 6px;font-size:11px}.new-deck{justify-content:center;width:100%;margin-top:18px}.sidebar-footer{color:#7074d6;background:#f1f1ff;border-radius:10px;gap:10px;margin-top:auto;padding:14px 10px;font-size:13px;display:flex}.sidebar-footer div{gap:2px;display:grid}.sidebar-footer span{color:#8a8da2;font-size:11px}.main-content{width:min(100%,1020px);min-height:0;margin:0 auto;padding:42px 56px 28px;overflow-y:auto}.page-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:38px;display:flex}.eyebrow,.card-label{color:#696bd6;text-transform:uppercase;letter-spacing:.11em;margin:0 0 8px;font-size:11px;font-weight:700}h1,h2{letter-spacing:-.045em;margin:0;font-family:Space Grotesk}h1{font-size:clamp(32px,4vw,46px)}.muted{color:#969aa5;margin:9px 0 0}.button{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 15px;font-weight:600;transition:all .15s;display:inline-flex}.button-primary{color:#fff;background:#5b5ce2;box-shadow:0 5px 15px #5b5ce22b}.button-primary:hover{background:#4d4fcf}.button-secondary{color:#555968;background:#fff;border:1px solid #e1e3e9}.button-secondary:hover{background:#fafafa;border-color:#c8cad4}.button-ghost{color:#777b87;background:0 0;padding:7px 9px}.button-sm{padding:7px 10px;font-size:13px}.study-layout{max-width:740px;margin:0 auto}.progress-row{color:#9396a1;font-size:12px}.progress{background:#e6e8ee;border-radius:99px;flex:1;height:5px;overflow:hidden}.progress span{border-radius:inherit;background:#7273df;height:100%;transition:width .3s;display:block}.flashcard{text-align:center;background:#fff;border:1px solid #e3e5eb;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;min-height:330px;margin:18px 0;padding:42px;display:flex;box-shadow:0 14px 40px #28324b0b}.flashcard:hover{border-color:#b7b8ee}.flashcard strong{letter-spacing:-.04em;max-width:590px;font:600 clamp(24px,3vw,34px)/1.2 Space Grotesk}.flashcard img{border-radius:10px;max-width:100%;max-height:130px}.tap-hint{color:#a1a4af;font-size:13px}.rating-row{justify-content:center}.rating-row .button{min-width:112px}.shortcut{opacity:.55;margin-left:5px;font-size:11px}.empty-state{text-align:center;place-items:center;gap:13px;padding:70px 20px;display:grid}.empty-icon{color:#4eaf84;background:#e3f5ec;border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.empty-state h2{font-size:28px}.empty-state p{color:#9396a1;margin:0 0 8px}.feature-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:48px;display:grid}.feature-card{background:#fff;border:1px solid #e7e9ee;border-radius:12px;gap:12px;padding:18px;display:flex}.feature-card strong{font-size:14px}.feature-card p{color:#9296a1;margin:5px 0 0;font-size:12px;line-height:1.45}.feature-icon,.library-card-icon,.card-thumb{border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid}.purple{color:#6a6bd6;background:#eeefff}.blue{color:#548dc9;background:#eaf4ff}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-backdrop{z-index:20;background:#1f23304d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e3e5eb;border-radius:16px;width:min(100%,440px);padding:22px;box-shadow:0 24px 80px #2026382b}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{font-size:22px}.close-button{color:#7d818d;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.close-button:hover{background:#f0f1f4}.form-stack{gap:16px;display:grid}.form-stack label{color:#5f6370;gap:7px;font-size:13px;font-weight:600;display:grid}.optional{color:#a0a3ae;font-weight:400}.form-stack input,.form-stack textarea,.settings-panel select{color:#252833;width:100%;font:inherit;background:#fff;border:1px solid #dfe1e8;border-radius:8px;outline:none;padding:10px 11px;font-size:14px}.form-stack input:focus,.form-stack textarea:focus,.settings-panel select:focus{border-color:#7374dd;box-shadow:0 0 0 3px #7374dd1c}.form-stack textarea{resize:vertical}.modal-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.upload-dropzone{color:#696bd6;cursor:pointer;background:#f7f7ff;border:1px dashed #bfc1ed;border-radius:11px;place-items:center;gap:7px;padding:28px 16px;display:grid}.upload-dropzone span{color:#9296a1;font-size:12px;font-weight:400}.form-divider{color:#a0a3ae;align-items:center;gap:10px;font-size:12px;display:flex}.form-divider:before,.form-divider:after{content:"";background:#e8e9ee;flex:1;height:1px}.library-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.library-card{color:#343743;text-align:left;background:#fff;border:1px solid #e3e5eb;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.library-card:hover,.library-card.selected{background:#fafaff;border-color:#aaaaf0}.library-card>svg{color:#a1a4af;margin-left:auto}.library-card-icon,.card-thumb{color:#6869d5;background:#eeefff;width:38px;height:38px}.library-card strong{font-size:14px}.library-card p,.deck-detail .muted{color:#9599a5;margin:4px 0 0;font-size:12px}.deck-detail{background:#fff;border:1px solid #e4e6ec;border-radius:14px;grid-template-columns:1fr auto;gap:20px;margin-top:34px;padding:22px;display:grid}.deck-detail h2{font-size:24px}.card-list{grid-column:1/-1;gap:7px;display:grid}.card-list-item{color:#525661;border-top:1px solid #eff0f3;align-items:center;gap:10px;padding:9px;font-size:13px;display:flex}.card-list-item img{object-fit:cover;border-radius:6px;width:34px;height:34px}.card-list-item small{color:#999ca7;margin-left:auto;font-size:10px}.settings-panel{background:#fff;border:1px solid #e4e6ec;border-radius:14px;max-width:760px}.setting-row{border-bottom:1px solid #eff0f3;justify-content:space-between;align-items:center;gap:24px;padding:20px;display:flex}.setting-row:last-child{border-bottom:0}.setting-row strong{font-size:14px}.setting-row p{color:#9296a1;max-width:530px;margin:5px 0 0;font-size:12px;line-height:1.45}.setting-row select{width:120px}.status-pill{color:#5a9d7b;align-items:center;gap:7px;font-size:13px;display:inline-flex}.status-dot{background:#68bd8d;border-radius:50%;width:7px;height:7px}.account-card{background:#fff;border:1px solid #e4e6ec;border-radius:14px;align-items:center;gap:18px;max-width:620px;padding:24px;display:flex}.account-avatar{color:#5959ce;background:#ebeafe;border-radius:50%;flex:none;place-items:center;width:64px;height:64px;font-weight:700;display:grid}.account-card h2{font-size:22px}.account-card p{color:#9296a1;margin:7px 0 16px;font-size:13px}.account-form-card{align-items:flex-start}.account-form-card form{width:min(100%,360px)}.account-form-card form h2{font-size:22px}.account-form-card form p{margin-bottom:0}.field-help{color:#9296a1;font-size:11px;font-weight:400}.form-error{background:#fff0f2;border-radius:8px;padding:10px 12px;color:#b44c5c!important;font-size:12px!important}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.topbar{padding:0 18px}.topbar-actions .button,.sync-status,.sidebar{display:none}.main-content{padding:34px 18px}.page-heading{margin-bottom:34px}.feature-grid{grid-template-columns:1fr;margin-top:40px}.rating-row{grid-template-columns:1fr 1fr;display:grid}.rating-row .button{min-width:0}.workspace{overflow:auto}.main-content{overflow:visible}.deck-detail{grid-template-columns:1fr}.setting-row{flex-direction:column;align-items:flex-start;gap:12px}.account-card{flex-direction:column;align-items:flex-start}}