@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:#f4f1fb;--bg-page-soft:#fbf8ff;--bg-bubble:#fff;--bg-bubble-subtle:#f3eefc;--bg-input:#fffcfe;--border-bubble:#e4d8f0;--border-bubble-hover:#d2c0e8;--border-subtle:#785aa024;--text-main:#14100c;--text-dark:#000;--text-muted:#56465a;--text-dim:#87748a;--pastel-blue-bg:#c7e4ff;--pastel-blue-border:#7ec8ff;--pastel-blue-text:#000;--pastel-blue-hover:#a8d6ff;--pastel-green-bg:#c4f5d4;--pastel-green-border:#6ee7a8;--pastel-green-text:#000;--pastel-green-hover:#9aedba;--pastel-peach-bg:#ffe0b8;--pastel-peach-border:#ffc078;--pastel-peach-text:#000;--pastel-peach-hover:#ffd19a;--pastel-purple-bg:#e8d4ff;--pastel-purple-border:#c4a1ff;--pastel-purple-text:#000;--pastel-purple-hover:#d8bcff;--pastel-yellow-bg:#fff6b8;--pastel-yellow-border:#ffe566;--pastel-yellow-text:#000;--pastel-yellow-hover:#fff08a;--pastel-pink-bg:#ffd0ea;--pastel-pink-border:#ff9ed4;--pastel-pink-text:#000;--pastel-pink-accent:#ff4fb2;--pastel-pink-hover:#ffb6de;--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 #7850a01a, 0 3px 8px -2px #7850a00f;--shadow-bubble-hover:0 16px 36px -6px #7850a024, 0 6px 12px -2px #7850a017;--shadow-bubble-pressed:0 4px 12px -2px #7850a012}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}html.has-ad-banner body{padding-bottom:calc(60px + env(safe-area-inset-bottom))}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 8% 8%,#7ec8ff8c 0,#0000 42%),radial-gradient(at 92% 12%,#6ee7a87a 0,#0000 46%),radial-gradient(at 85% 88%,#c4a1ff80 0,#0000 46%),radial-gradient(at 15% 90%,#ff4fb247 0,#0000 44%),radial-gradient(at 50% 40%,#fff6b873 0,#0000 50%);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,#eef6ff)}.flip-card-back{background:linear-gradient(145deg,#fff0f8,#f3eaff);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:12px!important;margin-bottom:18px!important;padding:24px 18px!important}.hero-title{font-size:28px!important;line-height:1.2!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}.composer-wrap-center{justify-content:center;min-height:42vh}.composer-hint{font-size:18px}}.composer-wrap{flex-direction:column;align-items:stretch;margin-bottom:24px;display:flex}.composer-wrap-center{justify-content:center;min-height:38vh}.composer-hint{text-align:center;color:#111;margin:0 0 18px;font-size:22px;font-weight:800}.composer-box{background:#fff;border:1.5px solid #e6ded0;border-radius:28px;padding:10px 12px 8px;box-shadow:0 8px 28px #7d624614}.composer-chips{flex-wrap:wrap;gap:8px;padding:4px 6px 8px;display:flex}.attach-chip{background:#f6f1e8;border:1px solid #e6ded0;border-radius:16px;align-items:center;gap:8px;max-width:100%;padding:6px 8px 6px 6px;display:inline-flex}.attach-chip-thumb{object-fit:cover;border-radius:10px;width:36px;height:36px}.attach-chip-icon{text-align:center;width:28px}.attach-chip-name{color:#111;text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:12px;font-weight:700;overflow:hidden}.attach-chip-x{color:#666;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.composer-input{resize:none;color:#111;background:0 0;border:none;outline:none;width:100%;min-height:28px;max-height:180px;padding:8px 10px 4px;font-size:16px;font-weight:600;line-height:1.45}.composer-bar{align-items:center;gap:8px;padding:4px 2px 2px;display:flex}.composer-plus-wrap{position:relative}.composer-plus,.composer-send{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.composer-plus{background:#f3eee6;border:1px solid #e6ded0}.composer-send{background:#111;border:none;margin-left:auto}.composer-send:disabled{opacity:.45}.composer-count{color:#111;background:#f8f4ee;border:1px solid #e6ded0;border-radius:999px;padding:6px 8px;font-size:12px;font-weight:800}.composer-menu{z-index:20;background:#fff;border:1px solid #e6ded0;border-radius:16px;min-width:168px;padding:6px;position:absolute;bottom:44px;left:0;box-shadow:0 12px 32px #503c2824}.composer-menu button{color:#111;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:800;display:flex}.composer-menu button:hover{background:#f6f1e8}