.old-mode-section{margin:0 0 10px;padding:0;}
.old-mode-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #46566d;background:#111722;color:#eef4fb;border-radius:10px;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease;}
.old-mode-toggle:hover{border-color:#8293aa;}
.old-mode-toggle:active{transform:translateY(1px);}
.old-mode-toggle.active{background:#f4f4f1;color:#080808;border-color:#fff;box-shadow:0 0 0 2px #080808 inset;}
.old-mode-main{display:grid;gap:2px;min-width:0;}
.old-mode-main strong{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:15px;line-height:1;letter-spacing:.075em;}
.old-mode-main small{font-size:10px;line-height:1.2;color:#9fb0c5;font-weight:750;}
.old-mode-toggle.active .old-mode-main small{color:#333;}
.old-mode-state{min-width:42px;padding:5px 7px;border:1px solid #53637a;background:#05080d;color:#fff;text-align:center;font-size:11px;line-height:1;font-weight:950;letter-spacing:.08em;}
.old-mode-toggle.active .old-mode-state{background:#080808;border-color:#080808;color:#fff;}

/* OLD MODE is deliberately targeted rather than browser zoom: the layout stays responsive. */
body.old-mode{line-height:1.5;}
body.old-mode button,
body.old-mode input:not([type="checkbox"]):not([type="radio"]),
body.old-mode select,
body.old-mode textarea{min-height:44px;font-size:15px;}
body.old-mode .sidebar{font-size:15px;}
body.old-mode .section-title,
body.old-mode .event-search-head strong,
body.old-mode .city-label,
body.old-mode .friend-manager-title strong{font-size:16px;}
body.old-mode .city-select,
body.old-mode .venue-search,
body.old-mode .event-search-box input{font-size:16px;padding-top:11px;padding-bottom:11px;}
body.old-mode .city-note,
body.old-mode .info,
body.old-mode .friend-person span:last-child,
body.old-mode .big-intro,
body.old-mode .big-meta,
body.old-mode .big-desc,
body.old-mode .big-rules-body{font-size:14px;line-height:1.6;}
body.old-mode .genre-chip,
body.old-mode .big-genre-chip,
body.old-mode .city-toggle{font-size:14px;padding:9px 11px;}
body.old-mode .venue-row,
body.old-mode .venue-item,
body.old-mode .venue-name{font-size:15px;}
body.old-mode .account-strip{font-size:14px;}
body.old-mode .account-button{font-size:14px;padding:9px 12px;}
body.old-mode .mode-btn,
body.old-mode .subview-btn,
body.old-mode .calendar-refresh-btn,
body.old-mode .global-player-quick{font-size:14px;min-height:44px;padding:10px 13px;}
body.old-mode .month-title{font-size:24px;}
body.old-mode .pill{font-size:14px;padding:7px 10px;}
body.old-mode .weekday{font-size:13px;}
body.old-mode .day-number{font-size:15px;}
body.old-mode .event-mini{font-size:12px;line-height:1.35;padding:7px;}
body.old-mode .event-mini .time{font-size:11px;}
body.old-mode .event-row{font-size:15px;}
body.old-mode .event-row .event-title,
body.old-mode .list-title{font-size:17px;}
body.old-mode .list-time{font-size:14px;}
body.old-mode .big-title{font-size:21px;}
body.old-mode .big-date b{font-size:30px;}
body.old-mode .big-date span{font-size:13px;}
body.old-mode .modal-card{font-size:15px;}
body.old-mode .modal-card h2{font-size:26px;line-height:1.15;}
body.old-mode .modal-card p,
body.old-mode .band-about p,
body.old-mode .time-sub,
body.old-mode .preview-hint{font-size:14px;line-height:1.6;}
body.old-mode .time-main strong{font-size:21px;}
body.old-mode .tag{font-size:12px;padding:5px 7px;}
body.old-mode .social-btn,
body.old-mode .refresh-btn,
body.old-mode .source-btn,
body.old-mode .player-external{font-size:14px;min-height:42px;}
body.old-mode .player-kicker,
body.old-mode .modal-inline-kicker{font-size:11px;}
body.old-mode #playerTitle,
body.old-mode #modalPlayerTitle{font-size:16px;}
body.old-mode .player-track-meta,
body.old-mode #modalPlayerTrackMeta,
body.old-mode .player-time,
body.old-mode .player-state{font-size:13px;}
body.old-mode .account-card{font-size:15px;}
body.old-mode .account-card h2{font-size:27px;}
body.old-mode .account-form label,
body.old-mode .account-profile,
body.old-mode .friend-manager{font-size:14px;}
body.old-mode .account-help,
body.old-mode .account-revision,
body.old-mode .account-delete-warning{font-size:13px;line-height:1.5;}
body.old-mode .friend-own-code strong{font-size:21px;}
body.old-mode .mobile-filter-head strong{font-size:16px;}
body.old-mode .mobile-filter-head span{font-size:11px;}
body.old-mode .mobile-filter-trigger{font-size:15px;min-height:46px;}
body.old-mode .old-mode-main strong{font-size:18px;}
body.old-mode .old-mode-main small{font-size:12px;}
body.old-mode .old-mode-state{font-size:13px;min-width:48px;padding:7px 9px;}

@media (max-width:760px){
  body.old-mode .sidebar{padding-bottom:96px;}
  body.old-mode .month-title{font-size:21px;min-width:135px;}
  body.old-mode .summary{gap:7px;}
  body.old-mode .pill{font-size:13px;}
  body.old-mode .weekday{font-size:12px;padding:9px 2px;}
  body.old-mode .day{min-height:82px;padding:5px;}
  body.old-mode .event-mini{font-size:11px;padding:6px 5px;}
  body.old-mode .event-mini .time{display:none;}
  body.old-mode .event-row{grid-template-columns:70px 1fr;gap:10px;}
  body.old-mode .event-row .ticket{grid-column:2;}
  body.old-mode .modal-card{padding:16px;}
  body.old-mode .modal-card h2{font-size:24px;}
  body.old-mode .big-card{gap:11px;padding:13px;}
  body.old-mode .big-title{font-size:19px;}
  body.old-mode .global-player-quick{bottom:max(78px,calc(env(safe-area-inset-bottom) + 66px));}
}

/* v0.25f – OLD MODE readability polish.
   Desktop calendar: allow up to two title lines instead of immediate ellipsis. */
body.old-mode .event-mini .name{
  white-space:normal;
  overflow:hidden;
  text-overflow:clip;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  line-height:1.25;
}

@media (max-width:760px){
  /* Mobile agenda: artist/event title may use two lines in OLD MODE. */
  body.old-mode .mobile-agenda-event{min-height:70px;align-items:center;}
  body.old-mode .mobile-event-main{min-width:0;}
  body.old-mode .mobile-event-title{
    white-space:normal;
    overflow:hidden;
    text-overflow:clip;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    line-clamp:2;
    font-size:17px;
    line-height:1.18;
  }
  body.old-mode .mobile-event-meta{font-size:12px;line-height:1.35;}

  /* Event detail body copy: OLD MODE should enlarge the reading text, not only headings. */
  body.old-mode .modal-card{font-size:16px;}
  body.old-mode .modal-card p,
  body.old-mode .band-about p,
  body.old-mode .time-sub,
  body.old-mode .preview-hint{font-size:16px;line-height:1.62;}
  body.old-mode .friend-empty,
  body.old-mode .friend-event-invite>span{font-size:14px;line-height:1.55;}

  /* The compact account strip must visibly participate in OLD MODE. */
  body.old-mode .account-strip{min-height:42px;padding:6px 8px;gap:7px;}
  body.old-mode .account-strip-copy,
  body.old-mode .account-button{font-size:16px;line-height:1.1;}
  body.old-mode .account-button{min-height:34px;padding:5px 9px;}
}
