.wp-mode-toggle{display:flex;gap:2px;padding:8px 20px;border-bottom:1px solid var(--mz-border,#1a1a1a)}.wp-mode-tab{padding:10px 20px;background:0 0;border:none;color:var(--mz-text-dim,#555);font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all .15s;border-radius:4px}.wp-mode-tab:hover{color:var(--mz-text,#fff);background:var(--mz-border,#1a1a1a)}.wp-mode-tab.active{color:#000;background:var(--mz-accent,#e2ba87)}.wp-mode-tab[data-mode=record].active{background:#ef4444;color:#fff}.wp-mute-indicator{display:none;align-items:center;gap:6px;margin-left:auto;padding:8px 14px;background:rgba(239,68,68,.1);border:1px solid #ef4444;border-radius:4px;color:#ef4444;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:1px;animation:wpMutePulse 1.5s ease-in-out infinite}.wp-mute-indicator.show{display:flex}@keyframes wpMutePulse{0%,100%{opacity:.7}50%{opacity:1}}.wp-write-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.wp-write-view.hidden{display:none}.wp-textarea-page{flex:1;display:none;flex-direction:column;overflow:hidden;padding:0}.wp-textarea-page.active{display:flex}.wp-section-head{display:flex;justify-content:space-between;align-items:baseline;padding:8px 20px}.wp-section-name{font-size:14px;font-weight:700;letter-spacing:1px;color:var(--mz-text-dim,#555)}.wp-section-target{font-size:12px;color:var(--mz-text-muted,#333)}.wp-section-prog{display:flex;align-items:center;gap:10px;padding:0 20px;margin-bottom:12px}.wp-section-prog-bar{flex:1;height:2px;background:var(--mz-border,#1a1a1a);border-radius:1px;overflow:hidden}.wp-section-prog-fill{height:100%;width:0%;background:#22c55e;transition:width .3s}.wp-section-prog-text{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--mz-text-muted,#333)}.wp-lined-paper{flex:1;margin:0 20px;background:var(--mz-surface,#111);border:1px solid var(--mz-border,#1a1a1a);border-radius:6px;overflow-y:auto;overflow-x:hidden}.wp-lined-paper::-webkit-scrollbar{width:4px}.wp-lined-paper::-webkit-scrollbar-thumb{background:var(--mz-border,#222);border-radius:2px}.wp-bar-row{display:flex;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.03);min-height:44px;position:relative}.wp-bar-row:last-child{border-bottom:none}.wp-bar-num{width:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:600;color:var(--mz-text-muted,#333);border-right:1px solid rgba(255,255,255,.05);transition:color .3s ease,text-shadow .3s ease}.wp-bar-input{flex:1;padding:12px 14px;background:0 0;border:none;font-family:Outfit,-apple-system,sans-serif;font-size:15px;font-weight:500;color:var(--mz-text,#fff);outline:0}.wp-bar-input::placeholder{color:var(--mz-text-muted,#333);font-weight:400}.wp-bar-row.active{background:rgba(255,255,255,.01)}.wp-bar-row.complete .wp-bar-num{color:#22c55e;text-shadow:0 0 8px rgba(34,197,94,.6)}.wp-bar-bolt{width:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.wp-bar-bolt svg{width:16px;height:16px;stroke:#22c55e;fill:#22c55e}.wp-bar-row.complete .wp-bar-bolt{opacity:1;filter:drop-shadow(0 0 6px rgba(34, 197, 94, .6))}@keyframes wpBarCollect{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-40px) scale(1.3);opacity:0}}.wp-bar-collect{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:800;color:#22c55e;animation:wpBarCollect .8s ease-out forwards;pointer-events:none;text-shadow:0 0 10px rgba(34,197,94,.8);z-index:10}.wp-bar-collect svg{width:16px;height:16px;stroke:#22c55e;fill:none;filter:drop-shadow(0 0 4px rgba(34, 197, 94, .8))}.wp-perform-view{flex:1;display:none;flex-direction:column;overflow:hidden}.wp-perform-view.active{display:flex}.wp-perform-stats{display:flex;gap:20px;padding:16px 20px;border-bottom:1px solid var(--mz-border,#1a1a1a);flex-wrap:wrap}.wp-perform-stat{display:flex;align-items:center;gap:6px}.wp-perform-stat-num{font-family:'Bebas Neue',sans-serif;font-size:26px;line-height:1}.wp-perform-stat-num.gold{color:#e2ba87}.wp-perform-stat-num.green{color:#22c55e}.wp-perform-stat-num.blue{color:#3b82f6}.wp-perform-stat-num.red{color:#ef4444}.wp-perform-stat-num.purple{color:#a855f7}.wp-perform-stat-label{font-size:9px;font-weight:700;letter-spacing:1px;color:var(--mz-text-muted,#333);text-transform:uppercase}.wp-perform-skill{margin-left:auto;padding:6px 14px;border-radius:4px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:800;letter-spacing:1px;background:var(--mz-border,#1a1a1a);color:var(--mz-text-dim,#555)}.wp-perform-skill.elite{background:#e2ba87;color:#000}.wp-perform-skill.advanced{background:#3b82f6;color:#fff}.wp-perform-skill.intermediate{background:#22c55e;color:#fff}.wp-perform-skill.developing{background:#f59e0b;color:#000}.wp-perform-bars{flex:1;padding:0;overflow-y:auto}.wp-perform-bars::-webkit-scrollbar{width:4px}.wp-perform-bars::-webkit-scrollbar-thumb{background:var(--mz-border,#222);border-radius:2px}.wp-perform-section{display:none;flex-direction:column;padding:16px 20px;min-height:100%}.wp-perform-section.active{display:flex}.wp-perform-section-header{display:flex;align-items:center;gap:12px;padding:0 0 12px;margin-bottom:8px;border-bottom:1px solid var(--mz-border,#1a1a1a)}.wp-perform-section-name{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--mz-accent,#e2ba87)}.wp-perform-section-sep{display:flex;align-items:center;gap:12px;padding:16px 0 8px;opacity:0;transition:opacity .4s}.wp-perform-section-sep.show{opacity:1}.wp-perform-section-sep-line{flex:1;height:1px;background:var(--mz-border,#1a1a1a)}.wp-perform-section-sep-label{font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--mz-text-dim,#555)}.wp-perform-bar{display:flex;align-items:baseline;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.03);opacity:0;transform:translateY(8px);position:relative}.wp-perform-bar.revealed{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}.wp-perform-bar.active{border-bottom-color:#e2ba87}.wp-perform-bar.sync-active{background:rgba(226,186,135,.1);border-bottom-color:#e2ba87;box-shadow:inset 3px 0 0 #e2ba87}.wp-perform-bar.sync-active .wp-perform-bar-num{color:#e2ba87;text-shadow:0 0 8px rgba(226,186,135,.6)}.wp-perform-bar.sync-active .wp-perform-bar-text{text-shadow:0 0 20px rgba(226,186,135,.3)}.wp-perform-bar-num{width:28px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--mz-text-muted,#333);text-align:right}.wp-perform-bar-text{flex:1;font-size:15px;font-weight:600;line-height:1.6;color:var(--mz-text,#fff)}.wp-perform-bar-scheme{width:24px;font-family:'Bebas Neue',sans-serif;font-size:18px;text-align:center;opacity:0;transform:scale(0);transition:opacity .3s,transform .3s cubic-bezier(.175, .885, .32, 1.275)}.wp-perform-bar-scheme.show{opacity:1;transform:scale(1)}.wp-perform-bar-scheme.a{color:#e2ba87}.wp-perform-bar-scheme.b{color:#3b82f6}.wp-perform-bar-scheme.c{color:#a855f7}.wp-perform-bar-scheme.d{color:#06b6d4}.wp-perform-bar-scheme.e{color:#22c55e}.wp-perform-bar-scheme.f{color:#f97316}.wp-perform-chain-tag{position:absolute;right:32px;top:50%;transform:translateY(-50%) translateX(10px);font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:800;padding:3px 8px;border-radius:4px;background:#ef4444;color:#fff;white-space:nowrap;opacity:0;transition:all .4s ease}.wp-perform-chain-tag.show{opacity:1;transform:translateY(-50%) translateX(0)}.wp-rh{display:inline;padding:2px 6px;border-radius:3px;font-weight:800;opacity:0;transform:scale(.85);transition:opacity .25s ease,transform .25s cubic-bezier(.34, 1.56, .64, 1)}.wp-rh.show{opacity:1;transform:scale(1)}.wp-rh-gold{background:#e2ba87;color:#000}.wp-rh-blue{background:#3b82f6;color:#fff}.wp-rh-green{background:#22c55e;color:#fff}.wp-rh-red{background:#ef4444;color:#fff}.wp-rh-pink{background:#ec4899;color:#fff}.wp-rh-cyan{background:#06b6d4;color:#fff}.wp-rh-purple{background:#a855f7;color:#fff}.wp-rh-orange{background:#f97316;color:#fff}.wp-rh-lime{background:#84cc16;color:#000}.wp-rh-teal{background:#14b8a6;color:#fff}.wp-rh-amber{background:#f59e0b;color:#000}.wp-rh-indigo{background:#6366f1;color:#fff}.wp-rh-rose{background:#f43f5e;color:#fff}.wp-rh-sky{background:#0ea5e9;color:#fff}.wp-rh-brown{background:#a0845c;color:#fff}.wp-rh-emerald{background:#059669;color:#fff}.wp-rh-fuchsia{background:#d946ef;color:#fff}.wp-rh.hot{animation:wpHotPulse 1.2s ease-in-out infinite}@keyframes wpHotPulse{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 12px 3px currentColor}}.wp-rh.dim{opacity:.6;font-weight:700}.wp-word-wrap{display:inline}.wp-perform-quatrain-sep{display:flex;align-items:center;gap:10px;padding:12px 0 6px;opacity:0;transition:opacity .4s;border-bottom:none!important}.wp-perform-quatrain-sep.show{opacity:1}.wp-perform-quatrain-sep-line{flex:1;height:1px;background:var(--mz-border,#1a1a1a)}.wp-perform-quatrain-sep-label{font-family:'JetBrains Mono',monospace;font-size:9px;font-weight:800;letter-spacing:2px;color:var(--mz-text-muted,#333)}.wp-perform-legend{display:flex;gap:16px;flex-wrap:wrap;padding:14px 20px;border-top:1px solid var(--mz-border,#1a1a1a)}.wp-perform-legend-item{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--mz-text-muted,#333)}.wp-perform-legend-swatch{width:12px;height:12px;border-radius:2px}.wp-perform-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;text-align:center}.wp-perform-empty-icon{font-size:40px;opacity:.4}.wp-perform-empty-title{font-size:16px;font-weight:700;color:var(--mz-text-dim,#555)}.wp-perform-empty-text{font-size:13px;color:var(--mz-text-muted,#333);max-width:280px}.wp-perform-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;font-size:14px;color:var(--mz-text-dim,#555)}.wp-perform-loading::before{content:'';width:18px;height:18px;border:2px solid var(--mz-border,#1a1a1a);border-top-color:#e2ba87;border-radius:50%;animation:wpSpin .8s linear infinite}@keyframes wpSpin{to{transform:rotate(360deg)}}.wp-badge-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:#111;border:3px solid #e2ba87;border-radius:16px;padding:24px 40px;text-align:center;z-index:30000;pointer-events:none;box-shadow:0 0 80px rgba(226,186,135,.4)}.wp-badge-popup.show{animation:wpBadgePop 2s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes wpBadgePop{0%{transform:translate(-50%,-50%) scale(0) rotate(-5deg);opacity:0}12%{transform:translate(-50%,-50%) scale(1.15) rotate(2deg);opacity:1}20%{transform:translate(-50%,-50%) scale(1) rotate(0)}75%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(.8);opacity:0}}.wp-badge-icon{font-size:42px}.wp-badge-name{font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:3px;color:#e2ba87;margin-top:4px}.wp-badge-desc{font-size:12px;color:var(--mz-text-dim,#555);margin-top:2px}@media (max-width:520px){.wp-mode-toggle{padding:6px 12px}.wp-mode-tab{padding:8px 12px;font-size:10px}.wp-section-head,.wp-section-prog{padding-left:12px;padding-right:12px}.wp-lined-paper{margin:0 12px}.wp-bar-num{width:32px;font-size:10px}.wp-bar-input{font-size:14px;padding:10px 12px}.wp-perform-stats{padding:12px;gap:12px}.wp-perform-stat-num{font-size:22px}.wp-perform-bars{padding:12px}.wp-perform-bar-text{font-size:14px}.wp-perform-legend{padding:10px 12px;gap:10px}.wp-perform-chain-tag{display:none}}