:root{--font-heading: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans", sans-serif;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans", sans-serif;--font-mono: "SF Mono", "SFMono-Regular", Menlo, Consolas, monospace;--text-hero: 32px;--text-display: 24px;--text-heading: 20px;--text-subheading: 16px;--text-body: 16px;--text-caption: 12px;--text-small: 11px;--light-bg-primary: #ffffff;--light-bg-secondary: #fafafa;--light-bg-tertiary: #ffffff;--light-bg-elevated: #f5f5f5;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #1a1a1a;--light-text-primary: #1a1a1a;--light-text-secondary: #737373;--light-text-tertiary: #a3a3a4;--light-border: #e5e5e5;--light-border-light: #f5f5f5;--light-accent: #ff0000;--light-accent-hover: #e60000;--light-accent-active:#cc0000;--light-accent-light: rgba(255, 0, 0, .08);--light-link: #ff0000;--success: #16a34a;--error: #dc2626;--info: #2563eb;--warning: #d97706;--radius-input: 4px;--radius-card: 4px;--radius-pill: 60px;--sidebar-width: 250px;--sidebar-bg: #ffffff;--sidebar-border: #e5e5e5;--sidebar-text: #1a1a1a;--sidebar-text-secondary: #737373;--sidebar-hover: #f5f5f5;--sidebar-active-bg: rgba(255, 0, 0, .08);--sidebar-active: #ff0000;--color-concept: #ff0000;--color-company: #ff0000;--color-person: #ff0000;--color-interview: #ff0000;--color-letter: #ff0000;--bg-primary: var(--light-bg-primary);--bg-secondary: var(--light-bg-secondary);--bg-tertiary: var(--light-bg-tertiary);--border: var(--light-border);--border-light: var(--light-border-light);--text-primary: var(--light-text-primary);--text-secondary: var(--light-text-secondary);--text-tertiary: var(--light-text-tertiary);--accent: var(--light-accent);--accent-hover: var(--light-accent-hover);--accent-light: var(--light-accent-light);--gold: #ff0000;--gold-light: rgba(255, 0, 0, .1);--ai-accent: #ff0000;--ai-hover: #e60000;--ai-light: rgba(255, 0, 0, .1);--dark-bg-primary: var(--light-bg-primary);--dark-bg-secondary: var(--light-bg-secondary);--dark-bg-tertiary: var(--light-bg-tertiary);--dark-bg-elevated: var(--light-bg-elevated);--dark-text-primary: var(--light-text-primary);--dark-text-secondary: var(--light-text-secondary);--dark-text-tertiary: var(--light-text-tertiary);--dark-border: var(--light-border);--dark-border-light: var(--light-border-light);--dark-accent: var(--light-accent);--dark-accent-hover: var(--light-accent-hover);--dark-accent-active: var(--light-accent-active);--dark-accent-light: var(--light-accent-light);--dark-link: var(--light-link);--bg-elevated: var(--light-bg-elevated)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text-primary);line-height:1.5;font-size:var(--text-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:var(--text-primary);line-height:1.2}h1{font-size:var(--text-hero);font-weight:700}h2{font-size:var(--text-display);font-weight:600}h3{font-size:var(--text-heading);font-weight:600}h4{font-size:var(--text-subheading);font-weight:600}h5{font-size:var(--text-body);font-weight:600}h6{font-size:var(--text-caption);font-weight:600}a{color:var(--light-link);text-decoration:none;transition:color .1s ease}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000024;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000047}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);position:fixed;top:0;left:0;bottom:0;overflow-y:auto;z-index:100;display:flex;flex-direction:column}.sidebar-header{padding:20px 20px 16px;border-bottom:1px solid var(--sidebar-border)}.sidebar-logo{color:#1a1a1a;font-size:15px;font-weight:600}.sidebar-nav{flex:1;padding:12px 0}.sidebar-footer{padding:12px 16px 16px;border-top:1px solid var(--sidebar-border);position:sticky;bottom:0;background:var(--sidebar-bg)}.nav-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--sidebar-text-secondary);padding:12px 20px 4px}.nav-item{display:flex;align-items:center;gap:8px;padding:6px 16px;color:var(--sidebar-text);cursor:pointer;border-radius:var(--radius-input);margin:1px 10px;font-size:13px;font-weight:400;transition:background .1s ease,color .1s ease;border-left:3px solid transparent}.nav-count{margin-left:auto}.nav-item:hover{background:var(--sidebar-hover)}.nav-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-active);font-weight:500;border-left-color:var(--sidebar-active)}.nav-count{background:#f5f5f5;color:var(--sidebar-text-secondary);font-size:11px;padding:1px 7px;border-radius:var(--radius-pill);font-weight:500}.main-content{flex:1;margin-left:var(--sidebar-width);padding:56px 64px 100px;min-height:100vh;background:var(--bg-primary);max-width:100%}button{font-family:var(--font-sans)}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:none;box-shadow:0 0 0 2px #ff000040}