.no-results{grid-column:1/-1;text-align:center;padding:56px 0;color:var(--text-2);}
.no-results h3{font-family:var(--font-display);font-size:17px;color:var(--text-1);margin-bottom:7px;font-weight:700;}

#diff-view{display:none;}
#diff-view.active{display:block;}
.diff-select-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-bottom:24px;}
.diff-select{padding:9px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-0);font-family:var(--font-body);font-size:12.5px;outline:none;cursor:pointer;width:100%;transition:border-color 0.2s;}
.diff-select:focus{border-color:var(--border-hover);}
.diff-select option{background:var(--bg-2);}
.diff-result{padding:28px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;}
.diff-number{font-family:var(--font-display);font-size:72px;font-weight:800;letter-spacing:-0.04em;color:var(--text-0);line-height:1;margin-bottom:8px;}
.diff-label{color:var(--text-2);font-size:13px;font-family:var(--font-mono);}
.diff-detail{color:var(--text-2);font-size:11px;margin-top:6px;font-family:var(--font-mono);}
.diff-visual{display:flex;align-items:center;justify-content:center;gap:0;margin-top:22px;}
.diff-city{text-align:center;padding:14px 20px;background:var(--accent-faint);border:1px solid var(--border);border-radius:var(--radius-sm);}
.diff-city-name{font-size:11px;color:var(--text-2);margin-bottom:4px;font-family:var(--font-mono);}
.diff-city-time{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-0);letter-spacing:-0.03em;}
.diff-arrow{padding:0 14px;color:var(--text-3);}

aside{border-left:1px solid var(--border);overflow-y:auto;height:calc(100vh - 58px - 42px);display:flex;flex-direction:column;}
aside::-webkit-scrollbar{width:2px;}
aside::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.08);border-radius:2px;}

.clock-panel{padding:16px;border-bottom:1px solid var(--border);flex-shrink:0;}
.panel-title{font-family:var(--font-display);font-size:10.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-2);margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;}
.clock-mode-toggle{display:flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;border:1px solid var(--border);background:var(--accent-faint);font-family:var(--font-mono);font-size:10px;color:var(--text-2);cursor:pointer;transition:all 0.2s;}
.clock-mode-toggle:hover,.clock-mode-toggle.active-mode{border-color:var(--border-hover);color:var(--text-0);}

.clock-container{position:relative;width:148px;height:148px;margin:0 auto 12px;}
#clock-svg{width:148px;height:148px;}
.ring-bg{fill:none;stroke:rgba(255,255,255,0.04);stroke-width:2;}
[data-theme="light"] .ring-bg{stroke:rgba(0,0,0,0.06);}
.ring-hour-12{fill:none;stroke:rgba(255,255,255,0.9);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 0.45s var(--ease);}
.ring-min-12{fill:none;stroke:rgba(255,255,255,0.55);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset 0.45s var(--ease);}
.ring-sec-12{fill:none;stroke:rgba(255,255,255,0.28);stroke-width:1.5;stroke-linecap:round;transition:stroke-dashoffset 0.1s linear;}
.ring-hour-24{fill:none;stroke:rgba(255,255,255,0.9);stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 0.45s var(--ease);}
.ring-min-24{fill:none;stroke:rgba(255,255,255,0.55);stroke-width:2;stroke-linecap:round;transition:stroke-dashoffset 0.45s var(--ease);}
.ring-sec-24{fill:none;stroke:rgba(255,255,255,0.28);stroke-width:1.5;stroke-linecap:round;transition:stroke-dashoffset 0.1s linear;}
.ring-12h-mark{fill:none;stroke:rgba(255,255,255,0.15);stroke-width:1.5;stroke-linecap:round;}
[data-theme="light"] .ring-hour-12{stroke:rgba(0,0,0,0.85);}
[data-theme="light"] .ring-min-12{stroke:rgba(0,0,0,0.45);}
[data-theme="light"] .ring-sec-12{stroke:rgba(0,0,0,0.25);}
[data-theme="light"] .ring-hour-24{stroke:rgba(0,0,0,0.85);}
[data-theme="light"] .ring-min-24{stroke:rgba(0,0,0,0.45);}
[data-theme="light"] .ring-sec-24{stroke:rgba(0,0,0,0.25);}

.clock-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.clock-time-display{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--text-0);letter-spacing:-0.03em;}
.clock-sec-display{font-family:var(--font-mono);font-size:10px;color:var(--text-2);margin-top:1px;}
.clock-mode-label{font-size:9px;color:var(--text-2);margin-top:2px;text-transform:uppercase;letter-spacing:0.1em;font-family:var(--font-mono);}

.clock-zone-select{background:var(--accent-faint);border:1px solid var(--border);border-radius:6px;color:var(--text-1);font-size:10.5px;font-family:var(--font-mono);padding:4px 8px;outline:none;cursor:pointer;width:100%;margin-top:6px;transition:border-color 0.2s;}
.clock-zone-select:focus{border-color:var(--border-hover);}
.clock-zone-select option{background:var(--bg-2);}
.clock-legend{display:flex;gap:10px;justify-content:center;margin-top:9px;}
.legend-item{display:flex;align-items:center;gap:4px;font-size:9.5px;color:var(--text-2);font-family:var(--font-mono);}
.legend-dot{width:6px;height:6px;border-radius:50%;}

.planner-panel{padding:16px;flex:1;display:flex;flex-direction:column;}
.planner-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 14px;gap:10px;}
.planner-empty-icon{width:44px;height:44px;border-radius:10px;background:var(--accent-faint);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-1);}
.planner-empty-title{font-family:var(--font-display);font-size:13px;color:var(--text-0);font-weight:700;letter-spacing:-0.02em;}
.planner-empty-sub{font-size:11.5px;color:var(--text-2);line-height:1.6;max-width:200px;}

.planner-quick-adds{display:flex;flex-direction:column;gap:5px;width:100%;margin-top:4px;}
.planner-quick-add-btn{display:flex;align-items:center;gap:9px;padding:7px 11px;background:var(--accent-faint);border:1px solid var(--border);border-radius:8px;font-size:11.5px;color:var(--text-1);cursor:pointer;transition:all 0.2s;width:100%;text-align:left;}
.planner-quick-add-btn:hover{background:rgba(255,255,255,0.06);border-color:var(--border-hover);color:var(--text-0);}
[data-theme="light"] .planner-quick-add-btn:hover{background:rgba(0,0,0,0.06);}
.planner-quick-add-btn .qa-flag{font-size:13px;}
.planner-quick-add-btn .qa-name{flex:1;font-weight:600;font-family:var(--font-display);letter-spacing:-0.01em;}
.planner-quick-add-btn .qa-tz{font-family:var(--font-mono);font-size:9px;color:var(--text-2);}
.planner-quick-add-btn .qa-plus{font-size:12px;color:var(--text-2);}
.planner-quick-label{font-size:9.5px;color:var(--text-3);letter-spacing:0.08em;text-transform:uppercase;align-self:flex-start;font-family:var(--font-mono);}

#planner-countries{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;}
.planner-row{display:flex;align-items:center;gap:7px;padding:8px 10px;background:var(--accent-faint);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all 0.2s;animation:slideIn 0.25s ease both;}

.planner-row:hover{background:rgba(255,255,255,0.05);border-color:var(--border-hover);}
[data-theme="light"] .planner-row:hover{background:rgba(0,0,0,0.05);}
.planner-row-flag{font-size:13px;flex-shrink:0;}
.planner-row-name{font-size:11.5px;color:var(--text-0);font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);letter-spacing:-0.01em;}
.planner-row-time{font-family:var(--font-display);font-size:11.5px;color:var(--text-0);flex-shrink:0;font-weight:700;}
.planner-row-remove{background:none;border:none;color:var(--text-2);cursor:pointer;padding:2px;transition:color 0.2s;display:flex;align-items:center;flex-shrink:0;}
.planner-row-remove:hover{color:var(--red);}

.timeline-section{margin-top:2px;}
.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;}
.timeline-title{font-size:10.5px;font-family:var(--font-display);font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:0.08em;}
.timeline-hours-input{display:flex;align-items:center;gap:6px;margin-bottom:10px;}
.timeline-hours-input input{flex:1;padding:5px 8px;background:var(--accent-faint);border:1px solid var(--border);border-radius:6px;color:var(--text-0);font-size:11px;font-family:var(--font-mono);outline:none;text-align:center;width:40px;transition:border-color 0.2s;}
.timeline-hours-input input:focus{border-color:var(--border-hover);}
.timeline-hours-input span{font-size:10.5px;color:var(--text-2);font-family:var(--font-mono);}

.timeline-chart{background:var(--accent-faint);border:1px solid var(--border);border-radius:10px;padding:12px;overflow:hidden;}
.tl-ruler{display:flex;justify-content:space-between;margin-bottom:8px;padding:0 2px;}
.tl-ruler span{font-family:var(--font-mono);font-size:8.5px;color:var(--text-2);}
.tl-country-row{margin-bottom:7px;}
.tl-country-row:last-of-type{margin-bottom:0;}
.tl-label{display:flex;align-items:center;gap:5px;margin-bottom:3px;}
.tl-flag{font-size:10px;}
.tl-name{font-size:10px;color:var(--text-1);font-weight:600;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);}
.tl-time-tag{font-family:var(--font-mono);font-size:9px;color:var(--text-2);}
.tl-bar-wrap{height:10px;background:rgba(255,255,255,0.03);border-radius:5px;position:relative;overflow:visible;}
.tl-bar-track{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:5px;overflow:hidden;}
.tl-work-bar{position:absolute;top:0;bottom:0;border-radius:5px;transition:all 0.4s var(--ease);}
.tl-overlap-pulse{animation:overlapPulse 2.5s ease-in-out infinite;}

.tl-now-line{position:absolute;top:-3px;bottom:-3px;width:1.5px;background:var(--red);border-radius:1px;z-index:5;}
.tl-now-line::before{content:'NOW';position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-family:var(--font-mono);font-size:7px;color:var(--red);white-space:nowrap;}

.heatmap-section{margin-top:10px;}
.heatmap-title{font-size:10.5px;font-family:var(--font-display);font-weight:700;color:var(--text-2);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:8px;display:flex;align-items:center;gap:6px;}
.heatmap-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;margin-bottom:4px;}
.heatmap-cell{height:18px;border-radius:3px;cursor:pointer;transition:transform 0.15s;position:relative;}
.heatmap-cell:hover{transform:scaleY(1.3);z-index:2;}
.heatmap-cell.hm-full{background:rgba(34,197,94,0.7);}
.heatmap-cell.hm-partial{background:rgba(245,158,11,0.45);}
.heatmap-cell.hm-none{background:rgba(255,255,255,0.05);}
.heatmap-cell.hm-now{outline:2px solid var(--red);outline-offset:-1px;}
.heatmap-labels{display:flex;justify-content:space-between;padding:0 2px;}
.heatmap-labels span{font-family:var(--font-mono);font-size:7.5px;color:var(--text-2);}
.heatmap-legend{display:flex;gap:12px;margin-top:6px;}
.hm-leg{display:flex;align-items:center;gap:4px;font-size:9.5px;color:var(--text-2);font-family:var(--font-mono);}
.hm-leg-dot{width:8px;height:8px;border-radius:2px;}

.meeting-result-box{margin-top:10px;padding:12px 13px;background:rgba(34,197,94,0.06);border:1px solid rgba(34,197,94,0.2);border-radius:var(--radius-sm);animation:fadeUp 0.3s ease both;}
.meeting-result-label{font-size:9.5px;color:var(--green);font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:5px;font-family:var(--font-display);}
.meeting-result-window{font-family:var(--font-display);font-size:13px;color:var(--text-0);margin-bottom:8px;display:flex;align-items:center;gap:8px;font-weight:700;}
.copy-btn{padding:3px 9px;background:rgba(255,255,255,0.08);border:1px solid var(--border);border-radius:5px;font-size:9.5px;font-family:var(--font-mono);color:var(--text-1);cursor:pointer;transition:all 0.2s;white-space:nowrap;}
.copy-btn:hover{background:rgba(255,255,255,0.14);border-color:var(--border-hover);}
.copy-btn.copied{color:var(--green);border-color:rgba(34,197,94,0.3);background:rgba(34,197,94,0.08);}
.meeting-per-country{display:flex;flex-direction:column;gap:3px;}
.meeting-country-row{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-1);}
.meeting-country-row span:last-child{font-family:var(--font-mono);font-size:10px;color:var(--text-0);}
.no-overlap-box{margin-top:10px;padding:11px 13px;background:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.2);border-radius:var(--radius-sm);font-size:11.5px;color:var(--red);}
.no-overlap-box small{display:block;color:var(--text-2);font-size:10px;margin-top:4px;}

#share-toast{position:fixed;bottom:20px;right:20px;padding:10px 18px;background:var(--green);color:#fff;border-radius:8px;font-size:12.5px;font-weight:600;font-family:var(--font-display);transform:translateY(70px);opacity:0;transition:all 0.3s var(--ease);z-index:9999;box-shadow:0 4px 20px rgba(34,197,94,0.3);}
#share-toast.show{transform:translateY(0);opacity:1;}

.clock-refresh-btn.spinning svg{animation:clockRefreshSpin 0.6s var(--ease);}

#share-modal-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.6);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.25s var(--ease);}
#share-modal-overlay.open{opacity:1;pointer-events:all;}

#share-modal{background:var(--bg-1);border:1px solid var(--border);border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:20px;transform:translateY(60px);transition:transform 0.3s cubic-bezier(0.34,1.2,0.64,1);box-shadow:0 -8px 40px rgba(0,0,0,0.4);}

#share-modal-overlay.open #share-modal{transform:translateY(0);}

.share-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.share-modal-title{font-family:var(--font-display);font-size:15px;font-weight:800;color:var(--text-0);letter-spacing:-0.02em;}
.share-modal-close{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--accent-faint);color:var(--text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.share-modal-close:hover{color:var(--text-0);border-color:var(--border-hover);}
.share-url-box{display:flex;gap:8px;align-items:center;padding:10px 14px;background:var(--bg-2);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;}
.share-url-text{flex:1;font-family:var(--font-mono);font-size:10.5px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.share-copy-btn{flex-shrink:0;padding:5px 12px;background:var(--accent-faint);border:1px solid var(--border);border-radius:6px;font-size:11px;font-family:var(--font-display);font-weight:700;color:var(--text-0);cursor:pointer;transition:all 0.2s;white-space:nowrap;}
.share-copy-btn:hover{background:rgba(255,255,255,0.1);border-color:var(--border-hover);}
.share-copy-btn.copied{color:var(--green);border-color:rgba(34,197,94,0.3);background:rgba(34,197,94,0.06);}
.share-options-label{font-family:var(--font-mono);font-size:9.5px;color:var(--text-3);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:10px;}
.share-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;}
.share-option-btn{display:flex;align-items:center;gap:10px;padding:10px 13px;background:var(--accent-faint);border:1px solid var(--border);border-radius:10px;color:var(--text-1);cursor:pointer;font-size:12.5px;font-family:var(--font-display);font-weight:600;letter-spacing:-0.01em;transition:all 0.2s;}
.share-option-btn:hover{background:rgba(255,255,255,0.07);border-color:var(--border-hover);color:var(--text-0);}
.share-option-btn svg{flex-shrink:0;color:var(--text-2);}
.share-what-label{font-family:var(--font-mono);font-size:9.5px;color:var(--text-3);letter-spacing:0.1em;text-transform:uppercase;margin-bottom:10px;}
.share-include-row{display:flex;flex-direction:column;gap:6px;}
.share-include-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--accent-faint);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:border-color 0.2s;}
.share-include-item:hover{border-color:var(--border-hover);}
.share-include-item input[type=checkbox]{accent-color:var(--green);width:13px;height:13px;cursor:pointer;}
.share-include-item label{font-size:12px;color:var(--text-1);font-family:var(--font-display);font-weight:500;cursor:pointer;flex:1;}
.share-include-item .inc-count{font-family:var(--font-mono);font-size:10px;color:var(--text-3);}

@supports not (overflow: clip) {
  #hero { overflow: hidden; }
}

.scroll-indicator {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  opacity: 0;
  animation: scrollIndicatorFadeIn 1s ease 1.6s forwards;
  cursor: pointer;
  pointer-events: auto;
}

.scroll-indicator.hide {
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.scroll-mouse {
  width: 22px;
  height: 34px;
  border: 1.5px solid rgba(255,255,255,0.35);
  border-radius: 11px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 5px;
  position: relative;
}
.scroll-wheel {
  width: 3px;
  height: 6px;
  background: rgba(255,255,255,0.8);
  border-radius: 2px;
  animation: scrollWheel 1.8s ease-in-out infinite;
}

.scroll-label {
  font-family: var(--font-mono);
  font-size: 9px;
  color: rgba(255,255,255,0.4);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.footer-author-link {
  color: var(--text-2);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: color 0.2s, border-color 0.2s;
  padding-bottom: 1px;
}
.footer-author-link:hover {
  color: #00d4ff;
  border-bottom-color: rgba(0,212,255,0.4);
}

.app-footer {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  border-top: 1px solid var(--border);
  background: var(--bg-1);
}
.app-footer-inner {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--text-3);
  letter-spacing: 0.04em;
  user-select: none;
}
.app-footer-dot {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.4;
  flex-shrink: 0;
}
.app-footer-brand {
  color: var(--text-2);
  font-weight: 600;
}
.app-footer-brand .part-atla { color: #00d4ff; }

* { scrollbar-width: thin; scrollbar-color: rgba(255,255,255,0.1) transparent; }
[data-theme="light"] * { scrollbar-color: rgba(0,0,0,0.1) transparent; }

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.65s var(--ease), transform 0.65s var(--ease);
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}
.reveal-delay-1 { transition-delay: 0.08s; }
.reveal-delay-2 { transition-delay: 0.16s; }
.reveal-delay-3 { transition-delay: 0.24s; }
.reveal-delay-4 { transition-delay: 0.32s; }

.hero-logo { transition: opacity 0.25s var(--ease) !important; }
.hero-logo:hover { opacity: 0.72 !important; }

.eyebrow-dot {
  position: relative;
}
.eyebrow-dot::after {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1.5px solid var(--green);
  opacity: 0;
  animation: dotRing 2.4s ease-in-out infinite;
}

.time-format-btn{min-width:38px;padding:0 8px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0.04em;color:var(--text-0);background:var(--accent-faint);border:1px solid var(--border-hover);}
.time-format-btn:hover{background:rgba(255,255,255,0.12);color:var(--text-0);}
[data-theme="light"] .time-format-btn:hover{background:rgba(0,0,0,0.1);}

.continent-filter-bar{ display:none; } 

.continent-dropdown-wrap{position:relative;flex-shrink:0;overflow:visible;}
.continent-dropdown-btn{
  display:inline-flex;align-items:center;gap:6px;
  height:34px;padding:0 12px;
  border-radius:8px;border:1px solid var(--border);
  background:var(--accent-faint);color:var(--text-1);
  font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0.04em;
  cursor:pointer;transition:all 0.2s var(--ease);white-space:nowrap;
}
.continent-dropdown-btn:hover{background:rgba(255,255,255,0.08);color:var(--text-0);border-color:var(--border-hover);}
[data-theme="light"] .continent-dropdown-btn:hover{background:rgba(0,0,0,0.07);}
.continent-dropdown-btn.has-filter{
  border-color:rgba(255,255,255,0.3);color:var(--text-0);background:var(--bg-2);
}

.continent-dropdown-btn.has-filter::after{
  content:'';
  width:5px;height:5px;border-radius:50%;background:#00d4ff;
  position:absolute;top:5px;right:5px;flex-shrink:0;
  display:none;
}

[data-theme="light"] .continent-dropdown-btn.has-filter{
  border-color:rgba(0,0,0,0.25);background:rgba(0,0,0,0.08);
}
.continent-dropdown-btn svg{transition:transform 0.2s var(--ease);opacity:0.6;}
.continent-dropdown-btn.open svg{transform:rotate(180deg);}

.continent-dropdown-menu{
  display:none;position:fixed;top:0;left:0;
  min-width:160px;background:var(--bg-2);
  border:1px solid var(--border);border-radius:var(--radius-sm);
  box-shadow:0 20px 60px rgba(0,0,0,0.6);z-index:9999;
  overflow:hidden;
  animation:dropIn 0.18s cubic-bezier(0.34,1.56,0.64,1) both;
}

.continent-dropdown-menu.open{display:block;}
.continent-menu-item{
  display:flex;align-items:center;gap:9px;
  padding:8px 14px;font-size:12px;font-family:var(--font-display);font-weight:600;
  color:var(--text-2);cursor:pointer;transition:background 0.15s;
  border-bottom:1px solid rgba(255,255,255,0.03);letter-spacing:-0.01em;
}
.continent-menu-item:last-child{border-bottom:none;}
.continent-menu-item:hover{background:var(--accent-faint);color:var(--text-1);}
.continent-menu-item.active{color:var(--text-0);background:rgba(255,255,255,0.06);}
[data-theme="light"] .continent-menu-item.active{background:rgba(0,0,0,0.06);}
.continent-menu-item.active::after{content:'✓';margin-left:auto;font-size:11px;color:var(--text-2);}
.continent-menu-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}