:root{--tool-canvas:#071018;--tool-canvas-home:#050d13;--tool-surface:#101f2d;--tool-surface-raised:#142737;--tool-input:#08141e;--tool-media:#02070b;--tool-text:#edf8ff;--tool-muted:#94a9b8;--tool-border:#294052;--tool-border-control:#6f8798;--tool-primary:#62dcff;--tool-on-primary:#071018;--tool-primary-hover:#96eaff;--tool-primary-active:#28bddf;--tool-success:#70e2aa;--tool-warning:#ffad49;--tool-error:#ff6f7d;--tool-chart-dps:#5ed4ff;--tool-roi:#ffe15a;--tool-overlay:#01080dc2;--tool-font:"Noto Sans JP", Inter, "Yu Gothic UI", Meiryo, system-ui, sans-serif;--tool-font-mono:"Cascadia Mono", Consolas, ui-monospace, monospace;--tool-radius-control:8px;--tool-radius-media:12px;--tool-radius-panel:16px;--tool-radius-card:18px;--tool-radius-pill:999px;--tool-space-xs:8px;--tool-space-sm:12px;--tool-space-md:16px;--tool-space-panel:20px;--tool-space-lg:24px;--tool-space-section:48px;--tool-shadow:0 10px 28px #0000001f}.tool-ui{font-family:var(--tool-font);color:var(--tool-text);font-size:1rem;line-height:1.7}.tool-ui :is(h1,h2,h3){letter-spacing:0;overflow-wrap:anywhere}.tool-ui :is(button,input,select,textarea){font-family:inherit}.tool-ui :is(input[type=text],input[type=password],input[type=number],input[type=date],select,textarea){border:1px solid var(--tool-border-control);border-radius:var(--tool-radius-control);min-width:0;max-width:100%;min-height:44px;color:var(--tool-text);background:var(--tool-input);box-shadow:none;padding:8px 12px;font-size:1rem;line-height:1.5}.tool-ui select{padding-inline-end:30px}.tool-ui :is(input,textarea)::placeholder{color:var(--tool-muted);opacity:1}.tool-ui :is(input[type=text],input[type=password],input[type=number],input[type=date],select,textarea):not(:disabled):hover{border-color:var(--tool-primary)}.tool-ui :is(input[type=checkbox],input[type=radio]){width:18px;height:18px;accent-color:var(--tool-primary);flex:none}.tool-ui :is(.primary-button,.secondary-button,.danger-button,.icon-button,.text-button,.kl-button,.kl-link-button,.avatar-button,.avatar-compact-button){border:1px solid var(--tool-border-control);border-radius:var(--tool-radius-control);background:var(--tool-surface-raised);min-height:44px;color:var(--tool-text);text-align:center;cursor:pointer;box-shadow:none;justify-content:center;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:700;line-height:1.5;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.tool-ui :is(.primary-button,.kl-button--primary,.avatar-button-primary){border-color:var(--tool-primary);background:var(--tool-primary);color:var(--tool-on-primary)}.tool-ui :is(.primary-button,.kl-button--primary,.avatar-button-primary):not(:disabled):hover{border-color:var(--tool-primary-hover);background:var(--tool-primary-hover);color:var(--tool-on-primary);transform:none}.tool-ui :is(.primary-button,.kl-button--primary,.avatar-button-primary):not(:disabled):active{border-color:var(--tool-primary-active);background:var(--tool-primary-active);color:var(--tool-on-primary)}.tool-ui :is(.secondary-button,.icon-button,.kl-button--secondary,.kl-link-button,.avatar-button-secondary,.avatar-compact-button):not(:disabled):hover{border-color:var(--tool-primary);background:var(--tool-surface);transform:none}.tool-ui :is(.secondary-button,.icon-button,.kl-button--secondary,.kl-link-button,.avatar-button-secondary,.avatar-compact-button):not(:disabled):active{background:var(--tool-input)}.tool-ui .text-button{color:var(--tool-primary);background:0 0;border-color:#0000;padding-inline:12px}.tool-ui :is(.danger-button,.kl-button--danger){border-color:var(--tool-error);background:var(--tool-surface);color:var(--tool-error)}.tool-ui :is(.danger-button,.kl-button--danger):not(:disabled):is(:hover,:active){border-color:var(--tool-error);background:var(--tool-input);color:var(--tool-error);transform:none}.tool-ui :is(.kl-button--small,.avatar-compact-button,.range-table button){min-height:38px;padding:6px 12px}.tool-ui :is(input[type=text],input[type=password],input[type=number],input[type=date],select,textarea,.primary-button,.secondary-button,.danger-button,.icon-button,.text-button,.kl-button,.avatar-button,.avatar-compact-button):disabled{border-color:var(--tool-border);background:var(--tool-surface-raised);color:var(--tool-muted);opacity:1;cursor:not-allowed;box-shadow:none;transform:none}.tool-ui :focus-visible{outline:2px solid var(--tool-primary);outline-offset:3px}.tool-ui .file-drop{border-color:var(--tool-border-control);border-radius:var(--tool-radius-media);background:var(--tool-input)}.tool-ui :is(.file-drop,.import-button):has(input:focus-visible){outline:2px solid var(--tool-primary);outline-offset:3px}.tool-ui :is(.table-scroll,.kl-table-frame,.kl-skill-timeline-frame){border-radius:var(--tool-radius-media);scrollbar-color:var(--tool-border-control) var(--tool-input);max-width:100%;position:relative}.tool-ui :is(.panel,.kl-panel,.tool-panel,.content-category,.avatar-panel,.avatar-preview-panel){border-radius:var(--tool-radius-panel);background:var(--tool-surface);box-shadow:var(--tool-shadow)}.tool-ui .time-grid{grid-template-columns:minmax(0,1fr) auto}.tool-ui .time-grid input{font-family:var(--tool-font-mono);font-size:.875rem}.tool-ui .api-key-input-shell input{padding-inline-end:154px}.tool-ui .input-with-suffix input{padding-inline-end:32px}.tool-ui .file-icon{color:var(--tool-on-primary);background:var(--tool-primary)}.tool-ui .avatar-history-actions .avatar-button{white-space:nowrap}@media (width<=640px){.tool-ui .api-key-input-shell input{padding-inline-end:12px}}body.tool-ui :is(th,td){font-size:.875rem;line-height:1.5}body.tool-ui th{color:var(--tool-muted);background:var(--tool-surface-raised)}.tool-ui :is(input[type=number],output,.progress-copy,.data-meta){font-variant-numeric:tabular-nums}.tool-ui :is(.error-message,.kl-message--error){color:var(--tool-error);border-color:var(--tool-error);background:var(--tool-surface)}@media (prefers-reduced-motion:reduce){.tool-ui *,.tool-ui :before,.tool-ui :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}