.theme-unlock-badge{
  position:absolute;
  right:8px;
  bottom:8px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.58);
  background:rgba(17,24,39,.78);
  color:#fff;
  font-size:10px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 8px 18px rgba(15,23,42,.18);
  pointer-events:none;
  backdrop-filter:blur(8px);
}
.theme-unlock-badge-paid{
  background:linear-gradient(135deg, rgba(126,34,206,.92), rgba(236,72,153,.86));
}
.theme-unlock-badge-ad{
  background:linear-gradient(135deg, rgba(2,132,199,.92), rgba(16,185,129,.86));
}
.theme-unlock-badge.is-unlocked{
  background:rgba(22,163,74,.88);
}
.theme-unlock-overlay{
  position:fixed;
  inset:0;
  z-index:920;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(15,23,42,.44);
  backdrop-filter:blur(8px);
}
.theme-unlock-modal{
  width:min(360px, 100%);
  border-radius:24px;
  border:1px solid var(--border2);
  background:var(--surface);
  color:var(--t1);
  box-shadow:0 24px 80px rgba(15,23,42,.28);
  padding:22px;
}
.theme-unlock-kicker{
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  color:var(--accent);
  margin-bottom:8px;
}
.theme-unlock-modal h3{
  margin:0 0 8px;
  font-size:18px;
  line-height:1.35;
}
.theme-unlock-modal p{
  margin:0;
  color:var(--t2);
  font-size:13px;
  line-height:1.65;
}
.theme-unlock-target{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:16px 0;
  padding:12px 14px;
  border-radius:16px;
  border:1px dashed var(--border2);
  background:var(--bg2);
}
.theme-unlock-target span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 9px;
  border-radius:999px;
  background:var(--accent);
  color:var(--on-accent);
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.theme-unlock-target strong{
  font-size:14px;
  text-align:right;
}
.theme-unlock-actions{
  display:flex;
  gap:10px;
  margin-top:16px;
}
.theme-unlock-actions button{
  min-height:46px;
  border-radius:15px;
  font-family:var(--font);
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}
.theme-unlock-secondary{
  flex:1;
  border:1px solid var(--border2);
  background:var(--bg2);
  color:var(--t2);
}
.theme-unlock-primary{
  flex:1.7;
  border:0;
  background:var(--accent);
  color:var(--on-accent);
}
.theme-unlock-note{
  margin-top:12px!important;
  font-size:11px!important;
  color:var(--t3)!important;
}


.resume-theme-picker .rtp-option{position:relative;}
.rtp-lock-badge{
  
  position:absolute;top:4px;right:4px;
  min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:8px;font-weight:900;line-height:1;letter-spacing:.02em;
  color:#fff;border-radius:999px;
  box-shadow:0 1px 4px rgba(0,0,0,.28);pointer-events:none;z-index:2;
}
.rtp-lock-badge-ad{background:linear-gradient(135deg,#ec4899,#f97316);}
.rtp-lock-badge-paid{background:linear-gradient(135deg,#4f46e5,#111827);}
.rtp-lock-badge-done{background:#16a34a;} 


.resume-theme-picker .rtp-option{width:96px;min-width:96px;max-width:96px;padding-left:6px;padding-right:6px;box-sizing:border-box;}
.resume-theme-picker .rtp-name{max-width:100%;}


.resume-theme-picker .rtp-option--collab{
  border-color:#d4a017;
  background:color-mix(in srgb, #d4a017 8%, transparent);
  box-shadow:0 0 0 1px rgba(212,160,23,.35), 0 2px 8px rgba(212,160,23,.18);
}
.resume-theme-picker .rtp-option--collab:hover{border-color:#c8961a;}
.resume-theme-picker .rtp-option--collab.is-active{
  border-color:#d4a017;
  background:color-mix(in srgb, #d4a017 16%, transparent);
}
.rtp-collab-badge{
  position:absolute;top:4px;left:4px;
  min-width:16px;height:16px;padding:0 5px;box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:8px;font-weight:900;line-height:1;letter-spacing:.04em;
  color:#5a3d00;border-radius:999px;
  background:linear-gradient(135deg,#ffd76b,#e8a31a);
  box-shadow:0 1px 4px rgba(0,0,0,.28);pointer-events:none;z-index:3;
}


.resume-theme-picker .rtp-option--applied{
  border-color:var(--accent);
  box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 2px 8px rgba(0,0,0,.12);
}
.rtp-applied-badge{
  position:absolute;top:4px;left:4px;
  height:16px;padding:0 6px;box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:8px;font-weight:900;line-height:1;letter-spacing:.02em;
  color:#fff;border-radius:999px;
  background:var(--accent);
  box-shadow:0 1px 4px rgba(0,0,0,.28);pointer-events:none;z-index:4;
}


#resumeThemePreviewCard.theme-preview-live-wrap{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  margin:0 0 14px!important;
}
#resumeThemePreviewCard .theme-preview-resume-card{
  width:100%;
  box-sizing:border-box;
  overflow:hidden;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-cover{
  height:72px;
  width:100%; 
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-body{
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-prof-row{
  margin-top:-43px;
  margin-bottom:11px;
  gap:9px;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-avatar{
  width:52px;
  height:52px;
  font-size:20px;
  cursor:default;
}
#resumeThemePreviewCard .theme-preview-avatar-emoji{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:var(--theme-avatar-inner-radius, 8px);
  background:var(--bg3);
  overflow:hidden;
}
#resumeThemePreviewCard .theme-preview-prof-text{
  flex:1;
  min-width:0;
  overflow:hidden;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-name{
  margin-top:52px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-copy{
  margin-top:6px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#resumeThemePreviewCard .theme-preview-like{
  align-self:flex-start;
  margin-top:50px;
  pointer-events:none;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-tl{
  margin-bottom:10px;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-tl-item{
  margin-bottom:5px;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-tl-yr{
  font-size:11px;
  padding:2px 6px;
  margin-top:2px;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-tl-txt{
  min-width:0;
  padding:7px 8px;
  font-size:12px;
  line-height:1.35;
}
#resumeThemePreviewCard .theme-preview-resume-card .tl-main-text{
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#resumeThemePreviewCard .theme-preview-resume-card .tl-month-badge{
  font-size:10px!important;
  padding:1px 5px!important;
  margin-right:5px!important;
}
#resumeThemePreviewCard .theme-preview-hl-wrap .resume-section-lbl{
  margin-top:7px;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-hl-grid{
  gap:5px;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-hl-item{
  padding:7px 8px;
  cursor:default;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-hl-lbl{
  font-size:9px;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-hl-val{
  font-size:11px;
  line-height:1.35;
}
#resumeThemePreviewCard .theme-preview-resume-card .resume-hash{
  margin-top:7px;
  font-size:10px;
}


#resumeThemePreviewCard .theme-preview-resume-card[data-foreign-theme="dot_quest"][data-preview-theme-scope="resume-card"],
#resumeThemePreviewCard .theme-preview-resume-card[data-foreign-theme="zine"][data-preview-theme-scope="resume-card"]{
  transform:none;
}
#resumeThemePreviewCard .theme-preview-resume-card[data-foreign-theme="dot_quest"][data-preview-theme-scope="resume-card"] .resume-prof-row,
#resumeThemePreviewCard .theme-preview-resume-card[data-foreign-theme="zine"][data-preview-theme-scope="resume-card"] .resume-prof-row{
  margin-top:-40px!important;
}
#resumeThemePreviewCard .theme-preview-resume-card[data-foreign-theme="zine"][data-preview-theme-scope="resume-card"] .resume-name{
  margin-top:48px!important;
}
#resumeThemePreviewCard .theme-preview-resume-card[data-foreign-theme="dot_quest"][data-preview-theme-scope="resume-card"] .resume-name{
  margin-top:48px!important;
}


.cover-unlock-badge{
  position:absolute;
  right:4px;
  bottom:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:18px;
  padding:0 7px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  line-height:1;
  letter-spacing:.02em;
  color:#fff;
  background:rgba(15,23,42,.72);
  box-shadow:0 2px 8px rgba(0,0,0,.18);
  pointer-events:none;
  z-index:3;
}
.cover-unlock-badge-ad{
  background:linear-gradient(135deg,#ec4899,#f97316);
}
.cover-unlock-badge-paid{
  background:linear-gradient(135deg,#4f46e5,#111827);
}
.cover-unlock-badge.is-unlocked{
  background:rgba(22,163,74,.86);
}
.cover-preset-item.selected .cover-unlock-badge{
  bottom:24px;
}



#resumeThemePreviewCard .theme-preview-resume-card .theme-preview-like{
  top:33px!important;
  margin-top:0!important;
  flex-direction:row;
  justify-content:center;
  align-items:center;
  gap:5px;
  min-height:30px;
  padding:4px 12px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--like-color, #e88aa4) 34%, var(--border));
  background:color-mix(in srgb, var(--surface) 96%, var(--like-color, #e88aa4) 4%);
  color:var(--like-color, #e88aa4);
  box-shadow:0 4px 12px rgba(74,85,104,.12);
  font-size:12px;
  font-weight:800;
  line-height:1;
}
#resumeThemePreviewCard .theme-preview-resume-card .theme-preview-like svg{
  width:14px;
  height:14px;
  flex-shrink:0;
}



@media (min-width:768px){
  .app{
    width:480px !important;
    max-width:480px !important;
  }

  #screenCreate,
  .preview-sheet,
  .user-sheet,
  .route-timeline-overlay{
    
    left:50% !important;
    right:auto !important;
    width:480px !important;
    max-width:480px !important;
    margin-left:-240px !important;
  }

  #createScrollBtns,
  #imgZoomOverlay,
  .custom-theme-overlay,
  .color-picker-overlay,
  .report-sheet-overlay,
  .block-sheet-overlay,
  .resume-share-overlay,
  .report-sheet,
  .block-sheet,
  .resume-share-sheet{
    width:480px !important;
    max-width:480px !important;
    margin-left:-240px !important;
  }
  
  body:not(.pc-layout) .notify-detail-overlay{
    width:480px !important;
    max-width:480px !important;
    margin-left:-240px !important;
  }

  .mp-intro-overlay.demo-mode .mp-intro-panel,
  .mp-intro-overlay.demo-mode #mpIntroPageDemo .tt-app,
  .mp-intro-overlay.demo-mode .ld-app,
  .mp-intro-overlay.demo-mode .mg-app,
  .mp-intro-overlay.sample-mode .mp-intro-panel{
    width:480px !important;
    max-width:480px !important;
  }
  
  body:not(.pc-layout) .hi-edit-sheet{
    width:480px !important;
    max-width:480px !important;
  }
}


#screenTop .feed-cta,
#screenTop .home-hero-slider,
#screenTop .home-shelf-section.home-shelf-card-section{
  margin-left:8px !important;
  margin-right:8px !important;
}
#screenTop .feed-list{
  padding-left:8px !important;
  padding-right:8px !important;
}
#screenTop .home-shelf-section.home-shelf-card-section .home-shelf-head,
#screenTop .home-shelf-section.home-shelf-card-section .home-shelf{
  padding-left:8px !important;
  padding-right:8px !important;
}

.create-body,
.profile-edit-body,
.preview-body,
.user-prof-wrap,
.user-other-resumes,
#screenMypage .my-prof-wrap,
#screenMypage .my-posts,
#screenSearch .search-topbar,
#screenSearch .search-result-wrap,
#screenProfile .search-topbar,
#screenNotify .search-topbar,
#screenNotifySettings .search-topbar,
#screenFontSize .search-topbar,
#screenDemoList .search-topbar,
#screenResumeImage .search-topbar,
#screenBlockedUsers .search-topbar,
#screenViewHistory .search-topbar,
#screenCover .search-topbar{
  padding-left:8px !important;
  padding-right:8px !important;
}


.resume-card .resume-prof-row .resume-name{
  display:block;
  max-width:100%;
  min-width:0;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
  line-height:1.45;
}






#shareCardTarget[data-preview-theme-scope="resume-card"],
#userSheetBody [data-user-theme-scope],
#tlDetailModal[data-foreign-theme],
#hlDetailModal[data-foreign-theme]{
  font-family:var(--resume-font, var(--font));
}



body[data-theme="charcoal"] img.header-brand-logo-img,
body[data-selected-theme="terminal"] img.header-brand-logo-img{
  filter:invert(1) hue-rotate(180deg) saturate(.92) brightness(1.12) contrast(1.04)
    drop-shadow(0 0 7px rgba(255,255,255,.22))
    drop-shadow(0 1px 2px rgba(0,0,0,.38));
  opacity:.96;
}



body[data-theme="charcoal"] .tl-empathy-btn.active{
  color:#111827 !important;
}


#tlDetailModal .tl-empathy-btn.active{
  color:#FFFFFF !important;
}
#tlDetailModal[data-foreign-theme="terminal"] .tl-empathy-btn.active,
#hlDetailModal[data-foreign-theme="terminal"] #hlReactBtn.active{
  color:#0d1117 !important;
}


body:not(.pc-layout){--btn-primary:#2F6B4F;--btn-primary-hover:#255A42;--on-btn-primary:#fff;}
body:not(.pc-layout) .share-btn-p,
body:not(.pc-layout) .share-btn-p #shareMainTxt,
body:not(.pc-layout) #publishConsentPrimaryBtn,
body:not(.pc-layout) .feed-cta-btn,
body:not(.pc-layout) .feed-empty-btn,
body:not(.pc-layout) .my-empty-btn,
body:not(.pc-layout) .create-writing-guide-btn,
body:not(.pc-layout) .save-btn,
body:not(.pc-layout) .hi-edit-save,
body:not(.pc-layout) .hl-custom-ok,
body:not(.pc-layout) .hl-edit-done,
body:not(.pc-layout) .cover-save-btn,
body:not(.pc-layout) .theme-unlock-primary,
body:not(.pc-layout) .resume-limit-main,
body:not(.pc-layout) .wt-search-btn,
body:not(.pc-layout) #workTimelineEventModal .wt-event-detail-footerbar .wt-event-detail-draft-btn,
body:not(.pc-layout) .profile-inline-speech-confirm-btn.is-confirm,
body:not(.pc-layout) .mobile-speech-confirm-btn.is-confirm,
body:not(.pc-layout) .color-picker-confirm-btn{
  background:var(--btn-primary) !important;
  color:var(--on-btn-primary) !important;
  border-color:var(--btn-primary) !important;
  box-shadow:none !important;
}
body:not(.pc-layout) #myPostsList .my-add-resume-btn{
  background:var(--btn-primary) !important;
  color:var(--on-btn-primary) !important;
  border:1px solid var(--btn-primary) !important;
  box-shadow:none !important;
}

body:not(.pc-layout) .nav-btn.active svg{
  background:var(--btn-primary) !important;
  color:var(--on-btn-primary) !important;
  stroke:var(--on-btn-primary) !important;
  box-shadow:0 2px 8px rgba(47,107,79,.28) !important;
}
body:not(.pc-layout) .nav-badge{
  background:var(--btn-primary) !important;
  color:var(--on-btn-primary) !important;
}


body[data-theme="charcoal"] #resumeEmbedSheet > .resume-share-hd + div{color:var(--t2) !important;}
body[data-theme="charcoal"] #resumeEmbedSheet > .resume-share-hd + div > span{color:var(--t4) !important;}
body[data-theme="charcoal"] #resumeEmbedSizes > button:not([style*="#2F6B4F"]):not([style*="47, 107, 79"]){background:var(--bg3) !important;border-color:var(--border2) !important;color:var(--t2) !important;}
body[data-theme="charcoal"] #resumeEmbedText{background:var(--bg3) !important;color:var(--t1) !important;border-color:var(--border2) !important;}



.resume-card .resume-tl-item,
#previewSheet .resume-tl-item{
  gap:var(--theme-tl-item-gap, 8px);
  margin-bottom:var(--theme-tl-item-margin-bottom, 8px);
}
.resume-card .resume-tl-txt,
#previewSheet .resume-tl-txt{
  padding:var(--theme-resume-tl-item-padding, 10px 9px);
  line-height:var(--theme-tl-item-line-height, 1.45);
  background:var(--theme-tl-item-bg, var(--bg3));
  border:var(--theme-tl-item-border, 1px solid var(--border));
  box-shadow:var(--theme-tl-item-shadow, none);
}
#userSheet .up-tl-item{
  gap:var(--theme-tl-item-gap, 8px);
  margin-bottom:var(--theme-tl-item-margin-bottom, 8px);
}
#userSheet .up-tl-txt{
  padding:var(--theme-up-tl-item-padding, var(--theme-resume-tl-item-padding, 10px 9px));
  line-height:var(--theme-tl-item-line-height, 1.45);
  background:var(--theme-tl-item-bg, var(--bg3));
  border:var(--theme-tl-item-border, 1px solid var(--border));
  box-shadow:var(--theme-tl-item-shadow, none);
}


#userSheet .user-main-card .up-tl-item{
  gap:var(--theme-tl-item-gap, 8px);
  column-gap:var(--theme-tl-item-gap, 8px);
  margin-bottom:var(--theme-tl-item-margin-bottom, 8px);
}
#userSheet .user-main-card .up-tl-txt{
  padding:var(--theme-up-tl-item-padding, var(--theme-resume-tl-item-padding, 10px 9px));
  line-height:var(--theme-tl-item-line-height, 1.45);
  background:var(--theme-tl-item-bg, var(--bg3));
  border:var(--theme-tl-item-border, 1px solid var(--border));
  box-shadow:var(--theme-tl-item-shadow, none);
}


#previewSheet .resume-card .resume-prof-row > div:nth-child(2){
  padding-right:0;
}
#previewSheet .resume-card .resume-name{
  padding-right:0;
  margin-top:80px;
  max-width:100%;
  overflow:visible;
  text-overflow:clip;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
#previewSheet .resume-card .resume-copy{
  padding-right:0;
  max-width:100%;
}
#previewSheet .resume-card .preview-like-btn{
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:30px;
  padding:4px 12px;
  border-radius:999px;
  border:1px solid color-mix(in srgb, var(--like-color, #e88aa4) 34%, var(--border));
  background:color-mix(in srgb, var(--surface) 96%, var(--like-color, #e88aa4) 4%);
  color:var(--like-color, #e88aa4);
  box-shadow:0 4px 12px rgba(74,85,104,.12);
  font-size:12px;
  font-weight:800;
  line-height:1;
  top:44px;
  right:0;
  z-index:5;
}
#previewSheet .resume-card .preview-like-btn svg{
  width:14px;
  height:14px;
  flex-shrink:0;
}
#previewSheet .resume-card .preview-like-btn:hover:not(.liked){
  color:var(--like-color, #e88aa4);
  border-color:color-mix(in srgb, var(--like-color, #e88aa4) 48%, var(--border));
  background:color-mix(in srgb, var(--surface) 92%, var(--like-color, #e88aa4) 8%);
}
#previewSheet .resume-card .preview-like-btn.liked{
  color:var(--like-color, #e88aa4);
  background:color-mix(in srgb, var(--surface) 88%, var(--like-color, #e88aa4) 12%);
}
@media (max-width:360px){
  #previewSheet .resume-card .resume-prof-row > div:nth-child(2){
    padding-right:0;
  }
  #previewSheet .resume-card .resume-name{
    padding-right:0;
  }
  #previewSheet .resume-card .preview-like-btn{
    min-height:28px;
    padding:3px 10px;
    font-size:11px;
  }
}


.app-home-topbar{
  display:flex;align-items:center;gap:8px;
  padding:14px 18px 10px;
  position:sticky;top:0;z-index:12;
  background:var(--surface);
  border-bottom:1px solid var(--border);
}
.app-home-topbar-logo{
  display:inline-flex;align-items:center;
  min-height:34px;
  background:none;border:none;padding:0;cursor:pointer;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.app-home-topbar-logo img{height:24px;width:auto;max-height:24px;display:block;object-fit:contain;}
.app-home-topbar .settings-header-title{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  margin:0;font-size:16px;text-align:center;
  white-space:nowrap;pointer-events:none;
  max-width:calc(100% - 180px);overflow:hidden;text-overflow:ellipsis;
}
.app-home-topbar-action{
  position:absolute;right:18px;top:50%;transform:translateY(-50%);
  min-height:32px;display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;color:var(--accent);
  background:var(--bg2);border:1px solid var(--border);cursor:pointer;font-family:var(--font);
  padding:7px 11px;border-radius:999px;transition:background .15s,opacity .15s;
  white-space:nowrap;
}
.app-home-topbar-action:hover{background:var(--bg3);}
.app-home-topbar-action:disabled{opacity:.38;cursor:default;}


.app-home-topbar-back{
  display:inline-flex;align-items:center;gap:4px;
  min-height:32px;
  font-size:12px;font-weight:800;color:var(--accent);
  background:var(--bg2);border:1px solid var(--border);cursor:pointer;font-family:var(--font);
  padding:6px 12px 6px 10px;border-radius:999px;transition:background .15s;
  white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
}
.app-home-topbar-back:hover{background:var(--bg3);}
.app-home-topbar-back svg{display:block;}
.app-home-topbar-back[hidden]{display:none !important;}


.tl-edit-month-block .spinner-wrap{min-height:48px;}
.tl-edit-month-block .spin-month-select{
  height:46px;box-sizing:border-box;
  padding:0 12px;font-size:15px;
}

.hi-field .spin-presets{
  display:flex;flex-wrap:nowrap;overflow-x:auto;
  gap:8px;margin-top:0;padding:14px 0 8px;
  -webkit-overflow-scrolling:touch;
  
  justify-content:safe center;
  
  scrollbar-width:thin;
  scrollbar-color:var(--t4) transparent;
}
.hi-field .spin-presets::-webkit-scrollbar{height:6px;}
.hi-field .spin-presets::-webkit-scrollbar-track{background:transparent;}
.hi-field .spin-presets::-webkit-scrollbar-thumb{
  background:color-mix(in srgb, var(--t3) 55%, transparent);
  border-radius:99px;
}
.hi-field .spin-presets::-webkit-scrollbar-thumb:hover{
  background:color-mix(in srgb, var(--t2) 70%, transparent);
}
.hi-field .spin-preset{
  flex-shrink:0;font-size:13px;padding:7px 14px;
}

.hi-detail-btn{font-size:13px;padding:7px 14px;}


.hi-field-label-row{
  display:flex;align-items:center;gap:10px;
  margin:15px 0 8px;
}
.hi-date-field .hi-field-label-row{margin-top:0;}
.hi-field-label-row .hi-field-label{margin-bottom:0;flex-shrink:0;}
.hi-field-label-row .help-btn{flex-shrink:0;}
.hi-field-label-row .hi-char-count{flex-shrink:0;}
.hi-field-label-line{
  flex:1;min-width:12px;height:1px;background:var(--border);
}

.tl-edit-month-block .spin-month-select{font-size:13px;}


.hi-field-label-row .hi-field-label{
  padding:3px 10px;
  border:1px solid var(--border);
  border-radius:6px;
  background:var(--bg2);
  color:var(--t2);
}
.hi-date-field{border-bottom:none;}
.hi-char-count .hi-count-cur{font-weight:700;color:var(--t1);}
.hi-char-count .hi-count-total{color:var(--t4);}
.hi-char-count.warn .hi-count-cur,
.hi-char-count.warn .hi-count-total{color:var(--warn);}


.create-section-head{align-items:center;}
.create-section-head > .help-btn{
  margin-left:auto;flex-shrink:0;
}
.create-section-card .section-label{
  display:inline-flex;align-items:center;gap:6px;
  width:fit-content;
  padding:4px 12px;
  border:1px solid var(--border);
  border-radius:99px;
  background:var(--bg2);
  color:var(--t1);
}

.form-field-labelrow{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;margin-bottom:5px;
}
.form-field-labelrow label{margin-bottom:0;}
.form-field-labelrow .char-count{margin-top:0;}


.char-count > span{color:var(--t1);font-weight:700;}


#helpModalTitle{
  display:inline-flex;
  align-items:center;
  padding:5px 14px;
  border:1px solid var(--border);
  border-radius:99px;
  background:var(--bg2);
  color:var(--t1);
  width:fit-content;
}


.create-section-highlight .hl-delete-btn{
  width:26px;height:26px;
  border-radius:50%;
}
.create-section-highlight .hl-img-add-btn{
  border-radius:99px;
}


.create-section-highlight .hl-card{
  border:1px solid var(--border);
  background:color-mix(in srgb, var(--surface) 84%, var(--bg2));
}


.create-section-card .history-item,
.create-section-highlight .hl-card{
  box-shadow:0 2px 5px rgba(15,23,42,.10);
}
.hl-label-btn{gap:8px;}
.hl-label-btn .hl-label-icon,
.hl-label-btn .hl-label-plus{
  flex-shrink:0;display:inline-flex;align-items:center;opacity:.75;
}
.hl-label-btn .hl-card-lbl{flex:1;}
.hl-label-btn .hl-label-plus{margin-left:auto;}


.hl-label-btn .hl-label-plus{
  width:22px;height:22px;
  border:1px solid var(--border2);
  border-radius:50%;
  justify-content:center;
  color:var(--accent);
  opacity:1;
}


.my-post-card.is-main{
  border-color:transparent;
  box-shadow:0 2px 8px rgba(74,85,104,.12);
}
.my-post-card.is-compact.is-main::before{
  background:none;
}


.my-post-head-main .my-post-main-badge{
  padding:5px 12px;
  min-height:26px;
  border:1px solid transparent;
  border-radius:99px;
  background:var(--t1);
  color:var(--surface);
}
.my-post-main-btn{
  background:var(--surface);
  border-color:var(--border);
  color:var(--t2);
}


.my-post-liked-card .my-post-liked-top{margin-bottom:0;}
#screenMypage .my-profile-actions{margin-right:4px;}


html { touch-action: manipulation; }

@media (max-width: 767px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="image"]),
  textarea,
  select {
    font-size: 16px !important;
  }
}


body.is-guest .personal-match-section{ display:none !important; }


body:not(.pc-layout) #authLoginOverlay,
body:not(.pc-layout) #pwChangeOverlay,
body:not(.pc-layout) #emailChangeOverlay,
body:not(.pc-layout) #twoFactorOverlay,
body:not(.pc-layout) #deleteAccountOverlay,
body:not(.pc-layout) #dataResetOverlay,
body:not(.pc-layout) #reactivateOverlay,
body:not(.pc-layout) #backupWarnOverlay,
body:not(.pc-layout) #dataImportOverlay,
body:not(.pc-layout) #tlDetailModal,
body:not(.pc-layout) #hlDetailModal{
  padding-left:12px !important;
  padding-right:12px !important;
}

body:not(.pc-layout) #authLoginOverlay .auth-login-box,
body:not(.pc-layout) #pwChangeOverlay .auth-login-box,
body:not(.pc-layout) #emailChangeOverlay .auth-login-box,
body:not(.pc-layout) #twoFactorOverlay .auth-login-box,
body:not(.pc-layout) #deleteAccountOverlay .auth-login-box,
body:not(.pc-layout) #dataResetOverlay .auth-login-box,
body:not(.pc-layout) #reactivateOverlay .auth-login-box,
body:not(.pc-layout) #backupWarnOverlay .auth-login-box,
body:not(.pc-layout) #dataImportOverlay .auth-login-box{
  width:100% !important;
  max-width:none !important;
}


@media print {
  body.pc-layout [class*="-overlay"],
  body.pc-layout [class*="-sheet"],
  body.pc-layout [class*="-modal"],
  body.pc-layout [class*="-backdrop"],
  body.pc-layout [class*="-drawer"],
  body.pc-layout [class*="-popover"],
  body.pc-layout [class*="-picker"],
  body.pc-layout .AuthModal,
  body.pc-layout #loadingOverlay,
  body.pc-layout #jlBusyOverlay,
  body.pc-layout #imgZoomOverlay,
  body.pc-layout #termsScrollBtns,
  body.pc-layout #privacyScrollBtns,
  body.pc-layout #pcLegalScrollBtns{
    display:none !important;
  }
}


body:not(.pc-layout) #workTimelineDraftInsertModal{
  padding-left:12px !important;
  padding-right:12px !important;
}
body:not(.pc-layout) #workTimelineDraftInsertModal .tl-modal-box.wt-event-sheet{
  width:100% !important;
  max-width:none !important;
}


img.jl-logo-dark{display:none !important;}
body[data-theme="charcoal"] img.jl-logo-light{display:none !important;}
body[data-theme="charcoal"] img.jl-logo-dark{display:block !important;}
img.jl-logo-light,img.jl-logo-dark{filter:none !important;opacity:1 !important;}