#screenWorkTimeline{
  padding:0;
  background:var(--bg);
  overflow-y:auto;
}
.work-timeline-page{
  padding:18px 16px 34px;
  color:var(--t1);
}
.wt-hero{
  padding:4px 0 14px;
  margin-bottom:6px;
}
.wt-eyebrow,.wt-section-kicker,.wt-result-kicker,.wt-rec-kicker{
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  color:var(--accent);
}
.wt-title{
  margin:4px 0 2px;
  font-size:28px;
  line-height:1.1;
  letter-spacing:.02em;
}
.wt-kicker{
  display:flex;align-items:center;justify-content:center;gap:5px;
  margin:0 0 3px;
  font-size:11px;
  font-weight:700;
  color:var(--accent);
}
.wt-kicker-icon{
  width:13px;height:13px;flex:0 0 auto;
}
.wt-lead{
  margin:0;
  font-size:15px;
  font-weight:800;
  line-height:1.3;
  color:var(--t1);
  text-align:center;
}
.wt-desc{
  margin:6px 0 0;
  font-size:12px;
  line-height:1.6;
  color:var(--t3);
  text-align:center;
}
.wt-search-card,.wt-result-card,.wt-source-note,.wt-empty-state,.wt-no-result{
  border:1px solid var(--border2);
  border-radius:20px;
  background:color-mix(in srgb, var(--surface) 94%, var(--accent) 6%);
  box-shadow:0 10px 28px rgba(0,0,0,.055);
}
.wt-search-card{
  padding:13px;
  margin-bottom:16px;
}
.wt-search-row{
  display:flex;
  gap:8px;
  align-items:center;
}
.wt-input-wrap{
  flex:1;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:42px;
  padding:0 12px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--bg3);
}
.wt-search-icon{
  width:16px;
  height:16px;
  color:var(--t4);
  flex-shrink:0;
}
.wt-search-input{
  flex:1;
  min-width:0;
  width:0;
  border:none;
  outline:none;
  background:transparent;
  color:var(--t1);
  font-size:14px;
  font-family:var(--font);
}
.wt-search-clear{
  flex:0 0 28px;
  width:28px;
  height:28px;
  border:none;
  border-radius:50%;
  background:var(--t5);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  transition:background .12s;
}
.wt-search-clear:hover{background:var(--t4);}
.wt-search-clear[hidden]{display:none !important;}
.wt-search-btn{
  min-height:42px;
  padding:0 16px;
  border:none;
  border-radius:14px;
  background:var(--accent);
  color:var(--on-accent);
  font-size:13px;
  font-weight:900;
  font-family:var(--font);
  cursor:pointer;
}

.wt-spoiler-note{
  margin:10px 2px 8px;
  color:#8a6f42;
  font-size:11px;
  line-height:1.55;
}


.wt-section-title{
  margin:2px 0 0;
  font-size:18px;
}
.wt-section-note{
  margin:0;
  color:var(--t4);
  font-size:11px;
  line-height:1.5;
  text-align:right;
}
.wt-rec-title{
  font-size:15px;
  font-weight:900;
}
.wt-rec-desc{
  color:var(--t3);
  font-size:12px;
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.wt-result-section{
  scroll-margin-top:16px;
}
.wt-result-card{
  padding:16px 15px 14px;
  margin-bottom:16px;
}

.wt-result-head{
  display:flex;
  flex-direction:column;
  gap:2px;
  margin-bottom:6px;
}
.wt-result-kicker-row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}
.wt-result-title{
  margin:3px 0 3px;
  font-size:21px;
  line-height:1.25;
}
.wt-result-summary{
  width:100%;
  max-width:none;
  margin:0 0 14px;
  color:var(--t3);
  font-size:12px;
  line-height:1.7;
}
.wt-status{
  flex-shrink:0;
  border-radius:999px;
  background:color-mix(in srgb, var(--accent) 13%, transparent);
  color:var(--accent);
  padding:5px 8px;
  font-size:10px;
  font-weight:900;
}

.wt-line-list-wrap{
  position:relative;
  margin-bottom:0;
}
.wt-line-list-wrap--has-more{
  padding-bottom:10px;
}
.wt-line-list-wrap--has-more::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:76px;
  pointer-events:none;
  border-radius:0 0 18px 18px;
  background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--surface) 72%, transparent) 48%, var(--surface) 100%);
  z-index:5;
}
.wt-timeline-more{
  position:relative;
  z-index:6;
  display:flex;
  justify-content:center;
  margin:-8px 0 8px;
  padding:0 0 4px;
}
.wt-timeline-more-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:9px 16px;
  border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));
  border-radius:999px;
  background:color-mix(in srgb, var(--surface) 94%, var(--accent) 6%);
  color:var(--accent);
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  font-family:var(--font);
  font-size:13px;
  font-weight:950;
  cursor:pointer;
}
.wt-timeline-more-btn span{
  color:var(--t4);
  font-size:10px;
  font-weight:850;
}
.wt-timeline-more-btn:active{
  transform:scale(.985);
}
.wt-line-list{
  position:relative;
  padding-left:6px;
  
  --wt-line-x:9.5px;
  --wt-line-color:var(--theme-tl-line-color, var(--accent));
  --wt-node-color:var(--theme-tl-node-color, var(--accent));
  --wt-flow-color:var(--theme-tl-flow-color, var(--accent));
}
.wt-line-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;
}
.wt-line-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;
}
.wt-line-item{
  position:relative;
  display:flex;
  gap:12px;
  width:100%;
  padding:0 0 13px;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-align:left;
  z-index:1;
  cursor:pointer;
}

.wt-line-item-wrap{
  display:flex;
  align-items:stretch;
  gap:6px;
  padding-bottom:13px;
}
.wt-line-item-wrap:last-child{ padding-bottom:0; }
.wt-line-item-wrap > .wt-line-item{
  flex:1 1 auto;
  min-width:0;
  padding-bottom:0;
}
.wt-line-period{
  flex:0 0 auto;
  align-self:stretch;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:26px;
  min-height:62px;
  padding:0;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--bg3);
  color:var(--accent2);
  font-family:var(--font);
  font-size:11px;
  line-height:1;
  cursor:pointer;
  transition:background .12s ease, border-color .12s ease, color .12s ease, transform .1s ease;
}
.wt-line-period:hover{
  background:color-mix(in srgb, var(--accent) 12%, var(--bg3));
  border-color:color-mix(in srgb, var(--accent) 30%, var(--border));
  color:var(--accent);
}
.wt-line-period:active{ transform:scale(.97); }
.wt-line-node{
  position:relative;
  z-index:3;
  
  width:7px;
  height:7px;
  border-radius:50%;
  margin-top:8px;
  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));
  flex-shrink:0;
}
.wt-line-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;
}
.wt-line-item-wrap:nth-child(even) .wt-line-node{
  opacity:.82;
}
@keyframes wtTimelineFlow{
  0%{top:8px;opacity:0;transform:translateX(-50%) scale(.72);}
  8%{opacity:1;}
  88%{opacity:1;}
  100%{top:calc(100% - 18px);opacity:0;transform:translateX(-50%) scale(1);}
}
@keyframes wtTimelineNodePulse{
  0%,100%{opacity:.35;transform:scale(.92);}
  48%{opacity:.75;transform:scale(1.08);}
}
.wt-line-body{
  position:relative;
  display:block;
  flex:1;
  border:1px solid var(--border);
  border-radius:15px;
  padding:10px 11px;
  min-height:62px;
  background:var(--bg3);
  width:100%;
  color:inherit;
  text-align:left;
  font-family:var(--font);
  cursor:pointer;
  transition:background .12s,border-color .12s,transform .12s;
}
.wt-line-item:focus-visible .wt-line-body{
  border-color:color-mix(in srgb, var(--accent) 34%, var(--border));
  background:color-mix(in srgb, var(--bg3) 84%, var(--accent) 16%);
}
.wt-line-item:active .wt-line-body{
  transform:scale(.992);
}

.wt-line-item.wt-line-return-flash .wt-line-body{
  animation:wtEventReturnFlash 1.05s ease-out 1;
  border-color:color-mix(in srgb, var(--accent) 52%, var(--border));
  background:color-mix(in srgb, var(--bg3) 76%, var(--accent) 24%);
}
.wt-line-item.wt-line-return-flash .wt-line-body[data-wt-flash-label]::after{
  content:attr(data-wt-flash-label);
  position:absolute;
  right:8px;
  top:-10px;
  z-index:2;
  border:1px solid color-mix(in srgb, var(--accent) 50%, var(--border));
  border-radius:999px;
  background:var(--surface);
  color:var(--accent);
  font-size:10px;
  font-weight:800;
  line-height:1;
  padding:4px 7px;
  box-shadow:0 8px 18px rgba(15,23,42,.10);
  pointer-events:none;
}
@keyframes wtEventReturnFlash{
  0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 34%, transparent);transform:translateY(0);}
  18%{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-1px);}
  100%{box-shadow:0 0 0 0 transparent;transform:translateY(0);}
}
.wt-line-open{
  position:absolute;
  top:8px;
  right:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--accent) 24%, var(--border));
  background:color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);
  color:var(--accent);
  font-size:14px;
  font-weight:950;
  line-height:1;
  pointer-events:none;
}

.wt-line-cam{
  position:absolute;
  top:7px;
  right:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  font-size:13px;
  line-height:1;
  pointer-events:none;
}
.wt-line-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  row-gap:4px;
  margin-bottom:5px;
  padding-right:34px;
}
.wt-line-body--has-note .wt-line-meta{
  padding-right:62px;
}
.wt-line-body--has-note{
  padding-right:11px;
}
.wt-line-date{
  color:var(--t1);
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}
.wt-line-cat{
  border-radius:999px;
  background:var(--surface);
  color:var(--t3);
  border:1px solid var(--border2);
  padding:2px 7px;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
  flex-shrink:0;
}
.wt-line-label{
  color:var(--t2);
  font-size:13px;
  line-height:1.55;
  font-weight:700;
}
.wt-empty-state,.wt-no-result{
  padding:22px 18px;
  text-align:center;
  margin-bottom:16px;
}
.wt-empty-state--initial{
  padding:18px 16px;
  margin-bottom:14px;
}
.wt-empty-state--initial .wt-empty-icon{
  font-size:22px;
  margin-bottom:6px;
}
.wt-empty-state--initial .wt-empty-title{
  font-size:14px;
}
.wt-empty-icon{
  font-size:26px;
  margin-bottom:8px;
}
.wt-empty-title{
  color:var(--t1);
  font-size:15px;
  font-weight:900;
  margin-bottom:5px;
}
.wt-empty-text{
  color:var(--t3);
  font-size:12px;
  line-height:1.65;
}
.wt-sources{
  margin-top:13px;
  padding-top:11px;
  border-top:1px dashed var(--border);
  color:var(--t4);
  font-size:12px;
}
.wt-sources-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  list-style:none;
  cursor:pointer;
  color:var(--t3);
  font-size:13px;
  font-weight:850;
  padding:8px 0;
}
.wt-sources-summary::-webkit-details-marker{
  display:none;
}
.wt-sources-summary::after{
  content:'＋';
  color:var(--t5);
  font-size:13px;
  font-weight:900;
}
.wt-sources[open] .wt-sources-summary::after{
  content:'−';
}
.wt-sources-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.wt-sources-icon{
  font-size:14px;
  line-height:1;
}
.wt-sources-summary small{
  color:var(--t5);
  font-size:11px;
  font-weight:700;
  margin-left:auto;
}
.wt-sources-list{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  padding:4px 0 2px;
}
.wt-sources a,
.wt-source-text{
  display:block;
  max-width:100%;
  text-decoration:none;
  font-weight:700;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.wt-sources a{
  color:var(--accent);
}
.wt-source-text{
  color:var(--t4);
}
.wt-sources-list small{
  color:var(--t5);
  font-weight:700;
}
.wt-source-note{
  margin-top:13px;
  padding:13px 14px;
  color:var(--t3);
  font-size:12px;
  line-height:1.7;
}
.wt-source-title{
  color:var(--t2);
  font-size:12px;
  font-weight:900;
  margin-bottom:3px;
}
.wt-source-note p{
  margin:0 0 10px;
}
.wt-report-btn{
  width:100%;
  border:1px solid var(--border2);
  border-radius:13px;
  background:var(--surface);
  color:var(--t3);
  padding:10px 12px;
  font-size:12px;
  font-weight:800;
  font-family:var(--font);
  cursor:pointer;
}
@media (min-width:520px){
}


.wt-index-mode-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:4px;
  margin:10px 0 10px;
  padding:4px;
  border:1px solid var(--border2);
  border-radius:999px;
  background:color-mix(in srgb, var(--bg3) 84%, var(--surface) 16%);
}
.wt-index-mode-tab{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  color:var(--t4);
  padding:0 10px;
  font-size:13px;
  font-weight:900;
  font-family:var(--font);
  cursor:pointer;
  text-align:center;
}
.wt-index-mode-tab + .wt-index-mode-tab{
  margin-left:0;
}
.wt-index-mode-tab.active{
  border-color:color-mix(in srgb, var(--accent) 32%, var(--border));
  background:var(--surface);
  color:var(--accent);
  box-shadow:0 6px 14px rgba(0,0,0,.06);
}
.wt-index-mode-tab.active::after{
  content:none;
}
.wt-kana-scroll-wrap{
  position:relative;
  margin:2px -3px 0;
}

.wt-kana-tabs,.wt-theme-tabs{
  display:flex;
  flex-wrap:nowrap;
  gap:7px;
  padding:0 3px 2px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.wt-kana-tabs::-webkit-scrollbar,.wt-theme-tabs::-webkit-scrollbar{
  display:none;
}
.wt-kana-tabs[hidden],.wt-theme-tabs[hidden],.wt-kana-list[hidden],.wt-theme-list[hidden]{
  display:none !important;
}
.wt-kana-tab,.wt-theme-tab{
  flex-shrink:0;
  scroll-snap-align:start;
  border:1px solid var(--border2);
  border-radius:999px;
  background:var(--surface);
  color:var(--t3);
  padding:7px 12px;
  font-size:12px;
  font-weight:900;
  font-family:var(--font);
  cursor:pointer;
  transition:background .12s,border-color .12s,color .12s,transform .12s;
}
.wt-kana-tab.active,.wt-theme-tab.active{
  border-color:color-mix(in srgb, var(--accent) 58%, var(--border));
  background:color-mix(in srgb, var(--accent) 14%, var(--surface));
  color:var(--accent);
}
.wt-kana-tab:active,.wt-theme-tab:active{transform:scale(.97);}
.wt-swipe-hint{
  margin:4px 3px 0;
  text-align:right;
  font-size:10px;
  font-weight:800;
  font-family:var(--font);
  color:var(--t4);
  letter-spacing:.05em;
  opacity:.8;
  pointer-events:none;
}


.wt-kana-list,.wt-theme-list{
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-bottom:12px;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--surface);
  padding:2px 14px;
}

.wt-result-card .wt-kana-list,
.wt-result-card .wt-theme-list{
  border:0;
  background:transparent;
  padding:0;
  margin-bottom:0;
}
.wt-kana-card,.wt-theme-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  width:100%;
  text-align:left;
  border:0;
  border-bottom:1px dotted var(--border2);
  border-radius:0;
  padding:14px 0;
  background:transparent;
  color:var(--t1);
  font-family:var(--font);
  cursor:pointer;
}
.wt-kana-card:last-child,.wt-theme-card:last-child{
  border-bottom:0;
}
.wt-kana-empty{
  border:1px dashed var(--border2);
  border-radius:14px;
  padding:12px;
  color:var(--t4);
  background:color-mix(in srgb, var(--surface) 80%, transparent);
  font-size:12px;
  font-weight:800;
  text-align:center;
}
.wt-more-btn{
  width:100%;
  margin-top:10px;
  border:1px solid var(--border2);
  border-radius:999px;
  background:var(--surface);
  color:var(--t2);
  min-height:40px;
  padding:0 14px;
  font-size:13px;
  font-weight:900;
  font-family:var(--font);
  cursor:pointer;
}
.wt-more-btn[hidden]{display:none !important;}



.wt-page-source-note{
  margin-top:14px;
  margin-bottom:0;
}



.wt-rec-kicker{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.wt-rec-year-pill{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:3px 8px;
  border-radius:999px;
  background:color-mix(in srgb, var(--accent) 14%, var(--surface));
  border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));
  color:var(--accent);
  font-size:10px;
  font-weight:950;
  line-height:1;
  letter-spacing:.04em;
}
.wt-rec-count{
  color:var(--t5);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
}


body.wt-event-open{
  overflow:hidden;
}
.wt-event-modal[hidden]{
  display:none !important;
}
.wt-event-modal{
  z-index:10010;
}
.wt-event-sheet{
  max-width:320px;
}
.wt-event-detail-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.wt-event-detail-date-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-width:0;
}
.wt-event-detail-date{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 10px;
  border-radius:5px;
  background:color-mix(in srgb, var(--accent) 18%, var(--surface));
  color:var(--accent);
  font-size:12px;
  font-weight:950;
  line-height:1;
}
.wt-event-detail-cat{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid var(--border2);
  background:var(--surface);
  color:var(--t3);
  font-size:10px;
  font-weight:900;
}
.wt-event-detail-reaction-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 13px;
}
.wt-event-react-counts{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:26px;
  flex-wrap:wrap;
  padding:0 4px 8px;
}
.wt-event-react-counts[hidden]{
  display:none !important;
}
.wt-event-detail-react-btn{
  flex:0 0 auto;
  white-space:nowrap;
}
.wt-event-detail-react-btn.active{
  background:var(--accent2);
  color:#fff;
}
.wt-event-detail-label{
  color:var(--t2);
  font-size:14px;
  line-height:1.7;
  font-weight:850;
  overflow-wrap:anywhere;
}
.wt-event-detail-divider{
  height:1px;
  margin:14px 0 13px;
  background:color-mix(in srgb, var(--accent) 24%, var(--border));
}
.wt-event-detail-draft-btn{
  width:100%;
  min-height:44px;
  border:1px solid color-mix(in srgb, var(--accent) 42%, var(--border));
  border-radius:13px;
  background:color-mix(in srgb, var(--accent) 10%, var(--surface));
  color:var(--accent);
  font-family:var(--font);
  font-size:13px;
  font-weight:950;
  cursor:pointer;
}
.wt-event-detail-close-btn{
  display:block;
  width:auto;
  min-width:128px;
  margin:18px auto 0;
  padding:9px 22px;
}
.wt-event-detail-x-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin:24px auto 16px;
  border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));
  border-radius:999px;
  background:color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);
  color:var(--accent3);
  box-shadow:0 5px 12px rgba(15,23,42,.08);
  font-family:var(--font);
  font-size:15px;
  font-weight:950;
  line-height:1;
  cursor:pointer;
}
.wt-event-detail-report-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin:0 auto;
  padding:4px 6px;
  border:0;
  background:transparent;
  color:var(--t3);
  font-family:var(--font);
  font-size:13px;
  font-weight:700;
  line-height:1.5;
  text-decoration:underline;
  text-underline-offset:2px;
  cursor:pointer;
}
.wt-event-detail-report-link::before{
  content:'⚑';
  font-size:12px;
  line-height:1;
  opacity:.85;
}
.wt-event-detail-react-btn:active,
.wt-event-detail-draft-btn:active,
.wt-event-detail-close-btn:active,
.wt-event-detail-x-btn:active,
.wt-event-detail-report-link:active{
  transform:scale(.97);
}


.wt-event-actions{
  position:absolute;
  top:8px;
  right:8px;
  z-index:5;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}
.wt-icon-action{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:27px;
  height:27px;
  border:1px solid var(--border2);
  border-radius:999px;
  background:color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);
  color:var(--t3);
  padding:0;
  font-family:var(--font);
  cursor:pointer;
  box-shadow:0 4px 12px rgba(0,0,0,.055);
  transition:background .12s,border-color .12s,color .12s,transform .12s;
}
.wt-icon-action svg{
  width:14px;
  height:14px;
  fill:currentColor;
}
.wt-icon-action:hover,
.wt-icon-action.active{
  border-color:color-mix(in srgb, var(--accent) 42%, var(--border));
  background:color-mix(in srgb, var(--accent) 13%, var(--surface));
  color:var(--accent);
}
.wt-action-badge{
  position:absolute;
  right:-3px;
  top:-4px;
  min-width:14px;
  height:14px;
  padding:0 4px;
  border-radius:999px;
  background:var(--accent);
  color:var(--on-accent);
  font-size:9px;
  font-weight:950;
  line-height:15px;
  box-shadow:0 0 0 2px var(--bg3);
}

.wt-reaction-picker{
  position:fixed;
  z-index:10150;
  min-width:168px;
  max-width:min(260px, calc(100vw - 32px));
  padding:6px;
  border:1px solid var(--border2);
  border-radius:14px;
  background:var(--surface);
  box-shadow:0 4px 20px rgba(0,0,0,.15);
}
.wt-reaction-picker .wt-reaction-item{
  width:100%;
  border:0;
  background:transparent;
  font-family:var(--font);
  text-align:left;
}
.wt-reaction-picker .wt-reaction-emoji{
  width:24px;
  flex:0 0 24px;
  font-size:18px;
  line-height:1;
  text-align:center;
}
.wt-reaction-picker .wt-reaction-label{
  flex:1 1 auto;
  min-width:0;
  font-size:13px;
  color:var(--t2);
}
.wt-reaction-picker .wt-reaction-check{
  flex:0 0 auto;
  margin-left:auto;
  color:var(--accent);
  font-size:12px;
  font-weight:950;
}

body.wt-reaction-open{
  overflow:hidden;
}
.wt-reaction-modal[hidden]{
  display:none !important;
}
.wt-reaction-modal{
  position:fixed;
  inset:0;
  z-index:10020;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.wt-reaction-backdrop{
  position:absolute;
  inset:0;
  border:0;
  padding:0;
  margin:0;
  background:rgba(15,23,42,.48);
  backdrop-filter:blur(8px);
  cursor:pointer;
}
.wt-reaction-sheet{
  position:relative;
  z-index:1;
  width:min(300px, calc(100vw - 48px));
  max-height:min(620px, calc(100vh - 64px));
  overflow:auto;
  border:1px solid color-mix(in srgb, var(--border2) 82%, transparent);
  border-radius:22px;
  background:var(--surface);
  box-shadow:0 22px 60px rgba(0,0,0,.24);
  padding:14px;
}
.wt-reaction-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.wt-reaction-kicker{
  color:var(--t5);
  font-size:10px;
  font-weight:950;
  letter-spacing:.14em;
}
.wt-reaction-title{
  margin:2px 0 0;
  color:var(--t1);
  font-size:15px;
  font-weight:950;
  line-height:1.35;
}
.wt-reaction-close{
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border:1px solid var(--border);
  border-radius:999px;
  background:var(--surface2);
  color:var(--t3);
  font-size:18px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.wt-reaction-list{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding-top:4px;
}
.wt-reaction-item{
  width:100%;
  border:0;
  background:transparent;
  font-family:var(--font);
}
.wt-reaction-emoji{
  width:24px;
  flex:0 0 24px;
  font-size:20px;
  line-height:1;
  text-align:center;
}
.wt-reaction-label{
  flex:1 1 auto;
  min-width:0;
  font-size:13px;
  color:var(--t2);
}
.wt-reaction-check{
  flex:0 0 auto;
  margin-left:auto;
  color:var(--accent);
  font-size:12px;
  font-weight:950;
}
.wt-reaction-item:active,
.wt-icon-action:active,
.wt-draft-copy:active,
.wt-draft-sub:active{
  transform:scale(.96);
}
.wt-draft-btn{
  color:var(--t4);
}

body.wt-draft-open{
  overflow:hidden;
}
.wt-draft-modal[hidden]{
  display:none !important;
}
.wt-draft-modal{
  position:fixed;
  inset:0;
  z-index:10030;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}
.wt-draft-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.42);
  backdrop-filter:blur(8px);
}
.wt-draft-sheet{
  position:relative;
  z-index:1;
  width:min(430px, 100%);
  max-height:min(760px, calc(100vh - 36px));
  overflow:auto;
  border:1px solid var(--border2);
  border-radius:24px;
  background:var(--surface);
  color:var(--t1);
  box-shadow:0 24px 70px rgba(0,0,0,.26);
  padding:17px 16px 16px;
}
.wt-draft-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}
.wt-draft-kicker{
  color:var(--accent);
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
}
.wt-draft-title{
  margin:3px 0 0;
  font-size:18px;
  line-height:1.35;
}
.wt-draft-close{
  flex:0 0 34px;
  width:34px;
  height:34px;
  border:1px solid var(--border2);
  border-radius:999px;
  background:var(--bg3);
  color:var(--t3);
  font-size:18px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
.wt-draft-desc{
  margin:0 0 12px;
  color:var(--t3);
  font-size:12px;
  line-height:1.65;
}
.wt-draft-preview{
  display:grid;
  gap:8px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--bg3);
  padding:12px;
}
.wt-draft-row{
  display:grid;
  grid-template-columns:64px 1fr;
  align-items:start;
  gap:10px;
  padding:9px 10px;
  border:1px solid color-mix(in srgb, var(--border) 72%, transparent);
  border-radius:14px;
  background:var(--surface);
}
.wt-draft-row span{
  color:var(--t3);
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
}
.wt-draft-row strong{
  min-width:0;
  color:var(--t1);
  font-size:14px;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.wt-draft-row-title strong{
  font-size:15px;
}
.wt-draft-note{
  color:var(--t3);
  font-size:12px;
  line-height:1.6;
  padding:2px 4px 0;
}
.wt-draft-actions{
  display:flex;
  gap:9px;
  margin-top:12px;
}
.wt-draft-copy,
.wt-draft-sub{
  flex:1;
  min-height:42px;
  border-radius:999px;
  font-family:var(--font);
  font-size:13px;
  font-weight:950;
  cursor:pointer;
}
.wt-draft-copy{
  border:none;
  background:var(--accent);
  color:var(--on-accent);
}
.wt-draft-sub{
  border:1px solid var(--border2);
  background:var(--surface);
  color:var(--t3);
}
@media (max-width:519px){
  .wt-draft-modal{
    align-items:flex-end;
    padding:10px;
  }
  .wt-draft-sheet{
    max-height:calc(100vh - 20px);
    border-radius:22px;
  }
}


.wt-event-draft-header{
  align-items:flex-start;
}

.wt-event-draft-actions{
  display:grid;
  gap:10px;
  margin-top:12px;
}

.wt-event-sheet .wt-draft-preview{
  margin-top:12px;
}

.wt-event-sheet .wt-draft-desc{
  margin-top:10px;
}


.wt-draft-target-block{
  margin-top:14px;
}
.wt-draft-target-title{
  margin:0 0 3px;
  color:var(--t2);
  font-size:12px;
  font-weight:900;
  text-align:center;
}

.wt-draft-target-sub{
  margin:0 0 10px;
  color:var(--t3);
  font-size:11px;
  font-weight:600;
  text-align:center;
  line-height:1.45;
}
.wt-draft-target-list{
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:18px;
  background:var(--bg3);
}
.wt-draft-target{
  display:grid;
  grid-template-columns:auto 42px 1fr;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:8px 10px;
  border:1px solid color-mix(in srgb, var(--border) 72%, transparent);
  border-radius:14px;
  background:var(--surface);
  cursor:pointer;
}
.wt-draft-target input{
  width:16px;
  height:16px;
  accent-color:var(--accent);
}
.wt-draft-target-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:10px;
  background:var(--bg2);
  color:var(--t2);
  font-size:18px;
  font-weight:950;
  overflow:hidden;
}
.wt-draft-target-icon img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.wt-draft-target-icon-new{
  background:color-mix(in srgb, var(--accent) 14%, var(--surface));
  color:var(--accent);
}
.wt-draft-target-main{
  min-width:0;
  display:grid;
  gap:3px;
}
.wt-draft-target-main strong{
  color:var(--t1);
  font-size:13px;
  line-height:1.35;
  overflow-wrap:anywhere;
}
.wt-draft-target-main small{
  color:var(--t3);
  font-size:10px;
  line-height:1.35;
}
.wt-draft-submit{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
  line-height:1.2;
}
.wt-draft-submit small{
  font-size:10px;
  font-weight:800;
  opacity:.82;
}

.wt-draft-saved-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:16px;
}
.wt-draft-saved-actions .wt-event-detail-close-btn,
.wt-draft-saved-actions .wt-event-detail-draft-btn{
  width:100%;
  margin:0;
}
.wt-draft-saved-sub{
  background:var(--bg3);
}
.wt-draft-saved-main{
  min-height:42px;
}


.wt-draft-target.is-disabled{
  opacity:.58;
  cursor:not-allowed;
}
.wt-draft-target.is-disabled input{
  cursor:not-allowed;
}
.wt-draft-target.is-disabled .wt-draft-target-icon-new{
  filter:grayscale(1);
}


.work-timeline-page{
  padding-left:8px !important;
  padding-right:8px !important;
}
.wt-hero,
.wt-search-card,
.wt-result-card,
.wt-source-note,
.wt-empty-state,
.wt-no-result{
  margin-left:0 !important;
  margin-right:0 !important;
}
.wt-index-mode-tabs{
  margin-left:0 !important;
  margin-right:0 !important;
}
.wt-kana-tabs,
.wt-theme-tabs{
  gap:6px !important;
}
.wt-kana-card,
.wt-theme-card{
  padding:12px 0 !important;
}
.wt-event-modal .wt-event-sheet{
  width:min(430px, calc(100vw - 16px)) !important;
  max-width:min(430px, calc(100vw - 16px)) !important;
  padding:18px 16px 18px !important;
  max-height:calc(100vh - 20px) !important;
  max-height:calc(100dvh - 20px) !important;
  overflow-y:auto !important;
  box-sizing:border-box !important;
}
.wt-draft-modal{
  padding:8px !important;
}
.wt-draft-sheet{
  width:min(430px, calc(100vw - 16px)) !important;
  max-height:calc(100vh - 16px) !important;
  overflow-y:auto !important;
  padding:16px 14px 14px !important;
  box-sizing:border-box !important;
}
.wt-draft-preview,
.wt-draft-target-list{
  padding:10px !important;
}
.wt-draft-row{
  grid-template-columns:58px 1fr !important;
  gap:8px !important;
  padding:8px 9px !important;
}
.wt-draft-target{
  grid-template-columns:auto 40px 1fr !important;
  gap:8px !important;
  padding:8px !important;
}
.wt-draft-target-icon{
  width:40px !important;
  height:40px !important;
}
.wt-event-draft-actions{
  justify-items:center !important;
}
.wt-event-draft-actions .wt-draft-submit{
  width:min(260px, 100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.wt-event-draft-actions .wt-event-detail-close-btn{
  width:min(320px, 100%) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}



#workTimelineEventModal.wt-event-modal.open{
  display:flex;
}
#workTimelineEventModal.wt-event-modal .wt-event-sheet{
  width:min(430px, calc(100vw - 16px));
  max-width:min(430px, calc(100vw - 16px));
  max-height:calc(100vh - 20px);
  overflow-y:auto;
  padding:18px 16px 18px;
  border-radius:22px;
  box-sizing:border-box;
}
#workTimelineEventModal #workTimelineEventContent{
  display:flex;
  flex-direction:column;
  gap:0;
}
#workTimelineEventModal .wt-event-detail-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:18px;
}
#workTimelineEventModal .wt-event-detail-date-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  min-width:0;
}
#workTimelineEventModal .wt-event-detail-date{
  min-height:auto;
  padding:0;
  border-radius:0;
  background:transparent;
  color:var(--accent);
  font-size:12px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.04em;
}
#workTimelineEventModal .wt-event-detail-cat{
  min-height:auto;
  padding:3px 8px;
  border:0;
  border-radius:999px;
  background:rgba(74,85,104,.08);
  color:var(--accent3);
  font-size:10px;
  font-weight:800;
  line-height:1.4;
  letter-spacing:.06em;
}
#workTimelineEventModal .wt-event-detail-react-btn{
  flex:0 0 auto;
  min-height:30px;
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  white-space:nowrap;
}
#workTimelineEventModal .wt-event-react-counts{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:0;
  flex-wrap:wrap;
  padding:0 0 12px;
}
#workTimelineEventModal .wt-event-react-counts[hidden]{
  display:none !important;
}
#workTimelineEventModal .wt-event-detail-label{
  margin:0 0 14px;
  color:var(--t2);
  font-size:17px;
  font-weight:900;
  line-height:1.6;
  letter-spacing:.015em;
  overflow-wrap:anywhere;
}
#workTimelineEventModal .wt-event-detail-divider{
  width:100%;
  height:1px;
  margin:0 0 15px;
  background:linear-gradient(90deg, rgba(74,85,104,.08), rgba(74,85,104,.34), rgba(74,85,104,.08));
}
#workTimelineEventModal .wt-event-detail-note{
  margin:0 0 22px;
  padding:0 1px;
  color:var(--ink, var(--t2));
  font-size:15px;
  line-height:1.85;
  letter-spacing:.025em;
  opacity:.88;
  text-align:left;
}
#workTimelineEventModal .wt-event-detail-note-typing{
  min-height:1.85em;
}
#workTimelineEventModal .wt-event-detail-note-typing.typing::after{
  content:'';
  display:inline-block;
  width:1px;
  height:1.05em;
  margin-left:3px;
  vertical-align:-.14em;
  background:currentColor;
  animation:wtEventNoteCaret .72s steps(1,end) infinite;
}
#workTimelineEventModal .wt-event-detail-actions{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  margin-top:2px;
}
#workTimelineEventModal .wt-event-detail-draft-btn{
  width:100%;
  max-width:280px;
  min-height:42px;
  border-radius:999px;
  font-weight:900;
  letter-spacing:.03em;
}
#workTimelineEventModal .wt-event-detail-draft-note{
  display:none;
}
#workTimelineEventModal .wt-event-detail-close-btn{
  margin-top:18px;
  min-width:120px;
}
#workTimelineEventModal .wt-event-detail-x-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  margin:24px auto 16px;
  border:1px solid color-mix(in srgb, var(--accent) 18%, var(--border));
  border-radius:999px;
  background:color-mix(in srgb, var(--surface) 92%, var(--accent) 8%);
  color:var(--accent3);
  box-shadow:0 5px 12px rgba(15,23,42,.08);
  font-family:var(--font);
  font-size:15px;
  font-weight:950;
  line-height:1;
  cursor:pointer;
}
#workTimelineEventModal .wt-event-detail-report-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin:0 auto;
  padding:4px 6px;
  border:0;
  background:transparent;
  color:var(--t3);
  font-family:var(--font);
  font-size:13px;
  font-weight:700;
  line-height:1.5;
  text-decoration:underline;
  text-underline-offset:2px;
  cursor:pointer;
}
#workTimelineEventModal .wt-event-detail-report-link::before{
  content:'⚑';
  font-size:12px;
  line-height:1;
  opacity:.85;
}


.wt-help-overlay{ z-index:12000 !important; }
.wt-help-sheet{
  z-index:12001 !important;
  max-height:min(82vh, 720px);
  display:flex;flex-direction:column;box-sizing:border-box;
}
.wt-help-sheet.open{ transform:translateY(0) !important; }
.wt-help-body{
  padding:16px 20px calc(36px + env(safe-area-inset-bottom));
  overflow-y:auto;
  max-height:calc(min(82vh, 720px) - 54px);
  box-sizing:border-box;-webkit-overflow-scrolling:touch;
}
.wt-help-intro{
  margin:0 0 16px;font-size:13px;line-height:1.8;color:var(--t2);
}

.wt-help-body .wt-hero{
  padding:14px 16px 16px;
  margin:0 0 16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--bg2);
}
.wt-help-list{ list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px; }
.wt-help-item{ display:flex;align-items:flex-start;gap:12px; }
.wt-help-icon{
  flex:0 0 auto;width:34px;height:34px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:var(--bg3);color:var(--accent);
}
.wt-help-icon svg{ width:18px;height:18px; }
.wt-help-text{ min-width:0; }
.wt-help-item-title{ font-size:14px;font-weight:800;color:var(--t1);margin-bottom:3px; }
.wt-help-item-desc{ font-size:12px;line-height:1.7;color:var(--t3); }
.wt-help-note{
  margin:18px 0 0;padding-top:14px;border-top:1px solid var(--border);
  font-size:11px;line-height:1.7;color:var(--t4);
}


.wt-event-gallery{
  margin:16px 0 4px;
}
.wt-event-gallery-head{
  font-size:12px;font-weight:700;color:var(--t3);
  margin:0 0 8px;letter-spacing:.02em;
  display:flex;align-items:center;gap:6px;
}

.wt-event-gallery-all-btn{
  margin-left:auto;flex:0 0 auto;
  display:inline-flex;align-items:center;gap:4px;
  font-family:var(--font);font-size:11px;font-weight:700;
  color:var(--t2);background:var(--surface);
  border:1px solid var(--border);border-radius:99px;
  padding:4px 10px;cursor:pointer;transition:background .15s,border-color .15s;
}
.wt-event-gallery-all-btn:hover{
  background:color-mix(in srgb, var(--accent) 6%, var(--surface));
  border-color:color-mix(in srgb, var(--accent) 40%, var(--border));
}

.wt-gall-all-overlay{
  position:fixed;inset:0;z-index:10150;
  background:rgba(15,23,42,.55);
  display:flex;align-items:center;justify-content:center;padding:16px;
}
.wt-gall-all-overlay[hidden]{ display:none; }
.wt-gall-all-panel{
  background:var(--surface);border:1px solid var(--border);border-radius:16px;
  width:min(680px,100%);max-height:85vh;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 20px 60px rgba(15,23,42,.30);
}
.wt-gall-all-head{
  display:flex;align-items:center;gap:8px;
  padding:14px 16px;border-bottom:1px solid var(--border);flex:0 0 auto;
}
.wt-gall-all-title{ font-size:15px;font-weight:800;color:var(--t1); }
.wt-gall-count{ font-size:12px;color:var(--t4); }
.wt-gall-all-close{
  margin-left:auto;width:30px;height:30px;border-radius:50%;
  border:none;background:var(--bg3);color:var(--t2);font-size:18px;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.wt-gall-all-close:hover{ color:var(--t1); }
.wt-gall-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));
  gap:8px;padding:14px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;
}
.wt-gall-tile{
  aspect-ratio:1/1;border:none;padding:0;border-radius:10px;overflow:hidden;
  cursor:pointer;background:var(--bg2);
}
.wt-gall-tile img{ width:100%;height:100%;object-fit:cover;display:block; }
.wt-event-gallery-body{
  min-height:64px;
  display:flex;align-items:center;
}
.wt-event-gallery-body.wt-event-gallery-loading{
  justify-content:center;
}
.wt-event-gallery-spinner{
  width:22px;height:22px;border-radius:50%;
  border:2px solid var(--border2);border-top-color:var(--accent);
  animation:wtGallerySpin .8s linear infinite;
}
@keyframes wtGallerySpin{ to{ transform:rotate(360deg); } }
.wt-event-gallery-empty{
  width:100%;text-align:center;color:var(--t4);font-size:12px;
  padding:14px 8px;border:1px dashed var(--border2);border-radius:10px;
}

.wt-event-gallery-body .tl-img-slider{ width:100%;margin-top:0; }


.wt-event-gallery-body{ flex-direction:column;align-items:stretch;gap:10px; }
.wt-event-gallery-body.wt-event-gallery-loading{ flex-direction:row;align-items:center;justify-content:center;gap:0; }


.wt-event-gallery-postbtn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  width:100%;box-sizing:border-box;
  padding:10px 12px;border-radius:11px;
  background:color-mix(in srgb, var(--accent) 8%, var(--surface));
  color:var(--accent);
  border:1px solid color-mix(in srgb, var(--accent) 32%, var(--border));
  font-family:var(--font);
  font-size:13px;font-weight:800;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,opacity .15s ease;
}
.wt-event-gallery-postbtn:hover{ background:color-mix(in srgb, var(--accent) 14%, var(--surface)); }
.wt-event-gallery-postbtn:disabled{ opacity:.6;cursor:default; }
.wt-event-gallery-postbtn-empty{
  background:transparent;color:var(--t4);
  border:1px dashed var(--border2);
  font-weight:600;
  padding:14px 8px;
}
.wt-event-gallery-postbtn-empty:hover{ background:color-mix(in srgb, var(--accent) 6%, var(--surface)); }


.wt-event-img-slide{ position:relative; }
.wt-event-img-del{
  position:absolute;top:5px;right:5px;
  width:22px;height:22px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  border:none;border-radius:50%;
  background:rgba(0,0,0,.55);color:#fff;
  font-size:15px;cursor:pointer;padding:0;
}
.wt-event-img-del:hover{ background:rgba(0,0,0,.75); }


.wt-evimg-lightbox{
  position:fixed;inset:0;z-index:10200;
  display:flex;align-items:center;justify-content:center;
}
.wt-evimg-lightbox[hidden]{ display:none; }
.wt-evimg-backdrop{
  position:absolute;inset:0;
  background:rgba(0,0,0,.92);
}
.wt-evimg-figure{
  position:relative;z-index:1;margin:0;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  max-width:94vw;max-height:92vh;
}
.wt-evimg-img{
  max-width:94vw;max-height:78vh;object-fit:contain;
  border-radius:8px;background:#000;
}
.wt-evimg-cap{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  max-width:94vw;
  padding:12px 18px;border-radius:14px;
  background:rgba(0,0,0,.55);
}
.wt-evimg-poster{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  max-width:84vw;
  padding:0;border:none;background:transparent;
  color:#fff;font-family:var(--font);cursor:default;
}
.wt-evimg-poster.is-link{ cursor:pointer; }
.wt-evimg-poster-name{
  display:block;max-width:84vw;
  font-size:14px;font-weight:700;line-height:1.3;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.wt-evimg-poster.is-link .wt-evimg-poster-name{ text-decoration:underline;text-underline-offset:2px; }
.wt-evimg-poster-handle{
  
  display:block;max-width:84vw;
  font-size:13px;font-weight:600;line-height:1.3;color:rgba(255,255,255,.9);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.wt-evimg-poster-handle:empty{ display:none; }
.wt-evimg-report{
  position:absolute;top:14px;right:64px;z-index:2;   
  width:40px;height:40px;line-height:1;padding:0;
  display:flex;align-items:center;justify-content:center;
  border:none;border-radius:50%;
  background:rgba(0,0,0,.5);color:#fff;   
  font-size:18px;cursor:pointer;
}
.wt-evimg-report[hidden]{ display:none; }
.wt-evimg-report:hover{ background:rgba(0,0,0,.72); }
.wt-evimg-report:disabled{ opacity:.5;cursor:default; }
.wt-evimg-close{
  position:absolute;top:14px;right:16px;z-index:2;
  width:40px;height:40px;line-height:1;
  display:flex;align-items:center;justify-content:center;
  border:none;border-radius:50%;
  background:rgba(0,0,0,.5);color:#fff;
  font-size:20px;cursor:pointer;
}
.wt-evimg-close:hover{ background:rgba(0,0,0,.72); }




#workTimelineEventModal.wt-frame .wt-event-sheet{
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;     
  padding-bottom:0 !important;    
}
#workTimelineEventModal.wt-frame #workTimelineEventContent{
  flex:1 1 auto;
  min-height:0;                   
  display:flex;
  flex-direction:column;
}

#workTimelineEventModal.wt-frame .wt-event-detail-scroll,
#workTimelineEventModal.wt-frame .wt-event-draft-scroll{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
}

#workTimelineEventModal.wt-frame .wt-event-detail-footerbar,
#workTimelineEventModal.wt-frame .wt-event-draft-actions{
  flex:0 0 auto;
}

#workTimelineEventModal.wt-frame .wt-event-draft-actions{
  margin:0 -16px;
  padding:12px 16px;
  background:var(--surface);
  border-top:1px solid var(--border);
}

#workTimelineEventModal .wt-event-draft-actions .wt-draft-saved-actions{
  width:100%;
}


#workTimelineEventModal .wt-event-detail-footerbar{
  margin:0 -16px;
  padding:12px 16px;
  background:var(--surface);
  border-top:1px solid var(--border);
  display:flex;
  align-items:center;
  gap:10px;
}


#workTimelineEventModal .wt-event-gallery{
  position:relative;
  margin:4px 0 0;
  padding:13px 13px 14px;
  background:var(--surface2);
  border:1px solid var(--border);
  border-radius:14px;
}
#workTimelineEventModal .wt-event-gallery-head{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 10px;
}
#workTimelineEventModal .wt-event-gallery-head-label{
  font-size:12px;
  font-weight:700;
  color:var(--t3);
  letter-spacing:.02em;
}


#workTimelineEventModal .wt-event-gallery-help{
  display:inline-flex;
  align-items:center;
}
#workTimelineEventModal .wt-event-gallery-help-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  padding:0;
  border:1px solid var(--border2);
  border-radius:999px;
  background:var(--surface);
  color:var(--t4);
  font-family:var(--font);
  font-size:11px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
}
#workTimelineEventModal .wt-event-gallery-help-btn:hover{
  color:var(--accent);
  border-color:var(--accent);
}
#workTimelineEventModal .wt-event-gallery-help-tip{
  position:absolute;
  top:32px;
  left:12px;
  right:12px;
  z-index:6;
  padding:10px 30px 10px 12px;
  border-radius:10px;
  
  background:var(--accent,#2F6B4F);
  color:var(--on-accent,#FFFFFF);
  font-size:11.5px;
  font-weight:600;
  line-height:1.65;
  letter-spacing:.01em;
  box-shadow:0 10px 28px rgba(15,23,42,.28);
  display:none;
}
#workTimelineEventModal .wt-event-gallery-help-close{
  position:absolute;
  top:5px;
  right:5px;
  width:20px;
  height:20px;
  padding:0;
  border:0;
  border-radius:999px;
  background:color-mix(in srgb, var(--on-accent,#FFFFFF) 16%, transparent);
  color:var(--on-accent,#FFFFFF);
  font-family:var(--font);
  font-size:14px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
#workTimelineEventModal .wt-event-gallery-help-close:hover{
  background:color-mix(in srgb, var(--on-accent,#FFFFFF) 28%, transparent);
}
#workTimelineEventModal .wt-event-gallery-help-tip::before{
  content:'';
  position:absolute;
  top:-5px;
  left:84px;
  width:10px;
  height:10px;
  background:var(--accent,#2F6B4F);
  transform:rotate(45deg);
}
#workTimelineEventModal .wt-event-gallery-help.open .wt-event-gallery-help-tip{
  display:block;
}


#workTimelineEventModal .wt-event-detail-report-row{
  display:flex;
  justify-content:flex-start;
  margin:14px 0;
}


#workTimelineEventModal .wt-event-detail-footerbar .wt-event-detail-draft-btn{
  flex:1 1 auto;
  width:auto;
  max-width:none;
  margin:0;
  min-height:46px;
  border-radius:13px;
  background:var(--accent);
  color:var(--on-accent, #fff);
  border:1px solid var(--accent);
  font-weight:900;
  letter-spacing:.03em;
}
#workTimelineEventModal .wt-event-detail-footerbar .wt-event-detail-x-btn{
  flex:0 0 auto;
  width:44px;
  height:44px;
  margin:0;
  box-shadow:none;
}


.wt-resonance-cta{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  margin:0 0 14px;
  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;
}
.wt-resonance-cta:hover,
.wt-resonance-cta:focus-visible{
  background:var(--bg3);
  outline:none;
}
.wt-resonance-cta:active{
  transform:scale(0.985);
}
.wt-resonance-cta-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;
}
.wt-resonance-cta-body{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.wt-resonance-cta-eyebrow{
  font-size:10px;
  letter-spacing:.08em;
  font-weight:700;
  color:var(--accent2);
}
.wt-resonance-cta-title{
  font-size:14px;
  font-weight:600;
  color:var(--t1);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wt-resonance-cta-meta{
  font-size:11px;
  color:var(--t3);
}
.wt-resonance-cta-chev{
  flex:0 0 auto;
  color:var(--accent2);
  font-size:22px;
  font-weight:700;
  line-height:1;
}




.wt-event-page-hd{
  position:sticky;
  top:0;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:10px 12px;
  padding-top:calc(10px + env(safe-area-inset-top));
  background:var(--surface);
  border-bottom:1px solid var(--border);
}
.wt-event-back{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:8px 10px 8px 6px;
  background:transparent;
  border:0;
  color:var(--t2);
  font-size:14px;
  font-weight:600;
  cursor:pointer;
  border-radius:8px;
}
.wt-event-back:hover{background:var(--bg2);}
.wt-event-back:active{transform:scale(.98);}
.wt-event-back svg{color:var(--t2);}

.wt-event-page-actions{
  position:relative;
  display:flex;
  align-items:center;
  gap:2px;
}
.wt-event-menu-btn{
  width:32px;
  height:32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:transparent;
  border:0;
  color:var(--t2);
  font-size:20px;
  line-height:1;
  border-radius:8px;
  cursor:pointer;
}
.wt-event-menu-btn:hover{background:var(--bg2);}
.wt-event-menu-btn:active{transform:scale(.94);}
.wt-event-menu-btn svg{color:var(--t2);}

.wt-event-menu-btn--edit{color:var(--accent);}
.wt-event-menu-btn--edit svg{color:var(--accent);}
.wt-event-menu-btn--edit:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);}


.wt-event-menu-dropdown{
  position:absolute;
  top:100%;
  right:0;
  margin-top:6px;
  min-width:170px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:12px;
  box-shadow:0 8px 20px color-mix(in srgb, #000 20%, transparent);
  padding:6px;
  display:none;
  z-index:20;
}
.wt-event-menu-dropdown.open{display:block;}
.wt-event-menu-item{
  width:100%;
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  background:transparent;
  border:0;
  text-align:left;
  color:var(--t1);
  font-size:13px;
  font-weight:500;
  cursor:pointer;
  border-radius:8px;
}
.wt-event-menu-item:hover{background:var(--bg2);}
.wt-event-menu-item:active{transform:scale(.99);}
.wt-event-menu-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  font-size:14px;
  line-height:1;
  flex-shrink:0;
}


.wt-event-page-body{
  padding:10px 14px 40px;
  padding-bottom:calc(40px + env(safe-area-inset-bottom));
}

#screenWorkTimelineEvent .wt-event-detail-scroll{
  max-height:none;
  height:auto;
  overflow:visible;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  padding:0;
}


.wt-event-period{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid var(--border);
}
.wt-event-period[hidden]{display:none;}
.wt-event-period-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:8px;
  margin-bottom:12px;
}
.wt-event-period-title{
  font-size:13px;
  font-weight:700;
  color:var(--t1);
}
.wt-event-period-count{
  font-size:11px;
  color:var(--t3);
  white-space:nowrap;
}
.wt-event-period-body{
  min-height:20px;
}

.wt-event-period-list{
  padding-top:2px;
}
.wt-event-period-more-wrap{
  display:flex;
  justify-content:center;
  margin-top:14px;
}
.wt-event-period-more-btn{
  min-width:180px;
}
.wt-event-period-end-label{
  font-size:11px;
  color:var(--t3);
  text-align:center;
}


#workTimelineDraftInsertModal.tl-modal-overlay .tl-modal-box.wt-event-sheet{
  width:min(430px, calc(100vw - 16px));
  max-width:min(430px, calc(100vw - 16px));
  max-height:calc(100vh - 40px);
  overflow-y:auto;
  padding:18px 16px 18px;
  border-radius:22px;
  box-sizing:border-box;
}

#workTimelineDraftInsertContent .wt-event-draft-scroll{
  display:block;
}
#workTimelineDraftInsertContent .wt-event-draft-actions{
  margin-top:14px;
}


.wt-line-item{
  align-items:center;
}
.wt-line-node{
  margin-top:0;
}


.wt-line-body{
  padding-right:46px;
}
.wt-line-body--has-note{
  padding-right:46px;
}
.wt-line-body::before{
  content:'▶';
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  width:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--accent);
  font-size:12px;
  font-weight:400;
  line-height:1;
  background:color-mix(in srgb, var(--accent) 8%, var(--bg3));
  border-left:1px solid color-mix(in srgb, var(--accent) 14%, var(--border));
  border-radius:0 15px 15px 0;
  pointer-events:none;
}
.wt-line-item:focus-visible .wt-line-body::before{
  background:color-mix(in srgb, var(--accent) 14%, var(--bg3));
}
.wt-line-item:active .wt-line-body::before{
  background:color-mix(in srgb, var(--accent) 20%, var(--bg3));
}
.wt-line-item.wt-line-return-flash .wt-line-body::before{
  background:color-mix(in srgb, var(--accent) 26%, var(--bg3));
}

.wt-line-cam{
  right:44px;
}


.wt-kana-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 16px;
  min-height:80px;
  color:var(--text-sub, #888);
  font-size:13px;
  gap:8px;
}
.wt-kana-loading::before{
  content:'';
  display:inline-block;
  width:16px;
  height:16px;
  border:2px solid currentColor;
  border-top-color:transparent;
  border-radius:50%;
  animation:wtKanaLoadingSpin 0.9s linear infinite;
}
@keyframes wtKanaLoadingSpin{
  to { transform:rotate(360deg); }
}


.wt-line-list--tl{ padding-left:0; }

.wt-line-list--tl::before,
.wt-line-list--tl::after{ display:none !important; }
.wt-line-list--tl .wt-line-item-wrap{
  display:flex;
  align-items:flex-start;
  gap:8px;
  padding-bottom:0;
  margin-bottom:8px;
}
.wt-line-list--tl .wt-line-item-wrap:last-child{ margin-bottom:0; }

.wt-line-list--tl .up-tl-yr{
  position:relative;
  z-index:1;
  margin-top:9px;
}
.wt-line-list--tl .wt-line-item{
  position:relative;
  z-index:1;
  flex:1 1 auto;
  min-width:0;
  display:block;
  gap:0;
  padding:0;
}

.wt-line-list--tl .wt-line-body{
  border-radius:var(--radius-sm);
  min-height:0;
  padding:10px 9px;
}

.wt-line-list--tl .wt-line-md{
  display:inline-block;
  font-family:var(--mono);
  font-size:11px;
  font-weight:500;
  color:var(--tl-month-color, var(--t3));
  background:var(--tl-month-bg, #fff);
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  padding:1px 6px;
  margin-right:7px;
  vertical-align:middle;
}

.wt-line-list--tl .wt-line-label{
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  color:var(--t2);
}

.wt-line-list--tl .wt-line-cam{
  position:static;
  top:auto;
  right:auto;
  width:auto;
  height:auto;
  display:inline-flex;
  align-items:center;
  margin-left:4px;
  font-size:14px;
  vertical-align:middle;
}

.wt-line-list--tl .wt-line-body::before{ content:none !important; display:none !important; }
.wt-line-list--tl .wt-line-body,
.wt-line-list--tl .wt-line-body--has-note{ padding-right:9px; }


body:not(.pc-layout) .wt-event-back{
  min-width:64px;
  height:32px;
  min-height:32px;
  padding:6px 12px;
  border:1px solid var(--border, rgba(236,72,153,.15));
  color:var(--t3);
  font-size:13px;
  font-weight:500;
  border-radius:99px;
  background:transparent;
  line-height:1.2;
}
body:not(.pc-layout) .wt-event-back:hover{ border-color:var(--accent); color:var(--accent); background:transparent; }
body:not(.pc-layout) .wt-event-back svg{ width:14px; height:14px; }
body:not(.pc-layout) .wt-event-page-actions{ gap:8px; }
body:not(.pc-layout) .wt-event-menu-btn{
  border:1px solid var(--border, rgba(236,72,153,.15));
  color:var(--t3);
  border-radius:50%;
  font-size:15px;
  background:transparent;
}
body:not(.pc-layout) .wt-event-menu-btn:hover{ border-color:var(--accent); color:var(--accent); background:transparent; }
body:not(.pc-layout) .wt-event-menu-btn svg{ width:14px; height:14px; }


.wt-result-card.wt-result-card--work-hero{position:relative;overflow:hidden;padding-top:0}
.wt-work-hero{position:relative;margin:0 -15px;aspect-ratio:4/1}
.wt-work-cover{position:absolute;inset:0;background:#8A8AA0;overflow:hidden}
.wt-work-cover img{width:100%;height:100%;object-fit:cover;display:block}
.wt-work-count{position:absolute;right:10px;bottom:6px;z-index:1;border-radius:999px;background:rgba(0,0,0,.35);color:#fff;padding:3px 8px;font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1.4}
.wt-work-av{position:absolute;left:8px;top:calc(100% - 26px);z-index:2;width:72px;height:72px;border-radius:50%;background:var(--accent);padding:3px;box-sizing:border-box}
.wt-work-av-in{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;background:var(--bg3);overflow:hidden;color:var(--accent);font-size:28px;font-weight:900;line-height:1}
.wt-work-av-in img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wt-result-card--work-hero .wt-result-kicker-row{display:none}
.wt-result-card--work-hero .wt-result-head{margin-left:77px;margin-top:12px}

.wt-result-card--work-hero .wt-result-summary{margin-left:77px;width:auto}

body:not(.pc-layout) .wt-result-card--work-hero .wt-result-title{min-height:0}
body:not(.pc-layout) .wt-result-card--work-hero .wt-result-summary{font-size:14px}
body:not(.pc-layout)[data-fs="1"] .wt-result-card--work-hero .wt-result-summary{font-size:15px}
body:not(.pc-layout)[data-fs="2"] .wt-result-card--work-hero .wt-result-summary{font-size:16px}

body:not(.pc-layout) .wt-result-card.wt-result-card--work-hero{padding-left:5px;padding-right:5px}
body:not(.pc-layout) .wt-result-card--work-hero .wt-work-hero{margin:0 -5px}
body:not(.pc-layout) .wt-result-card--work-hero .wt-result-head,body:not(.pc-layout) .wt-result-card--work-hero .wt-result-summary{margin-left:87px}
.wt-result-card--work-hero .wt-result-title{font-size:18px;font-weight:900;margin:0 0 4px;min-height:40px}
body.pc-layout .wt-work-av{left:35px;top:calc(100% - 66px);width:88px;height:88px;border:4px solid var(--surface,#FFFFFF)}
body.pc-layout .wt-work-av-in{font-size:34px}
body.pc-layout .wt-work-count{right:12px;bottom:8px;padding:4px 10px}
body.pc-layout .wt-result-card--work-hero .wt-result-head,
body.pc-layout .wt-result-card--work-hero .wt-result-summary{margin-left:126px}

body.pc-layout .wt-result-card--work-hero .wt-result-summary{width:auto}

body.pc-layout .wt-result-card--work-hero .wt-result-title{font-size:20px}
body.pc-layout .wt-result-card--work-hero .wt-result-summary{font-size:14px}
body.pc-layout[data-fs="1"] .wt-result-card--work-hero .wt-result-title{font-size:24px}
body.pc-layout[data-fs="1"] .wt-result-card--work-hero .wt-result-summary{font-size:15px}
body.pc-layout[data-fs="2"] .wt-result-card--work-hero .wt-result-title{font-size:25px}
body.pc-layout[data-fs="2"] .wt-result-card--work-hero .wt-result-summary{font-size:16px}
body.pc-layout .wt-result-card--work-hero .wt-result-head{margin-top:8px}
body.pc-layout .wt-result-card--work-hero .wt-result-title{font-weight:700;margin:0 0 6px;min-height:0}


html body .wt-kana-card.wt-card-has-av,
html body .wt-theme-card.wt-card-has-av{position:relative;padding-left:52px !important}
.wt-card-av{position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-size:17px;font-weight:900;line-height:1;pointer-events:none}
.wt-card-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
html body.pc-layout .pc-timeline-center .wt-kana-card.wt-card-has-av,
html body.pc-layout .pc-timeline-center .wt-theme-card.wt-card-has-av{padding-left:72px !important}
body.pc-layout .pc-timeline-center .wt-card-av{left:14px;width:44px;height:44px;font-size:18px}