:root{--color-bg: #fff4cc;--color-surface: #ffffff;--color-surface-muted: #fff9e6;--color-surface-elevated: #ffffff;--color-text: #3a2a1a;--color-text-muted: #6f5a45;--color-text-inverse: #ffffff;--color-border: #e0d3b8;--color-border-light: #efe3c9;--color-primary: #ff9f1c;--color-primary-hover: #f08f00;--color-primary-light: #ffe7c2;--color-secondary: #4cc9f0;--color-secondary-hover: #22bde8;--color-success: #2e7d32;--color-success-hover: #256628;--color-warning: #ffb703;--color-warning-hover: #f0a700;--color-danger: #e63946;--color-danger-hover: #cf2e3a;--color-info: #219ebc;--color-info-hover: #1a839c;--color-focus: #4cc9f0;--color-disabled-bg: #efe6d0;--color-disabled-text: #a89a85;--color-text-primary: var(--color-text);--color-text-secondary: var(--color-text-muted);--color-text-white: var(--color-text-inverse);--color-bg-white: var(--color-surface);--color-bg-light: var(--color-surface-muted);--color-bg-gray: var(--color-bg);--color-bg-muted: var(--color-disabled-bg);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-base: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--line-height-base: 1.6;--line-height-heading: 1.4;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-modal: 1000;--z-toast: 2000;--z-dropdown: 100}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);font-family:inherit;font-weight:400;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn-primary{background-color:var(--color-primary);color:var(--color-text-white)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-white)}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.btn-success{background-color:var(--color-success);color:var(--color-text-white)}.btn-success:hover{background-color:var(--color-success-hover)}.btn-danger{background-color:var(--color-danger);color:var(--color-text-white)}.btn-danger:hover{background-color:var(--color-danger-hover)}.btn-outline-danger{background-color:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.btn-outline-danger:hover{background-color:var(--color-danger);color:var(--color-text-white)}.btn-lg{padding:.75rem 1.5rem;font-size:var(--font-size-lg)}.btn-sm{padding:.25rem .5rem;font-size:var(--font-size-sm)}.input{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-focus) 35%,transparent)}.input-sm{padding:.25rem;font-size:var(--font-size-sm)}.input[readonly]{background-color:var(--color-bg-light);cursor:not-allowed}.select{padding:var(--spacing-sm);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit}.textarea{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:inherit;resize:vertical;min-height:80px}.card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);background-color:var(--color-bg-white)}.card-hover{cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.tag{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);display:inline-block}.tag-primary{background-color:var(--color-primary);color:var(--color-text-white)}.tag-secondary{background-color:var(--color-bg-muted);color:var(--color-text-primary)}.tag-removable{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.table{width:100%;border-collapse:collapse;border:1px solid var(--color-border)}.table th,.table td{padding:var(--spacing-sm);border:1px solid var(--color-border)}.table th{background-color:var(--color-bg-light);text-align:left;font-weight:700}.table td{text-align:left}.table td.center,.table th.center{text-align:center}.table td.readonly{background-color:var(--color-bg-light);font-weight:700}.section{margin-bottom:var(--spacing-lg)}.section-title{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:700}.section-subtitle{margin-bottom:var(--spacing-sm);font-size:var(--font-size-base);font-weight:700}.filter-panel{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md)}.text-center{text-align:center}.text-muted{color:var(--color-text-secondary)}.text-small{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.font-bold{font-weight:700}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.w-full{width:100%}.w-auto{width:auto}.min-w-150{min-width:150px}.min-w-200{min-width:200px}.flex-1{flex:1}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.hidden{display:none}@media(max-width:768px){.container{padding:0 1rem}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:425px){.container{padding:0 .75rem}.grid-auto-fill{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}:root{font-family:var(--font-base);line-height:var(--line-height-base);font-weight:400;color-scheme:light;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base)}h1{font-size:2em;line-height:var(--line-height-heading);margin:0 0 1rem}h2{font-size:1.5em;line-height:var(--line-height-heading);margin:0 0 .75rem}h3{font-size:1.25em;line-height:var(--line-height-heading);margin:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid color-mix(in srgb,var(--color-focus) 65%,white);outline-offset:2px}button{font-family:inherit;cursor:pointer;transition:all .2s}button:disabled{cursor:not-allowed;opacity:1;background-color:var(--color-disabled-bg);color:var(--color-disabled-text)}input,textarea,select{font-family:inherit;font-size:inherit}@media(max-width:768px){h1{font-size:1.5em}h2{font-size:1.25em}h3{font-size:1.125em}.container{padding:0 1rem}}@media(max-width:425px){h1{font-size:1.25em}h2{font-size:1.125em}h3{font-size:1em}.container{padding:0 .75rem}}#root{width:100%;margin:0;padding:0;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--color-text-muted)}