:root{--paper: #f6f1e6;--paper-raised: #fbf8f1;--ink: #23201a;--ink-soft: #5c564a;--rule: #d9cfba;--accent: #b5502b;--accent-soft: #ecd9c9;--danger: #a3342a;--success: #2f6f4f;--success-soft: #dcead9;--font-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:clamp(15px,1.4vw,16px);line-height:1.5}h1,h2,h3,p,ul{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-inline:clamp(20px,4vw,48px);padding-block:16px;border-bottom:1px solid var(--rule);background:var(--paper-raised)}.app-title{font-family:var(--font-serif);font-weight:600;font-size:clamp(20px,2.6vw,26px);text-wrap:pretty;white-space:nowrap}.header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.search-input{min-width:180px}.btn{font-family:inherit;font-size:14px;padding:8px 14px;border-radius:8px;border:1px solid var(--rule);background:var(--paper-raised);color:var(--ink);cursor:pointer}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--paper-raised)}.btn-ghost{background:transparent}.btn-delete{color:var(--danger)}.btn-delete:hover{border-color:var(--danger)}.banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(20px,4vw,48px);font-size:14px;border-bottom:1px solid var(--rule)}.banner-error{background:#f3dedb;color:var(--danger)}.banner-success{background:var(--success-soft);color:var(--success)}.text-input{width:100%;font-family:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--paper-raised);color:var(--ink)}.text-input:focus,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.empty-state{color:var(--ink-soft);font-size:15px;text-align:left;max-width:46ch}.app-main{flex:1;display:grid;grid-template-columns:1fr minmax(280px,360px);gap:clamp(16px,3vw,28px);align-items:start;padding-inline:clamp(20px,4vw,48px);padding-block:24px;min-width:0}@media (max-width: 760px){.app-main{grid-template-columns:1fr}}.visualizer-pane{min-width:0;height:min(72vh,680px);border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:var(--paper-raised)}@media (max-width: 760px){.visualizer-pane{height:48vh}}.matrix3d{position:relative;width:100%;height:100%}.matrix3d-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;color:var(--ink-soft);font-size:15px;max-width:40ch;margin-inline:auto;pointer-events:none}.side-pane{min-width:0;display:flex;flex-direction:column;gap:24px}.capture-panel{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--rule);border-radius:12px;background:var(--paper-raised)}.capture-title{font-family:var(--font-serif);font-size:19px;font-weight:600}.capture-hint{font-size:14px;color:var(--ink-soft);text-align:left}.capture-fields{display:flex;flex-direction:column;gap:10px;margin-top:4px}.capture-field{display:flex;flex-direction:column;gap:4px}.capture-field-label{font-size:14px;color:var(--ink-soft)}.capture-field-nucleus .capture-field-label{color:var(--accent);font-weight:600}.capture-field-nucleus .text-input{border-color:var(--accent);border-width:2px;padding:9px 11px}.capture-error{color:var(--danger);font-size:14px;text-align:left}.capture-actions{display:flex;gap:10px;margin-top:6px}.mix-list-pane{display:flex;flex-direction:column;gap:10px}.mix-list-title{font-family:var(--font-serif);font-size:17px;font-weight:600}.mix-list{list-style:none;display:flex;flex-direction:column;gap:8px}.mix-list li{display:flex;align-items:flex-start;gap:8px}.mix-row-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:var(--paper-raised);border:1px solid var(--rule);border-radius:8px;padding:10px 12px;cursor:pointer;font-family:inherit;color:var(--ink)}.mix-row-main:hover{border-color:var(--accent)}.mix-row-nucleus{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mix-row-spokes{font-size:14px;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mix-row-meta{font-size:14px;color:var(--ink-soft)}