/* Migrated Night Card Detail combined-state supplement, 2026-07-29. */

[data-night-comment-form]{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:9px;
  margin-top:14px;
}

[data-night-comment-form] input{
  min-width:0;
  flex:1;
  border:1px solid #ccc;
  border-radius:999px;
  padding:0 13px;
  background:#fff;
}

[data-night-comment-form] button{
  border:0;
  border-radius:999px;
  padding:0 15px;
  background:#111;
  color:#fff;
  font-size:11px;
  font-weight:800;
}

@media (max-width:719px){
[data-night-comment-form] input{
    font-size:16px;
    line-height:1.25;
  }
}

@media (min-width:720px) and (max-width:1024px){
body.night-card-route main.night-card-detail-page.night-card-detail-modal{
    padding-top:84px;
  }
}

body.night-card-route,
body.day-mode.night-card-route,
body.night-mode.night-card-route,
body.night-card-route #app,
body.day-mode.night-card-route #app,
body.night-mode.night-card-route #app,
body.night-card-route main.night-card-detail-page,
body.day-mode.night-card-route main.night-card-detail-page,
body.night-mode.night-card-route main.night-card-detail-page{
  background:#fff;
}

@media (min-width:720px) and (max-width:1024px){
body.night-card-route main.night-card-detail-page.night-card-detail-modal,
body.day-mode.night-card-route main.night-card-detail-page.night-card-detail-modal,
body.night-mode.night-card-route main.night-card-detail-page.night-card-detail-modal{
    padding:84px 22px 72px;
  }
}

@media (max-width:719px){
body.night-card-route main.night-card-detail-page.night-card-detail-modal,
body.day-mode.night-card-route main.night-card-detail-page.night-card-detail-modal,
body.night-mode.night-card-route main.night-card-detail-page.night-card-detail-modal{
    padding:14px 0 96px;
    min-height:100dvh;
    overflow-x:hidden;
  }
}

@media (max-width:719px){
body.night-card-route main.night-card-detail-page.night-card-detail-modal,
body.day-mode.night-card-route main.night-card-detail-page.night-card-detail-modal,
body.night-mode.night-card-route main.night-card-detail-page.night-card-detail-modal{
    padding-top:64px;
  }
}

@media (max-width:719px){
body.night-card-route main.night-card-detail-page .article-comment-list,
body.day-mode.night-card-route main.night-card-detail-page .article-comment-list,
body.night-mode.night-card-route main.night-card-detail-page .article-comment-list{
    display:grid;
    gap:16px;
  }
}

body.night-card-route main.night-card-detail-page .article-comment.is-deletable,
body.day-mode.night-card-route main.night-card-detail-page .article-comment.is-deletable,
body.night-mode.night-card-route main.night-card-detail-page .article-comment.is-deletable{
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
}

body.night-card-route main.night-card-detail-page .article-comment.is-pressing,
body.day-mode.night-card-route main.night-card-detail-page .article-comment.is-pressing,
body.night-mode.night-card-route main.night-card-detail-page .article-comment.is-pressing{
  transform:scale(.995);
}

body.night-card-route main.night-card-detail-page .night-card-edit-form,
body.day-mode.night-card-route main.night-card-detail-page .night-card-edit-form,
body.night-mode.night-card-route main.night-card-detail-page .night-card-edit-form{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow:hidden;
}

body.night-card-route main.night-card-detail-page .night-card-edit-form *,
body.day-mode.night-card-route main.night-card-detail-page .night-card-edit-form *,
body.night-mode.night-card-route main.night-card-detail-page .night-card-edit-form *{
  max-width:100%;
  box-sizing:border-box;
}

body.night-card-route main.night-card-detail-page .night-card-edit-form input,
body.day-mode.night-card-route main.night-card-detail-page .night-card-edit-form input,
body.night-mode.night-card-route main.night-card-detail-page .night-card-edit-form input,
body.night-card-route main.night-card-detail-page .night-card-edit-form button,
body.day-mode.night-card-route main.night-card-detail-page .night-card-edit-form button,
body.night-mode.night-card-route main.night-card-detail-page .night-card-edit-form button{
  width:100%;
  min-width:0;
}

body.night-card-route main.night-card-detail-page .night-card-edit-form input[type="file"],
body.day-mode.night-card-route main.night-card-detail-page .night-card-edit-form input[type="file"],
body.night-mode.night-card-route main.night-card-detail-page .night-card-edit-form input[type="file"]{
  display:block;
  overflow:hidden;
  white-space:normal;
  font-size:14px;
}

@media (max-width:719px){
body.night-card-route main.night-card-detail-page .night-card-edit-form,
body.day-mode.night-card-route main.night-card-detail-page .night-card-edit-form,
body.night-mode.night-card-route main.night-card-detail-page .night-card-edit-form{
    padding:18px;
    border-radius:18px;
  }
}

body.night-mode.night-card-route{
  background:#050506;
  color:#f7f7fb;
}

body.night-mode.night-card-route main.night-card-detail-page.night-card-detail-modal{
  background:#050506;
  color:#f7f7fb;
}

body.night-mode.night-card-route main.night-card-detail-page .article-comment strong{
  color:#f7f7fb;
  -webkit-text-fill-color:#f7f7fb;
}

body.night-mode.night-card-route main.night-card-detail-page .article-comment time,
body.night-mode.night-card-route main.night-card-detail-page .article-comment p{
  color:#b9b6c8;
  -webkit-text-fill-color:#b9b6c8;
}

body.night-mode.night-card-route main.night-card-detail-page .night-card-edit-form{
  background:#202025;
  border-color:rgba(255,255,255,.08);
  color:#f7f7fb;
}

body.night-mode.night-card-route main.night-card-detail-page [data-night-comment-form] textarea,
body.night-mode.night-card-route main.night-card-detail-page .night-card-edit-form input{
  background:#111114;
  border-color:rgba(255,255,255,.12);
  color:#f7f7fb;
  -webkit-text-fill-color:#f7f7fb;
}

body.night-mode.night-card-route main.night-card-detail-page [data-night-comment-form] textarea::placeholder{
  color:#8f8b9f;
  -webkit-text-fill-color:#8f8b9f;
}

body.night-mode.night-card-route main.night-card-detail-page section.night-detail-post-block p.night-detail-caption{
  background:#171719;
  border:1px solid rgba(255,255,255,.08);
  color:#f7f7fb;
  -webkit-text-fill-color:#f7f7fb;
}

/* Migrated Night Card Detail legacy foundation, 2026-07-29. Current route-owner rules follow. */

body.night-card-route .night-card-detail-modal .night-detail-owner-actions button,
body.night-card-route .night-card-detail-modal .night-detail-owner-actions button:last-of-type{
  border:0;
  background:var(--luca-purple);
  color:#fff;
  -webkit-text-fill-color:#fff;
  box-shadow:none;
  background-image:none;
}

body.night-card-route .night-card-detail-modal .night-detail-owner-actions button svg{
  color:inherit;
  stroke:currentColor;
}

body.night-card-route .night-card-detail-modal .night-detail-owner-actions > span{
  border:0;
  background:transparent;
  color:var(--account-muted);
  box-shadow:none;
}

.night-detail-author-profile[href]{
  color:inherit;
  text-decoration:none;
}

.night-detail-author-profile[href]:hover strong,
.night-detail-author-profile[href]:focus-visible strong{
  color:var(--interaction-accent);
}

.night-detail-author-profile{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}

.night-detail-sheet{
  box-shadow:0 24px 60px rgba(0,0,0,.35);
}

.night-detail-layout{
  gap:0;
}

.night-detail-copy h2{
  letter-spacing:-.06em;
}

.night-detail-caption{
  font-size:16px;
}

.night-card-comments{
  margin-top:28px;
}

.night-card-comments .section-head{
  margin-bottom:12px;
}

.night-card-comments h3{
  margin:0;
  font-size:20px;
}

.night-comment{
  margin:0;
  padding:10px 0;
  border-bottom:1px solid #d6d6d6;
  font-size:12px;
}

.night-comment strong{
  display:block;
  margin-bottom:3px;
  font-size:11px;
}

@media (min-width:720px){
.night-detail-image{
    background-size:cover;
  }

.night-detail-copy h2,
.night-detail-caption,
.night-detail-copy h3{
    color:#fff;
  }

.night-card-comments{
    border-top:1px solid #333;
    padding-top:24px;
  }

.night-card-comments input{
    background:#151515;
    color:#fff;
    border-color:#444;
  }
}


.day-mode .night-card-detail-modal .night-detail-sheet,
.day-mode .night-card-detail-modal .night-detail-copy,
.day-mode .night-card-detail-modal .night-card-comments{
  color:#171715;
}

.day-mode .night-card-detail-modal .night-detail-copy *,
.day-mode .night-card-detail-modal [data-night-detail-close]{
  color:#171715;
}

@media (min-width:720px){
.day-mode .night-card-detail-modal{
    background:#fff;
  }

.night-card-detail-modal .night-detail-image{
    background-position:center;
    background-size:cover;
  }
}

@media (max-width:719px){
.day-mode .night-card-detail-modal .night-detail-sheet{
    background:#fff;
    color:#171715;
  }
}

@media (min-width:720px){
.night-card-detail-modal{
    display:block;
  }

.night-detail-sheet{
    width:100%;
    height:100dvh;
    max-height:none;
    overflow:hidden;
    border-radius:0;
    background:#080808;
    color:#fff;
    box-shadow:none;
  }

.night-detail-layout{
    height:100%;
    grid-template-columns:minmax(360px,46vw) minmax(420px,1fr);
  }

.night-detail-image{
    min-height:0;
    height:100%;
  }

.night-detail-copy{
    overflow:auto;
    padding:120px clamp(34px,6vw,110px) 60px;
  }

.night-detail-copy h2,
.night-detail-caption{
    color:#fff;
  }
}

.night-detail-sheet{
  position:relative;
  z-index:1;
  width:min(100% - 34px,1000px);
  max-height:calc(100dvh - 34px);
  overflow:auto;
  border-radius:24px;
  background:#eee;
  color:#111;
}

.night-detail-layout{
  display:grid;
  grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);
}

.night-detail-image{
  min-height:620px;
  background:center/cover;
}

.night-detail-copy{
  padding:42px 36px;
}

.night-detail-copy h2{
  margin:0;
  font-size:44px;
  line-height:.95;
}

@media (max-width:719px){
.night-detail-sheet{
    width:100%;
    max-height:94dvh;
    border-radius:24px 24px 0 0;
  }

.night-detail-layout{
    display:block;
  }

.night-detail-image{
    min-height:52dvh;
  }

.night-detail-copy{
    padding:25px 22px 35px;
  }

.night-detail-copy h2{
    font-size:36px;
  }
}

@media (min-width:720px){
.night-card-detail-modal{
    overflow:auto;
    background:#fff;
    color:#171715;
  }

.night-mode .night-card-detail-modal{
    background:#000;
    color:#fff;
  }

.day-mode .night-card-detail-modal{
    color:#171715;
  }

.night-card-detail-modal .night-detail-sheet{
    width:100%;
    height:auto;
    max-height:none;
    overflow:visible;
    border-radius:0;
    background:transparent;
    color:inherit;
    box-shadow:none;
  }

.night-card-detail-modal .night-detail-layout{
    display:grid;
    margin:0 auto;
  }

.night-card-detail-modal .night-detail-image{
    position:sticky;
    align-self:start;
    height:auto;
    min-height:0;
    aspect-ratio:3/4;
    margin:0 auto;
    border-radius:22px;
    background:none;
    overflow:hidden;
  }

.night-card-detail-modal .night-detail-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }

.night-card-detail-modal .night-detail-copy{
    align-self:start;
    overflow:visible;
    padding:30px 0 70px;
    color:inherit;
    padding-top:30px;
  }

.night-card-detail-modal .night-detail-copy h2,
.night-card-detail-modal .night-detail-caption{
    color:inherit;
  }
}

@media (max-width:719px){
.night-card-detail-modal .night-detail-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
  }

.day-mode .night-card-detail-modal,
.day-mode .night-card-detail-modal .night-detail-sheet{
    background:#fff;
    color:#171715;
  }

.night-mode .night-card-detail-modal .night-detail-sheet{
    background:#000;
    color:#fff;
  }
}

@media (min-width:720px){
.night-card-detail-modal .night-detail-copy{
    position:relative;
  }

.day-mode .night-card-detail-modal,
.day-mode .night-card-detail-modal .night-detail-sheet,
.day-mode .night-card-detail-modal .night-detail-copy,
.day-mode .night-card-detail-modal .night-card-comments{
    background:#fff;
    color:#171715;
  }

.day-mode .night-card-detail-modal .eyebrow,
.day-mode .night-card-detail-modal h2,
.day-mode .night-card-detail-modal .night-detail-caption,
.day-mode .night-card-detail-modal .night-comment,
.day-mode .night-card-detail-modal .muted{
    color:#171715;
  }

.day-mode .night-card-detail-modal [data-night-detail-close]{
    border-color:rgba(23,23,21,.22);
    background:transparent;
    color:#171715;
  }

.day-mode .night-card-detail-modal .night-card-comments{
    border-color:rgba(23,23,21,.22);
  }
}

.night-card-detail-modal .night-detail-image{
  position:sticky;
}

.night-detail-close{
  position:absolute;
  z-index:2;
  top:12px;
  left:12px;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:50%;
  background:rgba(0,0,0,.5);
  color:#fff;
  font-size:21px;
  cursor:pointer;
  box-shadow:0 8px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
}

.night-card-comments.article-discussion{
  width:100%;
  max-width:none;
  margin-top:34px;
  padding:0 0 96px;
  background:transparent;
  color:var(--account-text);
}

.night-detail-action-bar{
  position:static;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  width:100%;
  margin:0;
  padding:0 0 18px;
  border:0;
  border-bottom:1px solid color-mix(in srgb,var(--account-border) 72%,transparent);
  background:transparent;
  box-shadow:none;
}

.night-detail-action-bar button,
body.day-mode .night-detail-action-bar button,
body.night-mode .night-detail-action-bar button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  min-height:42px;
  border:0;
  border-radius:999px;
  padding:0 12px;
  background:var(--account-raised);
  color:var(--account-muted);
  -webkit-text-fill-color:var(--account-muted);
  box-shadow:none;
  font-size:11px;
  font-weight:800;
}

.night-detail-action-bar button:hover,
.night-detail-action-bar button:focus-visible{
  background:color-mix(in srgb,var(--account-raised) 86%,var(--account-text));
}

.night-detail-action-bar button.active{
  background:rgba(242,75,143,.12);
  color:#f24b8f;
  -webkit-text-fill-color:#f24b8f;
}

.night-detail-action-bar svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.night-detail-action-bar b{
  font-size:11px;
  font-weight:900;
}

.night-comment-content{
  padding-top:20px;
}

.night-card-comments .article-comment-list{
  margin-top:0;
}

.night-card-comments .article-comment{
  background:transparent;
}

.night-card-comments .article-comment.is-publisher{
  margin:5px 0;
  padding:13px;
  border:0;
  border-radius:15px;
  background:#f4f0ff;
}

body.night-mode .night-card-comments .article-comment.is-publisher{
  background:rgba(109,76,255,.16);
}

.night-card-comments .comment-avatar{
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  overflow:hidden;
  border-radius:50%;
  object-fit:cover;
}

.night-card-comments .article-comment-form{
  margin-top:0;
}

body.night-card-route main.night-card-detail-page .night-detail-hello,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-hello,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-hello{
  display:grid;
  place-items:center;
  align-self:center;
  width:66px;
  height:34px;
  min-width:66px;
  min-height:34px;
  margin:0;
  padding:5px 13px;
  border:2px solid #7655f6;
  border-radius:999px;
  background:#fff;
  box-shadow:none;
}

body.night-card-route main.night-card-detail-page .night-detail-hello img{
  display:block;
  width:34px;
  height:24px;
  object-fit:contain;
}

@media (max-width:719px){
  .night-detail-action-bar button{ padding:0 9px; }
  .night-detail-action-bar button span{ display:none; }
  body.night-card-route main.night-card-detail-page .night-detail-hello{
    width:58px;
    height:30px;
    min-width:58px;
    min-height:30px;
    padding:4px 11px;
  }
  body.night-card-route main.night-card-detail-page .night-detail-hello img{ width:29px; height:21px; }
}

.night-card-comments .article-comment-form button[type="submit"],
body.day-mode .night-card-comments .article-comment-form button[type="submit"],
body.night-mode .night-card-comments .article-comment-form button[type="submit"]{
  justify-self:start;
}

.night-card-comments .article-comment-form textarea{
  border-color:var(--account-border);
  background:var(--account-surface);
  color:var(--account-text);
  caret-color:var(--account-text);
}

.night-card-comments .article-comment-form textarea::placeholder{
  color:var(--account-muted);
  opacity:1;
}

.night-card-comments .article-comment,
.night-card-comments .article-comment *{
  color:var(--account-text);
}

.night-card-comments .article-comment header small{
  color:var(--account-muted);
}

@media (min-width:720px){
.night-card-detail-modal{
    top:48px;
    bottom:0;
    height:calc(100dvh - 48px);
  }

.night-card-detail-modal .night-detail-sheet{
    min-height:100%;
  }

.night-card-detail-modal .night-detail-layout{
    min-height:100%;
    padding-top:24px;
  }

.night-card-detail-modal .night-detail-image{
    top:24px;
    width:min(100%,calc((100dvh - 80px) * .75));
  }
}

@media (max-width:719px){
.night-card-detail-modal{
    top:calc(52px + env(safe-area-inset-top));
    bottom:0;
    height:calc(100dvh - 52px - env(safe-area-inset-top));
  }


.night-detail-close{
    top:12px;
    left:12px;
    width:38px;
    height:38px;
  }

.night-card-detail-modal .night-detail-image{
    width:calc(100% - 40px);
    height:auto;
    min-height:0;
    aspect-ratio:3/4;
    margin:0 auto;
  }

.night-card-comments.article-discussion{
    padding-bottom:90px;
  }
}

@media (min-width:720px) and (max-width:1023px){
.night-card-detail-modal .night-detail-layout{
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:24px;
    width:calc(100% - 32px);
    max-width:none;
    padding:20px 0 72px;
    overflow:visible;
  }

.night-card-detail-modal .night-detail-image{
    top:20px;
    width:100%;
    max-width:100%;
  }

.night-card-detail-modal .night-detail-copy{
    min-width:0;
    padding:18px 0 80px;
  }

.night-card-detail-modal .night-detail-copy h2{
    overflow-wrap:anywhere;
    font-size:clamp(30px,4.6vw,42px);
  }

.night-card-comments,
.night-card-comments form,
.night-card-comments textarea{
    min-width:0;
    max-width:100%;
  }
}

.night-detail-author img[hidden]{
  display:none;
}

.night-detail-author [data-night-avatar-fallback][hidden]{
  display:none;
}

.night-detail-author{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:22px;
  color:var(--account-text);
}

.night-detail-author-profile > img,
.night-detail-author-profile > span{
  display:grid;
  flex:0 0 46px;
  place-items:center;
  width:46px;
  height:46px;
  overflow:hidden;
  border:1px solid var(--account-border);
  border-radius:50%;
  background:var(--account-raised);
  color:var(--account-text);
  object-fit:cover;
  font-weight:850;
}

.night-detail-author div{
  display:grid;
  gap:2px;
}

.night-detail-author strong{
  color:var(--account-text);
  font-size:14px;
}

.night-detail-author small{
  color:var(--account-muted);
  font-size:11px;
}

body.day-mode .night-card-detail-modal .night-detail-close,
body.night-mode .night-card-detail-modal .night-detail-close{
  z-index:120;
  border:1px solid rgba(0,0,0,.18);
  opacity:1;
}

.night-detail-owner-actions{
  margin-top:22px;
}

.night-detail-owner-actions button,
.night-detail-owner-actions span{
  min-height:38px;
  border:1px solid var(--account-border);
  border-radius:999px;
  padding:9px 14px;
  background:var(--account-raised);
  color:var(--account-text);
  font-size:11px;
  font-weight:800;
}

.night-detail-owner-actions button{
  cursor:pointer;
}

.night-detail-owner-actions button:last-of-type{
  border-color:var(--luca-purple);
  background:var(--luca-purple);
  color:#fff;
}

.night-detail-count{
  display:grid;
  gap:8px;
  margin:24px 0;
}

.night-detail-count small{
  color:var(--account-muted);
  font-size:10px;
  font-weight:850;
  letter-spacing:.12em;
}

.night-detail-count strong{
  color:var(--account-text);
  font-size:clamp(42px,6vw,72px);
  line-height:.9;
  letter-spacing:-.08em;
}

.night-detail-count strong span{
  font-size:.68em;
}

.night-card-detail-modal,
.night-card-detail-modal .night-detail-sheet,
.night-card-detail-modal .night-detail-layout,
.night-card-detail-modal .night-detail-copy,
.night-card-detail-modal .night-card-comments{
  border-radius:0;
}

.night-card-detail-modal .night-detail-image{
  overflow:hidden;
  border-radius:20px;
}

.night-detail-place-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto;
  align-items:center;
  gap:16px;
  margin-top:26px;
  padding:16px;
  border:1px solid var(--account-border);
  border-radius:16px;
  background:var(--account-raised);
  color:var(--account-text);
}

.night-detail-place-card > span:first-child{
  display:grid;
  gap:3px;
  min-width:0;
}

.night-detail-place-card small{
  color:var(--account-muted);
  font-size:9px;
  font-weight:850;
  letter-spacing:.1em;
}

.night-detail-place-card strong{
  overflow:hidden;
  color:var(--account-text);
  font-size:17px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.night-detail-place-card em{
  overflow:hidden;
  color:var(--account-muted);
  font-size:10px;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.night-detail-place-card > i{
  color:var(--account-muted);
  font-size:24px;
  font-style:normal;
}

.night-detail-radar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:6px 10px;
  min-width:0;
}

.night-detail-radar > small{
  grid-column:1;
  grid-row:1;
}

.night-detail-radar > b{
  grid-column:2;
  grid-row:1;
  color:var(--radar-color);
  font-size:11px;
  text-align:right;
}

.night-detail-radar .radar-meter-wrap{
  grid-column:1/-1;
  grid-row:2;
  width:100%;
  min-width:0;
  overflow:hidden;
}

.night-detail-radar .radar-hours,
.night-detail-radar .radar-hour{
  height:45px;
}

.night-detail-radar .radar-hour{
  padding-bottom:13px;
}

@media (max-width:719px){
.night-card-detail-modal .night-detail-image{
    border-radius:15px;
  }

.night-detail-place-card{
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
  }

.night-detail-radar{
    grid-column:1/-1;
    grid-row:2;
  }

.night-detail-place-card > i{
    grid-column:2;
    grid-row:1;
  }
}

.night-card-detail-modal{
  z-index:200;
}

.night-card-comments.article-discussion{
  border-top:0;
  border-bottom:0;
}

.night-card-comments .article-comment-form button,
.night-card-comments .article-comment-signin{
  border:1px solid var(--account-border);
  box-shadow:none;
}

body.day-mode .night-card-comments .article-comment-form button,
body.day-mode .night-card-comments .article-comment-signin{
  opacity:1;
}

body.night-mode .night-card-comments .article-comment-form button,
body.night-mode .night-card-comments .article-comment-signin{
  opacity:1;
}

@media (max-width:719px){
.night-card-detail-modal{
    display:block;
    min-height:100dvh;
    overflow-x:hidden;
    overflow-y:auto;
    background:var(--account-surface);
    overscroll-behavior:contain;
  }

.night-card-detail-modal .night-detail-sheet{
    width:100%;
    min-height:100dvh;
    max-height:none;
    overflow:visible;
    border-radius:0;
    background:var(--account-surface);
    color:var(--account-text);
  }
}

.day-mode .night-card-detail-modal,
.day-mode .night-card-detail-modal .night-detail-sheet{
  background:var(--luca-day-paper);
  color:var(--luca-day-ink);
}

.day-mode .night-card-detail-modal .night-detail-image,
.day-mode .night-card-detail-modal .night-detail-copy{
  border:0;
  border-radius:22px;
  background:var(--luca-day-card);
  box-shadow:none;
}

.day-mode .night-card-detail-modal .night-detail-image{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  padding:12px;
}

.day-mode .night-card-detail-modal .night-detail-image img{
  width:100%;
  height:100%;
  border-radius:16px;
  object-fit:cover;
}

.day-mode .night-card-detail-modal .night-detail-copy{
  min-width:0;
  padding:clamp(26px,3.2vw,44px);
}

.day-mode .night-card-detail-modal .night-detail-place-card,
.day-mode .night-card-detail-modal .night-detail-count,
.day-mode .night-card-detail-modal .night-card-comments{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.day-mode .night-card-detail-modal .night-detail-place-card{
  margin-top:24px;
}

.day-mode .night-card-detail-modal .night-detail-count{
  padding:12px 0;
}

@media (min-width:720px){
.night-card-detail-modal .night-detail-layout{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:clamp(20px,2.5vw,36px);
    padding:104px 0 72px;
  }

.day-mode .night-card-detail-modal .night-detail-image{
    top:104px;
    aspect-ratio:3 / 4;
  }

.day-mode .night-card-detail-modal .night-detail-copy{
    align-self:start;
  }
}

@media (max-width:719px){
.day-mode .night-card-detail-modal .night-detail-layout{
    display:block;
    width:100%;
    padding:16px 0 88px;
  }

.day-mode .night-card-detail-modal .night-detail-image{
    position:relative;
    top:auto;
    width:calc(100% - 32px);
    margin:0 auto;
    border-radius:20px;
  }

.day-mode .night-card-detail-modal .night-detail-image img{
    border-radius:14px;
  }

.day-mode .night-card-detail-modal .night-detail-copy{
    width:calc(100% - 32px);
    margin:16px auto 0;
    padding:24px 20px 92px;
    border-radius:20px;
  }
}

@media (min-width:720px){

.night-card-detail-modal .night-detail-image,
.day-mode .night-card-detail-modal .night-detail-image{
    width:100%;
    max-width:none;
    margin-right:0;
    margin-left:0;
  }
}

.day-mode .night-card-detail-modal .night-detail-layout{
  height:auto;
  min-height:0;
}

.day-mode .night-card-detail-modal .night-detail-copy{
  height:fit-content;
  min-height:0;
}

.day-mode .night-card-detail-modal .night-card-comments.article-discussion{
  margin-bottom:0;
  padding-bottom:0;
}

.day-mode .night-card-detail-modal .night-detail-place-card{
  padding:16px;
  border:0;
  border-radius:16px;
  background:var(--luca-day-raised);
  box-shadow:none;
}

@media (min-width:720px){
.day-mode .night-card-detail-modal .night-detail-copy{
    padding-bottom:clamp(26px,3.2vw,44px);
  }
}

@media (min-width:720px){
.night-card-detail-modal .night-detail-layout{
    width:min(calc(100% - 40px),1360px);
    max-width:1360px;
  }
}

@media (max-width:719px){
.day-mode .night-card-detail-modal .night-detail-image,
.day-mode .night-card-detail-modal .night-detail-copy{
    width:calc(100% - 20px);
  }

.day-mode .night-card-detail-modal .night-detail-image{
    padding:6px;
  }

.day-mode .night-card-detail-modal .night-detail-copy{
    margin-top:10px;
    padding-right:18px;
    padding-left:18px;
  }
}

.night-card-comments .article-comment-form button,
.night-card-comments .article-comment-signin,
.night-detail-close,
body.day-mode .night-card-comments .article-comment-form button,
body.day-mode .night-card-comments .article-comment-signin,
body.day-mode .night-card-detail-modal .night-detail-close,
body.night-mode .night-card-comments .article-comment-form button,
body.night-mode .night-card-comments .article-comment-signin,
body.night-mode .night-card-detail-modal .night-detail-close{
  border-color:var(--luca-purple);
  background:var(--luca-purple);
  color:#fff;
  -webkit-text-fill-color:#fff;
}

.night-detail-close,
body.day-mode .night-card-detail-modal .night-detail-close,
body.night-mode .night-card-detail-modal .night-detail-close{
  box-shadow:0 10px 28px rgba(104,76,255,.34);
}

.night-detail-owner-actions button svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.night-detail-owner-actions button{
  border-color:var(--luca-purple);
  background:var(--luca-purple);
  color:#fff;
  -webkit-text-fill-color:#fff;
}

.night-detail-owner-actions{
  order:2;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:8px 0 12px;
}

.night-detail-author + .night-detail-owner-actions{
  margin-top:4px;
}

.night-detail-owner-actions button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:36px;
  border-radius:999px;
  padding:0 14px;
  font-size:11px;
  font-weight:850;
}

.night-detail-owner-actions .night-owner-delete,
body.day-mode .night-detail-owner-actions .night-owner-delete,
body.night-mode .night-detail-owner-actions .night-owner-delete{
  border-color:rgba(255,45,141,.38);
  background:rgba(255,45,141,.1);
  color:#ff2d8d;
  -webkit-text-fill-color:#ff2d8d;
}

.night-detail-owner-actions > span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  color:var(--account-muted);
  font-size:11px;
  font-weight:800;
}

.night-card-route .night-card-detail-page.night-card-detail-modal{
  position:relative;
  z-index:auto;
  inset:auto;
  display:block;
  width:100%;
  min-height:100dvh;
  padding:24px 0 48px;
  background:#fff;
}

.night-card-route .night-card-detail-page .night-detail-sheet{
  max-height:none;
  margin:0 auto;
  overflow:visible;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.night-card-route .night-card-detail-page .night-detail-layout{
  width:100%;
  max-width:none;
  padding:0;
}

.night-card-route .night-card-detail-page .night-detail-image{
  width:100%;
  min-height:0;
  aspect-ratio:4/5.35;
  border-radius:22px;
}

.night-card-route .night-card-detail-page .night-detail-copy{
  padding:34px;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 50px rgba(0,0,0,.05);
}

@media (max-width:719px){
.night-card-route .night-card-detail-page.night-card-detail-modal{
    min-height:100dvh;
    background:#fff;
  }

.night-card-route .night-card-detail-page .night-detail-image{
    border-radius:18px;
  }

.night-card-route .night-card-detail-page .night-detail-copy{
    margin:0;
  }

.night-card-route .night-card-detail-page .night-detail-owner-actions{
    width:100%;
  }
}

.night-card-route .night-card-detail-page .night-detail-count-badge{
  display:grid;
  grid-template-columns:1fr;
  justify-self:end;
  align-items:end;
  gap:5px;
  min-width:118px;
  padding:10px 12px;
  border-radius:18px;
  background:#f5f3ff;
}

.night-card-route .night-card-detail-page .night-detail-count-badge small{
  text-align:right;
  color:#6d4cff;
  -webkit-text-fill-color:#6d4cff;
}

.night-card-route .night-card-detail-page .night-detail-count-badge strong{
  justify-content:flex-end;
}

.night-card-route .night-card-detail-page .night-detail-count-badge strong span{
  color:#6d4cff;
  -webkit-text-fill-color:#6d4cff;
}

.night-card-route .night-card-detail-page .night-detail-copy h2{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:18px 0 0;
  max-width:100%;
  overflow-wrap:anywhere;
  color:#17171d;
  -webkit-text-fill-color:#17171d;
  font-size:clamp(18px,1.7vw,24px);
  font-weight:850;
  line-height:1.15;
  letter-spacing:0;
}

.night-card-route .night-card-detail-page .night-detail-copy h2 img{
  width:34px;
  max-width:34px;
  height:auto;
  flex:0 0 34px;
  margin-top:-4px;
  object-fit:contain;
}

.night-card-route .night-card-detail-page .night-detail-copy h2 span{
  min-width:0;
}

.night-card-route .night-card-detail-page .night-detail-caption{
  display:block;
  min-height:calc(1.45em * 5);
  margin:20px 0 18px;
  padding:0;
  overflow-wrap:anywhere;
  color:#25252b;
  -webkit-text-fill-color:#25252b;
  font-size:16px;
  font-weight:650;
  line-height:1.45;
  letter-spacing:0;
}

.night-card-route .night-card-detail-page .night-detail-author{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin-bottom:18px;
}

.night-card-route .night-card-detail-page .night-detail-place-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(150px,210px) auto;
  align-items:center;
  gap:16px;
  width:100%;
  max-width:100%;
  margin-top:26px;
  padding:16px;
  border:0;
  border-radius:16px;
  background:#f3f3f4;
  color:#17171d;
  box-sizing:border-box;
  box-shadow:none;
}

.night-card-route .night-card-detail-page .night-detail-owner-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:100%;
  margin:14px 0 0;
}

.night-card-route .night-card-detail-page .night-detail-owner-actions button,
.night-card-route .night-card-detail-page .night-detail-owner-actions > span{
  width:100%;
  min-width:0;
  min-height:38px;
  border-radius:999px;
  padding:0 12px;
}

.night-card-route .night-card-detail-page .night-edit-once-note{
  margin:10px 2px 0;
  color:#8b8b96;
  font-size:11px;
  font-weight:650;
  line-height:1.35;
}

@media (max-width:719px){
.night-card-route .night-card-detail-page .night-detail-copy h2{
    font-size:20px;
    line-height:1.18;
  }

.night-card-route .night-card-detail-page .night-detail-copy h2 img{
    width:30px;
    max-width:30px;
    flex-basis:30px;
  }

.night-card-route .night-card-detail-page .night-detail-place-card{
    grid-template-columns:minmax(0,1fr) auto;
  }

.night-card-route .night-card-detail-page .night-detail-radar{
    grid-column:1 / -1;
  }
}

.night-card-route .night-card-detail-page .night-detail-media,
.night-card-route .night-card-detail-page .night-detail-copy{
  align-self:start;
}

.night-card-route .night-card-detail-page .night-detail-image img{
  overflow:hidden;
}

.night-card-route .night-card-detail-page .night-detail-close{
  top:-18px;
  left:-18px;
  z-index:8;
}

@media (max-width:719px){
.night-card-route .night-card-detail-page .night-detail-image img{
    border-radius:18px;
  }

.night-card-route .night-card-detail-page .night-detail-close{
    top:10px;
    left:10px;
  }
}

.night-card-route .night-card-detail-page .night-detail-media{
  display:block;
  padding:0;
  margin:0;
  align-self:start;
}

.night-card-route .night-card-detail-page .night-detail-image{
  top:auto;
  left:auto;
  margin:0;
  transform:none;
}

.night-card-route .night-card-detail-page .night-detail-copy{
  margin:0;
}

.night-card-route .night-card-detail-page .night-detail-profile-block,
.night-card-route .night-card-detail-page .night-detail-caption-block,
.night-card-route .night-card-detail-page .night-detail-checkin-block,
.night-card-route .night-card-detail-page .night-detail-post-block{
  display:block;
  width:100%;
  min-width:0;
}

.night-card-route .night-card-detail-page .night-detail-caption-block,
body.day-mode.night-card-route .night-card-detail-page .night-detail-caption-block,
body.night-mode.night-card-route .night-card-detail-page .night-detail-caption-block{
  padding:0;
}

.night-card-route .night-card-detail-page .night-detail-checkin-block,
.night-card-route .night-card-detail-page .night-detail-post-block{
  padding:18px;
  border-radius:22px;
  background:#f7f7f8;
  box-sizing:border-box;
}

.night-card-route .night-card-detail-page .night-detail-checkin-block h2{
  margin:0 0 16px;
}

.night-card-route .night-card-detail-page .night-detail-checkin-block .night-detail-place-card{
  margin-top:0;
  background:#fff;
}

.night-card-route .night-card-detail-page .night-detail-post-block .night-detail-caption.is-empty{
  color:#9a9aa3;
  -webkit-text-fill-color:#9a9aa3;
}

.night-card-route .night-card-detail-page .night-detail-post-block .night-card-comments{
  margin-top:0;
}

@media (max-width:719px){
.night-card-route .night-card-detail-page .night-detail-checkin-block,
.night-card-route .night-card-detail-page .night-detail-post-block{
    padding:16px;
    border-radius:18px;
  }
}

.night-card-route .night-card-detail-page .night-detail-owner-actions button,
.night-card-route .night-card-detail-page .night-detail-owner-actions > span{
  border:0;
  background:#eeeeef;
  background-image:none;
  color:#6f6f76;
  -webkit-text-fill-color:#6f6f76;
  box-shadow:none;
  opacity:1;
}

.night-card-route .night-card-detail-page .night-detail-owner-actions button span,
.night-card-route .night-card-detail-page .night-detail-owner-actions button svg{
  color:inherit;
  -webkit-text-fill-color:inherit;
  stroke:currentColor;
}

.night-card-route .night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-public{
  background:rgba(0,255,9,.14);
  background-image:none;
  color:#008f2c;
  -webkit-text-fill-color:#008f2c;
}

.night-card-route .night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-hidden{
  background:#eeeeef;
  background-image:none;
  color:#777780;
  -webkit-text-fill-color:#777780;
}

.night-card-route .night-card-detail-page .night-detail-owner-actions .night-owner-delete{
  background:#ffe7ef;
  background-image:none;
  color:#ff2d55;
  -webkit-text-fill-color:#ff2d55;
}

.night-card-route .night-card-detail-page .night-detail-owner-actions button:disabled{
  opacity:.55;
}

body.night-card-route main.night-card-detail-page .night-detail-owner-actions button:not(.night-visibility-toggle):not(.night-owner-delete),
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions button:not(.night-visibility-toggle):not(.night-owner-delete),
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions button:not(.night-visibility-toggle):not(.night-owner-delete){
  background-color:#eeeeef;
  background-image:none;
  color:#6f6f76;
  -webkit-text-fill-color:#6f6f76;
}

body.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-owner-delete,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-owner-delete,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-owner-delete{
  background-color:#ffe7ef;
  background-image:none;
  -webkit-text-fill-color:#ff2d55;
}

body.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-public,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-public,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-public{
  background-color:rgba(0,255,9,.14);
  background-image:none;
  -webkit-text-fill-color:#008f2c;
}

.night-card-route .night-card-detail-page .night-detail-profile-block,
body.day-mode.night-card-route .night-card-detail-page .night-detail-profile-block,
body.night-mode.night-card-route .night-card-detail-page .night-detail-profile-block{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  background-image:none;
  box-shadow:none;
}

.night-card-route .night-card-detail-page .night-detail-post-block,
body.day-mode.night-card-route .night-card-detail-page .night-detail-post-block,
body.night-mode.night-card-route .night-card-detail-page .night-detail-post-block{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  background-image:none;
  box-shadow:none;
}

.night-card-route .night-card-detail-page .night-detail-caption-block .night-detail-caption,
body.day-mode.night-card-route .night-card-detail-page .night-detail-caption-block .night-detail-caption,
body.night-mode.night-card-route .night-card-detail-page .night-detail-caption-block .night-detail-caption{
  min-height:calc(1.45em * 5);
  margin:0 0 18px;
  padding:18px;
  border-radius:22px;
  background:#f7f7f8;
  box-sizing:border-box;
}

.night-card-route .night-card-detail-page .night-detail-post-block .night-card-comments,
body.day-mode.night-card-route .night-card-detail-page .night-detail-post-block .night-card-comments,
body.night-mode.night-card-route .night-card-detail-page .night-detail-post-block .night-card-comments{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

.night-card-route .night-card-detail-page .night-detail-sheet{
  width:min(calc(100% - 60px),1280px);
}

.night-card-route .night-card-detail-page .night-detail-layout{
  display:grid;
  grid-template-columns:minmax(300px,.98fr) minmax(340px,1fr);
  gap:36px;
  align-items:start;
}

.night-card-route .night-card-detail-page .night-detail-copy{
  display:grid;
  gap:18px;
}

@media (min-width:720px) and (max-width:1024px){
.night-card-route .night-card-detail-page .night-detail-sheet{
    width:min(calc(100% - 44px),980px);
  }

.night-card-route .night-card-detail-page .night-detail-layout{
    grid-template-columns:minmax(280px,.95fr) minmax(320px,1fr);
    gap:24px;
  }

.night-card-route .night-card-detail-page .night-detail-copy{
    padding:28px;
    gap:16px;
  }
}

@media (max-width:719px){
.night-card-route .night-card-detail-page.night-card-detail-modal{
    padding:0 0 34px;
  }

.night-card-route .night-card-detail-page .night-detail-sheet{
    width:100%;
    margin:0;
  }

.night-card-route .night-card-detail-page .night-detail-layout{
    display:flex;
    flex-direction:column;
    gap:0;
    width:100%;
    padding:16px;
    box-sizing:border-box;
  }

.night-card-route .night-card-detail-page .night-detail-media{
    order:1;
    width:100%;
  }

.night-card-route .night-card-detail-page .night-detail-copy{
    order:2;
    display:flex;
    flex-direction:column;
    gap:14px;
    width:100%;
    padding:18px 0 0;
    border-radius:0;
    box-shadow:none;
  }

.night-card-route .night-card-detail-page .night-detail-image{
    width:100%;
    aspect-ratio:4/5;
  }

.night-card-route .night-card-detail-page .night-detail-owner-actions{
    grid-template-columns:repeat(3,minmax(0,1fr));
    margin-top:12px;
  }

.night-card-route .night-card-detail-page .night-edit-once-note{
    margin:8px 2px 0;
  }

.night-card-route .night-card-detail-page .night-detail-profile-block{
    order:1;
  }

.night-card-route .night-card-detail-page .night-detail-checkin-block{
    order:2;
  }

.night-card-route .night-card-detail-page .night-detail-post-block{
    order:3;
  }

.night-card-route .night-card-detail-page .night-detail-author{
    grid-template-columns:auto minmax(0,1fr) auto;
  }

.night-card-route .night-card-detail-page .night-detail-count-badge{
    justify-self:end;
    min-width:112px;
  }

.night-card-route .night-card-detail-page .night-detail-checkin-block,
.night-card-route .night-card-detail-page .night-detail-caption-block .night-detail-caption{
    border-radius:18px;
  }
}

.night-card-route .night-card-detail-page.night-card-detail-modal{
  padding-top:96px;
}

@media (min-width:720px) and (max-width:1024px){
.night-card-route .night-card-detail-page.night-card-detail-modal{
    padding-top:84px;
  }
}

@media (max-width:719px){
.night-card-route .night-card-detail-page.night-card-detail-modal{
    padding-top:16px;
  }
}

.night-card-route .night-card-detail-page .night-detail-image{
  position:relative;
  padding:0;
  overflow:visible;
  background:transparent;
}

.night-card-route .night-card-detail-page .night-detail-image img{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  border-radius:inherit;
}

body.night-card-route main.night-card-detail-page .night-detail-owner-actions button span,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions button span,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions button span{
  min-height:0;
  background-image:none;
}

@media (min-width:720px) and (max-width:1024px){
body.night-card-route main.night-card-detail-page .night-detail-copy{
    padding:28px;
    gap:16px;
  }
}

@media (max-width:719px){
body.night-card-route main.night-card-detail-page .night-detail-owner-actions{
    display:grid;
    width:100%;
    margin-top:12px;
  }

body.night-card-route main.night-card-detail-page .night-detail-profile-block{ order:1; }

body.night-card-route main.night-card-detail-page .night-detail-caption-block{ order:2; }

body.night-card-route main.night-card-detail-page .night-detail-checkin-block{ order:3; }

body.night-card-route main.night-card-detail-page .night-detail-post-block{ order:4; }

body.night-card-route main.night-card-detail-page .night-detail-author{
    grid-template-columns:auto minmax(0,1fr) auto;
  }
}

body.night-card-route main.night-card-detail-page .night-detail-sheet,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-sheet,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-sheet{
  background:transparent;
  box-shadow:none;
  border-radius:0;
}

body.night-card-route main.night-card-detail-page .night-detail-layout,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-layout,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-layout{
  align-items:start;
}

body.night-card-route main.night-card-detail-page .night-detail-image,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-image,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-image{
  padding:0;
  background:transparent;
  overflow:visible;
}

body.night-card-route main.night-card-detail-page .night-detail-image img,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-image img,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-image img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}

body.night-card-route main.night-card-detail-page .night-detail-owner-actions,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  width:100%;
  margin:14px 0 0;
  padding:0;
  background:transparent;
  box-shadow:none;
  border:0;
}

body.night-card-route main.night-card-detail-page .night-detail-owner-actions button,
body.night-card-route main.night-card-detail-page .night-detail-owner-actions > span,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions button,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions > span,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions button,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions > span{
  width:100%;
  min-width:0;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:0;
  border-radius:999px;
  padding:0 10px;
  font-size:12px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:none;
  background:#eeeeef;
  color:#6f6f76;
}

body.night-card-route main.night-card-detail-page .night-detail-owner-actions button span,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions button span,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions button span{
  display:inline;
  width:auto;
  height:auto;
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:inherit;
  -webkit-text-fill-color:inherit;
}

body.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-public,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-public,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-public{
  background:rgba(0,255,9,.14);
  color:#008f2c;
}

body.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-hidden,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-hidden,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-hidden{
  background:#eeeeef;
  color:#6f6f76;
}

body.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-owner-delete,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-owner-delete,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-owner-delete{
  background:#ffe7ef;
  color:#ff2d55;
}

body.night-card-route main.night-card-detail-page .night-edit-once-note,
body.day-mode.night-card-route main.night-card-detail-page .night-edit-once-note,
body.night-mode.night-card-route main.night-card-detail-page .night-edit-once-note{
  margin:10px 2px 0;
  font-size:12px;
  font-weight:700;
  color:#8a8a94;
}

body.night-card-route main.night-card-detail-page .night-detail-profile-block,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-profile-block,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-profile-block{
  background:transparent;
  box-shadow:none;
  border:0;
  padding:0;
}

body.night-card-route main.night-card-detail-page .night-detail-author,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-author,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-author{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}

body.night-card-route main.night-card-detail-page .night-detail-count-badge,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-count-badge,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge{
  margin-left:auto;
  min-width:128px;
  padding:12px 14px;
  border:0;
  border-radius:18px;
  background:#f4f0ff;
  color:#6d4cff;
  font:inherit;
  display:grid;
  justify-items:end;
  gap:3px;
}

body.night-card-route main.night-card-detail-page .night-detail-count-badge.is-shareable,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-count-badge.is-shareable,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge.is-shareable{
  min-width:148px;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.night-card-route main.night-card-detail-page .night-detail-count-badge.is-shareable:hover,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-count-badge.is-shareable:hover,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge.is-shareable:hover{
  transform:translateY(-2px);
  background:#ece6ff;
  box-shadow:0 10px 24px rgba(109,76,255,.16);
}

body.night-card-route main.night-card-detail-page .night-detail-count-badge.is-shareable:focus-visible,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-count-badge.is-shareable:focus-visible,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge.is-shareable:focus-visible{
  outline:3px solid rgba(109,76,255,.28);
  outline-offset:3px;
}

body.night-card-route main.night-card-detail-page .night-detail-score-share-label,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-score-share-label,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-score-share-label{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  margin-top:4px;
  color:#6d4cff;
  font-size:9px;
  font-weight:850;
  line-height:1;
  letter-spacing:.02em;
  white-space:nowrap;
}

body.night-card-route main.night-card-detail-page .night-detail-score-share-label svg,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-score-share-label svg,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-score-share-label svg{
  width:12px;
  height:12px;
  fill:currentColor;
}

body.night-card-route main.night-card-detail-page .night-detail-count-badge small,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-count-badge small,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge small{
  font-size:12px;
  font-weight:900;
  color:#6d4cff;
  text-align:right;
}

body.night-card-route main.night-card-detail-page .night-detail-count-badge strong,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-count-badge strong,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge strong{
  font-size:34px;
  line-height:.95;
  color:#6d4cff;
}

body.night-card-route main.night-card-detail-page .night-detail-count-badge strong span,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-count-badge strong span,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge strong span{
  color:#6d4cff;
}

body.night-card-route main.night-card-detail-page .night-detail-checkin-block,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-checkin-block,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-checkin-block{
  background:#f7f7f8;
  border-radius:22px;
  padding:18px;
  box-shadow:none;
}

body.night-card-route main.night-card-detail-page .night-detail-post-block,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-post-block,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-post-block{
  background:transparent;
  padding:0;
  box-shadow:none;
}

body.night-card-route main.night-card-detail-page .night-detail-caption,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-caption,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-caption{
  display:block;
  min-height:112px;
  padding:20px;
  margin:0 0 18px;
  border-radius:22px;
  background:#f7f7f8;
}

@media (min-width:720px) and (max-width:1024px){
body.night-card-route main.night-card-detail-page .night-detail-sheet,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-sheet,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-sheet{
    width:min(100%,980px);
    margin:0 auto;
  }

body.night-card-route main.night-card-detail-page .night-detail-layout,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-layout,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-layout{
    display:grid;
    grid-template-columns:minmax(300px,.95fr) minmax(320px,1fr);
    gap:28px;
  }
}

@media (max-width:719px){
body.night-card-route main.night-card-detail-page .night-detail-sheet,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-sheet,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-sheet{
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
  }

body.night-card-route main.night-card-detail-page .night-detail-layout,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-layout,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-layout{
    display:flex;
    flex-direction:column;
    gap:0;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0 16px;
    box-sizing:border-box;
  }

body.night-card-route main.night-card-detail-page .night-detail-media,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-media,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-media,
body.night-card-route main.night-card-detail-page .night-detail-copy,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-copy,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-copy{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }

body.night-card-route main.night-card-detail-page .night-detail-media,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-media,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-media{
    order:1;
  }

body.night-card-route main.night-card-detail-page .night-detail-copy,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-copy,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-copy{
    order:2;
    display:flex;
    flex-direction:column;
  }

body.night-card-route main.night-card-detail-page .night-detail-image,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-image,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-image{
    width:100%;
    max-width:100%;
    aspect-ratio:4/5;
  }

body.night-card-route main.night-card-detail-page .night-detail-profile-block,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-profile-block,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-profile-block,
body.night-card-route main.night-card-detail-page .night-detail-caption-block,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-caption-block,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-caption-block,
body.night-card-route main.night-card-detail-page .night-detail-checkin-block,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-checkin-block,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-checkin-block,
body.night-card-route main.night-card-detail-page .night-detail-post-block,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-post-block,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-post-block{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
  }

body.night-card-route main.night-card-detail-page .night-detail-owner-actions,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
  }

body.night-card-route main.night-card-detail-page .night-detail-owner-actions button,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions button,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions button{
    height:38px;
    font-size:12px;
    padding:0 8px;
  }

}

@media (max-width:719px){
body.night-card-route main.night-card-detail-page .night-detail-caption-block .night-detail-caption,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-caption-block .night-detail-caption,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-caption-block .night-detail-caption{
    width:100%;
    margin:0;
    border-right:0;
    border-left:0;
  }

body.night-card-route main.night-card-detail-page .night-detail-checkin-block,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-checkin-block,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-checkin-block{
    margin-top:0;
  }

body.night-card-route main.night-card-detail-page .night-detail-caption,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-caption,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-caption{
    margin-bottom:20px;
  }

body.night-card-route main.night-card-detail-page .night-card-comments,
body.day-mode.night-card-route main.night-card-detail-page .night-card-comments,
body.night-mode.night-card-route main.night-card-detail-page .night-card-comments{
    display:grid;
    gap:18px;
  }
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-layout{
  background:transparent;
  color:#f7f7fb;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-media,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-copy{
  background:transparent;
  color:#f7f7fb;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-copy,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-copy h2,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-author strong,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-place-card strong,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-caption{
  color:#f7f7fb;
  -webkit-text-fill-color:#f7f7fb;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-author span,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-place-card span,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-place-card em,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-radar,
body.night-mode.night-card-route main.night-card-detail-page .night-edit-once-note{
  color:#b9b6c8;
  -webkit-text-fill-color:#b9b6c8;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-checkin-block,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-caption{
  background:#171719;
  border:0;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-place-card{
  background:#202025;
  border:0;
  color:#f7f7fb;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge{
  background:#221b34;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge small,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge strong,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge strong span{
  color:#8f78ff;
  -webkit-text-fill-color:#8f78ff;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-caption-block .night-detail-caption{
  background:#171719;
  border:0;
  color:#f7f7fb;
  -webkit-text-fill-color:#f7f7fb;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions button{
  background:#242428;
  color:#d7d4e6;
  -webkit-text-fill-color:#d7d4e6;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-public{
  background:rgba(0,255,9,.16);
  color:#42f071;
  -webkit-text-fill-color:#42f071;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-visibility-toggle.is-hidden{
  background:#242428;
  color:#d7d4e6;
  -webkit-text-fill-color:#d7d4e6;
}

body.night-mode.night-card-route main.night-card-detail-page .night-detail-owner-actions .night-owner-delete{
  background:rgba(255,45,85,.18);
  color:#ff6b8a;
  -webkit-text-fill-color:#ff6b8a;
}

@media (max-width:719px){
body.night-mode.night-card-route main.night-card-detail-page .night-detail-layout{
    gap:0;
  }

body.night-mode.night-card-route main.night-card-detail-page .night-detail-copy{
    gap:22px;
    --night-detail-mobile-card:#111114;
    --night-detail-mobile-card-border:rgba(255,255,255,.1);
    --night-detail-mobile-card-shadow:rgba(0,0,0,.32);
  }
}

/* Standalone Night Card detail owner, 2026-07-27: #night-card/*. */
body.night-card-route .night-card-detail-page.night-card-route-owner {
  position: relative;
  width: 100%;
  max-width: none;
  min-height: 100dvh;
  margin: 0;
  overflow: auto;
  background: #050506;
  box-sizing: border-box;
}

body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-sheet {
  position: relative;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
}

body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-layout,
body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-media,
body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-image,
body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-copy {
  min-width: 0;
  box-sizing: border-box;
}

body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-image {
  position: relative;
  padding: 0;
  overflow: visible;
  background: transparent;
  box-shadow: none;
}

body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-action-bar {
  display: none;
}

body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-hello {
  display: grid;
  place-items: center;
  align-self: center;
  width: 66px;
  height: 34px;
  min-width: 66px;
  min-height: 0;
  margin: 0;
  padding: 5px 13px;
  border: 2px solid #7655f6;
  border-radius: 999px;
  background: #fff;
  box-shadow: none;
}

body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-hello:hover,
body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-hello:focus-visible {
  border-color: #7655f6;
  background: #eeeaff;
  transform: translateY(-1px);
}

body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-hello img {
  display: block;
  width: 34px;
  height: 24px;
  object-fit: contain;
}

@media (max-width: 719px) {
  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-hello {
    width: 58px;
    height: 30px;
    min-width: 58px;
    padding: 4px 11px;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-hello img {
    width: 29px;
    height: 21px;
  }
}

@media (max-width: 719px) {
  body.night-card-route .night-card-detail-page.night-card-route-owner {
    height: 100dvh;
    min-height: 100dvh;
    padding: 16px 0 32px;
    overflow-x: hidden;
    overflow-y: auto;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-sheet {
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-layout {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    gap: 0;
    padding: 0 16px;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-image {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 4 / 5;
    border: 0;
    border-radius: 18px;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-copy {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    gap: 22px;
    padding: 24px 0 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-close {
    top: 10px;
    left: 10px;
    width: 38px;
    height: 38px;
  }
}

@media (min-width: 720px) and (max-width: 1024px) {
  body.night-card-route .night-card-detail-page.night-card-route-owner {
    position: fixed;
    z-index: 205;
    inset: 48px 0 0;
    width: 100%;
    height: calc(100dvh - 48px);
    min-height: 0;
    margin: 0;
    padding: 84px 22px 72px;
    overflow: hidden;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-sheet {
    width: min(calc(100% - 88px), 920px);
    max-width: 920px;
    height: 100%;
    min-height: 0;
    margin: 0 auto;
    padding: 0 30px;
    overflow: visible;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-layout {
    display: grid;
    grid-template-columns: minmax(280px, .95fr) minmax(320px, 1fr);
    gap: 28px;
    height: 100%;
    min-height: 0;
    align-items: stretch;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-media {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 0;
    flex-direction: column;
    align-self: start;
    overflow: visible;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-image {
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    min-height: 0;
    aspect-ratio: 4 / 5;
    border: 0;
    border-radius: 22px;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-copy {
    display: grid;
    gap: 16px;
    height: 100%;
    min-height: 0;
    align-content: start;
    padding: 28px;
    border-radius: 28px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }

body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-copy::-webkit-scrollbar {
    display: none;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-close {
    top: -18px;
    left: -18px;
    width: 42px;
    height: 42px;
  }
}

/* Public Night Card detail: anchor the visual and scroll only the copy column. */
@media (min-width: 720px) {
  body.night-card-route .night-card-detail-page.night-card-detail-modal:not(.night-card-route-owner) {
    height: 100dvh;
    min-height: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  body.night-card-route .night-card-detail-page.night-card-detail-modal:not(.night-card-route-owner) .night-detail-sheet,
  body.night-card-route .night-card-detail-page.night-card-detail-modal:not(.night-card-route-owner) .night-detail-layout {
    height: 100%;
    min-height: 0;
  }

  body.night-card-route .night-card-detail-page.night-card-detail-modal:not(.night-card-route-owner) .night-detail-layout {
    align-items: stretch;
  }

  body.night-card-route .night-card-detail-page.night-card-detail-modal:not(.night-card-route-owner) .night-detail-media {
    position: static;
    align-self: start;
  }

  body.night-card-route .night-card-detail-page.night-card-detail-modal:not(.night-card-route-owner) .night-detail-copy {
    height: 100%;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }

  body.night-card-route .night-card-detail-page.night-card-detail-modal:not(.night-card-route-owner) .night-detail-copy::-webkit-scrollbar {
    display: none;
  }
}

/* Night Card content is flat at every viewport: spacing, not nested surfaces, defines sections. */
body.night-card-route main.night-card-detail-page .night-detail-caption,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-caption,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-caption,
body.night-card-route main.night-card-detail-page .night-detail-caption-block .night-detail-caption,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-caption-block .night-detail-caption,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-caption-block .night-detail-caption,
body.night-card-route main.night-card-detail-page .night-detail-checkin-block,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-checkin-block,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-checkin-block,
body.night-card-route main.night-card-detail-page .night-detail-place-card,
body.day-mode.night-card-route main.night-card-detail-page .night-detail-place-card,
body.night-mode.night-card-route main.night-card-detail-page .night-detail-place-card {
  border:0;
  background:transparent;
}

/* Mobile Night Card detail: one full-width editorial flow beneath the global top bar. */
@media (max-width:719px) {
  body.night-card-route main.night-card-detail-page .night-detail-layout,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-layout,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-layout {
    padding-right:0;
    padding-left:0;
  }

  body.night-card-route main.night-card-detail-page .night-detail-media,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-media,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-media {
    width:calc(100% - 32px);
    margin-right:16px;
    margin-left:16px;
  }

  body.night-card-route main.night-card-detail-page .night-detail-copy,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-copy,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-copy {
    width:calc(100% - 32px);
    max-width:calc(100% - 32px);
    margin:12px 16px 0;
    gap:14px;
    padding:14px 0 20px;
    border:1px solid var(--night-detail-mobile-card-border,rgba(29,29,31,.08));
    border-radius:24px;
    background:var(--night-detail-mobile-card,#fff);
    box-shadow:0 14px 36px var(--night-detail-mobile-card-shadow,rgba(32,24,64,.08));
    box-sizing:border-box;
  }

  body.night-card-route main.night-card-detail-page .night-detail-profile-block,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-profile-block,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-profile-block,
  body.night-card-route main.night-card-detail-page .night-detail-post-block,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-post-block,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-post-block {
    padding-right:14px;
    padding-left:14px;
  }

  body.night-card-route main.night-card-detail-page .night-detail-profile-block,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-profile-block,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-profile-block {
    margin-bottom:0;
  }

  body.night-card-route main.night-card-detail-page .night-detail-author,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-author,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-author {
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:8px;
    margin-bottom:0;
  }

  body.night-card-route main.night-card-detail-page .night-detail-author-profile,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-author-profile,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-author-profile {
    gap:8px;
  }

  body.night-card-route main.night-card-detail-page .night-detail-author-profile > img,
  body.night-card-route main.night-card-detail-page .night-detail-author-profile > span,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-author-profile > img,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-author-profile > span,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-author-profile > img,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-author-profile > span {
    flex-basis:40px;
    width:40px;
    height:40px;
  }

  body.night-card-route main.night-card-detail-page .night-detail-author strong,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-author strong,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-author strong {
    overflow:hidden;
    font-size:13px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  body.night-card-route main.night-card-detail-page .night-detail-hello,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-hello,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-hello {
    width:50px;
    height:28px;
    min-width:50px;
    min-height:28px;
    padding:3px 9px;
  }

  body.night-card-route main.night-card-detail-page .night-detail-hello img,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-hello img,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-hello img {
    width:25px;
    height:18px;
  }

  body.night-card-route main.night-card-detail-page .night-detail-count-badge,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-count-badge,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge {
    min-width:92px;
    padding:8px 10px;
    border-radius:16px;
    justify-items:center;
    text-align:center;
  }

  body.night-card-route main.night-card-detail-page .night-detail-count-badge small,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-count-badge small,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge small {
    font-size:11px;
    text-align:center;
  }

  body.night-card-route main.night-card-detail-page .night-detail-count-badge strong,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-count-badge strong,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-count-badge strong {
    font-size:25px;
  }

  body.night-card-route main.night-card-detail-page .night-detail-caption-block,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-caption-block,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-caption-block {
    width:100%;
    max-width:none;
    margin-right:0;
    margin-left:0;
  }

  body.night-card-route main.night-card-detail-page .night-detail-caption-block .night-detail-caption,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-caption-block .night-detail-caption,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-caption-block .night-detail-caption {
    min-height:88px;
    padding:16px 14px;
    margin-bottom:0;
    border:0;
    border-radius:0;
    background:transparent;
  }

  body.night-card-route main.night-card-detail-page .night-detail-checkin-block,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-checkin-block,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-checkin-block {
    padding:16px 14px;
    margin-bottom:0;
    border:0;
    border-radius:0;
    background:transparent;
  }

  body.night-card-route main.night-card-detail-page .night-detail-place-card,
  body.day-mode.night-card-route main.night-card-detail-page .night-detail-place-card,
  body.night-mode.night-card-route main.night-card-detail-page .night-detail-place-card {
    border:0;
    background:transparent;
  }
}

/* Keep secondary reply controls distinct from the primary Post button. */
.night-card-comments .article-comment-form .comment-reply-context{ grid-column:1; grid-row:1; }
.night-card-comments .article-comment-form textarea{ grid-column:1; grid-row:2; }
.night-card-comments .article-comment-form button[type="submit"],
body.day-mode .night-card-comments .article-comment-form button[type="submit"],
body.night-mode .night-card-comments .article-comment-form button[type="submit"]{ grid-column:1; grid-row:3; }
.night-card-comments .article-comment .comment-reply-button,
.night-card-comments .article-comment .comment-reply-to{
  color:#6550e8;
  -webkit-text-fill-color:#6550e8;
}
.night-card-comments .article-comment-form .comment-reply-context button,
body.day-mode .night-card-comments .article-comment-form .comment-reply-context button,
body.night-mode .night-card-comments .article-comment-form .comment-reply-context button{
  width:auto;
  min-width:0;
  height:28px;
  min-height:28px;
  padding:3px 9px;
  background:transparent;
  color:#6550e8;
  -webkit-text-fill-color:#6550e8;
}
body.night-mode .night-card-comments .article-comment .comment-reply-button,
body.night-mode .night-card-comments .article-comment .comment-reply-to,
body.night-mode .night-card-comments .article-comment-form .comment-reply-context button{
  color:#a995ff;
  -webkit-text-fill-color:#a995ff;
}

@media (min-width: 1025px) {
  body.night-card-route .night-card-detail-page.night-card-route-owner {
    position: fixed;
    z-index: 205;
    inset: 48px 0 0;
    width: 100%;
    height: calc(100dvh - 48px);
    min-height: 0;
    margin: 0;
    padding: 42px 0;
    overflow: hidden;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-sheet {
    width: min(1080px, calc(100% - 48px));
    max-width: 1080px;
    height: 100%;
    min-height: 0;
    margin: 0 auto;
    padding: 0;
    overflow: visible;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-layout {
    display: grid;
    grid-template-columns: minmax(300px, .98fr) minmax(340px, 1fr);
    gap: 36px;
    height: 100%;
    min-height: 0;
    align-items: stretch;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-media {
    display: flex;
    width: min(100%, calc((100dvh - 200px) * .8));
    height: auto;
    min-height: 0;
    flex-direction: column;
    align-self: start;
    overflow: visible;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-image {
    width: 100%;
    height: auto;
    flex: 0 0 auto;
    min-height: 0;
    aspect-ratio: 4 / 5;
    border: 0;
    border-radius: 22px;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-copy {
    display: grid;
    gap: 18px;
    height: 100%;
    min-height: 0;
    align-content: start;
    padding: 34px;
    border-radius: 28px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: none;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-copy::-webkit-scrollbar {
    display: none;
  }

  body.night-card-route .night-card-detail-page.night-card-route-owner .night-detail-close {
    top: -18px;
    left: -18px;
    width: 42px;
    height: 42px;
  }
}