/* Base Styles */
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif}
h1{font-size:2.5rem;margin:var(--space-4) 0;font-weight:var(--font-weight-bold);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.025em}
h2{font-size:2rem;margin:var(--space-4) 0;font-weight:var(--font-weight-bold);color:var(--ink);letter-spacing:-0.025em}
h3{font-size:1.5rem;margin:var(--space-3) 0;font-weight:var(--font-weight-semibold);color:var(--ink)}

/* Light theme text fixes */
[data-theme="light"] h1 {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="light"] h2,
[data-theme="light"] h3 {
  color: var(--ink);
}

[data-theme="light"] body {
  color: var(--ink);
}

/* Professional SVG Icons */
.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;margin-right:8px}
.icon-sm{width:16px;height:16px}
.icon-lg{width:24px;height:24px}

/* Layout */
.sheet{max-width:1200px;margin:0 auto;padding:1.25rem;padding-bottom:calc(1.25rem + env(safe-area-inset-bottom, 1rem))}
.header{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;align-items:center;padding-top:env(safe-area-inset-top, 1rem)}
.titleRow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}

/* Grid and Flex */
.grid{display:grid;gap:.8rem}
.auto-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.cols-3{grid-template-columns:repeat(3,1fr)}
.span-3{grid-column:span 3}
.flex{display:flex;gap:.5rem;align-items:center}
.justify-between{justify-content:space-between}
.wrap{flex-wrap:wrap}