:root{--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-bg: #eef2ff;--color-accent: #06b6d4;--color-accent-light: #22d3ee;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-bg: #f8fafc;--color-bg-card: #ffffff;--color-bg-elevated: #ffffff;--color-bg-sidebar: #0f172a;--color-bg-sidebar-hover: #1e293b;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #94a3b8;--color-text-inverse: #f8fafc;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg);line-height:1.6;overflow:hidden}a{text-decoration:none;color:var(--color-primary);transition:color var(--transition-fast)}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;background:none}app-appointments,app-archives,app-experience,app-record{display:flex;flex-direction:column;flex:1;height:100%;overflow:hidden}.content-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;z-index:100000}@media (min-width: 768px){.content-modal-overlay{position:absolute;inset:0;align-items:stretch;justify-content:stretch;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:50}}.markdown-modal{background:#fff;width:100%;max-width:700px;height:92vh;border-radius:20px 20px 0 0;display:flex;flex-direction:column;box-shadow:0 -4px 24px #0000001a;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@media (min-width: 768px){.markdown-modal{max-width:100%;height:100%;border-radius:0;box-shadow:none;animation:fadeInScale .2s cubic-bezier(.16,1,.3,1)}}.profile-modal{max-width:500px}@media (min-width: 768px){.profile-modal{max-width:100%}}.modal-header{padding:16px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;background:#fff}.modal-header h3{margin:0;font-size:18px;font-weight:700}.close-btn{background:#f1f5f9;border:none;font-size:20px;color:var(--color-text-secondary);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn:hover{background:#e2e8f0;color:var(--color-text-primary)}.modal-content{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}