:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}body{color:#fff;background:#0f172a;margin:0;font-family:Arial,sans-serif}.app{max-width:520px;margin:auto;padding:20px}header{margin-bottom:25px}h1{margin-bottom:5px;font-size:34px}header p{color:#94a3b8;margin-top:0}.panel,.project-card,.review{background:#111827;border:1px solid #1f2937;border-radius:18px;margin-bottom:18px;padding:18px}label{color:#cbd5e1;margin-top:14px;margin-bottom:6px;font-size:14px;display:block}input,textarea{color:#fff;background:#020617;border:1px solid #334155;border-radius:12px;width:100%;padding:12px;font-size:16px}textarea{resize:vertical;min-height:90px}button{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:12px;margin-top:10px;padding:13px 16px;font-size:15px}.primary{background:#6366f1;width:100%;margin-top:18px;font-weight:700}.projects h2{margin-bottom:12px}.project-card h3{margin-top:0}.project-card button{text-align:left;width:100%}.back{color:#93c5fd;background:0 0;padding-left:0}.breadcrumb{color:#94a3b8;margin-bottom:4px}.counter{color:#64748b;font-size:14px}.flashcard{text-align:center;background:#020617;border:1px solid #334155;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:260px;margin:20px 0;padding:30px;display:flex}.question{font-size:74px;font-weight:700}.answer{color:#a7f3d0;font-size:28px}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.topbar{justify-content:space-between;margin-bottom:20px;display:flex}.ghost{color:#fff;background:0 0;padding:0;font-size:20px;font-weight:700}.hero{margin-bottom:22px}.hero h1{font-size:32px;line-height:1.1}.hero.small h1{font-size:28px}.muted{color:#94a3b8}.grid{gap:12px;display:grid}.project-tile,.quiz-row{text-align:left;background:#111827;border:1px solid #1f2937;border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:18px;display:flex}.project-tile span,.quiz-row small{color:#94a3b8}.tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.tabs button{background:#1e293b}.tabs button.active{background:#6366f1}.preview-box{color:#cbd5e1;background:#020617;border:1px dashed #475569;border-radius:14px;margin-top:14px;padding:14px}.card-row{background:#111827;border:1px solid #1f2937;border-radius:14px;margin-bottom:10px;padding:14px}.card-row strong,.card-row span{display:block}.card-row span{color:#a7f3d0;margin-top:8px}.source-link{color:#93c5fd;margin-top:10px;text-decoration:none;display:block}.created-cards{background:#020617;border:1px solid #334155;border-radius:14px;margin-top:16px;padding:14px}.mini-card{background:#111827;border-radius:10px;margin-top:10px;padding:10px}.mini-card span,.mini-card small{display:block}.mini-card small{color:#a7f3d0;margin-top:6px}.info-title{font-size:30px;font-weight:700}.info-content{color:#cbd5e1;font-size:20px;line-height:1.45}.card-image{object-fit:contain;background:#0f172a;border-radius:16px;width:100%;max-width:700px;max-height:350px;margin:0 auto 16px;display:block}.review-image{object-fit:contain;background:#020617;border-radius:18px;width:100%;max-height:360px;margin-bottom:18px}.import-result{color:#d1fae5;background:#022c22;border:1px solid #065f46;border-radius:14px;margin-top:12px;padding:14px}.error-message{color:#fecaca;background:#450a0a;border:1px solid #991b1b;border-radius:12px;margin-top:12px;padding:10px}.extracted-preview{margin-top:16px}.image-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.image-grid img{object-fit:cover;border-radius:12px;width:100%;height:120px}.text-preview{color:#cbd5e1;background:#020617;border:1px solid #334155;border-radius:12px;margin-top:10px;padding:12px;font-size:14px}.candidate-card{background:#020617;border:1px solid #334155;border-radius:14px;margin-top:12px;padding:12px}.candidate-card img{object-fit:contain;background:#020617;border-radius:12px;width:100%;max-height:260px;margin-bottom:10px}.candidate-card p{color:#cbd5e1;font-size:14px;line-height:1.4}.danger{background:#7f1d1d;width:100%;margin-bottom:12px}body{color:#cbd5e1}h1,h2,h3,h4{color:#f8fafc}.delete-card{background:#7f1d1d;width:100%;margin-top:12px}.secondary-card{background:#334155;width:100%;margin-top:12px}.quiz-row-wrapper{grid-template-columns:1fr auto;align-items:center;gap:8px;margin-bottom:10px;display:grid}.delete-quiz-small{background:#7f1d1d;margin-top:0;padding:12px}.example-grid{gap:8px;margin-bottom:16px;display:grid}.example-chip{text-align:left;background:#334155;padding:12px;font-size:14px}.example-chip:hover{background:#475569}.reading-box{white-space:pre-wrap;text-align:left;color:#fff;background:#0f172acc;border:1px solid #94a3b859;border-radius:18px;margin-top:14px;padding:18px;line-height:1.7}.mini-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.mini-delete{background:#ef4444;width:auto;padding:6px 10px}.quiz-actions{gap:12px;margin-top:20px;display:grid}.action-card{text-align:left;background:#111827;border:1px solid #1f2937;border-radius:18px;padding:18px}.action-card strong{margin-bottom:6px;font-size:18px;display:block}.action-card span{color:#94a3b8;font-size:14px}.project-hero-card{background:linear-gradient(135deg,#6366f147,#0ea5e91f);border:1px solid #94a3b838;border-radius:28px;margin:18px 0 22px;padding:24px;box-shadow:0 20px 60px #00000047}.eyebrow{color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700}.project-hero-card h1{margin:8px 0 6px}.project-hero-card p{color:#cbd5e1;margin:0}.create-main{margin-bottom:28px}.section-block{margin-top:10px}.section-header h2{margin-bottom:12px}.deck-list{gap:12px;display:grid}.deck-card{text-align:left;background:#0f172abf;border:1px solid #94a3b82e;border-radius:20px;justify-content:space-between;align-items:center;width:100%;padding:18px;display:flex}.deck-card strong{font-size:18px;display:block}.deck-card span{color:#94a3b8}.deck-arrow{font-size:24px}.management-panel{border-top:1px solid #94a3b829;margin-top:34px;padding-top:18px}.management-panel h3{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;font-size:14px}.quiz-hero-card{background:radial-gradient(circle at 0 0,#6366f173,#0000 35%),linear-gradient(135deg,#0f172af2,#1e293bd9);border:1px solid #94a3b838;border-radius:30px;margin:20px 0 24px;padding:28px 24px;position:relative;box-shadow:0 24px 70px #00000059}.quiz-hero-card h1{margin:8px 0 6px;font-size:38px;line-height:1}.quiz-hero-card p{color:#cbd5e1;margin:0;font-size:16px}.action-card{text-align:left;background:linear-gradient(135deg,#1e293bf2,#0f172af2);border:1px solid #94a3b833;border-radius:22px;padding:20px;box-shadow:0 14px 40px #00000038}.action-card strong{font-size:22px}.action-card span{color:#94a3b8;margin-top:6px;display:block}.action-card:hover,.deck-card:hover,.project-tile:hover{border-color:#818cf88c;transform:translateY(-2px)}button{transition:transform .15s,border-color .15s,background .15s}.home-hero{text-align:left;margin-bottom:28px}.hero-badge{background:#6366f126;border:1px solid #6366f159;border-radius:999px;margin-bottom:28px;padding:10px 18px;font-weight:700;display:inline-block}.home-hero h1{margin:0 0 36px;font-size:28px}.home-hero h2{margin:0 0 4px;font-size:24px}.home-hero p{color:#94a3b8;margin:0;font-size:15px}.project-grid{flex-direction:column;gap:20px;display:flex}.project-card{cursor:pointer;text-align:left;background-color:#0000;background-image:linear-gradient(#0000000d,#0000008c),url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:none;border-radius:28px;min-height:220px;position:relative;overflow:hidden}.project-card-overlay{flex-direction:column;height:100%;min-height:220px;padding:24px;display:flex}.project-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex}.project-card-bottom h3{color:#fff;margin:0;font-size:30px}.project-card-bottom p{color:#fffc;margin-top:6px}.continue-btn{color:#fff;background:#7c6dff;border-radius:14px;margin-top:16px;padding:10px 18px;font-weight:600;display:inline-block}.floating-add{color:#fff;z-index:9999;background:#7c6dff;border:none;border-radius:999px;width:64px;height:64px;font-size:34px;font-weight:700;position:fixed;bottom:28px;right:max(20px,50vw - 240px);box-shadow:0 10px 40px #7c6dff73}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.deck-grid-card{cursor:pointer;background-color:#0000;background-image:linear-gradient(#00000026,#0000008c),url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:none;border-radius:24px;min-height:220px;overflow:hidden}.deck-grid-overlay{flex-direction:column;justify-content:flex-end;height:100%;padding:20px;display:flex}.deck-grid-overlay h3{color:#fff;margin:0}.deck-grid-overlay span{color:#fffc}.deck-progress{background:#7c6dff;border-radius:999px;width:60%;height:6px;margin-top:12px}.project-card.clean{background-color:#0000;background-image:linear-gradient(#0508160d,#050816d9),url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:280px;padding:0;display:flex;overflow:hidden}.project-card.clean .project-card-header{margin-top:-20px;margin-left:-20px;padding:15px 75px 50px 15px}.project-card.clean .last-deck-card{margin:0 14px 14px}.last-deck-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1325d1;border-radius:18px;justify-content:space-between;align-items:center;margin-top:0;padding:14px;display:flex}.last-deck-card>div{flex-direction:column;gap:3px;min-width:0;display:flex}.last-deck-card strong{color:#fff;font-size:15px;line-height:1.1;display:block}.last-deck-card span{color:#a7b0c2;font-size:13px;display:block}.continue-pill{white-space:nowrap;background:#7c6dff;border-radius:12px;padding:9px 12px;font-size:13px;font-weight:700;color:#fff!important}.question{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;max-width:100%;font-size:clamp(28px,8vw,56px);line-height:1.15}.answer{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;max-width:100%;font-size:clamp(20px,5vw,30px);line-height:1.35}.flashcard{overflow:hidden}.review-progress{background:#94a3b82e;border-radius:999px;width:100%;height:6px;margin:18px 0 26px;overflow:hidden}.review-progress-fill{background:#7c6dff;border-radius:999px;height:100%}.flashcard{background:radial-gradient(circle at top,#7c6dff24,#0000 45%),#050816;border:1px solid #94a3b840;border-radius:32px;padding:34px 26px;box-shadow:0 30px 90px #00000073}.review-primary{background:#7c6dff;border-radius:18px;width:100%;padding:16px;font-size:17px;font-weight:800}.flashcard{transform-style:preserve-3d;transition:transform .35s,box-shadow .35s}.flashcard-content{width:100%;transform-style:preserve-3d}.flashcard-face{backface-visibility:hidden}.flashcard{transition:transform .25s,box-shadow .25s,opacity .25s}.flashcard.revealed{transform:translateY(-4px)scale(1.01);box-shadow:0 35px 100px #0000008c}.answer{animation:.25s answerReveal}@keyframes answerReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.create-quiz-page .panel{background:radial-gradient(circle at 0 0,#7c6dff2e,#0000 38%),#0f172adb;border:1px solid #94a3b838;border-radius:30px;padding:26px;box-shadow:0 30px 90px #00000059}.create-quiz-page input,.create-quiz-page textarea{background:#020617d9;border-radius:18px}.create-quiz-page .tabs button{border-radius:18px;min-height:58px;font-weight:800}.create-quiz-page .primary{border-radius:18px;padding:16px;font-weight:900}.create-quiz-page label{text-align:center;color:#e2e8f0;font-weight:800}.create-quiz-page h1,.create-quiz-page p{text-align:center}.project-main-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050816b8;border-radius:20px;width:fit-content;margin:18px;padding:14px 16px}.project-main-pill h3,.project-main-pill p{margin:0}.project-main-pill{border-radius:24px;width:fit-content;padding:18px 22px}.glass{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a19a6;border:1px solid #ffffff14}.clickable-image{cursor:zoom-in}.image-modal{z-index:99999;background:#000000e0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-modal img{object-fit:contain;border-radius:18px;max-width:96vw;max-height:90vh}.image-modal-close{color:#fff;background:#ffffff24;border:none;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-size:42px;line-height:1;display:flex;position:fixed;top:18px;right:20px}.scroll-top-button{color:#fff;z-index:1000;cursor:pointer;background:#7362fff2;border:none;border-radius:50%;width:58px;height:58px;font-size:28px;font-weight:700;transition:all .2s;position:fixed;bottom:95px;right:24px;box-shadow:0 0 30px #7362ff66}.scroll-top-button:hover{transform:scale(1.05)}.creation-groups{gap:14px;margin:22px 0;display:grid}.creation-group-card{text-align:left;color:#fff;background:#0f172abf;border:1px solid #ffffff1a;border-radius:24px;padding:20px}.creation-group-card strong{margin-bottom:8px;font-size:20px;display:block}.creation-group-card span{color:#94a3b8;font-size:15px}.creation-group-card.active{background:linear-gradient(135deg,#665cff,#7c6dff);box-shadow:0 20px 60px #7c6dff59}.settings-button{color:#fff;cursor:pointer;z-index:10;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:20px;right:20px}.settings-panel{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c1ceb;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:6px;width:210px;padding:10px;display:flex;position:absolute;top:70px;right:20px;box-shadow:0 20px 60px #00000059}.settings-panel button{text-align:left;color:#fff;background:0 0;border:none;border-radius:12px;width:100%;padding:10px 12px;font-size:15px;font-weight:700}.settings-panel button:hover{background:#ffffff14}.settings-panel .danger{color:#ff8b8b;background:0 0}.modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-card{background:#0f172af5;border:1px solid #ffffff1f;border-radius:28px;width:min(420px,100%);padding:24px;box-shadow:0 30px 90px #00000073}.modal-card h2{margin-top:0}.modal-actions{gap:12px;margin-top:18px;display:flex}.modal-actions button{flex:1}.project-hero-card,.quiz-hero-card,.deck-grid-card{position:relative}.card-menu-button{z-index:20;color:#fff;background:#080c1c8c;border:none;border-radius:999px;justify-content:center;align-items:center;min-width:42px;max-width:42px;font-size:22px;line-height:1;display:flex;position:absolute;top:14px;right:14px;width:42px!important;height:42px!important;padding:0!important}.card-menu{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080c1cf0;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;gap:6px;width:190px;padding:10px;display:flex;position:absolute;top:58px;right:14px}.card-menu button{color:#fff;text-align:left;background:0 0;border:none;border-radius:12px;padding:10px 12px;font-weight:700}.card-menu button:hover{background:#ffffff14}.card-menu .danger{color:#ff8b8b}.project-card.clean{position:relative}.project-card.clean .card-menu-button,.deck-grid-card .card-menu-button{width:42px!important}.logout-btn{z-index:9999;color:#fff;cursor:pointer;background:#6366f1e6;border:1px solid #94a3b859;border-radius:999px;padding:12px 20px;font-size:15px;font-weight:700;position:fixed;top:18px;right:24px}.auth-subtitle{color:#ffffffbf;margin-top:16px;font-size:18px;line-height:1.5}.auth-features{color:#ffffffd9;flex-direction:column;gap:10px;margin:28px 0 36px;font-size:16px;display:flex}.app-footer{text-align:center;color:#e2e8f08c;flex-direction:column;gap:6px;max-width:520px;margin:80px auto 32px;padding:0 24px;font-size:13px;display:flex}.app-footer span:first-child{color:#e2e8f0bf;font-weight:700}