:root{--font-heading: "Times New Roman", "Georgia", "Noto Serif CJK SC", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Noto Sans", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--text-hero: 40px;--text-display: 28px;--text-heading: 20px;--text-subheading: 16px;--text-body: 16px;--text-caption: 12px;--text-small: 11px;--paper: #FAF7F2;--ink: #1C1A17;--surface: #FFFFFF;--muted: #8A817A;--forest: #2F5B4F;--light-bg-primary: var(--paper);--light-bg-secondary: #F5F0E8;--light-bg-tertiary: var(--paper);--light-bg-elevated: var(--surface);--gray-50: #F5F0E8;--gray-100: #EBE5DB;--gray-200: #D9D2C7;--gray-300: #BFB8AD;--gray-400: #8A817A;--gray-500: #6B635C;--gray-600: #4A433D;--gray-700: #332E29;--gray-800: #26221E;--gray-900: #1C1A17;--light-text-primary: var(--ink);--light-text-secondary: var(--gray-600);--light-text-tertiary: var(--muted);--light-border: var(--gray-200);--light-border-light: var(--gray-100);--light-accent: #b8860b;--light-accent-hover: #a06e05;--light-accent-active:#8a5c00;--light-accent-light: rgba(184, 134, 11, .08);--light-link: #b8860b;--success: #2F5B4F;--error: #C0512F;--info: #2F5B4F;--warning: #b8860b;--radius-input: 8px;--radius-card: 12px;--radius-pill: 60px;--sidebar-width: 250px;--sidebar-bg: #F5F0E8;--sidebar-border: var(--gray-200);--sidebar-text: var(--ink);--sidebar-text-secondary: var(--muted);--sidebar-hover: var(--gray-100);--sidebar-active-bg: rgba(184, 134, 11, .08);--sidebar-active: #b8860b;--color-concept: #b8860b;--color-company: #2F5B4F;--color-person: #6366f1;--color-interview: #7c3aed;--color-letter: #2F5B4F;--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: #b8860b;--gold-light: rgba(184, 134, 11, .1);--ai-accent: #b8860b;--ai-hover: #a06e05;--ai-light: rgba(184, 134, 11, .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.6;font-size:var(--text-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--paper)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;color:var(--ink);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}a:hover{text-decoration:underline;text-decoration-color:#b8860b66;text-underline-offset:2px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.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:24px 20px 16px;border-bottom:1px solid var(--sidebar-border)}.sidebar-logo-img{width:32px;height:32px;border-radius:8px;margin-bottom:4px}.sidebar-logo{color:var(--ink);font-size:15px;font-weight:600;font-family:var(--font-heading)}.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:.08em;color:var(--muted);padding:12px 20px 4px;font-family:var(--font-sans)}.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 .15s ease;border-left:3px solid transparent}.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{margin-left:auto;background:var(--gray-100);color:var(--muted);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(--paper);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 #b8860b40}