@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Trebuchet MS,sans-serif;background-color:var(--bg);color:var(--text);--bg: #f6f1e7;--bg-body: radial-gradient(circle at top, #fff3d6, #f0e5d8 55%, #e7dacb 100%);--text: #1f1b16;--text-muted: #5a4a3b;--text-subtle: #7a5f3c;--text-strong: #4b3524;--panel: #fffaf1;--panel-border: rgba(122, 95, 60, .15);--panel-shadow: rgba(122, 95, 60, .18);--chip: rgba(240, 225, 207, .45);--chip-strong: #f0e1cf;--chip-border: rgba(90, 74, 59, .15);--chip-text: #4b3524;--input-border: rgba(90, 74, 59, .3);--ghost: rgba(90, 74, 59, .4);--ghost-strong: rgba(90, 74, 59, .45);--suggestion-bg: rgba(255, 250, 241, .6);--suggestion-active-bg: #fff3d6;--button-primary: #f4b860;--button-primary-text: #1f1b16;--button-primary-shadow: rgba(244, 184, 96, .35);--button-secondary: #f0e1cf;--button-secondary-text: #493628;--graph-node: #fff1da;--graph-node-border: rgba(122, 95, 60, .35);--graph-node-active: #f4b860;--graph-line: rgba(122, 95, 60, .28);--error-bg: #ffe3d9;--error-border: #f4b0a2;--error-text: #8f2f1c}[data-theme=dark]{color-scheme:dark;--bg: #14100c;--bg-body: radial-gradient(circle at top, #2a231c, #1b1611 55%, #0f0c0a 100%);--text: #f5efe7;--text-muted: #c9bbab;--text-subtle: #e0cdb9;--text-strong: #f2e7da;--panel: #211a14;--panel-border: rgba(255, 255, 255, .08);--panel-shadow: rgba(0, 0, 0, .5);--chip: rgba(42, 34, 27, .8);--chip-strong: #2a221b;--chip-border: rgba(255, 255, 255, .12);--chip-text: #f2e7da;--input-border: rgba(255, 255, 255, .22);--ghost: rgba(220, 200, 180, .4);--ghost-strong: rgba(220, 200, 180, .55);--suggestion-bg: rgba(43, 35, 28, .9);--suggestion-active-bg: #3a2f25;--button-primary: #f1b35c;--button-primary-text: #1f1b16;--button-primary-shadow: rgba(241, 179, 92, .35);--button-secondary: #2f271f;--button-secondary-text: #f5efe7;--graph-node: #2a221b;--graph-node-border: rgba(255, 255, 255, .18);--graph-node-active: #f1b35c;--graph-line: rgba(255, 255, 255, .15);--error-bg: #3a1b12;--error-border: #8a3a28;--error-text: #f5b8a8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg-body)}.app-content{max-width:720px;margin:0 auto;padding:48px 24px 72px}header{margin-bottom:32px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.debug-toggle{width:46px;height:46px;padding:0;border-radius:50%;display:grid;place-items:center;background:var(--chip-strong);color:var(--chip-text)}.debug-toggle svg{width:22px;height:22px;fill:currentColor}.debug-panel h2{margin-bottom:4px}.debug-panel p{margin:0;color:var(--text-muted)}.debug-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.debug-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.debug-grid{display:grid;gap:18px}.debug-card{padding:18px;border-radius:18px;background:var(--chip);border:1px solid var(--chip-border)}.debug-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.debug-card-header h3{margin:0}.debug-count{font-size:.85rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-subtle)}.debug-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.debug-list li{padding:12px 14px;border-radius:14px;background:var(--chip);border:1px solid var(--chip-border)}.debug-item{display:grid;gap:8px}.debug-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.debug-item-actions{display:flex;gap:8px}.debug-demand{font-weight:600}.debug-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px;color:var(--text-muted);font-size:.9rem}.cluster-list{display:grid;gap:14px}.cluster-item{background:var(--panel);border-radius:16px;padding:14px 16px;border:1px solid var(--panel-border)}.cluster-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cluster-title{font-weight:600;font-size:1.05rem}.cluster-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:.85rem;color:var(--text-muted)}.cluster-count{min-width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--chip-strong);color:var(--text-strong);font-weight:600}.cluster-variants{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--chip-strong);border:1px solid var(--chip-border);color:var(--chip-text);font-size:.85rem}.chip.subtle{opacity:.75}button.chip-button{background:var(--chip-strong);color:var(--chip-text);border:1px solid var(--chip-border);padding:6px 10px;border-radius:999px;font-size:.85rem;font-weight:600;box-shadow:none}button.chip-button:hover{box-shadow:none;transform:translateY(-1px)}.graph-card{overflow:hidden}.graph-layout{display:grid;gap:16px}.graph-toolbar{display:grid;gap:12px;padding:12px 14px;border-radius:16px;background:var(--panel);border:1px solid var(--panel-border)}.graph-toolbar label{margin:0 0 4px;font-size:.85rem;color:var(--text-muted)}.graph-toolbar select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--input-border);background:var(--panel);color:var(--text);font-family:inherit}.graph-toggle{display:flex;flex-direction:column;gap:8px}.graph-toggle span{font-size:.85rem;color:var(--text-muted)}.graph-toggle-buttons{display:flex;flex-wrap:wrap;gap:8px}.graph-stage{position:relative;width:min(100%,var(--graph-size));height:min(100%,var(--graph-size));margin:0 auto;border-radius:20px;background:var(--panel);border:1px solid var(--panel-border);overflow:hidden}.graph-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;stroke:var(--graph-line);stroke-width:2;opacity:.7}.graph-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-radius:14px;background:var(--graph-node);border:1px solid var(--graph-node-border);color:var(--text);min-width:110px;max-width:160px;text-align:left;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.graph-node:hover{transform:translate(-50%,-50%) scale(1.03);box-shadow:0 8px 18px var(--panel-shadow)}.graph-node.active{background:var(--graph-node-active);color:var(--button-primary-text)}.graph-node-title{font-weight:600;font-size:.9rem;line-height:1.1}.graph-node-sub{font-size:.75rem;color:var(--text-muted)}.graph-node.active .graph-node-sub{color:#000000a6}.graph-detail{padding:16px;border-radius:18px;background:var(--panel);border:1px solid var(--panel-border)}.graph-detail h4{margin:0 0 8px}.graph-detail-title{font-weight:600;font-size:1.1rem}.graph-detail-meta{display:flex;flex-direction:column;gap:4px;margin:6px 0 12px;font-size:.85rem;color:var(--text-muted)}.graph-detail-section{margin-top:12px}.graph-hierarchy{display:grid;gap:16px;margin:12px 0}.graph-path{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}.graph-path li button{width:100%;text-align:left;background:var(--chip-strong);color:var(--chip-text);border:1px solid var(--chip-border);padding:8px 12px;border-radius:12px}.graph-path li.active button{background:var(--button-primary);color:var(--button-primary-text)}.graph-detail-label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle);margin-bottom:6px}.graph-chips{display:flex;flex-wrap:wrap;gap:8px}.stats-panel{margin-top:18px;padding-top:8px;border-top:1px solid var(--panel-border)}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:12px}.stats-summary div{background:var(--chip);border:1px solid var(--chip-border);border-radius:14px;padding:10px 12px;display:grid;gap:6px}.stats-summary span{font-size:.8rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle)}.stats-summary strong{font-size:1.2rem}.stats-chart{overflow-x:auto;padding-bottom:8px}.stats-chart svg{width:100%;min-width:520px;height:220px;font-size:12px;fill:var(--text-muted)}.bar-base{fill:#ffffff0d;stroke:var(--panel-border)}.bar-yes{fill:#ffffffe6;stroke:#00000014}.bar-no{fill:#5a4a3b59;stroke:#00000014}.bar-count{font-size:11px;fill:var(--text-subtle)}.line-yes{stroke:var(--button-primary);stroke-width:2.5;fill:none}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:.85rem;color:var(--text-muted)}.legend-item{display:inline-flex;align-items:center;gap:6px}.legend-swatch{width:14px;height:14px;border-radius:4px;border:1px solid var(--panel-border)}.legend-swatch.yes{background:#ffffffe6}.legend-swatch.no{background:#5a4a3b59}.legend-line{width:18px;height:2px;background:var(--button-primary);border-radius:999px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--text-subtle);margin-bottom:8px}h1{font-size:clamp(2rem,4vw,2.8rem);margin:0 0 8px}.subtitle{margin:0;color:var(--text-muted);font-size:1rem}main{display:grid;gap:16px}.card{background:var(--panel);border-radius:20px;padding:28px;box-shadow:0 18px 40px var(--panel-shadow);border:1px solid var(--panel-border)}h2{margin-top:0}label{display:block;margin:16px 0 8px;color:var(--text-muted)}textarea,input{width:100%;border-radius:12px;border:1px solid var(--input-border);padding:12px 14px;font-size:1rem;font-family:inherit;color:var(--text);background:var(--panel)}.ghost-field{position:relative}.ghost-text{position:absolute;top:0;right:0;bottom:0;left:0;padding:12px 14px;color:var(--ghost);font-size:1rem;font-family:inherit;white-space:pre-wrap;pointer-events:none;z-index:0}.ghost-prefix{color:transparent}.ghost-remainder{color:var(--ghost-strong)}.ghost-field textarea{position:relative;z-index:1;background:transparent}.suggestions{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--chip);border:1px solid var(--chip-border)}.suggestions-title{margin:0 0 8px;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-subtle)}.suggestions-list{list-style:none;padding:0;margin:0;display:grid;gap:6px;color:var(--text-muted)}.suggestions-list li{padding:6px 10px;border-radius:10px;background:var(--suggestion-bg);transition:transform .2s ease,background .2s ease,color .2s ease;cursor:pointer}.suggestions-list li.active{background:var(--suggestion-active-bg);color:var(--text);transform:translateY(-1px)}.suggestions-list li:hover{background:var(--suggestion-active-bg)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}button{border:none;padding:12px 20px;border-radius:999px;font-size:1rem;font-weight:600;background:var(--button-primary);color:var(--button-primary-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 10px 20px var(--button-primary-shadow)}button.secondary{background:var(--button-secondary);color:var(--button-secondary-text)}button.secondary.active{box-shadow:0 10px 20px #0000001f;transform:translateY(-1px)}button.danger{background:#cc4a2e;color:#fff5ee}button.danger:hover{box-shadow:0 10px 20px #cc4a2e59}button.mini{padding:6px 12px;font-size:.85rem}button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.canon-band{margin-top:18px;padding-bottom:18px;min-width:0;overflow:hidden}.canon-band h3{margin:0 0 12px;text-align:center;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.2em;font-size:.75rem}.canon-carousel{position:relative;overflow:hidden;padding:6px 0 14px;height:190px;max-width:100%}.canon-track{display:flex;gap:18px;width:max-content;animation:canon-scroll 26s linear infinite;align-items:stretch}.canon-carousel:hover .canon-track{animation-play-state:paused}.canon-question{flex:0 0 min(560px,90vw);height:170px;border:1px solid var(--chip-border);background:var(--chip);color:var(--chip-text);padding:22px 24px;border-radius:18px;font-size:1.2rem;font-weight:600;text-align:left;cursor:pointer;transition:transform .2s ease,background .2s ease;box-shadow:none;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.canon-question:hover{transform:translateY(-1px);background:var(--chip-strong);box-shadow:none}.canon-question:focus-visible{outline:2px solid var(--text);outline-offset:2px}@keyframes canon-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.choice-button{display:inline-flex;align-items:center;gap:10px}.key-hint{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;border:1px solid var(--chip-border);background:#ffffff4d}[data-theme=dark] .key-hint{background:#0000004d}.key-hint svg{width:14px;height:14px;fill:currentColor}.status{margin-top:16px;color:var(--text-subtle)}.result{font-size:1.2rem;font-weight:600}.meta{display:flex;gap:16px;margin-top:12px;color:var(--text-muted);font-size:.95rem}.error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);padding:12px 16px;border-radius:12px}.theme-toggle{position:fixed;top:18px;right:18px;z-index:20;padding:10px 16px;border-radius:999px;background:var(--chip-strong);color:var(--chip-text);border:1px solid var(--chip-border);box-shadow:0 10px 20px #0000001f}.theme-toggle:hover{box-shadow:0 12px 24px #0000002e}@media (max-width: 600px){.app{padding:32px 18px 48px}.card{padding:22px}.meta{flex-direction:column}}