:root{--primary:#2563eb;--primary-dark:#1d4ed8;--accent:#2563eb;--surface:#ffffff;--surface-muted:#f4f6fb;--border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--shadow-soft:0 20px 45px rgba(15,23,42,0.08);--gradient:linear-gradient(135deg,#2563eb 0%,#93c5fd 100%);}
.msg-spiral-slab{margin-top:0.5rem;margin-bottom:2.5rem;}
.msg-orbit-wrap{position:relative;border-radius:20px;background:linear-gradient(145deg,var(--surface) 0%,var(--surface-muted) 100%);border:1px solid var(--border);box-shadow:var(--shadow-soft);overflow:hidden;}
.msg-orbit-wrap::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% 0%,color-mix(in srgb,var(--primary) 18%,transparent) 0%,transparent 55%);pointer-events:none;z-index:0;}
.msg-orbit-grid{display:grid;gap:0;grid-template-columns:1fr;}
@media (min-width:900px){.msg-orbit-grid{grid-template-columns:minmax(0,1.05fr) minmax(260px,320px);gap:0;align-items:stretch;}}
.msg-orbit-stage{position:relative;z-index:1;padding:1rem 1rem 0.5rem;display:flex;justify-content:center;align-items:center;background:var(--surface-muted);}
@media (min-width:900px){.msg-orbit-stage{padding:1.25rem 1rem 1.25rem 1.25rem;}}
.msg-orbit-canvas-ring{position:relative;width:100%;max-width:640px;margin:0 auto;border-radius:16px;padding:3px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 55%,transparent),color-mix(in srgb,var(--accent,teal) 40%,transparent));box-shadow:0 12px 40px color-mix(in srgb,#000 35%,transparent);}
.msg-orbit-canvas-ring-inner{border-radius:14px;overflow:hidden;background:#0a0e12;}
#spiralCanvas{display:block;width:100%;height:auto;vertical-align:middle;touch-action:none;}
.msg-orbit-side{z-index:1;display:flex;flex-direction:column;gap:0.75rem;padding:1rem 1rem 1.25rem;border-top:1px solid var(--border);background:var(--surface);}
@media (min-width:900px){.msg-orbit-side{border-top:none;border-left:1px solid var(--border);padding:1.25rem 1.25rem 1.5rem;}}
.msg-orbit-chiprow{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:0.35rem;}
.msg-orbit-chiprow span{font-size:0.7rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-muted);width:100%;margin-bottom:0.15rem;}
.msg-type-chip{appearance:none;border:1px solid var(--border);background:var(--surface-muted);color:var(--text-main);font-size:0.8rem;padding:0.45rem 0.65rem;border-radius:999px;cursor:pointer;transition:background 0.15s ease,border-color 0.15s ease,transform 0.12s ease;}
.msg-type-chip:hover{border-color:color-mix(in srgb,var(--primary) 45%,var(--border));transform:translateY(-1px);}
.msg-type-chip[aria-pressed="true"]{background:color-mix(in srgb,var(--primary) 22%,var(--surface));border-color:color-mix(in srgb,var(--primary) 50%,var(--border));color:var(--text-main);}
.msg-tuning-stack{display:flex;flex-direction:column;gap:0.65rem;}
.msg-range-row{display:grid;grid-template-columns:1fr auto;gap:0.5rem 0.75rem;align-items:center;}
.msg-range-row label{font-size:0.8125rem;font-weight:500;color:var(--text-main);grid-column:1/-1;}
.msg-range-row output{font-variant-numeric:tabular-nums;font-size:0.8125rem;color:var(--primary);font-weight:600;justify-self:end;margin-top:-1.4rem;}
.msg-range-row input[type="range"]{grid-column:1/-1;width:100%;height:6px;border-radius:3px;accent-color:var(--primary);cursor:pointer;}
.msg-select-pair{display:grid;grid-template-columns:1fr;gap:0.65rem;}
@media (min-width:480px){.msg-select-pair{grid-template-columns:1fr 1fr;}}
.msg-field label{display:block;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0.35rem;}
.msg-field select{width:100%;padding:0.55rem 0.65rem;border-radius:10px;border:1px solid var(--border);background:var(--surface-muted);color:var(--text-main);font-size:0.875rem;}
.msg-orbit-actions{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.35rem;}
.msg-orbit-actions button{flex:1;min-width:calc(50% - 0.25rem);padding:0.65rem 0.75rem;border-radius:12px;border:none;font-size:0.8125rem;font-weight:600;cursor:pointer;transition:filter 0.15s ease,transform 0.1s ease;}
@media (min-width:480px){.msg-orbit-actions button{min-width:auto;flex:1 1 auto;}}
.msg-orbit-actions button:active{transform:scale(0.98);}
.msg-btn-primary{background:var(--primary);color:#fff;}
.msg-btn-primary:hover{filter:brightness(1.08);}
.msg-btn-ghost{background:var(--surface-muted);color:var(--text-main);border:1px solid var(--border);}
.msg-btn-ghost:hover{border-color:color-mix(in srgb,var(--primary) 35%,var(--border));}
.msg-btn-accent{background:var(--primary-dark);color:#fff;}
.msg-btn-accent:hover{filter:brightness(1.06);}
.msg-btn-quiet{background:transparent;color:var(--text-muted);border:1px dashed var(--border);}
.msg-btn-quiet:hover{color:var(--text-main);border-style:solid;}
.msg-readout-panel{margin-top:1.5rem;padding:1rem 1.1rem;border-radius:16px;background:var(--surface-muted);border:1px solid var(--border);}
.msg-readout-panel h2{font-size:1rem;font-weight:700;margin:0 0 0.75rem;color:var(--text-main);}
.msg-telemetry{display:grid;gap:0.5rem;}
.msg-telemetry dl{display:grid;grid-template-columns:auto 1fr;gap:0.25rem 0.75rem;margin:0;font-size:0.8125rem;}
.msg-telemetry dt{margin:0;font-weight:600;color:var(--text-muted);font-variant-numeric:tabular-nums;}
.msg-telemetry dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:0.8rem;color:var(--text-main);word-break:break-word;}
.msg-math-panel{margin-top:0.75rem;padding:0.85rem 1rem;border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,var(--primary) 4%);border:1px solid color-mix(in srgb,var(--primary) 15%,var(--border));font-size:0.8125rem;line-height:1.55;color:var(--text-main);}
.msg-math-panel p{margin:0 0 0.5rem;}
.msg-math-panel p:last-child{margin-bottom:0;}
.msg-prose-block{margin-bottom:2.75rem;}
.msg-prose-block h2{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;margin:0 0 0.75rem;color:var(--text-main);line-height:1.25;}
.msg-prose-block p,.msg-prose-block li{font-size:0.9375rem;line-height:1.65;color:var(--text-muted);}
.msg-prose-block p{margin:0 0 0.85rem;}
.msg-prose-block p:last-child{margin-bottom:0;}
.msg-prose-lead{font-size:1.05rem;color:var(--text-main);}
.msg-callout{margin:1.25rem 0;padding:1rem 1.1rem;border-left:4px solid var(--primary);border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--primary) 8%,var(--surface-muted));font-size:0.9rem;line-height:1.6;color:var(--text-main);}
.msg-spiral-table-wrap{overflow-x:auto;margin:1rem 0;border-radius:14px;border:1px solid var(--border);}
.msg-spiral-table{width:100%;border-collapse:collapse;font-size:0.8125rem;min-width:520px;}
.msg-spiral-table th,.msg-spiral-table td{padding:0.65rem 0.75rem;text-align:left;border-bottom:1px solid var(--border);}
.msg-spiral-table th{background:var(--surface-muted);color:var(--text-main);font-weight:600;}
.msg-spiral-table td{color:var(--text-muted);}
.msg-spiral-table tr:last-child td{border-bottom:none;}
.msg-spiral-table code{font-size:0.78rem;background:var(--surface-muted);padding:0.12rem 0.35rem;border-radius:4px;color:var(--text-main);}