@font-face { font-family: Inter; src: url("/fonts/inter_variable.ttf") format("truetype"); font-weight: 400 800; font-style: normal; font-display: swap; }

:root {
  --dl-page: #F0EFEB; --dl-card: #FFFFFF; --dl-ink: #242625; --dl-graphite: #2E3331; --dl-primary: #2E3331; --dl-primaryPressed: #242625;
  --dl-muted: #616461; --dl-faint: #8D9694; --dl-line: #E6E6E1; --dl-lineStrong: #CFCFC9; --dl-lineButton: #9A9A94;
  --dl-fill: #F2F1EC; --dl-segment: #E3E2DD; --dl-brass: #8A6A2B; --dl-brassTint: #FBF7EC;
  --dl-brassEdge: #EAD9B4; --dl-red: #8A3E30; --dl-redTint: #FBEFEC; --dl-settled: #46705C;
  --dl-darkSurface: #2E3331; --dl-darkText: #FAFAF8; --dl-darkBrass: #C79A3C;
  --dl-font: Inter, "Noto Sans Kannada", system-ui, sans-serif;
  --dl-space-1: 4px; --dl-space-2: 8px; --dl-space-3: 12px; --dl-space-4: 16px; --dl-space-5: 20px; --dl-space-6: 24px; --dl-space-8: 32px;
  --dl-radius-card: 18px; --dl-radius-large-card: 24px; --dl-radius-control: 16px; --dl-radius-small-control: 12px; --dl-radius-pill: 999px;
  --dl-shadow-card: 0 0 0 1px #CFCFC9, 0 1px 2px rgba(31,33,32,.05); --dl-shadow-button: inset 0 0 0 1px var(--dl-lineButton);
  --dl-shadow-outline: inset 0 0 0 1px #CFCFC9; --dl-shadow-send: inset 0 0 0 2px #2E3331;
  --dl-shadow-brass: 0 0 0 1px #EAD9B4,0 1px 2px rgba(138,106,43,.08),0 6px 16px -4px rgba(138,106,43,.14);
  --dl-shadow-red: 0 1px 2px rgba(138,62,48,.2),0 10px 24px -8px rgba(138,62,48,.45);
  --dl-shadow-sheet: 0 -8px 30px rgba(31,33,32,.18); --dl-shadow-nav: 0 -.5px 0 rgba(31,33,32,.12),0 -6px 20px rgba(31,33,32,.04);
  --dl-type-screen-size: 34px; --dl-type-screen-line: 40px; --dl-type-section-size: 20px; --dl-type-section-line: 24px;
  --dl-type-row-size: 16px; --dl-type-row-line: 21px; --dl-type-detail-size: 15px; --dl-type-detail-line: 20px;
  --dl-type-meta-size: 13px; --dl-type-meta-line: 18px; --dl-type-chip-size: 12px; --dl-type-chip-line: 16px;
  --dl-type-tile-size: 28px; --dl-type-tile-line: 32px; --dl-weight-regular: 400; --dl-weight-medium: 500; --dl-weight-bold: 700; --dl-weight-title: 800;
  --dl-screen-margin: 16px; --dl-section-gap: 20px; --dl-card-gap: 12px; --dl-tile-gap: 8px; --dl-card-padding: 16px; --dl-tile-side-padding: 12px;
  --dl-row-min-height: 72px; --dl-tile-min-height: 92px; --dl-content-max: 560px; --dl-zero: 0; --dl-one: 1; --dl-two: 2; --dl-three: 3; --dl-four: 4; --dl-full: 100%; --dl-letter-spacing: .06em; --dl-opacity-muted: .7; --dl-opacity-hairline: .2;
  --dl-one-fr: 1fr; --dl-one-px: 1px; --dl-shell-min-height: 100dvh; --dl-shell-frame-width: 100%; --dl-shell-frame-border: var(--dl-zero); --dl-shell-backdrop: var(--dl-page);
  --dl-safe-top: max(var(--dl-space-2), env(safe-area-inset-top, var(--dl-zero))); --dl-safe-bottom: max(var(--dl-space-2), env(safe-area-inset-bottom, var(--dl-zero)));
  --dl-control-size: 40px; --dl-control-tap-size: 44px; --dl-control-primary-height: 50px; --dl-day-heading-height: 48px; --dl-focus-width: 2px; --dl-tab-height: 44px; --dl-icon-size: 20px; --dl-mark-size: 24px; --dl-tab-width: 122px; --dl-status-dot-size: 8px;
  --dl-today-grid: repeat(4, minmax(0, 1fr)); --dl-two-grid: repeat(var(--dl-two), minmax(var(--dl-zero), var(--dl-one-fr))); --dl-border-dashed: 1px dashed var(--dl-lineStrong);
}