:root {
  --color1: #fdfdfd;

}
.link-footer{display:none;}
.layout-single-column .column-link.column-link--logo, .layout-single-column .ui__header__logo{background-image: url('https://postfiles.pstatic.net/MjAyNjA3MjJfMTUg/MDAxNzg0NjU0MzA1NjUy.mljz-e3U32KWjxUSD94Pd_clb3-HEnsCon_kLmwmwI0g.9iMqtrEp5hQe5OsymY8xR0iMiCclkyzm_FulhPCCGmsg.PNG/IMG_7553_-_%EB%B3%B5%EC%82%AC%EB%B3%B8_(2).png?type=w966');height: 130px;/* width: 100%; */background-size: contain;/* margin-bottom: 20px; */max-height: 100%;background-position: left center;margin-left: 10px;}
.layout-single-column .status-link.mention:not(.hashtag){opacity:0.4}
/* 한제위 표시 이름 색상 */
a[href="/@HJW"] .display-name__html {color: #1b6ce5 !important;}
.layout-single-column .app-holder>div{background:#fff;}
.layout-single-column .navigation-panel .column-link[href="/home"]{margin-top:40px;}
/* ==================================================
   밝은 테마 컬러 설정
================================================== */
body.theme-default.layout-single-column {
  --color-brand-mastodon: #111;
  --color-brand-mastodon-links: #333;

  --color-accent: #111;
  --color-accent-dark: #111;
  --color-accent-dark-50: rgb(17 17 17 / 50%);

  --color-link: #111;
  --color-hashtag: #111;
  --color-mention: #111;

  --color-bg: #fff;
  --color-bg-75: rgb(255 255 255 / 75%);
  --color-fg: #111;
  --color-light-text: #111;

  --color-border: #ddd;
  --color-dim: #777;
  --color-mud: #eee;
  --color-light-purple: #666;

  --color-column: rgb(255 255 255 / 75%);
  --color-column-link-hover: rgb(0 0 0 / 6%);
  --color-profile-button-hover: rgb(0 0 0 / 6%);

  --color-bg-compose-form: #f5f5f5;
  --color-bg-compose-form-focus: #eee;

  --active-header-radial-gradient: radial-gradient(
    ellipse,
    rgb(0 0 0 / 10%) 0%,
    rgb(0 0 0 / 0%) 60%
  );
}

/* ==================================================
   전체 페이지 배경
================================================== */
.layout-single-column .columns-area__panels {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background: #fff;
}

/* 실제 화면 요소가 캐릭터보다 위에 표시되도록 설정 */
.layout-single-column .columns-area__panels > * {
  /* position: relative; */
  z-index: 1;
}

/* ==================================================
   게시 버튼
================================================== */
.layout-single-column
  .compose-form__publish-button-wrapper
  button {
  /* background: linear-gradient(
    181deg,
    #1b6ce5 0%,
    #113265 100%
  ); */
}

/* ==================================================
   작성 영역
================================================== */
.layout-single-column
  .compose-form
  .compose-form__autosuggest-wrapper,
.layout-single-column
  .compose-form
  .compose-form__buttons-wrapper {
  background-color: var(--color1) !important;
  border: 1px solid #ddd;
}

.layout-single-column
  .compose-form
  .compose-form__buttons-wrapper {
  margin-top: -1px;
}

/* ==================================================
   메뉴 순서
================================================== */
.layout-single-column
  .navigation-panel
  .column-link[href="/home"] {
  order: 1;
}

.layout-single-column
  .navigation-panel
  .column-link[href="/notifications"] {
  order: 2;
}

.layout-single-column
  .navigation-panel
  .column-link[href="/pending_mentions"] {
  order: 3;
}

.layout-single-column
  .navigation-panel
  .column-link[href="/conversations"] {
  order: 4;
}

.layout-single-column
  .navigation-panel
  .column-link[href="/public/local"] {
  order: 5;
}

.layout-single-column
  .navigation-panel
  .column-link[href="/bookmarks"] {
  order: 6;
}

.layout-single-column
  .navigation-panel
  .column-link[href="/favourites"] {
  order: 7;
}

.layout-single-column
  .navigation-panel
  .column-link[href="/lists"] {
  order: 8;
}

.layout-single-column
  .navigation-panel
  .column-link[href="/settings/preferences"] {
  order: 9;
}

/* ==================================================
   왼쪽 하단 YouTube BGM 플레이어
================================================== */
.mukwi-bgm-player {
  position: fixed;
  left: 18px;
  bottom: 18px;
  z-index: 9999;

  box-sizing: border-box;
  width: 280px;
  padding: 12px;

  border: 1px solid rgb(0 0 0 / 10%);
  border-radius: 14px;

  background: rgb(255 255 255 / 94%);
  box-shadow: 0 10px 35px rgb(0 0 0 / 16%);

  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}

/* YouTube 플레이어는 DOM에 유지 */
.mukwi-bgm-player__video {
  position: absolute;
  top: auto;
  left: -9999px;

  width: 260px;
  height: 200px;
  overflow: hidden;
}

.mukwi-bgm-player__video iframe {
  display: block;
  width: 260px !important;
  height: 200px !important;
  border: 0;
}

/* 현재 재생 중인 곡 제목 */
.mukwi-bgm-player__info {
  display: flex;
  align-items: center;
  gap: 8px;

  min-width: 0;
  margin-bottom: 10px;

  color: #111;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

.mukwi-bgm-player__info > i {
  flex: 0 0 auto;
}

.mukwi-bgm-player__info span {
  display: block;
  min-width: 0;
  overflow: hidden;

  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 재생 버튼 영역 */
.mukwi-bgm-player__controls {
  display: flex;
  align-items: center;
  gap: 8px;
}

.mukwi-bgm-player__controls button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  padding: 0;

  border: 0;
  border-radius: 50%;

  background: #f0f0f0;
  color: #111;

  cursor: pointer;
  transition:
    background-color 0.15s ease,
    transform 0.15s ease,
    opacity 0.15s ease;
}

.mukwi-bgm-player__controls button:hover {
  background: #ddd;
  transform: translateY(-1px);
}

.mukwi-bgm-player__controls button:active {
  transform: scale(0.9);
}

.mukwi-bgm-player__controls button:disabled {
  opacity: 0.4;
  cursor: default;
  transform: none;
}

/* 가운데 재생·일시정지 버튼 */
.mukwi-bgm-player__controls button:nth-of-type(2) {
  background: #111;
  color: #fff;
}

.mukwi-bgm-player__controls button:nth-of-type(2):hover {
  background: #333;
}

/* 볼륨 아이콘 */
.mukwi-bgm-player__volume-icon {
  flex: 0 0 auto;
  margin-left: 2px;

  color: #555;
  font-size: 13px;
}

/* 볼륨 슬라이더 */
.mukwi-bgm-player__controls input[type="range"] {
  flex: 1;
  min-width: 60px;
  height: 4px;
  margin: 0;

  accent-color: #111;
  cursor: pointer;
}

/* ==================================================
   오른쪽 하단 캐릭터 스티커
================================================== */
.layout-single-column .columns-area__panels::before,
.layout-single-column .columns-area__panels::after {
  content: '';

  position: fixed;
  bottom: 10px;
  z-index: 0;

  display: block;
  width: 500px;
  aspect-ratio: 1 / 1;

  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;

  transform-origin: center bottom;

  transition:
    transform 0.18s cubic-bezier(0.2, 1.6, 0.4, 1),
    filter 0.18s ease;
}

/* 오른쪽 캐릭터 */
.layout-single-column .columns-area__panels::before {
  right: 0;

  background-image: url("https://postfiles.pstatic.net/MjAyNjA3MjVfMTU4/MDAxNzg0OTExMjE0MTkz.1fFVlOGWTkXBEpL0ounadu8SMlauarf0wsQQPgD9sXEg.fvemRleGRIHiNbHIUWtRQFlsylJiFfMeBvA_8aHHij0g.PNG/IMG_4039.png?type=w966");
}

/* 왼쪽 캐릭터 */
.layout-single-column .columns-area__panels::after {
  right: 300px;

  background-image: url("https://postfiles.pstatic.net/MjAyNjA3MjVfMjA5/MDAxNzg0OTExMjE0MDM1.9OjM0EAYkEx9CWFV0GQU1w9r99HAbKCR2DX1Y6bs4Mkg.cel8k5PAfrxXedSx1UOqXvFBEyCeg4AHoNAT82qLgaMg.PNG/IMG_4040.png?type=w966");
}

.layout-single-column .columns-area__panels::before,
.layout-single-column .columns-area__panels::after {
  content: '';
  display: block;
  width: 500px;
  aspect-ratio: 1 / 1;
  z-index: 0;
  position: fixed;

  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  transform-origin: center bottom;
  transition:
    transform 0.14s cubic-bezier(.2, 1.6, .4, 1),
    filter 0.14s ease;
}

/* 오른쪽 캐릭터 */
.layout-single-column .columns-area__panels::before {
  background-image: url("https://postfiles.pstatic.net/MjAyNjA3MjVfMTU4/MDAxNzg0OTExMjE0MTkz.1fFVlOGWTkXBEpL0ounadu8SMlauarf0wsQQPgD9sXEg.fvemRleGRIHiNbHIUWtRQFlsylJiFfMeBvA_8aHHij0g.PNG/IMG_4039.png?type=w966");
  bottom: 10px;
  right: 0;
}

/* 왼쪽 캐릭터 */
.layout-single-column .columns-area__panels::after {
  background-image: url("https://postfiles.pstatic.net/MjAyNjA3MjVfMjA5/MDAxNzg0OTExMjE0MDM1.9OjM0EAYkEx9CWFV0GQU1w9r99HAbKCR2DX1Y6bs4Mkg.cel8k5PAfrxXedSx1UOqXvFBEyCeg4AHoNAT82qLgaMg.PNG/IMG_4040.png?type=w966");
  bottom: 10px;
  right: 300px;
}

/* 눌렀을 때 뽀용뽀용 짜부 */
.layout-single-column .columns-area__panels:active::before,
.layout-single-column .columns-area__panels:active::after {
  transform: scaleX(1.14) scaleY(0.82) translateY(18px);
  filter: brightness(1.05);
}
/* ==================================================
   모바일
================================================== */
@media screen and (max-width: 767px) {
  .mukwi-bgm-player {
    left: 10px;
    bottom: 72px;

    width: min(270px, calc(100vw - 20px));
  }

  .layout-single-column .columns-area__panels::before,
  .layout-single-column .columns-area__panels::after {
    width: 280px;
    opacity: 0.65;
  }

  .layout-single-column .columns-area__panels::before {
    right: -80px;
  }

  .layout-single-column .columns-area__panels::after {
    right: 80px;
  }
}

/* 움직임 최소화 설정 사용자 배려 */
@media (prefers-reduced-motion: reduce) {
  .layout-single-column .columns-area__panels::before,
  .layout-single-column .columns-area__panels::after {
    animation: none;
    transition: none;
  }
}

/* cache-version: 2026-07-25-01 */