.bbs-root{--bbs-bg:#10131a;--bbs-surface:#1d2026;--bbs-surface2:#272a31;--bbs-surface3:#32353c;--bbs-border:rgba(59,73,75,0.5);--bbs-text:#e1e2eb;--bbs-muted:#b9cacb;--bbs-cyan:#00f0ff;--bbs-cyan-dim:#00dbe9;--bbs-magenta:#ff24e4;--bbs-yellow:#fed639;--bbs-glow-c:rgba(0,240,255,0.35);--bbs-glow-m:rgba(255,36,228,0.3);--bbs-glow-y:rgba(254,214,57,0.3);font-family:Plus Jakarta Sans,Manrope,sans-serif;background:var(--bbs-bg);color:var(--bbs-text);min-height:calc(100vh - var(--navbar-height, 52px) - var(--subnav-height, 40px));padding:0 0 5rem;position:relative;overflow-x:hidden}.bbs-root:after,.bbs-root:before{content:"";position:fixed;border-radius:50%;pointer-events:none;z-index:0}.bbs-root:before{top:20%;left:-80px;background:rgba(0,240,255,.06)}.bbs-root:after,.bbs-root:before{width:320px;height:320px;filter:blur(80px)}.bbs-root:after{bottom:20%;right:-80px;background:rgba(255,36,228,.06)}.bbs-tabbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;background:rgba(16,19,26,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--bbs-border);padding:0 4px}.bbs-tab{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 4px 8px;cursor:pointer;border:none;background:transparent;color:var(--bbs-muted);font-size:10px;font-weight:700;letter-spacing:.08em;font-family:Space Grotesk,monospace;text-transform:uppercase;transition:color .15s,background .15s;border-radius:0;position:relative}.bbs-tab .bbs-tab-icon,.bbs-tab svg{font-size:20px;transition:color .15s}.bbs-tab.active{color:var(--bbs-cyan)}.bbs-tab.active:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--bbs-cyan);border-radius:2px;box-shadow:0 0 8px var(--bbs-glow-c)}.bbs-content{padding:20px;max-width:500px;margin:0 auto;position:relative;z-index:1}.bbs-label{font-family:Space Grotesk,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bbs-muted);margin-bottom:8px}.bbs-label.cyan{color:var(--bbs-cyan)}.bbs-label.mag{color:var(--bbs-magenta)}.bbs-label.yel{color:var(--bbs-yellow)}.bbs-grid-wrap{background:var(--bbs-surface);border:1px solid var(--bbs-border);border-radius:16px;padding:12px;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.4)}.bbs-grid-wrap:before{content:"";position:absolute;inset:0;border-radius:16px;background-image:radial-gradient(circle at 2px 2px,rgba(255,255,255,.03) 1px,transparent 0);background-size:24px 24px;pointer-events:none}.bbs-grid{display:grid;grid-gap:3px;gap:3px;width:100%;aspect-ratio:1}.bbs-cell{border-radius:3px;border:1px solid rgba(59,73,75,.3);background:rgba(255,255,255,.03);cursor:pointer;transition:transform .08s,background .12s,box-shadow .12s;touch-action:none}.bbs-cell:active{transform:scale(.88)}.bbs-cell.filled-0{background:var(--bbs-cyan);box-shadow:0 0 10px var(--bbs-glow-c)}.bbs-cell.filled-0,.bbs-cell.filled-1{border-color:rgba(255,255,255,.2);transform:scale(.93)}.bbs-cell.filled-1{background:var(--bbs-magenta);box-shadow:0 0 10px var(--bbs-glow-m)}.bbs-cell.filled-2{background:var(--bbs-yellow);border-color:rgba(255,255,255,.2);box-shadow:0 0 10px var(--bbs-glow-y);transform:scale(.93)}.bbs-cell.ghost{background:rgba(0,240,255,.25);border-color:var(--bbs-cyan);box-shadow:inset 0 0 8px rgba(0,240,255,.3);animation:bbs-pulse 1.6s ease-in-out infinite;transform:scale(.93)}@keyframes bbs-pulse{0%,to{opacity:.5}50%{opacity:1}}.bbs-size-toggle{display:flex;gap:8px;margin-bottom:12px}.bbs-size-btn{flex:1 1;padding:8px;border-radius:10px;border:1px solid var(--bbs-border);background:var(--bbs-surface2);color:var(--bbs-muted);font-family:Space Grotesk,monospace;font-size:11px;font-weight:700;letter-spacing:.1em;cursor:pointer;transition:all .15s}.bbs-size-btn.active{background:rgba(0,240,255,.15);border-color:var(--bbs-cyan);color:var(--bbs-cyan);box-shadow:0 0 12px rgba(0,240,255,.2)}.bbs-actions{display:flex;gap:10px;margin-top:16px}.bbs-btn{flex:1 1;padding:14px 12px;border-radius:12px;border:none;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .12s}.bbs-btn:active{transform:translateY(2px)}.bbs-btn-secondary{background:var(--bbs-surface3);color:var(--bbs-text);border-bottom:2px solid rgba(0,0,0,.3)}.bbs-btn-primary{background:var(--bbs-cyan);color:#00363a;border-bottom:2px solid #004f54;box-shadow:0 0 16px var(--bbs-glow-c)}.bbs-btn-primary:hover{background:#00e6f4}.bbs-btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.bbs-btn-danger{background:var(--bbs-surface3);color:#ff6b6b;border-bottom:2px solid rgba(0,0,0,.3)}.bbs-slots{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:20px}.bbs-slot{aspect-ratio:1;border-radius:14px;border:2px dashed var(--bbs-border);background:var(--bbs-surface2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s;overflow:hidden;position:relative}.bbs-slot:hover{border-color:var(--bbs-cyan-dim)}.bbs-slot.selected{border-style:solid;border-color:var(--bbs-magenta);box-shadow:0 0 0 3px rgba(255,36,228,.2),0 0 16px var(--bbs-glow-m)}.bbs-slot.has-block{border-style:solid}.bbs-slot-label{font-family:Space Grotesk,monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bbs-muted)}.bbs-slot.selected .bbs-slot-label{color:var(--bbs-magenta)}.bbs-mini-block{display:grid;grid-gap:2px;gap:2px}.bbs-mini-cell{width:10px;height:10px;border-radius:2px}.bbs-library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.bbs-library-scroll{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.bbs-library-scroll::-webkit-scrollbar{display:none}.bbs-shape-card{flex-shrink:0;width:72px;height:72px;border-radius:10px;border:1px solid var(--bbs-border);background:var(--bbs-surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .12s}.bbs-shape-card:hover{background:var(--bbs-surface2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.bbs-shape-card:active{transform:scale(.92)}.bbs-shape-preview{display:grid;grid-gap:2px;gap:2px}.bbs-shape-cell{width:9px;height:9px;border-radius:2px}.bbs-solve-btn{width:100%;padding:16px;border-radius:12px;background:var(--bbs-cyan);color:#00363a;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 20px var(--bbs-glow-c);transition:all .12s;margin-top:20px;border:none;border-bottom:2px solid #004f54}.bbs-solve-btn:active{transform:translateY(2px)}.bbs-solve-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.bbs-solve-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.bbs-solve-step{font-size:22px;font-weight:700}.bbs-score-badge{font-size:18px;font-weight:700;color:var(--bbs-magenta);text-align:right}.bbs-hint-box{background:var(--bbs-surface2);border:1px solid var(--bbs-border);border-radius:12px;padding:12px 14px;gap:12px;margin-bottom:16px}.bbs-hint-box,.bbs-hint-icon{display:flex;align-items:center}.bbs-hint-icon{width:40px;height:40px;border-radius:10px;background:rgba(0,240,255,.15);justify-content:center;color:var(--bbs-cyan);flex-shrink:0;font-size:20px}.bbs-hint-text{font-size:13px;line-height:1.5;color:var(--bbs-text)}.bbs-nav-btns{display:flex;gap:10px;margin-top:16px}.bbs-nav-btn{flex:1 1;padding:14px;border-radius:12px;border:none;cursor:pointer;font-family:Space Grotesk,monospace;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .12s}.bbs-nav-btn:active{transform:translateY(1px)}.bbs-nav-btn:disabled{opacity:.35;cursor:not-allowed}.bbs-nav-btn-prev{background:var(--bbs-surface2);color:var(--bbs-text);border-bottom:2px solid rgba(0,0,0,.3)}.bbs-nav-btn-next{background:var(--bbs-magenta);color:#3a0033;border-bottom:2px solid #520049;box-shadow:0 0 14px var(--bbs-glow-m)}.bbs-stats-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:12px}.bbs-stat-card{background:var(--bbs-surface);border:1px solid var(--bbs-border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.bbs-stat-label{font-family:Space Grotesk,monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bbs-muted)}.bbs-stat-bar-track{height:4px;background:var(--bbs-surface3);border-radius:2px;overflow:hidden}.bbs-stat-bar-fill{height:100%;background:var(--bbs-cyan-dim);border-radius:2px;transition:width .4s ease}.bbs-stat-value{font-size:13px;font-weight:700;color:var(--bbs-cyan-dim)}.bbs-bento-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:20px}.bbs-bento-card{background:var(--bbs-surface);border:1px solid var(--bbs-border);border-radius:14px;padding:14px;position:relative;overflow:hidden}.bbs-bento-card.full{grid-column:1/-1}.bbs-bento-glow{position:absolute;bottom:-10px;right:-10px;width:80px;height:80px;border-radius:50%;filter:blur(20px);pointer-events:none}.bbs-bento-big{font-size:28px;font-weight:700;color:var(--bbs-text);line-height:1;margin-top:4px}.bbs-history-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.bbs-history-item{display:flex;align-items:center;gap:14px;background:var(--bbs-surface);border:1px solid var(--bbs-border);border-radius:12px;padding:14px;transition:background .12s;cursor:default}.bbs-history-icon,.bbs-history-item:hover{background:var(--bbs-surface2)}.bbs-history-icon{width:44px;height:44px;border-radius:10px;border:1px solid var(--bbs-border);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.bbs-history-info{flex:1 1;min-width:0}.bbs-history-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bbs-history-meta{font-size:12px;color:var(--bbs-muted);margin-top:2px}.bbs-history-score{font-family:Space Grotesk,monospace;font-size:12px;font-weight:700;color:var(--bbs-magenta);text-align:right}.bbs-settings-card{background:var(--bbs-surface);border:1px solid var(--bbs-border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:16px}.bbs-setting-row{display:flex;justify-content:space-between;align-items:center}.bbs-toggle{width:44px;height:24px;border-radius:12px;background:var(--bbs-surface3);position:relative;cursor:pointer;transition:background .2s;border:none;flex-shrink:0}.bbs-toggle.on{background:var(--bbs-cyan);box-shadow:0 0 8px var(--bbs-glow-c)}.bbs-toggle:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:white;top:3px;left:3px;transition:transform .2s}.bbs-toggle.on:after{transform:translateX(20px)}.bbs-solving-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px;text-align:center}.bbs-spinner{width:48px;height:48px;border:3px solid var(--bbs-surface3);border-top-color:var(--bbs-cyan);border-radius:50%;animation:bbs-spin .7s linear infinite;flex-shrink:0;display:inline-block}@keyframes bbs-spin{to{transform:rotate(1turn)}}.bbs-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;text-align:center;color:var(--bbs-muted)}.bbs-empty-icon{font-size:48px;opacity:.4}.bbs-empty-text{font-size:14px}.bbs-section{margin-bottom:24px}.bbs-section-title{font-family:Space Grotesk,monospace;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--bbs-muted);margin-bottom:12px}.bbs-no-solution{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);border-radius:12px;padding:16px;text-align:center;color:#ff9a9a;font-size:13px}