*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #f8f7f4;--color-surface: #ffffff;--color-border: rgba(0,0,0,.1);--color-border-strong: rgba(0,0,0,.2);--color-text: #1a1a1a;--color-text-muted: #6b6b6b;--color-text-faint: #a0a0a0;--color-accent: #7F77DD;--color-accent-bg: #EEEDFE;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08)}body{font-family:Noto Sans JP,sans-serif;background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.6;min-height:100vh}button{font-family:inherit;font-size:13px;cursor:pointer;border:.5px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-md);padding:6px 14px;transition:background .15s}button:hover{background:var(--color-bg)}button:active{transform:scale(.98)}button.primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}button.primary:hover{background:#6c64cc}button.danger{color:#c0392b;border-color:#f5c6c6}input,select,textarea{font-family:inherit;font-size:13px;border:.5px solid var(--color-border-strong);border-radius:var(--radius-md);padding:7px 10px;background:var(--color-surface);color:var(--color-text);width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #7f77dd26}.card{background:var(--color-surface);border:.5px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.header-title{font-size:13px!important}.header-nav span{font-size:12px!important;min-width:100px!important}.header-actions .btn-label{display:none}}