:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--border: #e3e6ea;--text: #1b1f24;--text-dim: #6b7280;--accent: #4f46e5;--add: #16a34a;--remove: #d97706;--radius: 12px;--space: 8px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1)}@media(prefers-color-scheme:dark){:root{--bg: #0e1116;--surface: #161b22;--surface-2: #1c2230;--border: #2a2f3a;--text: #e6e9ee;--text-dim: #9aa4b2;--accent: #8b5cf6;--add: #22c55e;--remove: #f59e0b;--shadow: 0 1px 2px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}.app-shell{display:grid;grid-template-rows:auto 1fr;height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border)}.app-header h1{font-size:18px;margin:0}.app-content{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:16px;max-width:1100px;width:100%;margin:0 auto;min-height:0}.app-list{overflow:hidden;min-height:0}@media(max-width:720px){.app-shell{height:auto;min-height:100vh}.app-header{flex-wrap:wrap;padding:12px 14px}.app-content{grid-template-columns:1fr;padding:12px;gap:12px}.app-list{max-height:60vh}}