.toast{position:fixed;bottom:72px;left:50%;transform:translateX(-50%) translateY(12px);background:var(--surface2);border:1px solid var(--border2);border-radius:99px;padding:9px 18px;font-size:13px;color:var(--t1);z-index:2147483000;white-space:nowrap;opacity:0;transition:all .22s;pointer-events:none;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}



#loadingOverlay{position:fixed;inset:0;background:var(--bg);z-index:9900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;pointer-events:none;opacity:0;transition:opacity .22s ease;}
#loadingOverlay.show{opacity:1;pointer-events:all;}

#loadingOverlay.jl-boot-instant{transition:none;}

#loadingOverlay[data-state="checking"] .ld-text,
#loadingOverlay[data-state="fallback"] .ld-text{color:var(--t3);}


#jlBusyOverlay{position:fixed;inset:0;background:color-mix(in srgb, var(--bg) 90%, transparent);z-index:10200;display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;}
#jlBusyOverlay.show{display:flex;}

#jlBusyOverlay.jl-busy-wait .ld-text{white-space:pre-line;text-align:center;line-height:1.7;}
#jlBusyOverlay .jl-busy-elapsed{font-size:12px;color:var(--t4);font-weight:700;letter-spacing:.06em;font-variant-numeric:tabular-nums;}
#jlBusyOverlay .jl-busy-elapsed[hidden],#jlBusyOverlay .jl-busy-cancel[hidden]{display:none;}
#jlBusyOverlay .jl-busy-cancel{margin-top:4px;padding:8px 22px;border-radius:99px;border:1px solid var(--border2);background:var(--surface2);color:var(--t3);font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;}



.res-list-overlay{
  position:fixed;
  inset:0;
  z-index:9998;
  background:rgba(0,0,0,.58);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding:18px 10px;
}
.res-list-sheet{
  width:min(520px,100%);
  max-height:min(82vh,720px);
  overflow:hidden;
  border:1px solid var(--border);
  background:var(--surface);
  color:var(--t1);
  border-radius:24px 24px 18px 18px;
  box-shadow:0 22px 70px rgba(0,0,0,.42);
  display:flex;
  flex-direction:column;
}
.res-list-handle{
  width:44px;
  height:4px;
  border-radius:999px;
  background:var(--border2);
  margin:10px auto 2px;
}
.res-list-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px 8px;
}
.res-list-eyebrow{
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  color:var(--accent);
}
.res-list-title{
  margin-top:3px;
  font-size:17px;
  font-weight:900;
  color:var(--t1);
}
.res-list-close{
  appearance:none;
  border:1px solid var(--border2);
  background:var(--bg3);
  color:var(--t2);
  border-radius:999px;
  width:32px;
  height:32px;
  font-size:20px;
  line-height:1;
  cursor:pointer;
}
.res-list-word{
  margin:0 14px;
  border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));
  background:color-mix(in srgb, var(--accent) 10%, var(--bg3));
  color:var(--t1);
  border-radius:14px;
  padding:10px 12px;
  font-size:13px;
  font-weight:800;
  line-height:1.55;
}
.res-list-count{
  padding:8px 16px 6px;
  color:var(--t4);
  font-size:11px;
  font-weight:800;
}
.res-list-body{
  overflow:auto;
  padding:0 14px 14px;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.res-list-card{
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid var(--border);
  background:var(--bg2);
  border-radius:14px;
  padding:10px;
  cursor:pointer;
}
.res-list-card:hover{
  border-color:var(--accent);
}
.res-list-card.is-current{
  background:color-mix(in srgb, var(--accent) 8%, var(--bg2));
}
.res-list-avatar{
  width:42px;
  height:42px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex-shrink:0;
  font-size:22px;
}
.res-list-avatar-img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.res-list-main{
  min-width:0;
  flex:1;
}
.res-list-name{
  font-size:13px;
  font-weight:900;
  color:var(--t2);
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
}
.res-list-copy{
  margin-top:2px;
  font-size:12px;
  color:var(--t4);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.res-list-meta{
  margin-top:4px;
  font-size:10px;
  color:var(--accent);
  font-weight:800;
}
.res-list-badge{
  border:1px solid var(--accent);
  color:var(--accent);
  border-radius:999px;
  padding:1px 6px;
  font-size:9px;
  font-weight:900;
  flex-shrink:0;
}
.res-list-empty{
  border:1px dashed var(--border2);
  background:var(--bg3);
  border-radius:14px;
  padding:14px;
}
.res-list-empty-title{
  font-size:13px;
  font-weight:900;
  color:var(--t2);
}
.res-list-empty-text{
  margin-top:4px;
  font-size:12px;
  line-height:1.55;
  color:var(--t4);
}



.res-detail-sheet{
  position:fixed;
  inset:0;
  z-index:9998;
  max-width:480px;
  margin:0 auto;
  background:var(--bg);
  color:var(--t1);
  display:flex;
  flex-direction:column;
  animation:resDetailSlideIn .24s cubic-bezier(.4,0,.2,1) both;
  padding-top:env(safe-area-inset-top,0px);
}
@keyframes resDetailSlideIn{
  from{transform:translateY(16px);opacity:0;}
  to{transform:translateY(0);opacity:1;}
}
.res-detail-topbar{
  height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 14px;
  border-bottom:1px solid var(--border);
  background:var(--surface);
  flex-shrink:0;
}
.res-detail-back{
  display:flex;
  align-items:center;
  gap:5px;
  border:none;
  background:transparent;
  color:var(--t3);
  cursor:pointer;
  font-family:var(--font);
  font-size:15px;
  padding:0;
  transition:color .15s;
}
.res-detail-back:hover{
  color:var(--t1);
}
.res-detail-back svg{
  width:16px;
  height:16px;
  flex-shrink:0;
}
.res-detail-close{
  width:32px;
  height:32px;
  border-radius:50%;
  border:none;
  background:var(--bg3);
  color:var(--t3);
  cursor:pointer;
  font-family:var(--font);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.res-detail-close:hover{
  color:var(--t1);
}
.res-detail-close svg{
  width:14px;
  height:14px;
}
.res-detail-top-title{
  flex:1;
  text-align:center;
  font-size:15px;
  font-weight:900;
  color:var(--t1);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.res-detail-body{
  flex:1;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding:14px 14px max(24px, env(safe-area-inset-bottom));
}
.res-detail-hero{
  background:var(--surface);
  border:1px solid var(--border2);
  border-radius:22px;
  padding:16px;
}
.res-detail-eyebrow{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  border-radius:999px;
  padding:3px 8px;
  background:color-mix(in srgb, var(--accent) 10%, var(--bg3));
  border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));
  color:var(--accent);
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.res-detail-title{
  margin-top:10px;
  font-size:20px;
  line-height:1.35;
  font-weight:900;
  color:var(--t1);
  word-break:break-word;
}
.res-detail-main-word{
  display:inline;
}

.res-detail-lead{
  margin-top:8px;
  color:var(--t3);
  font-size:13px;
  line-height:1.65;
}
.res-detail-count{
  margin-top:12px;
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  border-radius:999px;
  padding:5px 10px;
  background:var(--bg3);
  border:1px solid var(--border);
  color:var(--t3);
  font-size:12px;
  font-weight:800;
}
.res-detail-count b{
  color:var(--accent);
  font-family:var(--mono);
  font-size:16px;
}
.res-detail-related,
.res-detail-list-wrap{
  margin-top:14px;
}
.res-detail-section-label{
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--t4);
  margin:0 2px 8px;
}
.res-detail-chip-list{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.res-detail-chip-list button{
  appearance:none;
  border:1px solid var(--border2);
  background:var(--surface);
  color:var(--t2);
  border-radius:999px;
  padding:6px 10px;
  font-size:12px;
  font-weight:800;
  font-family:var(--font);
  cursor:pointer;
  line-height:1.2;
}
.res-detail-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.res-detail-post-card{
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--surface);
  border:1px solid var(--border2);
  border-radius:16px;
  padding:10px;
  cursor:pointer;
}
.res-detail-post-card.is-current{
  border-color:color-mix(in srgb, var(--accent) 42%, var(--border2));
  background:color-mix(in srgb, var(--accent) 6%, var(--surface));
}
.res-detail-avatar{
  width:44px;
  height:44px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex-shrink:0;
  font-size:22px;
}
.res-detail-avatar-img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.res-detail-post-main{
  flex:1;
  min-width:0;
}
.res-detail-post-name{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  font-weight:900;
  color:var(--t1);
}
.res-detail-post-copy{
  margin-top:2px;
  font-size:12px;
  color:var(--t4);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.res-detail-post-meta{
  margin-top:4px;
  font-size:10px;
  color:var(--accent);
  font-weight:800;
  line-height:1.35;
}
.res-detail-badge{
  border:1px solid var(--accent);
  color:var(--accent);
  border-radius:999px;
  padding:1px 6px;
  font-size:9px;
  font-weight:900;
  flex-shrink:0;
}
.res-detail-empty{
  border:1px dashed var(--border2);
  background:var(--surface);
  border-radius:16px;
  padding:16px;
}
.res-detail-empty-title{
  font-size:13px;
  font-weight:900;
  color:var(--t2);
}
.res-detail-empty-text{
  margin-top:4px;
  font-size:12px;
  line-height:1.6;
  color:var(--t4);
}


.res-detail-related{
  background:var(--surface);
  border:1px solid var(--border2);
  border-radius:18px;
  padding:12px;
}
.res-detail-related-group + .res-detail-related-group{
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--border);
}
.res-detail-related-title{
  font-size:11px;
  font-weight:900;
  color:var(--t3);
  margin:0 2px 8px;
}
.res-detail-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
}
.res-detail-chip span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.res-detail-chip b{
  flex-shrink:0;
  color:var(--accent);
  font-size:10px;
  font-family:var(--mono);
  font-weight:900;
}

.res-detail-chip-list + .res-detail-chip-list{
  margin-top:8px;
}


.res-detail-sheet.is-under{
  pointer-events:none;
  transform:translateX(0);
  opacity:1;
  animation:none;
  z-index:9998;
}
.res-detail-sheet.is-entering,
.res-detail-sheet.slide-in-right{
  z-index:9999;
  background:var(--bg);
  box-shadow:0 0 0 100vw var(--bg);
}
.res-detail-sheet.slide-in-right{
  animation:resDetailSlideInRight .24s cubic-bezier(.4,0,.2,1) both;
}
@keyframes resDetailSlideInRight{
  from{transform:translateX(100%);opacity:1;}
  to{transform:translateX(0);opacity:1;}
}



.res-detail-transition-cover{
  position:fixed;
  inset:0;
  z-index:9997;
  max-width:480px;
  margin:0 auto;
  background:var(--bg);
  pointer-events:none;
}
.res-detail-sheet.is-under{
  z-index:9998;
  background:var(--bg);
  box-shadow:0 0 0 100vw var(--bg);
}
.res-detail-sheet.is-entering,
.res-detail-sheet.slide-in-right{
  z-index:9999;
}


.res-detail-sheet.is-replaced-from-right{
  animation:none;
  background:var(--bg);
}
.res-detail-sheet.is-replaced-from-right .res-detail-topbar,
.res-detail-sheet.is-replaced-from-right .res-detail-body{
  animation:resDetailContentFromRight .22s cubic-bezier(.4,0,.2,1) both;
}
@keyframes resDetailContentFromRight{
  from{transform:translateX(18px);opacity:.01;}
  to{transform:translateX(0);opacity:1;}
}



.res-detail-sheet.is-instant-replace{
  animation:none !important;
  transform:none !important;
  opacity:1 !important;
  background:var(--bg);
}
.res-detail-sheet.is-instant-replace .res-detail-topbar,
.res-detail-sheet.is-instant-replace .res-detail-body{
  animation:none !important;
  transform:none !important;
  opacity:1 !important;
}



.res-detail-body{
  padding:12px 12px max(22px, env(safe-area-inset-bottom));
}
.res-detail-hero{
  border-radius:20px;
  padding:14px;
}
.res-detail-title{
  font-size:19px;
  line-height:1.38;
}
.res-detail-lead{
  margin-top:7px;
  font-size:12px;
  line-height:1.6;
}
.res-detail-stats{
  margin-top:12px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.res-detail-stats span{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  border-radius:999px;
  padding:5px 9px;
  background:var(--bg3);
  border:1px solid var(--border);
  color:var(--t3);
  font-size:11px;
  font-weight:800;
}
.res-detail-stats b{
  color:var(--accent);
  font-family:var(--mono);
  font-size:15px;
}


.res-detail-timeline-cta{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  margin-top:10px;
  padding:12px 14px;
  background:var(--surface);
  border:1px solid var(--border2);
  border-radius:12px;
  cursor:pointer;
  text-align:left;
  color:var(--t1);
  font:inherit;
  transition:background .12s ease, transform .12s ease;
}
.res-detail-timeline-cta:hover,
.res-detail-timeline-cta:focus-visible{
  background:var(--bg3);
  outline:none;
}
.res-detail-timeline-cta:active{
  transform:scale(0.985);
}
.res-detail-timeline-icon{
  flex:0 0 auto;
  width:36px;
  height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--bg2);
  border-radius:8px;
  font-size:18px;
}
.res-detail-timeline-body{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.res-detail-timeline-eyebrow{
  font-size:10px;
  letter-spacing:.08em;
  font-weight:700;
  color:var(--accent);
}
.res-detail-timeline-title{
  font-size:14px;
  font-weight:600;
  color:var(--t1);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.res-detail-timeline-meta{
  font-size:11px;
  color:var(--t3);
}
.res-detail-timeline-chev{
  flex:0 0 auto;
  color:var(--accent);
  font-size:22px;
  font-weight:700;
  line-height:1;
}
.res-detail-related,
.res-detail-list-wrap{
  margin-top:12px;
}
.res-detail-related{
  border-radius:16px;
  padding:11px;
}
.res-detail-related-content{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.res-detail-related-group + .res-detail-related-group{
  margin-top:0;
  padding-top:10px;
}
.res-detail-chip-list{
  gap:5px;
}
.res-detail-chip-list button{
  padding:6px 9px;
  font-size:11px;
  min-height:30px;
}

.res-detail-related-empty{
  border:1px dashed var(--border2);
  background:var(--bg3);
  border-radius:14px;
  padding:11px;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.res-detail-related-empty b{
  font-size:12px;
  color:var(--t2);
}
.res-detail-related-empty span{
  font-size:11px;
  line-height:1.55;
  color:var(--t4);
}
.res-detail-post-card{
  appearance:none;
  width:100%;
  font-family:var(--font);
  text-align:left;
  color:inherit;
  align-items:center;
  border-radius:15px;
  padding:9px;
}
.res-detail-post-card:hover{
  border-color:color-mix(in srgb, var(--accent) 38%, var(--border2));
}
.res-detail-post-name,
.res-detail-post-copy,
.res-detail-post-meta{
  display:flex;
}
.res-detail-post-copy{
  line-height:1.35;
}
.res-detail-post-meta{
  flex-wrap:wrap;
  gap:4px;
  margin-top:6px;
}
.res-detail-post-meta span{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));
  background:color-mix(in srgb, var(--accent) 6%, var(--bg3));
  color:var(--accent);
  border-radius:999px;
  padding:2px 6px;
  font-size:10px;
  line-height:1.25;
  font-weight:900;
  white-space:nowrap;
}
.res-detail-post-arrow{
  flex-shrink:0;
  color:var(--t5);
  font-size:20px;
  line-height:1;
  padding-left:2px;
}
.res-detail-empty{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:14px;
}
.res-detail-empty-icon{
  width:34px;
  height:34px;
  border-radius:12px;
  background:var(--bg3);
  border:1px solid var(--border);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}
.res-detail-empty-main{
  min-width:0;
}
@media (max-width:420px){
  .res-detail-topbar{
    height:50px;
    padding:8px 12px;
  }
  .res-detail-top-title{
    font-size:13px;
  }
  .res-detail-back{
    font-size:14px;
  }
  .res-detail-title{
    font-size:18px;
  }
  .res-detail-avatar{
    width:40px;
    height:40px;
    border-radius:12px;
  }
}



.hi-date-field{gap:8px;}
.tl-edit-date-row{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px;align-items:end;width:100%;}
.tl-edit-date-block,.tl-edit-month-block{min-width:0;display:flex;flex-direction:column;gap:5px;}
.tl-edit-sub-label{font-size:10px;font-weight:700;color:var(--t3);letter-spacing:.04em;}
.tl-edit-sub-label span{font-weight:600;color:var(--t4);letter-spacing:0;}
.spin-unit{font-size:12px;color:var(--t3);padding-right:12px;flex-shrink:0;}
.spin-month-select{width:100%;font-size:15px;padding:10px 12px;}
.spin-presets{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:6px;margin-top:8px;padding:0 0 12px;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.spin-presets::-webkit-scrollbar{display:none;}
.spin-preset{flex-shrink:0;font-family:var(--font);border:none;}
.hi-field-note{font-weight:500;opacity:.65;text-transform:none;letter-spacing:0;margin-left:4px;}
@media(max-width:360px){.tl-edit-date-row{grid-template-columns:1fr;}.tl-edit-month-block{max-width:150px;}}

.tl-date-area{display:flex;flex-direction:column;gap:8px;width:100%;}
.tl-input-mode-tabs{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:10px;background:var(--bg2);}
.tl-input-mode-tab{border:none;background:transparent;color:var(--t3);font-family:var(--font);font-size:13px;font-weight:600;padding:7px 6px;border-radius:8px;cursor:pointer;}
.tl-input-mode-tab.is-active{background:var(--surface);color:var(--t1);box-shadow:0 1px 2px rgba(0,0,0,.08);}
.tl-birth-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--t1);}
.tl-birth-label{font-size:12px;font-weight:700;color:var(--t3);}
.tl-birth-select{font-family:var(--font);font-size:15px;padding:8px 10px;border:1px solid var(--border2);border-radius:10px;background:var(--surface);color:var(--t1);}
.tl-birth-change{border:none;background:none;color:var(--accent);font-family:var(--font);font-size:12px;font-weight:600;padding:4px 2px;cursor:pointer;}
.tl-birth-note{font-size:11px;color:var(--t3);}
.tl-birth-guide{font-size:12px;color:var(--t2);}

.tl-birth-value{font-size:15px;font-weight:700;color:var(--t1);}
.tl-birth-status{font-size:12px;color:var(--t3);}
.tl-birth-row--set{gap:6px;}
.tl-birth-row--set .tl-birth-label{font-weight:600;}
.tl-birth-change{display:inline-flex;align-items:center;gap:4px;background:var(--bg2);border-radius:999px;padding:4px 10px;margin-left:4px;}
.tl-birth-change-ico{color:var(--t1);font-size:12px;}
.tl-birth-notes{display:flex;flex-direction:column;gap:2px;font-weight:600;}
.tl-birth-row{justify-content:center;margin-top:14px;}
.tl-birth-notes{align-items:center;text-align:center;margin-top:11px;}

.tl-edit-date-row--age{grid-template-columns:minmax(0,229px) 120px;justify-content:center;}

.tl-input-mode-tabs + .tl-edit-date-row{margin-top:14px;}
.tl-help-lead{margin:0 0 14px;font-weight:700;color:var(--t2);}
.tl-help-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;justify-items:center;}
.tl-help-col{display:flex;flex-direction:column;align-items:center;}
.tl-help-head{min-width:74px;text-align:center;font-size:12px;font-weight:700;color:var(--t2);background:var(--bg2);border-radius:4px;padding:3px 10px;margin-bottom:12px;}
.tl-help-pill{display:inline-block;min-width:44px;text-align:center;font-size:12px;font-weight:700;color:var(--t1);background:var(--surface);border:1px solid var(--border2);border-radius:999px;padding:3px 10px;}
.tl-help-dots{display:block;width:4px;height:34px;background:radial-gradient(circle,var(--border2) 1.8px,transparent 2.2px) center top/4px 11px repeat-y;}

.publish-consent-box .tl-modal-title{margin-bottom:8px;}
.publish-consent-text{font-size:13px;color:var(--t3);line-height:1.7;}
.text-link-btn{appearance:none;border:none;background:transparent;color:var(--accent2);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px;padding:0 2px;cursor:pointer;}
.text-link-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}
.confirm-dialog-btn.publish-primary{background:var(--accent);color:var(--on-accent);}
.confirm-dialog-btn.publish-primary:hover{opacity:.9;}



.route-timeline-overlay{position:fixed;inset:0;z-index:260;display:block;visibility:hidden;pointer-events:none;max-width:480px;margin:0 auto;background:transparent;transition:visibility 0s linear .32s;}
body.route-timeline-open{overscroll-behavior:contain;}
.route-timeline-overlay.is-open{visibility:visible;pointer-events:auto;transition-delay:0s;}
.route-timeline-backdrop{display:none;}
.route-timeline-sheet{position:absolute;inset:0;width:100%;height:100%;background:var(--bg);border:none;border-radius:0;box-shadow:none;padding:env(safe-area-inset-top,0px) 12px calc(14px + env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:hidden;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);}
.route-timeline-overlay.is-open .route-timeline-sheet{transform:translateX(0);}
.route-timeline-handle{display:none;}
.route-timeline-head{position:relative;display:block;min-height:0;padding:58px 14px 12px;border-bottom:1px solid var(--border);background:var(--bg);box-sizing:border-box;overflow:visible;flex:0 0 auto;}
.route-timeline-head::before{content:"";position:absolute;left:0;right:0;top:54px;border-bottom:1px solid var(--border);pointer-events:none;}
.route-timeline-head-main{min-width:0;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;padding:8px 2px 0;border:0;border-radius:0;background:transparent;box-shadow:none;}
.route-timeline-head-main *{min-width:0;max-width:100%;box-sizing:border-box;}
.route-timeline-back{position:absolute;left:14px;top:12px;min-height:30px;border:1px solid var(--border);border-radius:999px;background:var(--bg2);color:var(--t3);font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:4px;padding:4px 11px 4px 9px;z-index:2;}
.route-timeline-kicker{font-size:8.5px;letter-spacing:.13em;color:var(--accent);font-weight:800;margin-bottom:4px;line-height:1.2;white-space:normal;overflow-wrap:anywhere;}
.route-timeline-title{font-size:17px;line-height:1.28;margin:0;color:var(--t1);width:100%;max-width:100%;overflow:visible;display:block;white-space:normal;overflow-wrap:anywhere;word-break:break-word;}
.route-timeline-lead{font-size:10.5px;line-height:1.45;margin:5px 0 0;color:var(--t3);width:100%;max-width:100%;overflow:visible;white-space:normal;overflow-wrap:anywhere;}
.route-timeline-close{position:absolute;right:14px;top:10px;flex:0 0 auto;width:34px;height:34px;border-radius:999px;border:1px solid var(--border);background:var(--bg2);color:var(--t2);font-size:21px;line-height:1;display:inline-flex;align-items:center;justify-content:center;z-index:2;}
.route-timeline-body{overflow:auto;-webkit-overflow-scrolling:touch;padding:10px 0 4px;}
.route-timeline-count{font-size:12px;color:var(--t4);margin:0 4px 10px;font-weight:800;}
.route-timeline-list{position:relative;display:flex;flex-direction:column;gap:10px;padding:2px 0 6px 30px;}
.route-timeline-list::before{content:"";position:absolute;left:10px;top:12px;bottom:14px;width:2px;border-radius:999px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 44%,var(--border2)),color-mix(in srgb,var(--accent2) 22%,var(--border)));opacity:.68;pointer-events:none;}
.route-timeline-row{position:relative;width:100%;text-align:left;border:1px solid var(--border2);background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--bg2) 72%,var(--surface)));color:var(--t1);border-radius:15px;padding:10px 11px 10px 14px;display:flex;gap:9px;box-shadow:0 3px 10px rgba(15,23,42,.045);overflow:visible;}
.route-timeline-row::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:999px;background:color-mix(in srgb,var(--accent) 42%,var(--border2));opacity:.66;}
.route-timeline-node{position:absolute;left:-26px;top:50%;transform:translateY(-50%);width:13px;height:13px;border-radius:999px;background:var(--surface);border:2px solid color-mix(in srgb,var(--accent) 56%,var(--border2));box-shadow:0 0 0 4px var(--bg);display:flex;align-items:center;justify-content:center;z-index:1;}
.route-timeline-node span{width:4px;height:4px;border-radius:999px;background:var(--accent);display:block;}

.route-timeline-avatar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;border:1px solid var(--border2);overflow:hidden;font-size:22px;line-height:1;background:var(--bg3);}
.route-timeline-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
.route-timeline-avatar span{display:inline-flex;align-items:center;justify-content:center;}
.route-timeline-card-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px;}
.route-timeline-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:1px;}

.route-timeline-date{flex:0 0 auto;font-size:10.5px;font-weight:800;color:var(--t5);line-height:1.2;}
.route-timeline-seq{flex:0 0 auto;font-size:9px;font-weight:900;letter-spacing:.10em;color:var(--t5);font-family:var(--mono);}
.route-timeline-text{font-size:13.8px;line-height:1.42;font-weight:900;color:var(--t1);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.route-timeline-detail{font-size:12px;line-height:1.48;color:var(--t3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.route-timeline-meta{margin-top:3px;min-width:0;max-width:100%;font-size:11.2px;line-height:1.35;color:var(--t4);display:flex;gap:5px;justify-content:flex-start;align-items:center;flex-wrap:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid var(--border);padding-top:6px;}
.route-timeline-meta::before{content:"↳";color:var(--t5);font-weight:900;flex:0 0 auto;}
.route-timeline-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.route-timeline-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.route-timeline-row:active{transform:translateY(1px);box-shadow:0 1px 4px rgba(15,23,42,.08);}
.route-timeline-empty{border:1px dashed var(--border2);background:var(--bg2);border-radius:16px;padding:18px 14px;text-align:center;}
.route-timeline-empty-kicker{font-size:9px;letter-spacing:.14em;color:var(--accent);font-weight:800;margin-bottom:7px;}
.route-timeline-empty-title{font-size:14px;font-weight:800;color:var(--t1);margin-bottom:6px;}
.route-timeline-empty-text{font-size:12px;line-height:1.6;color:var(--t3);}
.route-timeline-empty-back{margin-top:12px;border:1px solid var(--border);border-radius:999px;background:var(--bg);color:var(--t2);font-size:12px;font-weight:700;padding:7px 12px;}


.work-react-more-list{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-left:6px;
  
  --wt-line-x:9.5px;
  --wt-line-color:var(--accent);
  --wt-node-color:var(--accent);
  --wt-flow-color:var(--accent);
}
.work-react-more-list::before{
  content:'';
  position:absolute;
  left:var(--wt-line-x);
  top:8px;
  bottom:8px;
  width:10px;
  transform:translateX(-50%);
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 5px, color-mix(in srgb, var(--wt-line-color) 72%, transparent) 0 1.5px, transparent 2px)
    0 0 / 10px 12px repeat-y;
  opacity:.8;
}
.work-react-more-list::after{
  content:'';
  position:absolute;
  left:var(--wt-line-x);
  top:8px;
  width:6px;
  height:6px;
  border-radius:50%;
  transform:translateX(-50%);
  background:var(--wt-flow-color);
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--wt-flow-color) 20%, transparent),
    0 0 12px color-mix(in srgb, var(--wt-flow-color) 46%, transparent);
  pointer-events:none;
  animation:wtTimelineFlow 2.5s ease-in-out 3 forwards;
  z-index:2;
}
.work-react-more-row{
  position:relative;
  z-index:1;
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  border:0;
  background:transparent;
  color:inherit;
  font-family:inherit;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}
.work-react-more-node{
  position:relative;
  z-index:3;
  flex-shrink:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--wt-node-color);
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--wt-node-color) 15%, var(--surface)),
    0 0 0 1px color-mix(in srgb, var(--wt-node-color) 42%, var(--border));
}
.work-react-more-node::after{
  content:'';
  position:absolute;
  inset:-3px;
  border-radius:inherit;
  border:1px solid color-mix(in srgb, var(--wt-node-color) 34%, transparent);
  opacity:.55;
  animation:wtTimelineNodePulse 2.8s ease-in-out 3 forwards;
}
.work-react-more-node span{display:none;}
.work-react-more-card-main{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:row;
  align-items:stretch;
  gap:10px;
  border:1px solid var(--border);
  border-radius:15px;
  padding:10px 11px;
  background:var(--surface);
  transition:background .12s, border-color .12s, transform .12s;
}
.work-react-more-row:focus-visible{outline:none;}
.work-react-more-row:focus-visible .work-react-more-card-main{border-color:color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--surface) 84%, var(--accent) 16%);}
.work-react-more-row:active .work-react-more-card-main{transform:scale(.992);}
.work-react-more-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.work-react-more-date{flex:0 0 auto;font-size:10.5px;font-weight:800;color:var(--t4);line-height:1.2;font-family:var(--mono);}
.work-react-more-work{flex:0 0 auto;max-width:100%;align-self:flex-start;display:inline-flex;align-items:center;padding:3px 9px;border-radius:5px;border:0;background:color-mix(in srgb, var(--accent) 8%, var(--surface));font-size:10.5px;font-weight:900;color:var(--accent);line-height:1.2;overflow:hidden;}
.work-react-more-work-text{min-width:0;overflow:hidden;text-overflow:clip;white-space:nowrap;}
.work-react-more-label{margin:4px 0 2px;padding-bottom:8px;border-bottom:1px dashed color-mix(in srgb, var(--border2) 72%, transparent);font-size:14px;line-height:1.45;font-weight:900;color:var(--t1);}
.work-react-more-foot{display:flex;align-items:center;gap:8px;color:var(--t3);font-size:11px;font-weight:850;}

.work-react-more-date{flex:0 0 50px;width:50px;box-sizing:border-box;margin:-10px 0 -10px -11px;padding:6px 0;border-radius:14px 0 0 14px;background:color-mix(in srgb, var(--t3) 7%, transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.3;}
.work-react-more-year{display:block;width:28px;padding-bottom:4px;margin-bottom:4px;border-bottom:1px dashed color-mix(in srgb, var(--t3) 35%, transparent);font-size:10.5px;font-weight:700;color:var(--t4);letter-spacing:.04em;}
.work-react-more-md{display:block;font-size:14px;font-weight:900;color:var(--t1);line-height:1.1;}
.work-react-more-body{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px;}
.work-react-more-row .work-react-icon-chip{border:0;}
@media (max-width:360px){
  .work-react-more-list{gap:9px;}
  .work-react-more-label{font-size:13.5px;}
}


.empathy-more-list{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding-left:6px;
  --wt-line-x:9.5px;
  --wt-line-color:var(--accent);
  --wt-node-color:var(--accent);
  --wt-flow-color:var(--accent);
}
.empathy-more-list::before{
  content:'';
  position:absolute;
  left:var(--wt-line-x);
  top:8px;
  bottom:8px;
  width:10px;
  transform:translateX(-50%);
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 5px, color-mix(in srgb, var(--wt-line-color) 72%, transparent) 0 1.5px, transparent 2px)
    0 0 / 10px 12px repeat-y;
  opacity:.8;
}
.empathy-more-list::after{
  content:'';
  position:absolute;
  left:var(--wt-line-x);
  top:8px;
  width:6px;
  height:6px;
  border-radius:50%;
  transform:translateX(-50%);
  background:var(--wt-flow-color);
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--wt-flow-color) 20%, transparent),
    0 0 12px color-mix(in srgb, var(--wt-flow-color) 46%, transparent);
  pointer-events:none;
  animation:wtTimelineFlow 2.5s ease-in-out 3 forwards;
  z-index:2;
}
.empathy-more-row{
  position:relative;
  z-index:1;
  width:100%;
  display:flex;
  align-items:center;
  gap:12px;
  text-align:left;
  border:0;
  background:transparent;
  color:inherit;
  font-family:inherit;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
}
.empathy-more-node{
  position:relative;
  z-index:3;
  flex-shrink:0;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--wt-node-color);
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--wt-node-color) 15%, var(--surface)),
    0 0 0 1px color-mix(in srgb, var(--wt-node-color) 42%, var(--border));
}
.empathy-more-node::after{
  content:'';
  position:absolute;
  inset:-3px;
  border-radius:inherit;
  border:1px solid color-mix(in srgb, var(--wt-node-color) 34%, transparent);
  opacity:.55;
  animation:wtTimelineNodePulse 2.8s ease-in-out 3 forwards;
}
.empathy-more-node span{display:none;}
.empathy-more-card-main{
  min-width:0;
  flex:1;
  display:flex;
  flex-direction:column;
  gap:6px;
  border:1px solid var(--border);
  border-radius:15px;
  padding:10px 11px;
  background:var(--surface);
  transition:background .12s, border-color .12s, transform .12s;
}
.empathy-more-row:focus-visible{outline:none;}
.empathy-more-row:focus-visible .empathy-more-card-main{border-color:color-mix(in srgb, var(--accent) 34%, var(--border));background:color-mix(in srgb, var(--surface) 84%, var(--accent) 16%);}
.empathy-more-row:active .empathy-more-card-main{transform:scale(.992);}
.empathy-more-top{display:flex;align-items:flex-start;gap:7px;min-width:0;}
.empathy-more-av{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;overflow:hidden;font-size:14px;line-height:1;}
.empathy-more-av img{width:100%;height:100%;object-fit:cover;display:block;}
.empathy-more-name-block{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;}
.empathy-more-user{min-width:0;font-size:11.5px;font-weight:900;color:var(--t2);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.empathy-more-handle{min-width:0;font-size:10.5px;font-weight:600;color:var(--t4);line-height:1.2;overflow:hidden;text-overflow:clip;white-space:nowrap;}
.empathy-more-badge{flex:0 0 auto;align-self:flex-start;display:inline-flex;align-items:center;font-size:11px;font-weight:850;color:var(--t3);}
.empathy-more-moment{font-size:14px;line-height:1.45;font-weight:900;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:clip;min-width:0;padding-bottom:8px;border-bottom:1px solid var(--border);}
.empathy-more-episode{display:flex;align-items:baseline;gap:7px;min-width:0;}
.empathy-more-year-inline{flex:0 0 auto;font-size:11px;font-weight:800;color:var(--accent);font-family:var(--mono);line-height:1.5;}
.empathy-more-blurb{min-width:0;flex:1;font-size:12px;line-height:1.5;color:var(--t3);white-space:nowrap;overflow:hidden;text-overflow:clip;}
@media (max-width:360px){
  .empathy-more-list{gap:9px;}
  .empathy-more-moment{font-size:13.5px;}
}


@media (max-width:360px){.route-timeline-head{padding:56px 12px 12px;min-height:0}.route-timeline-head-main{padding:7px 0 0;max-width:100%;overflow:visible}.route-timeline-title{font-size:16px;width:100%;max-width:100%;overflow:visible;display:block;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.route-timeline-lead{font-size:10px;width:100%;max-width:100%;overflow:visible;white-space:normal;overflow-wrap:anywhere}.route-timeline-back{left:10px;top:12px;font-size:12px}.route-timeline-close{right:10px;top:10px;width:32px;height:32px}.route-timeline-head::before{top:52px}}

@media (max-width:360px){
  .route-timeline-list{padding-left:28px;gap:9px;}
  .route-timeline-list::before{left:9px;}
  .route-timeline-row{padding:9px 10px 9px 13px;gap:7px;}
  .route-timeline-node{left:-25px;top:50%;transform:translateY(-50%);}
  .route-timeline-seq{font-size:8.5px;}
  .route-timeline-text{font-size:13px;line-height:1.38;}
  .route-timeline-detail{font-size:11.5px;line-height:1.45;}
  .route-timeline-meta{font-size:10.8px;max-width:100%;}
  .route-timeline-count{font-size:11.5px;}
}



.res-detail-anchor{
  margin-top:12px;
}
.res-detail-anchor-card .res-detail-post-card{
  border-color:color-mix(in srgb, var(--accent) 46%, var(--border2));
  background:color-mix(in srgb, var(--accent) 7%, var(--surface));
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.res-detail-post-card.is-hidden-by-limit{
  display:none !important;
}
.res-detail-more-btn{
  appearance:none;
  width:100%;
  min-height:42px;
  border:1px solid color-mix(in srgb, var(--accent) 30%, var(--border2));
  background:color-mix(in srgb, var(--accent) 5%, var(--surface));
  color:var(--accent);
  border-radius:999px;
  font-family:var(--font);
  font-size:13px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  cursor:pointer;
}
.res-detail-more-btn b{
  color:var(--t4);
  font-size:11px;
  font-family:var(--mono);
  font-weight:900;
}
.res-detail-more-btn:hover{
  border-color:color-mix(in srgb, var(--accent) 52%, var(--border2));
  background:color-mix(in srgb, var(--accent) 9%, var(--surface));
}


.res-detail-sheet.is-return-underlay{
  z-index:299 !important;
  animation:none !important;
  transform:none !important;
  opacity:1 !important;
  pointer-events:none !important;
  box-shadow:0 0 0 100vw var(--bg);
}
.res-detail-sheet.is-return-underlay .res-detail-topbar,
.res-detail-sheet.is-return-underlay .res-detail-body{
  animation:none !important;
  transform:none !important;
  opacity:1 !important;
}


.preview-sheet.is-resonance-detail-preview{
  z-index:10020;
}


.tl-modal-overlay{
  z-index:10040;
}
#imgZoomOverlay{
  z-index:10050 !important;
}
.report-sheet-overlay{
  z-index:10042;
}
.report-sheet{
  z-index:10043;
}


#tlReactPicker,
#hlReactPicker{
  z-index:10070 !important;
}
.like-particle,
.empathy-particle,
.confetti-piece{
  z-index:10080 !important;
}



.share-actions{margin-top:14px;display:flex;flex-direction:column;gap:8px;}
.share-btn-p{border-radius:12px;padding:13px;text-align:center;font-size:13px;font-weight:800;background:var(--accent);color:var(--on-accent,#fff);cursor:pointer;border:none;width:100%;font-family:var(--font);box-shadow:0 10px 24px color-mix(in srgb, var(--accent) 24%, transparent);}
.share-btn-s{border-radius:12px;padding:12px;text-align:center;font-size:13px;font-weight:650;background:var(--surface);border:1px solid var(--border2);color:var(--t2);cursor:pointer;width:100%;font-family:var(--font);}
.share-btn-p:focus-visible,.share-btn-s:focus-visible,.resume-share-option:focus-visible,.resume-share-close:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 68%, transparent);outline-offset:2px;}

.resume-share-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:12200;}
.resume-share-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%, 105%);width:min(480px,100%);max-width:480px;background:var(--surface);border:1px solid var(--border2);border-bottom:none;border-radius:22px 22px 0 0;box-shadow:0 -18px 50px rgba(0,0,0,.26);z-index:12201;padding:16px 16px max(18px, env(safe-area-inset-bottom));transition:transform .24s ease;color:var(--t1);}
.resume-share-sheet.open{transform:translate(-50%,0);}
.resume-share-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px;}
.resume-share-kicker{font-size:10px;letter-spacing:.14em;font-weight:900;color:var(--accent);line-height:1.1;margin-bottom:5px;}
.resume-share-title{font-size:17px;font-weight:900;letter-spacing:-.02em;color:var(--t1);}
.resume-share-close{width:34px;height:34px;border-radius:999px;border:1px solid var(--border2);background:var(--bg2);color:var(--t2);cursor:pointer;font-family:var(--font);font-weight:900;}
.resume-share-note{font-size:12px;color:var(--t3);line-height:1.6;margin-bottom:12px;}
.resume-share-options{display:flex;flex-direction:column;gap:8px;}
.resume-share-option{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--border2);background:var(--bg2);border-radius:14px;padding:11px 12px;color:var(--t1);font-family:var(--font);cursor:pointer;}
.resume-share-option.primary{border-color:color-mix(in srgb, var(--accent) 46%, var(--border2));background:color-mix(in srgb, var(--accent) 12%, var(--bg2));}
.resume-share-option-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:12px;background:var(--surface2);border:1px solid var(--border2);font-size:15px;font-weight:900;color:var(--accent);}
.resume-share-option strong{display:block;font-size:13px;line-height:1.25;color:var(--t1);}
.resume-share-option small{display:block;font-size:11px;line-height:1.45;color:var(--t4);margin-top:2px;}
@media (hover:hover){.share-btn-p:hover,.share-btn-s:hover,.resume-share-option:hover,.resume-share-close:hover{filter:brightness(1.04);}}

.resume-share-option.has-variants{cursor:default;}
@media (hover:hover){.resume-share-option.has-variants:hover{filter:none;}}
.resume-share-option-tx{flex:1 1 auto;min-width:0;}
.resume-share-variants{display:flex;gap:6px;flex:0 0 auto;}
.resume-share-variant{min-width:56px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--border2);font-family:var(--font);font-size:12px;font-weight:800;cursor:pointer;}
.resume-share-variant.is-light{background:#F8F8F4;color:#1F2A24;}
.resume-share-variant.is-dark{background:#1B2A22;color:#FFFFFF;border-color:#1B2A22;}
.resume-share-variant:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 68%, transparent);outline-offset:2px;}
@media (hover:hover){.resume-share-variant:hover{filter:brightness(1.06);}}



.resume-share-body{padding:2px 0 4px;font-family:var(--font);}
.resume-share-sec{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--t3);margin:12px 2px 8px;}
.resume-share-body > .resume-share-sec:first-child{margin-top:4px;}
.resume-share-sec-ic{width:22px;height:22px;border-radius:6px;background:rgba(47,107,79,.12);color:#2F6B4F;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;}
.resume-share-sns{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;}
.resume-share-sns-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:4px 0;cursor:pointer;font-family:inherit;color:inherit;}
.resume-share-sns-btn[hidden]{display:none;}
.resume-share-sns-ic{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:15px;}
.resume-share-sns-ic.is-x{background:#000;}

.resume-share-sns-ic img{display:block;}
.resume-share-sns-ic.is-x img{width:20px;height:20px;object-fit:contain;}
.resume-share-sns-ic.is-logo{background:none;}
.resume-share-sns-ic.is-logo img{width:48px;height:48px;}
.resume-share-sns-ic.is-plain{background:var(--bg3,#eee);color:var(--t1);border:1px solid var(--border);}
.resume-share-sns-lb{font-size:11px;color:var(--t2);font-weight:600;white-space:nowrap;}
.resume-share-media{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.resume-share-card{border:1px solid var(--border);border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface,#fff);}
.resume-share-thumb{width:34px;height:56px;border-radius:6px;border:1.5px solid var(--t3);display:flex;align-items:center;justify-content:center;color:var(--t3);font-size:13px;}
.resume-share-thumb.is-card{width:44px;}
.resume-share-card-t{font-size:12px;font-weight:700;color:var(--t1);text-align:center;line-height:1.3;}
.resume-share-card-v{display:flex;gap:4px;width:100%;}
.resume-share-cv{flex:1;font-size:11px;font-weight:700;border-radius:99px;padding:5px 0;cursor:pointer;font-family:inherit;}
.resume-share-cv.is-light{background:#F8F8F4;color:#1B2A22;border:1px solid #d9d9d2;}
.resume-share-cv.is-dark{background:#1B2A22;color:#fff;border:1px solid #1B2A22;}
.resume-share-cv.is-make{background:#2F6B4F;color:#fff;border:1px solid #2F6B4F;}
.resume-share-embed{margin-top:14px;padding:10px 0 0;border:0;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t2);background:none;width:100%;cursor:pointer;font-family:inherit;text-align:left;}
.resume-share-sns-btn:focus-visible,.resume-share-cv:focus-visible,.resume-share-embed:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 68%, transparent);outline-offset:2px;}
@media (hover:hover){.resume-share-sns-btn:hover .resume-share-sns-ic,.resume-share-cv:hover{filter:brightness(1.06);}.resume-share-embed:hover{color:var(--t1);}}


.resume-share-option.is-disabled{
  opacity:.58;
  cursor:not-allowed;
  filter:grayscale(.25);
}
.resume-share-option.is-disabled .resume-share-option-icon{
  color:var(--t4);
}
.resume-share-option.is-disabled strong,
.resume-share-option.is-disabled small{
  color:var(--t4);
}
@media (hover:hover){
  .resume-share-option.is-disabled:hover{
    filter:grayscale(.25);
  }
}


.resume-save-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:12200;}
.resume-save-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%, 105%);width:min(480px,100%);max-width:480px;background:var(--surface);border:1px solid var(--border2);border-bottom:none;border-radius:22px 22px 0 0;box-shadow:0 -18px 50px rgba(0,0,0,.26);z-index:12201;padding:16px 16px max(18px, env(safe-area-inset-bottom));transition:transform .24s ease;color:var(--t1);max-height:88dvh;max-height:94dvh;overflow:auto;} 
.resume-save-sheet.open{transform:translate(-50%,0);}
.resume-save-note{font-size:12.5px;color:var(--t2);line-height:1.7;margin-bottom:12px;text-align:center;}
.resume-save-note small{color:var(--t3);}

.resume-save-imgwrap{display:flex;justify-content:center;padding:6px 20px 14px;}

.resume-save-actions{margin-top:14px;display:flex;flex-direction:column;align-items:stretch;gap:10px;}

#resumeSaveShareBtn{padding:16px;font-size:15px;}

.resume-save-img{max-width:100%;max-height:52vh;max-height:calc(94dvh - 250px);height:auto;filter:drop-shadow(0 6px 20px rgba(0,0,0,.14));-webkit-touch-callout:default;touch-action:manipulation;
  
  
  -webkit-user-select:none;user-select:none;}


.resume-save-sheet .resume-share-hd{
  position:sticky;
  top:0;
  background:var(--surface);
  z-index:3;
  margin:-16px -16px 0;
  padding:14px 16px 6px;
  border-radius:22px 22px 0 0;
}
.resume-save-sheet .resume-save-note{
  position:sticky;
  top:62px;
  background:var(--surface);
  z-index:2;
  margin:0 -16px;
  padding:6px 16px 10px;
}

body:not(.pc-layout) .resume-save-sheet{display:flex;flex-direction:column;overflow:hidden;}
body:not(.pc-layout) .resume-save-sheet > .resume-share-hd,
body:not(.pc-layout) .resume-save-sheet > .resume-save-note,
body:not(.pc-layout) .resume-save-sheet > .resume-save-actions{flex-shrink:0;}
body:not(.pc-layout) .resume-save-sheet > .resume-share-hd,
body:not(.pc-layout) .resume-save-sheet > .resume-save-note{position:static;}   
body:not(.pc-layout) .resume-save-sheet > .resume-save-imgwrap{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;align-items:flex-start;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;}
body:not(.pc-layout) .resume-save-sheet .resume-save-img{max-height:none;}


.resume-save-imgwrap.is-longpress-hint{position:relative;}
.resume-save-imgwrap.is-longpress-hint::after{
  content:'👆 長押しで保存';
  position:absolute;
  bottom:22px;
  left:50%;
  transform:translateX(-50%);
  background:rgba(20,20,20,.78);
  color:#fff;
  padding:7px 14px;
  border-radius:999px;
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  pointer-events:none;
  box-shadow:0 2px 10px rgba(0,0,0,.18);
  white-space:nowrap;
  animation: jl-longpress-hint 2.6s ease-in-out infinite;
}
@keyframes jl-longpress-hint{
  0%, 30%, 100% { opacity:1; transform:translate(-50%, 0) scale(1); }
  50%           { opacity:.9; transform:translate(-50%, -4px) scale(1.05); }
  70%           { opacity:1; transform:translate(-50%, 0) scale(1); }
}

@media (prefers-reduced-motion: reduce){
  .resume-save-imgwrap.is-longpress-hint::after{animation:none;}
}



.legal-modal-overlay{
  z-index:13100 !important;
}
.legal-modal-sheet{
  z-index:13101 !important;
  max-height:min(82vh, 720px);
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
}
.legal-modal-sheet.open{
  transform:translateY(0) !important;
}
.legal-modal-body{
  padding:16px 20px calc(40px + env(safe-area-inset-bottom));
  overflow-y:auto;
  max-height:calc(min(82vh, 720px) - 54px);
  line-height:1.8;
  box-sizing:border-box;
  -webkit-overflow-scrolling:touch;
}
@media (min-width: 768px){
  .legal-modal-overlay{
    z-index:13100 !important;
  }
  .legal-modal-sheet{
    z-index:13101 !important;
  }
}



.resume-limit-overlay{
  position:fixed;
  inset:0;
  z-index:10350;
  display:none;
  align-items:flex-end;
  justify-content:center;
  padding:16px;
}
.resume-limit-overlay.open{display:flex;}
.resume-limit-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.38);
  backdrop-filter:blur(3px);
}
.resume-limit-sheet{
  position:relative;
  width:min(420px, calc(100vw - 32px));
  background:var(--surface);
  color:var(--t1);
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:0 22px 70px rgba(15,23,42,.24);
  padding:22px 18px 18px;
}
.resume-limit-close{
  position:absolute;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface2);
  color:var(--t2);
  font-size:18px;
  line-height:1;
}
.resume-limit-kicker{
  display:inline-flex;
  padding:4px 9px;
  border-radius:999px;
  background:var(--bg3);
  color:var(--accent);
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
}

.resume-limit-title{
  margin:12px 0 8px 0;
  font-size:18px;
  line-height:1.35;
  text-wrap:balance;
  word-break:auto-phrase;
}
.resume-limit-desc{
  margin:0;
  color:var(--t2);
  font-size:13px;
  line-height:1.75;
}
.resume-limit-status{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0;
}
.resume-limit-status span{
  display:inline-flex;
  padding:6px 9px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--bg2);
  color:var(--t2);
  font-size:12px;
  font-weight:700;
}
.resume-limit-actions{
  display:grid;
  gap:8px;
  margin-top:12px;
}
.resume-limit-main,
.resume-limit-sub{
  width:100%;
  border-radius:14px;
  padding:12px 14px;
  font-weight:800;
  font-size:14px;
}
.resume-limit-main{
  border:0;
  background:var(--accent);
  color:var(--accentText, #fff);
}
.resume-limit-main:disabled{
  opacity:.48;
  cursor:not-allowed;
}
.resume-limit-sub{
  border:1px solid var(--border);
  background:var(--surface2);
  color:var(--t2);
}
.resume-limit-note{
  margin:10px 0 0;
  color:var(--t4);
  font-size:11px;
  line-height:1.5;
}


.toast{
  left:16px;
  right:16px;
  transform:translateY(12px);
  max-width:calc(100vw - 32px);
  white-space:normal;
  overflow-wrap:anywhere;
  text-align:center;
  border-radius:18px;
}
.toast.show{transform:translateY(0);}


#toastEl{
  position:fixed;
  top:50%; left:50%; right:auto; bottom:auto;
  width:auto; max-width:min(92vw, 520px);
  transform:translate(-50%,-50%) scale(.94);
  white-space:pre-line; overflow-wrap:anywhere; text-align:center;
  font-size:16px; line-height:1.55; font-weight:600;
  padding:18px 22px; border-radius:16px;
  background:var(--surface); color:var(--t1);
  border:1px solid var(--border2);
  box-shadow:0 14px 44px rgba(0,0,0,.22);
  z-index:2147483000; opacity:0; pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
}
#toastEl.show{ opacity:1; transform:translate(-50%,-50%) scale(1); }

#toastEl.toast--ok{   border:2px solid var(--accent); }
#toastEl.toast--warn{ border:2px solid var(--danger); width:calc(100% - 20px); max-width:460px; }

#toastEl:not(.toast--warn){ width:max-content; }
#toastEl{ word-break:auto-phrase; text-wrap:balance; }



.res-detail-related{
  padding:9px;
}
.res-detail-related-content{
  gap:8px;
}
.res-detail-related-group + .res-detail-related-group{
  padding-top:8px;
}
.res-detail-related-title{
  margin-bottom:6px;
}
.res-detail-chip-list button{
  min-height:28px;
  padding:5px 8px;
}


.res-detail-related{
  padding:10px;
  overflow:hidden;
}
.res-detail-related-content{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.res-detail-related-group + .res-detail-related-group{
  margin-top:0;
  padding-top:12px;
  border-top:1px solid var(--border);
}
.res-detail-related-title{
  margin:0 2px 8px;
  font-size:11px;
  line-height:1.25;
}
.res-detail-chip-list--scroll{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:0 2px 3px;
  margin:0 -2px;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.res-detail-chip-list--scroll::-webkit-scrollbar{
  display:none;
}
.res-detail-chip-list--scroll .res-detail-chip{
  flex:0 0 auto;
  text-align:left;
}
.res-detail-chip-list--scroll .res-detail-chip.is-tag{
  max-width:min(64vw, 220px);
  min-height:30px;
  padding:6px 10px;
  font-size:11px;
  white-space:nowrap;
  align-items:center;
  justify-content:flex-start;
  gap:5px;
  line-height:1;
}
.res-detail-chip-list--scroll .res-detail-chip.is-tag span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  line-height:1.2;
}
.res-detail-chip-list--scroll .res-detail-chip.is-tag b{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  font-size:10px;
  line-height:1.2;
  margin-top:0;
}

@media (max-width:360px){
}


.route-timeline-list::before{
  left:8px;
  width:6px;
  background:radial-gradient(circle, color-mix(in srgb, var(--theme-tl-line-color, var(--accent2)) 78%, var(--border2)) 1.5px, transparent 2px) center top / 6px 12px repeat-y;
  opacity:.72;
}
.route-timeline-list::after{
  content:"";
  position:absolute;
  left:8px;
  top:12px;
  width:6px;
  height:6px;
  border-radius:999px;
  background:var(--theme-tl-flow-color, var(--accent));
  border:1px solid var(--surface);
  box-shadow:0 0 0 2px color-mix(in srgb, var(--theme-tl-flow-color, var(--accent)) 18%, transparent);
  pointer-events:none;
  z-index:1;
  animation:routeTimelineFlowMarker 2.5s ease-in-out 3 both;
}
.route-timeline-node{
  border-color:color-mix(in srgb, var(--theme-tl-node-color, var(--accent2)) 62%, var(--border2));
}
.route-timeline-node span{
  background:var(--theme-tl-node-color, var(--accent2));
}
@keyframes routeTimelineFlowMarker{
  0%{top:12px;opacity:0;}
  5%{opacity:.92;}
  90%{opacity:.92;}
  100%{top:calc(100% - 24px);opacity:0;}
}
@media (prefers-reduced-motion: reduce){
  .route-timeline-list::after{
    animation:none;
    top:12px;
    opacity:.58;
  }
}
@media (max-width:360px){
  .route-timeline-list::before{left:7px;}
  .route-timeline-list::after{left:7px;}
}


.route-timeline-more-wrap{
  padding:10px 0 calc(12px + env(safe-area-inset-bottom,0px)) 30px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.route-timeline-visible-count{
  font-size:11px;
  font-weight:800;
  color:var(--t4);
  line-height:1.3;
}
.route-timeline-more-btn{
  appearance:none;
  min-height:42px;
  min-width:148px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border:1px solid color-mix(in srgb,var(--accent) 34%,var(--border2));
  border-radius:999px;
  background:linear-gradient(180deg,var(--surface),color-mix(in srgb,var(--accent) 7%,var(--bg2)));
  color:var(--accent);
  font-family:var(--font);
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(15,23,42,.06);
}
.route-timeline-more-btn span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  padding:2px 7px;
  border-radius:999px;
  background:color-mix(in srgb,var(--accent) 10%,var(--bg3));
  border:1px solid color-mix(in srgb,var(--accent) 24%,var(--border));
  color:var(--accent);
  font-family:var(--mono);
  font-size:10px;
  line-height:1;
}
.route-timeline-more-btn:active{
  transform:translateY(1px);
  box-shadow:0 1px 5px rgba(15,23,42,.08);
}
.route-timeline-more-btn:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
}
.route-timeline-end-label{
  font-size:11px;
  font-weight:800;
  color:var(--t5);
  border:1px solid var(--border);
  background:var(--bg3);
  border-radius:999px;
  padding:6px 10px;
}
@media (max-width:360px){
  .route-timeline-more-wrap{padding-left:28px;}
  .route-timeline-more-btn{min-width:136px;min-height:40px;font-size:12px;}
}


.route-timeline-row{
  padding:10px 11px 10px 12px;
  cursor:pointer;
}
.route-timeline-row::before{
  display:none;
}
.route-timeline-node{
  left:-22.5px;
  
  width:7px;
  height:7px;
  border:0;
  background:var(--theme-tl-node-color, var(--accent2));
  box-shadow:0 0 0 2px var(--bg);
}
.route-timeline-node span{
  display:none;
}
.route-timeline-top{
  gap:10px;
}
.route-timeline-author{
  min-width:0;
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:right;
  font-size:10.5px;
  font-weight:800;
  color:var(--t5);
  line-height:1.2;
}
.route-timeline-text{
  font-weight:800;
}
.route-timeline-meta{
  display:none;
}
@media (max-width:360px){
  .route-timeline-row{padding:9px 10px 9px 12px;}
  .route-timeline-node{left:-21px;width:6px;height:6px;}
  .route-timeline-author{font-size:10px;}
}


.route-timeline-row.is-highlight{
  background:var(--surface);
  box-shadow:none;
  padding:10px 11px;
  gap:0;
}
.route-timeline-row.is-highlight .route-timeline-card-main{
  gap:6px;
}
.route-timeline-row.is-highlight .route-timeline-top{
  display:flex;
  align-items:flex-start;
  gap:7px;
  min-width:0;
}
.route-timeline-row.is-highlight .route-timeline-av{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border-radius:8px;
  overflow:hidden;
  font-size:14px;
  line-height:1;
}
.route-timeline-row.is-highlight .route-timeline-av img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.route-timeline-row.is-highlight .route-timeline-av span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.route-timeline-row.is-highlight .route-timeline-name-block{
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
  flex:1;
}
.route-timeline-row.is-highlight .route-timeline-user{
  min-width:0;
  font-size:11.5px;
  font-weight:900;
  color:var(--t2);
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.route-timeline-row.is-highlight .route-timeline-handle{
  display:block;
  min-width:0;
  font-size:10.5px;
  font-weight:600;
  color:var(--t4);
  line-height:1.2;
  overflow:hidden;
  text-overflow:clip;
  white-space:nowrap;
}
.route-timeline-row.is-highlight .route-timeline-badge{
  flex:0 0 auto;
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  font-size:11px;
  font-weight:850;
  color:var(--t3);
}
.route-timeline-row.is-highlight .route-timeline-text{
  font-size:14px;
  line-height:1.45;
  font-weight:900;
  color:var(--t1);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  min-width:0;
  padding-bottom:8px;
  border-bottom:1px solid var(--border);
  display:block;
  -webkit-line-clamp:unset;
  -webkit-box-orient:unset;
}
.route-timeline-row.is-highlight .route-timeline-episode{
  display:flex;
  align-items:baseline;
  gap:7px;
  min-width:0;
}
.route-timeline-row.is-highlight .route-timeline-date-inline{
  flex:0 0 auto;
  font-size:11px;
  font-weight:800;
  color:var(--accent);
  font-family:var(--mono);
  line-height:1.5;
}
.route-timeline-row.is-highlight .route-timeline-detail{
  min-width:0;
  flex:1;
  font-size:12px;
  line-height:1.5;
  color:var(--t3);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
  display:block;
  -webkit-line-clamp:unset;
  -webkit-box-orient:unset;
}


.route-timeline-back,
.route-timeline-close{
  cursor:pointer;
}


.res-detail-related .res-detail-section-label{
  font-size:12px;
  line-height:1.35;
  letter-spacing:.07em;
  margin-bottom:10px;
}
.res-detail-related-title{
  font-size:12px;
  line-height:1.35;
  margin-bottom:9px;
}
.res-detail-chip-list--scroll{
  gap:9px;
  padding-bottom:4px;
}
.res-detail-chip-list--scroll .res-detail-chip.is-tag{
  max-width:min(68vw, 250px);
  min-height:34px;
  padding:7px 12px;
  font-size:12px;
  gap:6px;
}
.res-detail-chip-list--scroll .res-detail-chip.is-tag b{
  font-size:11px;
}

@media (max-width:360px){
  .res-detail-related .res-detail-section-label{
    font-size:11.5px;
  }
  .res-detail-related-title{
    font-size:11.5px;
  }
  .res-detail-chip-list--scroll .res-detail-chip.is-tag{
    min-height:32px;
    font-size:11.5px;
  }

}




.my-trash-entry{margin:4px 0 8px;padding:0 14px;}
body.pc-layout .my-trash-entry{padding:0 24px;}

body.pc-layout .my-trash-entry{margin:4px 0 24px;display:flex;justify-content:center;}
body.pc-layout .my-trash-entry-btn{width:fit-content;max-width:100%;padding:7px 14px;border-radius:999px;gap:7px;}
.my-trash-entry[hidden]{display:none !important;}
.my-trash-entry-btn{
  display:flex;align-items:center;gap:10px;width:100%;
  padding:11px 14px;background:var(--surface);border:1px solid var(--border);
  border-radius:12px;cursor:pointer;font-family:var(--font);color:var(--t2);text-align:left;
  transition:border-color .15s, background-color .15s;
}
.my-trash-entry-btn:hover{border-color:var(--border2);background:color-mix(in srgb, var(--surface) 92%, var(--bg3));}
.my-trash-entry-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent);outline-offset:2px;}
.my-trash-entry-icon{font-size:16px;line-height:1;flex:0 0 auto;}
.my-trash-entry-label{flex:1 1 auto;font-size:13px;font-weight:700;color:var(--t2);}
.my-trash-entry-count{flex:0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--bg3);color:var(--t3);font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;}
.my-trash-entry-chevron{flex:0 0 auto;font-size:18px;color:var(--t4);line-height:1;}

.trash-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:12200;}
.trash-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,105%);width:min(480px,100%);max-width:480px;background:var(--surface);border:1px solid var(--border2);border-bottom:none;border-radius:22px 22px 0 0;box-shadow:0 -18px 50px rgba(0,0,0,.26);z-index:12201;padding:16px 16px max(18px,env(safe-area-inset-bottom));transition:transform .24s ease;color:var(--t1);max-height:82dvh;display:flex;flex-direction:column;}
.trash-sheet.open{transform:translate(-50%,0);}
.trash-sheet-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;}
.trash-sheet-title{font-size:15px;font-weight:900;color:var(--t1);}
.trash-sheet-close{width:34px;height:34px;border-radius:999px;border:1px solid var(--border2);background:var(--bg2);color:var(--t2);cursor:pointer;font-family:var(--font);font-weight:900;flex:0 0 auto;}
.trash-sheet-note{font-size:12px;line-height:1.6;color:var(--t4);margin-bottom:10px;}
.trash-list{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:8px;padding-right:2px;}
.trash-empty-note{text-align:center;color:var(--t4);font-size:13px;padding:24px 8px;}
.trash-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;}
.trash-item-av{width:38px;height:38px;flex:0 0 auto;border-radius:10px;background:var(--bg3);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:18px;}
.trash-item-av img{width:100%;height:100%;object-fit:cover;}
.trash-item-main{flex:1 1 auto;min-width:0;}
.trash-item-copy{font-size:14px;font-weight:650;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.trash-item-meta{font-size:11px;color:var(--t4);margin-top:2px;}
.trash-item-restore{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:12px;font-weight:800;cursor:pointer;font-family:var(--font);}
.trash-item-restore:hover{background:color-mix(in srgb, var(--accent) 10%, transparent);}
.trash-item-restore:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 58%, transparent);outline-offset:2px;}
.trash-sheet-foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);}
.trash-empty-btn{width:100%;padding:11px;border-radius:12px;border:1px solid var(--danger, #d9534f);background:transparent;color:var(--danger, #d9534f);font-size:13px;font-weight:800;cursor:pointer;font-family:var(--font);}
.trash-empty-btn:hover:not(:disabled){background:color-mix(in srgb, var(--danger, #d9534f) 10%, transparent);}
.trash-empty-btn:disabled{opacity:.4;cursor:default;}
.trash-confirm-msg{font-size:13px;font-weight:700;color:var(--danger, #d9534f);line-height:1.6;margin-bottom:10px;text-align:center;}
.trash-confirm-row{display:flex;gap:8px;}
.trash-confirm-cancel,.trash-confirm-ok{flex:1;padding:11px;border-radius:12px;font-size:13px;font-weight:800;cursor:pointer;font-family:var(--font);}
.trash-confirm-cancel{border:1px solid var(--border2);background:var(--bg3);color:var(--t2);}
.trash-confirm-ok{border:1px solid var(--danger, #d9534f);background:var(--danger, #d9534f);color:#fff;}


.trash-sheet:not(.open),
.resume-share-sheet:not(.open),
.resume-save-sheet:not(.open){box-shadow:none;}


.work-react-more-work-av{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;margin:-2px 4px -2px -4px;border-radius:50%;overflow:hidden;color:#fff;font-size:9px;font-weight:900;line-height:1}
.work-react-more-work-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}