:root{--primary: #00685f;--primary-container: #008378;--primary-deep: #001e40;--primary-fixed-dim: #6bd8cb;--secondary: #4648d4;--secondary-container: #6063ee;--tertiary: #b90538;--vibrant-indigo: #4f46e5;--vibrant-pink: #ec4899;--success-emerald: #00875a;--background: #faf8ff;--surface: #faf8ff;--surface-container-low: #f2f3ff;--surface-container: #eaedff;--surface-container-high: #e2e7ff;--on-surface: #131b2e;--on-surface-variant: #3d4947;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .7);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .08);--radius-sm: 8px;--radius-md: 16px;--radius-lg: 20px;--font-family: "Be Vietnam Pro", sans-serif;--font-heading: "Anybody", "Be Vietnam Pro", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--on-surface);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden;background-image:radial-gradient(circle at 10% 10%,rgba(107,216,203,.22) 0%,transparent 45%),radial-gradient(circle at 90% 20%,rgba(79,70,229,.12) 0%,transparent 50%),radial-gradient(circle at 20% 90%,rgba(236,72,153,.12) 0%,transparent 45%),linear-gradient(180deg,#faf8ff,#f0f3ff);background-attachment:fixed;padding-bottom:80px}#app-mount{min-height:100vh;display:flex;flex-direction:column}.liquid-glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.liquid-glass-dark{background:linear-gradient(135deg,#001e40f2,#003a35f2);border:1px solid rgba(255,255,255,.15);border-radius:20px;color:#fff;box-shadow:0 12px 40px #001e4040}.glass-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:9999px;font-size:12px;font-weight:700;background:#ffffffd9;border:1px solid rgba(0,30,64,.08);color:var(--on-surface);white-space:nowrap}.sl-badge-gold{background:linear-gradient(135deg,#fff275,gold);color:#594500;border:1px solid #e6be00;box-shadow:0 2px 8px #ffd70040}.sl-badge-teal{background:linear-gradient(135deg,#7fffd4,#00aea0);color:#004d40;border:1px solid #009688;box-shadow:0 2px 8px #00aea040}.lego-grid-container{display:flex;flex-direction:column;gap:1.5rem}.lego-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding:1rem;background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-glass)}.lego-plugin-list{display:flex;gap:.5rem;flex-wrap:wrap}.plugin-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:20px;border:1px solid var(--border-glass);background:var(--bg-glass-card);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.plugin-toggle-btn.active{background:#6366f133;border-color:var(--color-accent-primary);color:var(--text-primary)}.lego-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;align-items:start}.lego-block-card{background:var(--bg-glass-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:1.5rem;transition:transform var(--transition-smooth),border-color var(--transition-smooth),box-shadow var(--transition-smooth);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem;position:relative;overflow:hidden}.lego-block-card:hover{transform:translateY(-4px);border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.lego-block-header{display:flex;justify-content:space-between;align-items:center}.lego-block-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700}.lego-block-badge{font-size:.7rem;padding:.2rem .5rem;border-radius:10px;background:#6366f133;color:var(--color-accent-primary);font-weight:600;text-transform:uppercase}.sl-header{position:sticky;top:0;z-index:100;background:#fbfbe2d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,30,64,.1);padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.sl-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--primary-deep)}.sl-logo-img{width:36px;height:36px;border-radius:10px;object-fit:cover}.sl-brand-title{font-family:Anybody,sans-serif;font-weight:800;font-size:22px;letter-spacing:-.5px;background:linear-gradient(135deg,#001e40,#00aea0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sl-stats-bar{display:flex;align-items:center;gap:12px}.sl-nav-tabs{display:flex;flex-wrap:nowrap!important;gap:8px;overflow-x:auto!important;padding:12px 20px;max-width:1240px;margin:0 auto;scrollbar-width:thin;scrollbar-color:rgba(0,174,160,.3) transparent;-webkit-overflow-scrolling:touch}.sl-nav-tabs::-webkit-scrollbar{height:4px}.sl-nav-tabs::-webkit-scrollbar-thumb{background:#00aea04d;border-radius:9999px}.sl-tab-btn{background:#ffffffbf;border:1px solid rgba(0,30,64,.1);padding:8px 16px;border-radius:12px;font-size:13.5px;font-weight:700;color:var(--primary-deep);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.sl-tab-btn.active{background:var(--primary-deep);color:#fff;border-color:var(--primary-deep);box-shadow:0 4px 12px #001e4033;transform:translateY(-1px)}.sl-tab-btn:hover:not(.active){background:#fff;transform:translateY(-1px)}.sl-container{max-width:1240px;margin:0 auto;padding:0 20px}.sl-hero-quest{position:relative;overflow:hidden;border-radius:24px;padding:32px;background:linear-gradient(135deg,#001e40,#036 60%,#00aea0);color:#fff;box-shadow:0 16px 40px #001e4040;margin-bottom:28px}.sl-hero-quest-content{position:relative;z-index:2;max-width:620px}.sl-hero-title{font-family:var(--font-heading, "Anybody", sans-serif);font-size:30px;font-weight:800;margin-bottom:12px;line-height:1.25}.sl-hero-desc{font-size:15.5px;opacity:.92;line-height:1.6;margin-bottom:24px}.sl-btn-sail{background:linear-gradient(135deg,#ffe16d,#fcd400);color:#221b00;border:none;font-family:var(--font-family, "Be Vietnam Pro", sans-serif);font-weight:700;font-size:15px;padding:12px 24px;border-radius:14px;cursor:pointer;box-shadow:0 6px #b38f00,0 10px 20px #0003;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.sl-btn-sail:hover{transform:translateY(-2px);box-shadow:0 8px #b38f00,0 14px 24px #00000040}.sl-btn-sail:active{transform:translateY(4px);box-shadow:0 2px #b38f00}.sl-chibi-companion{position:absolute;right:20px;bottom:-10px;width:210px;height:210px;object-fit:contain;filter:drop-shadow(0 12px 24px rgba(0,0,0,.4));animation:floatChibi 4s ease-in-out infinite}@keyframes floatChibi{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.sl-bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;margin-bottom:32px}.sl-col-7{grid-column:span 7}.sl-col-5{grid-column:span 5}.sl-col-8{grid-column:span 8}.sl-col-4{grid-column:span 4}.sl-col-6{grid-column:span 6}.sl-col-12{grid-column:span 12}@media (max-width: 960px){.sl-col-7,.sl-col-5,.sl-col-8,.sl-col-4,.sl-col-6{grid-column:span 12}.sl-chibi-companion{display:none}}.sl-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:72px;background:#001e40eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;justify-content:space-around;align-items:center;border-top:1px solid rgba(255,255,255,.15);z-index:1000;box-shadow:0 -4px 24px #00000040}.sl-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:#a7c8ff;text-decoration:none;font-size:11px;font-weight:600;transition:all .2s ease;cursor:pointer}.sl-nav-item.active{color:#fcd400;transform:translateY(-4px)}.sl-nav-icon-img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.sl-ai-bubble{position:fixed;bottom:84px;right:24px;z-index:999;background:#fff;border:1px solid #e0e0e0;border-radius:20px;box-shadow:0 12px 36px #001e4033;padding:14px 18px;max-width:320px;display:flex;align-items:center;gap:12px;animation:slideInBubble .5s ease-out}#ai-chat-messages-body{overflow-y:scroll!important;overflow-anchor:auto!important;scroll-behavior:smooth!important;scrollbar-width:thin;scrollbar-color:rgba(0,174,160,.4) transparent}#ai-chat-messages-body::-webkit-scrollbar{width:6px}#ai-chat-messages-body::-webkit-scrollbar-thumb{background:#00aea059;border-radius:9999px}@keyframes slideInBubble{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDrawer{0%{transform:translate(100%)}to{transform:translate(0)}}@media (min-width: 769px){.sl-bottom-nav{display:none!important}}@media (max-width: 768px){.sl-nav-tabs{display:none!important}.sl-ai-bubble{bottom:80px!important;right:16px!important;max-width:280px!important}}