.mobile-category-tags,.mobile-report-button,.mobile-nav-exchange,.mobile-currency-picker,.mobile-budget-tip{display:none}

@media (max-width:720px){
  .mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:15px 0 12px;border-bottom:0}
  .mobile-nav-brand{grid-column:1/2;grid-row:1;margin:0 0 8px;color:var(--ink);font:700 14px 'DM Sans';letter-spacing:-.5px;white-space:nowrap}
  .mobile-nav-brand i{font-style:normal;color:var(--orange)}
  .mobile-nav-exchange{display:block;grid-column:2/3;grid-row:1;justify-self:end;align-self:start;border:0;background:transparent;color:var(--ink);padding:2px 0;font:600 11px 'DM Sans';white-space:nowrap;cursor:pointer}
  .mobile-currency-picker{display:block;grid-column:3/-1;grid-row:1;justify-self:end;align-self:start;border:0;background:transparent;color:var(--ink);padding:2px 0;font:600 11px 'DM Sans';cursor:pointer}
  .mobile-nav a,.mobile-nav a:first-child,.mobile-nav a:last-child{padding:10px 2px;border:1px solid var(--line);background:var(--card);font-size:11px;font-weight:700;text-align:center}
  .hero{display:contents}
  .hero>div:first-child{display:none}
  .topbar{height:auto;border-bottom:0;padding:0 0 14px;justify-content:center}
  .currency-picker{display:none}
  .mobile-header-actions{display:flex;width:100%;gap:7px}
  .mobile-report-button{display:block;flex:1;border:0;padding:11px 6px;font:600 12px 'DM Sans';cursor:pointer}
  .mobile-report-button{background:var(--ink);color:#fff}
  footer{display:none}
  .summary-grid{order:2;margin-top:20px}
  .add-panel{order:3}
  .records-panel{order:4}
  .exchange-card{display:none}
  .chart-panel{order:6}
  .tip-card{display:none}
  .mobile-budget-tip{display:block;margin-top:19px;padding-left:12px;border-left:3px solid var(--orange);color:var(--ink);font:400 13px/1.55 'DM Sans'}
  body[data-mobile-screen="report"] .report-modal{padding:22px 18px;background:var(--card);border:1px solid var(--line);box-shadow:none}
  body[data-mobile-screen="report"] .report-modal h2{font-size:23px;letter-spacing:-1px}
  body[data-mobile-screen="report"] .close-report{display:none}
  .summary-card{padding:19px 16px}
  .summary-card p,.summary-card span{font-size:12px}
  .summary-card strong,.summary-card.total strong,#totalSpendKrw,#topCategoryAmount{font-size:20px}
  .second-category-label,#secondCategory,#secondCategoryAmount{display:none}
  .chart-panel,.tag-spend-button{display:none}
  .mobile-category-tags{display:none}
  body[data-mobile-screen="category"] .topbar,body[data-mobile-screen="category"] .hero,body[data-mobile-screen="category"] .summary-grid,body[data-mobile-screen="category"] .add-panel,body[data-mobile-screen="category"] .records-panel,body[data-mobile-screen="category"] .exchange-card,body[data-mobile-screen="category"] .tip-card,body[data-mobile-screen="category"] .discussion-panel,body[data-mobile-screen="category"] .feedback-cta,body[data-mobile-screen="category"] footer{display:none}
  body[data-mobile-screen="category"] .chart-panel{display:block;order:1;margin-top:28px}
  body[data-mobile-screen="category"] .mobile-category-tags{display:block;margin-top:29px;padding-top:26px;border-top:1px solid var(--line)}
  .mobile-category-tags h3{margin:0 0 15px;font:700 18px 'DM Sans'}
  #mobileCategoryTagChart .category-tag-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #mobileCategoryTagChart .category-tag-charts article{padding:10px}
  #mobileCategoryTagChart .category-tag-charts h4{font-size:13px;margin-bottom:9px}
  #mobileCategoryTagChart .tag-donut-chart{align-items:center;flex-direction:column;gap:8px}
  #mobileCategoryTagChart .tag-donut{width:82px;height:82px}
  #mobileCategoryTagChart .tag-donut:after{inset:19px}
  #mobileCategoryTagChart .tag-donut-legend{width:100%;gap:4px}
  #mobileCategoryTagChart .tag-donut-legend>div{gap:5px;font-size:9px}
  #mobileCategoryTagChart .tag-donut-legend i{width:6px;height:6px}
  #mobileCategoryTagChart .tag-donut-legend strong{font-size:8px}
  body[data-mobile-screen="exchange"] .topbar,body[data-mobile-screen="exchange"] .summary-grid,body[data-mobile-screen="exchange"] .add-panel,body[data-mobile-screen="exchange"] .records-panel,body[data-mobile-screen="exchange"] .tip-card,body[data-mobile-screen="exchange"] .chart-panel,body[data-mobile-screen="exchange"] .discussion-panel,body[data-mobile-screen="exchange"] .feedback-cta,body[data-mobile-screen="exchange"] footer{display:none}
  body[data-mobile-screen="exchange"] .exchange-card{display:block;order:1;margin-top:28px}
  .rate-modal{padding:25px 20px}
}