body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-root{background:radial-gradient(circle at top left,#3b82f61a,#0000 32%),radial-gradient(circle at bottom right,#10b98114,#0000 28%),linear-gradient(180deg,#f5f7fb,#eef2f8);color:#000001;font-family:system-ui,sans-serif;margin:0 auto;max-width:800px;min-height:100vh;padding:2rem}.app-title{font-size:2rem;margin-bottom:1rem}.view-toggle{gap:8px}.app-header,.view-toggle{display:flex;margin-bottom:1rem}.app-header{align-items:center;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.app-header-email{flex:1 1;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-label{color:#6b7280;font-weight:400}.app-header-actions{display:flex;flex-shrink:0;gap:.5rem}.pro-badge{background:#2563eb;border-radius:999px;color:#fff;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.03em;margin-left:.4rem;padding:.1rem .45rem;vertical-align:middle}.card-block{border:1px solid #ddd;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.card-block-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.card-block-title{font-size:1rem;font-weight:500}.auth-title,.section-title{color:#0f172a;font-size:1.25rem;font-weight:800;margin-bottom:.75rem}.section-subtitle{font-size:1rem;margin-bottom:.5rem;margin-top:.75rem}.form{gap:.75rem}.form,.form-field{display:flex;flex-direction:column}.form-field{margin-bottom:.5rem}.form-field label{display:block;font-size:.9rem;margin-bottom:4px}.form-field input,.form-field select,.form-field textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:.95rem;padding:8px;width:100%}.form-field textarea{resize:vertical}.form-field-inline{margin-bottom:.75rem;max-width:300px}.btn{border:none;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.95rem;padding:.5rem 1rem;transition:opacity .1s ease,filter .1s ease}.btn:disabled{cursor:not-allowed;opacity:.55}.btn:hover:not(:disabled){filter:brightness(.92)}.btn-primary{background:#2563eb;color:#fff}.btn-success{background:#16a34a;color:#fff}.btn-danger{background:#dc2626;color:#fff}.btn-gray{background:#6b7280;color:#fff}.btn-ghost{background:#e5e7eb;color:#111827}.btn-small{font-size:.875rem;padding:.35rem .75rem}.btn-tiny{font-size:.78rem;padding:.2rem .6rem}.error-text{color:#b91c1c;font-weight:600;margin-bottom:.75rem;margin-top:.75rem}.auth-subtext,.muted-text{color:#334155;font-size:.9rem;font-weight:500}.success-text{color:#166534;margin-top:.5rem}label{color:#0f172a;font-weight:600}.cards-grid{grid-gap:.75rem;display:grid;gap:.75rem}.card-item{background:#f9fafb;border:1px solid #ddd;border-radius:8px;padding:.75rem}.card-item-front{font-weight:700;margin-bottom:4px}.card-item-back{color:#4b5563;margin-bottom:8px}.card-item-footer{align-items:center;display:flex;justify-content:space-between}.card-item-deck{color:#9ca3af;font-size:.75rem}.card-item-buttons{display:flex;gap:6px}.card-item-actions{display:flex;gap:8px;margin-top:.5rem}.generated-grid{grid-gap:.5rem;display:grid;gap:.5rem;margin-bottom:.75rem;margin-top:.5rem}.generated-card{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;opacity:.6;padding:.5rem;transition:opacity .12s ease}.generated-card-selected{background:#f9fafb;opacity:1}.generated-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.generated-card-index{color:#9ca3af;font-size:.75rem}.generated-card-toggle{align-items:center;cursor:pointer;display:flex;font-size:.75rem;gap:4px}.generated-card-front{font-size:.95rem;font-weight:600;margin-bottom:4px}.generated-card-back{color:#4b5563;font-size:.9rem}.study-card-wrapper{align-items:center;display:flex;gap:12px;height:260px;justify-content:center;margin-bottom:.75rem}.study-card{cursor:pointer;flex-shrink:0;height:220px;max-width:100%;position:relative;transform-style:preserve-3d;transition:transform .45s ease,box-shadow .2s ease;width:360px}.study-card.flip{transform:rotateY(180deg)}.study-card.slide-in{animation:cardSlideIn .26s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translateX(16px) rotate(2deg)}60%{opacity:1;transform:translateX(0) rotate(-1.5deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.study-card-face{backface-visibility:hidden;background:radial-gradient(circle at top left,#fff,#fefce8);border:1px solid #94a3b880;border-radius:18px;box-shadow:0 14px 35px #0f172a38,0 3px 10px #0f172a29;display:flex;flex-direction:column;inset:0;overflow:hidden;padding:18px 22px;position:absolute}.study-card-front{transform:rotateY(0deg)}.study-card-back{background:radial-gradient(circle at top left,#fff,#ecfeff);transform:rotateY(180deg)}.study-card-face:before{background:linear-gradient(90deg,#2563eb,#a855f7);border-radius:999px;content:"";height:4px;left:18px;opacity:.7;position:absolute;right:18px;top:10px}.study-card-inner{display:flex;flex-direction:column;height:100%;text-align:center}.study-card-face-header{color:#4b5563;flex-shrink:0;font-size:14px;font-weight:600;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.study-card-face-body{align-items:center;color:#111827;display:flex;flex:1 1;font-size:1.1rem;font-weight:500;justify-content:center;line-height:1.4;overflow-y:auto;padding:4px;text-align:center}.study-card:hover{box-shadow:0 18px 40px #0f172a47,0 6px 20px #0f172a2e}.study-controls{align-items:center;display:flex;gap:8px}.study-restart{margin-left:auto}.study-nav-button{background:#e5e7eb;border:none;border-radius:999px;cursor:pointer;flex-shrink:0;font-size:14px;min-width:40px;padding:.4rem .6rem;transition:background-color .12s ease,transform .12s ease}.study-nav-button:hover{background:#d1d5db;transform:translateY(-1px)}.study-nav-button:active{background:#9ca3af;transform:translateY(0)}.study-progress-wrap{margin:0 0 1rem}.study-progress-top{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.45rem}.study-progress-label{color:#1f2937;color:var(--text-main,#1f2937);font-size:.9rem;font-weight:600}.study-progress-count{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.82rem}.study-progress-bar{background:#e5e7eb;background:var(--bg-subtle,#e5e7eb);border-radius:999px;height:10px;overflow:hidden;width:100%}.study-progress-fill{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:999px;height:100%;transition:width .22s ease}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:600px 100%;border-radius:6px}.skeleton-line{height:14px;margin-bottom:8px}.skeleton-line-short{width:40%}.skeleton-line-medium{width:70%}.skeleton-line-full{width:100%}.skeleton-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.skeleton-select{border-radius:4px;height:36px;width:100%}.auth-mode-toggle{background:#e9eef5;border:1px solid #cfd8e3;border-radius:12px;display:flex;gap:.25rem;margin-bottom:1.25rem;padding:.25rem}.auth-mode-btn{background:#0000;border:1px solid #0000;border-radius:10px;color:#475569;cursor:pointer;flex:1 1;font-weight:600;padding:.72rem 1rem;transition:all .2s ease}.auth-mode-btn.active{background:#fff;border-color:#64748b;box-shadow:inset 0 0 0 2px #64748b,0 1px 2px #0f172a14;color:#0f172a;font-weight:700}.auth-mode-btn:hover:not(.active){background:#ffffff8c;color:#1e293b}.auth-mode-btn:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.auth-mode-btn:hover{color:#111827}.auth-flip-scene{perspective:1400px;width:100%}.auth-flip-card{min-height:440px;position:relative;transform-style:preserve-3d;transition:transform .7s ease;width:100%}.auth-flip-card.flipped{transform:rotateY(180deg)}.auth-face{backface-visibility:hidden;-webkit-backface-visibility:hidden;inset:0;position:absolute;width:100%}.auth-front{transform:rotateY(0deg)}.auth-back{transform:rotateY(180deg)}.auth-card{background:#fffffff5;border:1px solid #94a3b82e;border-radius:18px;box-shadow:0 18px 45px #0f172a14;display:flex;flex-direction:column;justify-content:center;min-height:440px;padding:1.5rem}.auth-title{color:#0f172a;font-size:1.75rem;font-weight:800;margin-bottom:.5rem}.auth-subtext{color:#334155;font-weight:500;margin-bottom:1.25rem}.auth-card label{color:#0f172a;font-weight:600;margin-bottom:.4rem;margin-top:.75rem}.auth-card input{background:#fff;border:1px solid #cbd5e1;border-radius:12px;color:#0f172a;font-size:1rem;margin-bottom:.25rem;padding:.85rem 1rem;width:100%}.auth-card input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.auth-switch{background:none;border:none;color:#1d4ed8;cursor:pointer;font-weight:600;margin-top:1rem}.modal-backdrop{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.share-modal{background:#fff;border-radius:18px;box-shadow:0 20px 60px #0f172a2e;max-width:520px;padding:1.25rem;width:100%}.share-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.modal-close{background:#0000;border:none;cursor:pointer;font-size:1.5rem}.share-form{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.share-list{margin-top:1rem}.share-row{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:space-between;padding:.85rem 0}.share-email{font-weight:600}.share-permission{color:#64748b;font-size:.9rem}.landing-page{background:#f7f8fb;color:#1f2937;min-height:100vh}.landing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.25rem 1.5rem}.landing-logo{font-size:1.1rem;font-weight:700;letter-spacing:.02em}.landing-hero{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1.1fr .9fr;margin:0 auto;max-width:1200px;padding:3rem 1.5rem 2rem}.landing-eyebrow{color:#4b5563;font-size:.8rem;font-weight:700;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.landing-title{color:#0f172a;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:1rem}.landing-subtitle{color:#334155;font-size:1.05rem;font-weight:500;line-height:1.7;margin-bottom:1.25rem;max-width:42rem}.landing-points{grid-gap:.75rem;color:#0f172a;display:grid;font-weight:600;gap:.75rem}.landing-auth{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 30px #0f172a0f;padding:1rem}.landing-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:1rem 1.5rem 3rem}.feature-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1.25rem}.feature-card h3{color:#0f172a;font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.feature-card p{color:#334155;font-weight:500;line-height:1.6}.landing-pricing h2{color:#0f172a;font-weight:800}.landing-eyebrow,.landing-footer p,.landing-pricing p{color:#475569;font-weight:600}.landing-footer,.landing-pricing{margin:0 auto;max-width:1200px;padding:0 1.5rem 2.5rem}@media (max-width:900px){.landing-features,.landing-hero{grid-template-columns:1fr}}@media (max-width:600px){.app-root{overflow-x:hidden;padding:1rem}.app-header-email{font-size:.8rem}.app-header-actions .btn{font-size:.8rem;padding:.3rem .6rem}.view-toggle{width:100%}.view-toggle .btn{flex:1 1;text-align:center}.card-block{overflow:visible}.card-block-actions{display:flex;flex-wrap:wrap;gap:.4rem}.card-block-actions .btn{font-size:.78rem;padding:.3rem .55rem}.study-card-wrapper{height:auto!important;min-height:auto!important}.study-card{height:180px;width:100%}.study-controls{flex-wrap:wrap}.study-controls .btn{flex:1 1;text-align:center}.cards-grid{grid-template-columns:1fr}.form-field-inline{max-width:100%}.landing-hero{grid-template-columns:1fr;padding:1.5rem 1rem 1rem}.landing-features{grid-template-columns:1fr;padding:0 1rem 2rem}.landing-title{font-size:1.75rem}}
/*# sourceMappingURL=main.306a1ea9.css.map*/