@keyframes heartBurst{0%{transform:translate(-50%,-50%) scale(1);opacity:1;}100%{transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by))) scale(0);opacity:0;}}
.like-particle{position:fixed;pointer-events:none;font-size:14px;animation:heartBurst .6s ease-out forwards;z-index:9999;}

@keyframes emojiBurst{0%{transform:translate(-50%,-50%) scale(1.2);opacity:1;}100%{transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by))) scale(0);opacity:0;}}
.empathy-particle{position:fixed;pointer-events:none;font-size:20px;animation:emojiBurst .7s ease-out forwards;z-index:9999;}

@keyframes confettiFall{0%{transform:translateY(-20px) rotate(0deg);opacity:1;}100%{transform:translateY(110vh) rotate(720deg);opacity:0;}}
.confetti-piece{position:fixed;pointer-events:none;z-index:9999;animation:confettiFall linear forwards;}

.feed-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:38px 20px 42px;border:1px dashed var(--border2);border-radius:22px;background:var(--surface);color:var(--t3);}
.feed-empty-icon{width:44px;height:44px;border-radius:16px;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:2px;}
.feed-empty-title{font-size:14px;font-weight:800;color:var(--t1);}
.feed-empty-text{max-width:280px;font-size:12px;line-height:1.75;color:var(--t4);}
.feed-empty-btn{margin-top:8px;border:none;border-radius:999px;background:var(--accent);color:var(--on-accent);font-family:var(--font);font-size:12px;font-weight:800;padding:10px 18px;cursor:pointer;box-shadow:0 8px 18px rgba(0,0,0,.10);}
.feed-empty-btn:active{transform:translateY(1px);}
.ld-log-orbit{display:flex;align-items:center;justify-content:center;font-family:"Noto Sans JP",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:42px;font-weight:900;letter-spacing:.1em;line-height:1;color:var(--t1);}
.ld-orbit-o{position:relative;display:inline-block;width:.95em;height:.95em;margin:0 .07em;border:.09em solid var(--t1);border-radius:50%;vertical-align:-.08em;}
.ld-log-g{display:inline-block;margin-left:.1em;}
.ld-orbit-o::before{content:"";position:absolute;inset:-.18em;border:1px dashed rgba(42,37,32,.28);border-radius:50%;animation:ldOrbitSpin 2.4s linear infinite;}
.ld-orbit-o::after{content:"";position:absolute;width:.18em;height:.18em;border-radius:50%;background:var(--accent);left:50%;top:-.28em;transform:translateX(-50%);transform-origin:50% .72em;animation:ldOrbitPoint 1.25s linear infinite;}
.ld-text{font-size:12px;color:var(--t4);font-weight:700;letter-spacing:.06em;}
@keyframes ldOrbitSpin{to{transform:rotate(360deg);}}
@keyframes ldOrbitPoint{from{transform:translateX(-50%) rotate(0deg);}to{transform:translateX(-50%) rotate(360deg);}}


.tl-detail-trigger{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  font:inherit;
  color:inherit;
  cursor:pointer;
  position:relative;
  z-index:3;
  flex:0 0 auto;
  pointer-events:auto;
}
.tl-detail-trigger:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}
.resume-tl-txt.has-detail,
.up-tl-txt.has-detail{
  position:relative;
  z-index:2;
  pointer-events:auto;
}
.resume-tl-txt.has-detail > span:not(.tl-month-badge),
.up-tl-txt.has-detail > span:not(.tl-month-badge){
  pointer-events:none;
}


.user-sheet-hd .user-sheet-back:focus,
.user-sheet-hd .user-sheet-menu-btn:focus{
  outline:none !important;
}
.user-sheet-hd .user-sheet-back:focus-visible,
.user-sheet-hd .user-sheet-menu-btn:focus-visible{
  outline:none !important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent);
}
.user-sheet-hd .user-sheet-menu-btn:focus-visible{
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent),
             0 1px 4px rgba(0,0,0,.06);
}



.my-cover-edit:focus,
.create-topbar .create-preview-btn:focus,
.preview-sheet-hd > .preview-close:last-child:focus,
.preview-sheet-hd .preview-complete-close:focus,
.user-sheet-actions .user-sheet-menu-btn:focus{
  outline:0 !important;
}
.my-cover-edit:focus-visible,
.create-topbar .create-preview-btn:focus-visible,
.preview-sheet-hd > .preview-close:last-child:focus-visible,
.preview-sheet-hd .preview-complete-close:focus-visible,
.user-sheet-actions .user-sheet-menu-btn:focus-visible{
  outline:0 !important;
  box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 24%, transparent) !important;
}
.my-cover-edit::-moz-focus-inner,
.create-topbar .create-preview-btn::-moz-focus-inner,
.preview-sheet-hd > .preview-close:last-child::-moz-focus-inner,
.preview-sheet-hd .preview-complete-close::-moz-focus-inner,
.user-sheet-actions .user-sheet-menu-btn::-moz-focus-inner{
  border:0;
}


:where(
  #screenMypage .my-cover,
  #screenCreate .create-topbar,
  #previewSheet .preview-sheet-hd,
  #userSheet .user-sheet-hd
):focus,
:where(
  #screenMypage .my-cover,
  #screenCreate .create-topbar,
  #previewSheet .preview-sheet-hd,
  #userSheet .user-sheet-hd
):focus-visible,
:where(
  #screenMypage .my-cover,
  #screenCreate .create-topbar,
  #previewSheet .preview-sheet-hd,
  #userSheet .user-sheet-hd
):focus-within{
  outline:0 !important;
}
:where(
  #screenMypage .my-cover,
  #screenCreate .create-topbar,
  #previewSheet .preview-sheet-hd,
  #userSheet .user-sheet-hd
) :where(button,a,[role="button"],[tabindex],svg,span):focus,
:where(
  #screenMypage .my-cover,
  #screenCreate .create-topbar,
  #previewSheet .preview-sheet-hd,
  #userSheet .user-sheet-hd
) :where(button,a,[role="button"],[tabindex],svg,span):focus-visible,
:where(
  #screenMypage .my-cover,
  #screenCreate .create-topbar,
  #previewSheet .preview-sheet-hd,
  #userSheet .user-sheet-hd
) :where(button,a,[role="button"],[tabindex],svg,span):focus-within{
  outline:0 !important;
  outline-color:transparent !important;
}
:where(
  #screenMypage .my-cover,
  #screenCreate .create-topbar,
  #previewSheet .preview-sheet-hd,
  #userSheet .user-sheet-hd
) :where(button,a,[role="button"],[tabindex])::-moz-focus-inner{
  border:0 !important;
}
:where(
  #screenMypage .my-cover,
  #screenCreate .create-topbar,
  #previewSheet .preview-sheet-hd,
  #userSheet .user-sheet-hd
) :where(button,a,[role="button"],[tabindex]){
  -webkit-tap-highlight-color:transparent;
}