:root{color-scheme:dark;--kiseki-bg: #040508;--kiseki-bg-elevated: #080a12;--kiseki-panel: #0e1119;--kiseki-panel-hover: #161b28;--kiseki-border: #252b3d;--kiseki-border-strong: #3a4460;--kiseki-glass: rgba(14, 17, 25, .72);--kiseki-glass-border: rgba(167, 139, 250, .22);--kiseki-text: #f0f2f8;--kiseki-text-secondary: #c8d0e0;--kiseki-muted: #8b95ad;--kiseki-muted-soft: #5c6578;--kiseki-pink: #fb7185;--kiseki-pink-soft: #fecdd3;--kiseki-violet: #a78bfa;--kiseki-violet-soft: #ddd6fe;--kiseki-cyan: #38bdf8;--kiseki-electric: #22d3ee;--kiseki-magenta: #e879f9;--kiseki-gradient: linear-gradient(135deg, #fb7185 0%, #a78bfa 50%, #38bdf8 100%);--kiseki-gradient-subtle: linear-gradient( 135deg, rgba(251, 113, 133, .15) 0%, rgba(167, 139, 250, .12) 50%, rgba(56, 189, 248, .1) 100% );--kiseki-success: #4ade80;--kiseki-success-bg: rgba(74, 222, 128, .12);--kiseki-warning: #fbbf24;--kiseki-warning-bg: rgba(251, 191, 36, .12);--kiseki-error: #f87171;--kiseki-error-bg: rgba(248, 113, 113, .12);--kiseki-info: #38bdf8;--kiseki-info-bg: rgba(56, 189, 248, .1);--kiseki-agent: #22d3ee;--kiseki-agent-secondary: #e879f9;--kiseki-agent-bg: rgba(34, 211, 238, .08);--kiseki-agent-border: rgba(34, 211, 238, .28);--kiseki-shadow-agent: 0 0 32px -8px rgba(34, 211, 238, .35);--kiseki-z-header: 50;--kiseki-z-modal: 100;--kiseki-z-toast: 200;--kiseki-font-display: "Outfit", system-ui, sans-serif;--kiseki-font-sans: "DM Sans", system-ui, sans-serif;--kiseki-font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;--kiseki-text-xs: .75rem;--kiseki-text-sm: .875rem;--kiseki-text-base: 1rem;--kiseki-text-lg: 1.125rem;--kiseki-text-xl: 1.25rem;--kiseki-text-2xl: 1.5rem;--kiseki-text-3xl: 1.875rem;--kiseki-text-4xl: 2.25rem;--kiseki-space-1: .25rem;--kiseki-space-2: .5rem;--kiseki-space-3: .75rem;--kiseki-space-4: 1rem;--kiseki-space-6: 1.5rem;--kiseki-space-8: 2rem;--kiseki-space-12: 3rem;--kiseki-space-16: 4rem;--kiseki-radius-sm: .5rem;--kiseki-radius-md: .75rem;--kiseki-radius-lg: 1rem;--kiseki-radius-xl: 1.25rem;--kiseki-radius-2xl: 1.5rem;--kiseki-radius-full: 9999px;--kiseki-glow-pink: rgba(251, 113, 133, .28);--kiseki-glow-violet: rgba(167, 139, 250, .18);--kiseki-glow-cyan: rgba(56, 189, 248, .15);--kiseki-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--kiseki-shadow: 0 0 48px -10px rgba(251, 113, 133, .4);--kiseki-shadow-violet: 0 0 40px -8px rgba(167, 139, 250, .4);--kiseki-shadow-cyan: 0 0 36px -8px rgba(56, 189, 248, .35);--kiseki-ring: 0 0 0 2px var(--kiseki-bg), 0 0 0 4px rgba(167, 139, 250, .5);--kiseki-grid-line: rgba(167, 139, 250, .06);--kiseki-ease: cubic-bezier(.4, 0, .2, 1);--kiseki-ease-spring: cubic-bezier(.34, 1.2, .64, 1);--kiseki-duration-fast: .15s;--kiseki-duration: .25s;--kiseki-duration-slow: .4s}[data-theme=light]{color-scheme:light;--kiseki-bg: #f8f9fc;--kiseki-bg-elevated: #ffffff;--kiseki-panel: #ffffff;--kiseki-panel-hover: #f0f2f8;--kiseki-border: #e2e6ef;--kiseki-border-strong: #c8d0e0;--kiseki-glass: rgba(255, 255, 255, .82);--kiseki-glass-border: rgba(167, 139, 250, .28);--kiseki-text: #0f1419;--kiseki-text-secondary: #3d4659;--kiseki-muted: #5c6578;--kiseki-muted-soft: #8b95ad;--kiseki-pink: #e11d48;--kiseki-pink-soft: #fda4af;--kiseki-violet: #7c3aed;--kiseki-violet-soft: #c4b5fd;--kiseki-cyan: #0284c7;--kiseki-electric: #0891b2;--kiseki-magenta: #c026d3;--kiseki-gradient: linear-gradient(135deg, #e11d48 0%, #7c3aed 50%, #0284c7 100%);--kiseki-gradient-subtle: linear-gradient( 135deg, rgba(225, 29, 72, .08) 0%, rgba(124, 58, 237, .06) 50%, rgba(2, 132, 199, .05) 100% );--kiseki-success: #16a34a;--kiseki-success-bg: rgba(22, 163, 74, .1);--kiseki-warning: #d97706;--kiseki-warning-bg: rgba(217, 119, 6, .1);--kiseki-error: #dc2626;--kiseki-error-bg: rgba(220, 38, 38, .08);--kiseki-info: #0284c7;--kiseki-info-bg: rgba(2, 132, 199, .08);--kiseki-agent: #0891b2;--kiseki-agent-secondary: #c026d3;--kiseki-agent-bg: rgba(8, 145, 178, .08);--kiseki-agent-border: rgba(8, 145, 178, .25);--kiseki-shadow-agent: 0 8px 28px -6px rgba(8, 145, 178, .2);--kiseki-glow-pink: rgba(225, 29, 72, .15);--kiseki-glow-violet: rgba(124, 58, 237, .12);--kiseki-glow-cyan: rgba(2, 132, 199, .1);--kiseki-shadow-sm: 0 1px 2px rgba(15, 20, 25, .06);--kiseki-shadow: 0 8px 32px -8px rgba(124, 58, 237, .2);--kiseki-shadow-violet: 0 8px 28px -6px rgba(124, 58, 237, .18);--kiseki-shadow-cyan: 0 8px 28px -6px rgba(2, 132, 199, .15);--kiseki-ring: 0 0 0 2px var(--kiseki-bg), 0 0 0 4px rgba(124, 58, 237, .35);--kiseki-grid-line: rgba(124, 58, 237, .06)}.kiseki-elevation-1{box-shadow:var(--kiseki-shadow-sm)}.kiseki-elevation-2{box-shadow:var(--kiseki-shadow-violet)}.kiseki-elevation-3{box-shadow:var(--kiseki-shadow)}.kiseki-agent-surface{border:1px solid var(--kiseki-agent-border);background:var(--kiseki-agent-bg)}.kiseki-agent-glow{box-shadow:var(--kiseki-shadow-agent)}.kiseki-panel-section{margin-top:32px;padding:20px;border:1px solid var(--kiseki-border);border-radius:var(--kiseki-radius-2xl);background:color-mix(in srgb,var(--kiseki-panel) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kiseki-panel-section h2{margin:0 0 16px;font-size:1.1rem;color:var(--kiseki-muted);font-family:var(--kiseki-font-display)}.kiseki-btn-panel{margin:4px 8px 4px 0;padding:8px 14px;border:1px solid var(--kiseki-border);border-radius:var(--kiseki-radius-md);background:var(--kiseki-panel);color:var(--kiseki-text);cursor:pointer;font-family:var(--kiseki-font-sans);font-size:var(--kiseki-text-sm);transition:border-color var(--kiseki-duration-fast),background var(--kiseki-duration-fast)}.kiseki-btn-panel:hover:not(:disabled){border-color:var(--kiseki-violet);background:var(--kiseki-panel-hover)}.kiseki-btn-panel:disabled{opacity:.5;cursor:not-allowed}.kiseki-input-panel{padding:8px 10px;border:1px solid var(--kiseki-border);border-radius:var(--kiseki-radius-md);background:var(--kiseki-bg);color:var(--kiseki-text);font-family:var(--kiseki-font-sans);font-size:var(--kiseki-text-sm)}.kiseki-input-panel:focus{outline:none;border-color:var(--kiseki-violet);box-shadow:var(--kiseki-ring)}.kiseki-status-row{display:flex;justify-content:space-between;padding:8px 12px;border-radius:var(--kiseki-radius-sm);background:var(--kiseki-bg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{font-family:var(--kiseki-font-sans);background:var(--kiseki-bg);color:var(--kiseki-text)}*{box-sizing:border-box}body{margin:0;background-image:radial-gradient(ellipse 120% 80% at 10% -10%,rgba(167,139,250,.12),transparent 50%),radial-gradient(ellipse 80% 60% at 90% 0%,rgba(251,113,133,.1),transparent 45%),linear-gradient(var(--kiseki-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--kiseki-grid-line) 1px,transparent 1px);background-size:auto,auto,48px 48px,48px 48px}main{max-width:960px;margin:0 auto;padding:24px}.site-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid var(--kiseki-border);gap:12px}.site-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.1rem;font-family:var(--kiseki-font-display)}.site-logo-mark{width:36px;height:36px;border-radius:10px;background:var(--kiseki-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;box-shadow:var(--kiseki-shadow-violet)}.site-header a{color:var(--kiseki-violet);text-decoration:none;font-size:14px}.site-header a:hover{text-decoration:underline}h1{margin:0 0 8px;font-size:2rem;font-family:var(--kiseki-font-display)}section{margin-top:32px}section:not(.kiseki-panel-section){padding:20px;border:1px solid var(--kiseki-border);border-radius:var(--kiseki-radius-2xl);background:color-mix(in srgb,var(--kiseki-panel) 92%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}section h2{margin:0 0 16px;font-size:1.1rem;color:var(--kiseki-muted);font-family:var(--kiseki-font-display)}button:not(.kiseki-btn-panel):not(.advanced-toggle){margin:4px 8px 4px 0;padding:8px 14px;border:1px solid var(--kiseki-border);border-radius:var(--kiseki-radius-md);background:var(--kiseki-panel);color:inherit;cursor:pointer;transition:border-color .15s,background .15s}button:not(.kiseki-btn-panel):not(.advanced-toggle):hover:not(:disabled){border-color:var(--kiseki-violet);background:var(--kiseki-panel-hover)}button:disabled{opacity:.5;cursor:not-allowed}input:not(.kiseki-input-panel),select:not(.kiseki-input-panel){padding:8px 10px;border:1px solid var(--kiseki-border);border-radius:var(--kiseki-radius-md);background:var(--kiseki-bg);color:inherit}input:focus,select:focus{outline:none;border-color:var(--kiseki-violet)}.status-grid{display:grid;gap:8px;margin-top:12px}.status-item{display:flex;justify-content:space-between;padding:8px 12px;border-radius:var(--kiseki-radius-sm);background:var(--kiseki-bg)}.status-connected{color:var(--kiseki-success)}.status-disconnected{color:var(--kiseki-error)}.status-connecting{color:var(--kiseki-warning)}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.mapping-row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;margin-top:12px}.studio-panel{border-color:var(--kiseki-glass-border);background:linear-gradient(180deg,color-mix(in srgb,var(--kiseki-panel) 95%,transparent),color-mix(in srgb,var(--kiseki-bg) 90%,transparent))}.checklist{list-style:none;padding:0;margin:16px 0 0}.checklist li{display:flex;gap:12px;padding:10px 12px;margin-bottom:8px;border-radius:var(--kiseki-radius-sm);background:var(--kiseki-bg)}.checklist .hint{font-size:12px;color:var(--kiseki-muted);margin-top:4px}.check-ok span:first-child{color:var(--kiseki-success)}.check-pending span:first-child{color:var(--kiseki-warning)}.advanced-toggle{background:transparent;border:none;color:var(--kiseki-muted);cursor:pointer;font-size:14px;padding:0}.advanced-toggle:hover{color:var(--kiseki-text)}.agent-panel{border-color:var(--kiseki-agent-border);background:var(--kiseki-agent-bg)}.panel-lead{color:var(--kiseki-muted);margin-bottom:24px}.panel-overview{margin-bottom:24px;padding:16px;border-radius:12px;border:1px solid var(--kiseki-border);background:var(--kiseki-panel)}.panel-overview h2{margin:0;font-size:16px;font-weight:700;color:var(--kiseki-text)}.panel-overview p{margin:8px 0 0;font-size:14px;color:var(--kiseki-muted);line-height:1.6}.panel-overview-hint{color:var(--kiseki-violet);font-size:13px}.version-pill{font-size:13px;color:var(--kiseki-muted)}.panel-alert{margin-bottom:16px;padding:12px;border-radius:8px;font-size:14px}.panel-alert-warn{background:color-mix(in srgb,var(--kiseki-warning) 15%,transparent);color:var(--kiseki-warning);border:1px solid color-mix(in srgb,var(--kiseki-warning) 35%,transparent)}.panel-alert span{font-size:13px}.panel-tab-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--kiseki-border)}.panel-tab{padding:8px 14px;border:1px solid var(--kiseki-border);border-radius:var(--kiseki-radius-lg);background:transparent;color:var(--kiseki-muted);font-size:13px;font-weight:600;cursor:pointer;margin:0;transition:border-color .15s,color .15s,background .15s}.panel-tab:hover{border-color:var(--kiseki-violet);color:var(--kiseki-text)}.panel-tab-active{border-color:var(--kiseki-violet);background:color-mix(in srgb,var(--kiseki-violet) 12%,transparent);color:var(--kiseki-text)}