body.modal-open { overflow: hidden; overscroll-behavior: none; }
.overlay { overscroll-behavior: contain; touch-action: none; }
.drawer { overflow-y: auto; overscroll-behavior: contain; touch-action: pan-y; -webkit-overflow-scrolling: touch; }
.owned-day { cursor: pointer; }
.owned-day:hover .site-claim { border-color: #9ebeed; box-shadow: 0 8px 24px rgba(20,94,232,.14); }
.date-control button:disabled { opacity: .35; cursor: not-allowed; }
.site-detail-identity { display: flex; align-items: center; gap: 17px; margin: 34px 0 30px; }
.site-detail-identity > img { width: 62px; height: 62px; border-radius: 15px; border: 1px solid var(--line); padding: 8px; object-fit: contain; background: #fff; }
.site-detail-identity h2 { font-size: 34px; margin: 0 0 5px; max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-detail-identity a { display: flex; align-items: center; gap: 6px; max-width: 340px; color: var(--muted); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-detail-identity a .icon { width: 15px; flex: 0 0 auto; }
.site-description { margin: -13px 0 22px; color: var(--muted); font-size: 15px; line-height: 1.65; }
.site-bid-card { padding: 25px; border-radius: 15px; background: #f3f7fd; border: 1px solid #dce5f1; margin: 20px 0 24px; }
.site-bid-card span, .site-bid-card strong, .site-bid-card small { display: block; }
.site-bid-card span { font: 500 10px DM Mono; letter-spacing: .1em; color: #728097; }
.site-bid-card strong { font-size: 45px; letter-spacing: -.06em; margin: 8px 0 4px; }
.site-bid-card small { font-size: 16px; line-height: 1.5; color: #625360; font-weight: 650; }
.visit-button, .outbid-button { width: 100%; height: 68px; border-radius: 14px; display: flex; align-items: center; justify-content: space-between; padding: 0 23px; font-size: 16px; font-weight: 800; }
.visit-button .icon, .outbid-button .icon { width: 22px; height: 22px; }
.visit-button { position: relative; isolation: isolate; overflow: hidden; border: 2px solid transparent; background: linear-gradient(var(--berry), var(--berry)) padding-box, conic-gradient(from var(--visit-orbit), #ffd8e8, #fff 18%, #ff7eae 35%, #8e335d 52%, #fff 70%, #ffd8e8) border-box; color: #fff; box-shadow: 0 0 0 1px rgba(255,255,255,.3), 0 10px 24px rgba(207,63,116,.24); animation: visit-orbit 3.8s linear infinite, visit-glow 2.2s ease-in-out infinite; }
.visit-button:hover { background: linear-gradient(var(--blue2), var(--blue2)) padding-box, conic-gradient(from var(--visit-orbit), #ffd8e8, #fff 18%, #ff7eae 35%, #8e335d 52%, #fff 70%, #ffd8e8) border-box; }
@property --visit-orbit { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
@keyframes visit-orbit { to { --visit-orbit: 360deg; } }
@keyframes visit-glow { 0%,100% { box-shadow: 0 0 0 1px rgba(255,255,255,.3), 0 10px 24px rgba(207,63,116,.24); } 50% { box-shadow: 0 0 0 2px rgba(255,216,232,.75), 0 14px 31px rgba(207,63,116,.43); } }
@media (prefers-reduced-motion: reduce) { .visit-button { animation: none; } }
.outbid-button { margin-top: 10px; background: #fff; color: var(--navy); border: 1px solid #bdc8d7; }
.outbid-button:hover { background: #f4f7fb; }
.detail-note { text-align: center; color: var(--muted); font-size: 12px; margin: 17px 0; }
.description-shell { position: relative; border: 1px solid #cbd4e1; border-radius: 12px; background: #fff; }
.description-shell:focus-within { border-color: var(--berry); box-shadow: 0 0 0 4px rgba(207,63,116,.09); }
.description-shell textarea { width: 100%; min-height: 86px; display: block; resize: none; border: 0; outline: 0; background: transparent; color: var(--ink); padding: 13px 15px 25px; font: 16px/1.5 DM Sans, sans-serif; -webkit-text-size-adjust: 100%; }
.description-shell small { position: absolute; right: 12px; bottom: 7px; color: #938491; font: 10px DM Mono; }
.bid-amount { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 4px; }
.bid-amount input { min-width: 0; padding: 0; }
@media (min-width: 901px) {
  .owned-day[data-description]:hover::after {
    content: attr(data-description);
    position: absolute;
    z-index: 30;
    top: calc(100% + 8px);
    left: 0;
    width: min(260px, 180%);
    padding: 11px 13px;
    border: 1px solid #e2d4de;
    border-radius: 10px;
    background: #fff;
    color: #665760;
    box-shadow: 0 12px 30px rgba(75,35,63,.16);
    font-size: 12px;
    line-height: 1.45;
    text-align: left;
  }
}
.site-detail-drawer { display: flex; flex-direction: column; }
.site-detail-drawer .detail-note { margin-top: auto; padding-top: 20px; }
@media (max-width: 900px) {
  .site-detail-identity { margin-top: 23px; }
  .site-detail-identity > img { width: 54px; height: 54px; }
  .site-detail-identity h2 { font-size: 29px; }
  .site-bid-card { padding: 20px; }
  .site-bid-card strong { font-size: 39px; }
  .site-bid-card small { font-size: 15px; }
  .visit-button, .outbid-button { height: 64px; font-size: 16px; }
  .site-detail-drawer { min-height: 520px; }
  .bid-amount { grid-template-columns: auto minmax(0, 1fr) auto; gap: 2px; }
  .bid-amount b, .bid-amount input { font-size: 34px; line-height: 1; }
}