@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Quicksand:wght@500;600;700;800&display=swap";:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-bubble:"Quicksand", "Plus Jakarta Sans", sans-serif;--bg-page:#f7f3ec;--bg-page-soft:#fcfaf6;--bg-bubble:#fff;--bg-bubble-subtle:#f4eee3;--bg-input:#fdfbf7;--border-bubble:#e8decb;--border-bubble-hover:#d8cbaf;--border-subtle:#8c735a24;--text-main:#14100c;--text-dark:#000;--text-muted:#574b40;--text-dim:#8c7d70;--pastel-blue-bg:#dbeafe;--pastel-blue-border:#bfdbfe;--pastel-blue-text:#000;--pastel-blue-hover:#bfdbfe;--pastel-green-bg:#dcfce7;--pastel-green-border:#bbf7d0;--pastel-green-text:#000;--pastel-green-hover:#bbf7d0;--pastel-peach-bg:#ffedd5;--pastel-peach-border:#fed7aa;--pastel-peach-text:#000;--pastel-peach-hover:#fed7aa;--pastel-purple-bg:#f3e8ff;--pastel-purple-border:#e9d5ff;--pastel-purple-text:#000;--pastel-purple-hover:#e9d5ff;--pastel-yellow-bg:#fef9c3;--pastel-yellow-border:#fef08a;--pastel-yellow-text:#000;--pastel-yellow-hover:#fef08a;--pastel-pink-bg:#fce7f3;--pastel-pink-border:#fbcfe8;--pastel-pink-text:#000;--pastel-pink-accent:#f472b6;--pastel-pink-hover:#fbcfe8;--radius-bubble-sm:14px;--radius-bubble-md:20px;--radius-bubble-lg:28px;--radius-bubble-xl:36px;--radius-pill:9999px;--shadow-bubble:0 10px 28px -6px #7d624614, 0 3px 8px -2px #7d62460d;--shadow-bubble-hover:0 16px 36px -6px #7d62461f, 0 6px 12px -2px #7d624614;--shadow-bubble-pressed:0 4px 12px -2px #7d62460f}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-main);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);background-image:radial-gradient(at 10% 10%,#dbeafe99 0,#0000 40%),radial-gradient(at 90% 15%,#dcfce799 0,#0000 45%),radial-gradient(at 80% 85%,#f3e8ff99 0,#0000 45%),radial-gradient(at 20% 85%,#fce7f399 0,#0000 45%);background-attachment:fixed;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:var(--text-dark);border:none;outline:none;font-family:inherit;transition:all .2s cubic-bezier(.34,1.56,.64,1)}button:active{transform:scale(.97)}input,textarea,select{color:var(--text-dark);outline:none;font-family:inherit}.container{max-width:1140px;margin:0 auto;padding:0 24px}.bubble-font{font-family:var(--font-bubble)}.bubble-box{background:var(--bg-bubble);border:2px solid var(--border-bubble);border-radius:var(--radius-bubble-lg);box-shadow:var(--shadow-bubble);transition:transform .22s,box-shadow .22s,border-color .22s}.bubble-box-interactive:hover{box-shadow:var(--shadow-bubble-hover);border-color:var(--border-bubble-hover);transform:translateY(-3px)}.bubble-pill{border-radius:var(--radius-pill)}.btn-pastel-blue{background-color:var(--pastel-blue-bg);border:1.5px solid var(--pastel-blue-border);border-radius:var(--radius-pill);font-weight:800;color:#000!important}.btn-pastel-blue:hover{background-color:var(--pastel-blue-hover);transform:translateY(-1px)}.btn-pastel-green{background-color:var(--pastel-green-bg);border:1.5px solid var(--pastel-green-border);border-radius:var(--radius-pill);font-weight:800;color:#000!important}.btn-pastel-green:hover{background-color:var(--pastel-green-hover);transform:translateY(-1px)}.btn-pastel-peach{background-color:var(--pastel-peach-bg);border:1.5px solid var(--pastel-peach-border);border-radius:var(--radius-pill);font-weight:800;color:#000!important}.btn-pastel-peach:hover{background-color:var(--pastel-peach-hover);transform:translateY(-1px)}.btn-pastel-purple{background-color:var(--pastel-purple-bg);border:1.5px solid var(--pastel-purple-border);border-radius:var(--radius-pill);font-weight:800;color:#000!important}.btn-pastel-purple:hover{background-color:var(--pastel-purple-hover);transform:translateY(-1px)}.btn-pastel-pink{background-color:var(--pastel-pink-bg);border:1.5px solid var(--pastel-pink-border);border-radius:var(--radius-pill);font-weight:800;color:#000!important}.btn-pastel-pink:hover{background-color:var(--pastel-pink-hover);transform:translateY(-1px)}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.28s cubic-bezier(.16,1,.3,1) forwards fadeIn}.streak-pulse{animation:2.6s ease-in-out infinite bubbleFloat}.flip-card-container{perspective:1200px;width:100%;max-width:680px;height:380px;margin:0 auto}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:relative}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:var(--radius-bubble-xl);border:2.5px solid var(--border-bubble);color:#000;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100%;padding:36px;display:flex;position:absolute;box-shadow:0 16px 36px -4px #7d62461f,0 4px 12px -2px #7d62460f}.flip-card-front{background:linear-gradient(145deg,#fff,#fcf9f2)}.flip-card-back{background:linear-gradient(145deg,#f7f2ea,#fdfbf7);transform:rotateY(180deg)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:#ded5c5;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#cdbfab}.desktop-only{display:initial}.mobile-only{display:none!important}@media (width<=720px){.desktop-only{display:none!important}.mobile-only{display:initial!important}.container{padding:0 14px}.page-wrap{padding:16px 0 96px!important}.app-header{padding:8px 0!important;padding-top:max(8px, env(safe-area-inset-top))!important}.app-header-inner{gap:8px}.hero-box{gap:10px!important;margin-bottom:18px!important;padding:18px 16px!important}.hero-title{font-size:24px!important;line-height:1.25!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important}.stat-card{padding:12px!important}.stat-card .stat-num{font-size:22px!important}.deck-grid{grid-template-columns:1fr!important;gap:12px!important}.deck-card{padding:16px!important}.create-actions{width:100%}.create-actions button{flex:1}.topic-row{flex-direction:column;align-items:stretch!important}.topic-row input,.topic-row select,.topic-row button{width:100%}.card-edit-grid,.deck-meta-grid{grid-template-columns:1fr!important}.flip-card-container{height:280px}.flip-card-front,.flip-card-back{padding:18px 16px}.study-nav-row{flex-wrap:wrap;justify-content:center;gap:8px!important}input,textarea,select,button{font-size:16px}}