:root{--ns-star-orange: #F2994A;--ns-star-orange-hover: #EB8C3A;--ns-tech-blue: #1E40AF;--ns-tech-blue-hover: #1D4ED8;--ns-primary: #1E40AF;--ns-primary-hover: #1D4ED8;--ns-accent: #F2994A;--ns-accent-hover: #EB8C3A;--ns-success: #10B981;--ns-danger: #EF4444;--ns-info: #0284C7;--ns-bg-main: #F8FAFC;--ns-bg-surface: #FFFFFF;--ns-bg-glass: rgba(255, 255, 255, .88);--ns-bg-glass-card: rgba(255, 255, 255, .95);--ns-bg-glass-hover: #F1F5F9;--ns-border-glass: #E2E8F0;--ns-border-glass-hover: #CBD5E1;--ns-border-brand-glow: rgba(242, 153, 74, .5);--ns-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--ns-text-title: #0F172A;--ns-text-main: #1E293B;--ns-text-muted: #475569;--ns-text-dim: #64748B;--ns-font-xs: 12px;--ns-font-sm: 14px;--ns-font-md: 16px;--ns-font-lg: 18px;--ns-font-xl: 22px;--ns-font-2xl: 28px;--ns-font-3xl: 36px;--ns-radius-sm: 8px;--ns-radius-md: 12px;--ns-radius-lg: 18px;--ns-radius-xl: 26px;--ns-radius-full: 9999px;--ns-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--ns-shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--ns-shadow-lg: 0 10px 30px rgba(0, 0, 0, .12);--ns-shadow-brand: 0 4px 20px rgba(242, 153, 74, .25);--ns-backdrop-blur: blur(12px);--ns-transition-fast: .15s ease;--ns-transition-normal: .25s ease}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--ns-bg-main);color:var(--ns-text-main);font-family:var(--ns-font-family);font-size:var(--ns-font-md);-webkit-font-smoothing:antialiased}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ns-glass-panel{background:var(--ns-bg-glass);backdrop-filter:var(--ns-backdrop-blur);-webkit-backdrop-filter:var(--ns-backdrop-blur);border:1px solid var(--ns-border-glass);box-shadow:var(--ns-shadow-md);border-radius:var(--ns-radius-lg);color:var(--ns-text-main);z-index:10}.ns-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:var(--ns-font-md);font-weight:600;border-radius:var(--ns-radius-md);border:1px solid var(--ns-border-glass);background:var(--ns-bg-surface);color:var(--ns-text-title);cursor:pointer;transition:all var(--ns-transition-fast);box-shadow:var(--ns-shadow-sm)}.ns-btn:hover{background:var(--ns-bg-glass-hover);border-color:var(--ns-border-glass-hover);transform:translateY(-1px);box-shadow:var(--ns-shadow-md)}.ns-btn:active{transform:translateY(1px)}.ns-btn-primary{background:var(--ns-primary);border-color:var(--ns-primary);color:#fff}.ns-btn-primary:hover{background:var(--ns-primary-hover);box-shadow:0 4px 16px #1e40af59}.ns-btn-accent{background:var(--ns-accent);border-color:var(--ns-accent);color:#fff}.ns-btn-accent:hover{background:var(--ns-accent-hover);box-shadow:var(--ns-shadow-brand)}.ns-zen-return-btn{position:fixed;bottom:24px;right:24px;background:var(--ns-bg-surface);border:2px solid var(--ns-accent);color:var(--ns-text-title);padding:10px 18px;border-radius:var(--ns-radius-full);font-size:var(--ns-font-md);font-weight:700;cursor:pointer;z-index:9999;box-shadow:var(--ns-shadow-brand);transition:all var(--ns-transition-fast);display:flex;align-items:center;gap:6px}.ns-zen-return-btn:hover{transform:scale(1.05);background:var(--ns-accent);color:#fff}.ns-metric-value{font-size:var(--ns-font-2xl);font-weight:800;color:var(--ns-tech-blue);line-height:1.2}.ns-metric-unit{font-size:var(--ns-font-sm);color:var(--ns-text-muted);font-weight:600;margin-left:2px}.ns-karaoke-word{transition:color .15s ease,background .15s ease;padding:0 2px;border-radius:4px}.ns-karaoke-active{color:#fff!important;background-color:var(--ns-accent)!important;font-weight:700}.ns-header{position:fixed;top:16px;left:16px;right:16px;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100}.ns-brand{display:flex;align-items:center;gap:12px}.ns-logo-badge{font-size:22px;background:#3b82f633;border:1px solid rgba(59,130,246,.4);padding:4px 8px;border-radius:var(--ns-radius-md)}.ns-title{font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--ns-text-main)}.ns-subtitle{font-size:11px;color:var(--ns-text-muted)}.ns-header-actions{display:flex;gap:8px;align-items:center}.ns-control-panel{position:fixed;top:88px;left:16px;width:280px;max-height:calc(100vh - 110px);padding:16px;overflow-y:auto;z-index:90}.ns-metrics-panel{position:fixed;top:88px;right:16px;width:240px;max-height:calc(100vh - 110px);padding:16px;overflow-y:auto;z-index:90}.ns-panel-title{font-size:13px;font-weight:700;color:var(--ns-primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding-bottom:6px;border-bottom:1px solid var(--ns-border-glass)}@media(max-width:768px){.ns-header{top:8px;left:8px;right:8px;padding:0 12px}.ns-control-panel{top:auto;bottom:16px;left:8px;right:8px;width:auto;max-height:40vh}.ns-metrics-panel{display:none}}body.ns-in-focus-mode .ns-control-panel,body.ns-in-focus-mode .ns-metrics-panel{opacity:.15;pointer-events:none;transition:opacity .3s ease}body.ns-in-focus-mode .ns-control-panel:hover,body.ns-in-focus-mode .ns-metrics-panel:hover{opacity:1;pointer-events:auto}body.ns-in-focus-mode #btn-focus{background:var(--ns-star-orange)!important;color:#fff!important;box-shadow:0 0 16px #f2994a80}