@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";
:root{--bg-main:#f5f5f7;--bg-window:#fff;--bg-sidebar:#f5f5f7;--bg-input:#fff;--border:#d2d2d7;--border-light:#0000000d;--primary:maroon;--primary-hover:#590000;--primary-light:#fce8e8;--text-main:#1d1d1f;--text-muted:#86868b;--text-inverted:#fff;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-window:0 20px 40px #0000001a, 0 0 0 1px #00000005;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-window:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:var(--primary);text-decoration:none}input,button,textarea{font-family:inherit}.mac-window{background:var(--bg-window);border-radius:var(--radius-window);box-shadow:var(--shadow-window);border:1px solid #ffffff80;flex-direction:column;display:flex;overflow:hidden}.mac-titlebar{border-bottom:1px solid var(--border-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;-webkit-app-region:drag;background:#fffc;align-items:center;height:48px;padding:0 16px;display:flex}.mac-controls{gap:8px;display:flex}.mac-control{border-radius:50%;width:12px;height:12px}.mac-close{background:#ff5f56}.mac-minimize{background:#ffbd2e}.mac-maximize{background:#27c93f}.btn-primary{background:var(--primary);color:var(--text-inverted);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-weight:500;transition:all .2s}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:8px 16px;font-weight:500;transition:all .2s}.btn-outline:hover{background:var(--bg-main);border-color:var(--text-muted)}.input-field{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);width:100%;color:var(--text-main);outline:none;padding:10px 12px;transition:border-color .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.text-h1{margin-bottom:16px;font-size:24px;font-weight:600}.text-h2{margin-bottom:12px;font-size:20px;font-weight:600}.text-body{color:var(--text-main);font-size:14px}.text-muted{color:var(--text-muted);font-size:13px}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:8px}.gap-4{gap:16px}.gap-6{gap:24px}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0003}