:root{
    --bg:#0a0a0c;
    --bg-elev:#15161a;
    --bg-hover:#1c1d22;
    --line:#26272d;
    --text:#e9e9ec;
    --text-dim:#7a7c85;
    --accent:#5b8cff;
    --accent-hover:#7aa0ff;
    --like:#f6457f;
    --verified:#1d9bf0;
    --uploader:#f5a524;
    --admin:#e0245e;
    --repost:#3ec98a;
    --reply:#5b8cff;
    --radius:18px;
    --font-en:"Schibsted Grotesk",sans-serif;
    --font-jp:"Zen Kaku Gothic New",sans-serif;
  }

  /* ライトモード（data-theme="light"）。眩しくないオフホワイト基調。既定はダーク。 */
  :root[data-theme="light"]{
    --bg:#e8eaef;
    --bg-elev:#f5f6f9;
    --bg-hover:#e1e4ea;
    --line:#d3d6de;
    --text:#1b1c22;
    --text-dim:#5b606b;
    --accent:#3a64d8;
    --accent-hover:#2f56c2;
    --like:#e60f5f;
    --verified:#1583d4;
    --uploader:#b9740d;
    --admin:#cc1f54;
    --repost:#16965f;
    --reply:#3a64d8;
    color-scheme:light;
  }
  /* ライト時、白ピル系ボタンはアクセント色にして可読性を確保 */
  :root[data-theme="light"] .guestbar__btn{background:var(--accent);color:#fff}
  :root[data-theme="light"] .guestbar__btn:hover{box-shadow:0 6px 20px rgba(0,0,0,.14)}
  /* ライト時、ガラス風の固定バー類（上部ヘッダ・検索タブ・下部バー）を明色に上書き */
  :root[data-theme="light"] .feed__head,
  :root[data-theme="light"] .topbar,
  :root[data-theme="light"] .searchtabs{background:rgba(232,234,239,.80)}
  :root[data-theme="light"] .mobilebar{background:rgba(232,234,239,.92)}
  /* ライト時、投稿のホバー/選択と未読通知が黒くならないように */
  :root[data-theme="light"] .post:hover{background:var(--bg-hover)}
  :root[data-theme="light"] .notif.is-unread{background:#dbe4f5}
  /* ライト時、操作メニューの送信ボタン文字を白に（アクセント上の可読性） */
  :root[data-theme="light"] .actmenu__pop button[type=submit]{color:#fff}
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{height:100%}
  body{
    background:var(--bg);
    color:var(--text);
    font-family:var(--font-jp),var(--font-en);
    font-feature-settings:"palt" 1;
    -webkit-font-smoothing:antialiased;
    line-height:1.6;
  }
  a{color:inherit;text-decoration:none}
  .logo-mark{font-family:var(--font-en);font-weight:800;letter-spacing:-.04em}

  /* ================= ログイン画面 ================= */
  .auth{
    min-height:100dvh;
    display:grid;
    grid-template-columns:1.15fr .85fr;
    background:
      radial-gradient(120% 100% at 85% 10%, rgba(91,140,255,.12), transparent 55%),
      var(--bg);
  }
  .auth__art{
    position:relative;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    border-right:1px solid var(--line);
  }
  .auth__art::before{
    content:"";position:absolute;inset:0;
    background:
      radial-gradient(40% 40% at 30% 30%, rgba(91,140,255,.20), transparent 60%),
      radial-gradient(40% 40% at 70% 75%, rgba(246,69,127,.12), transparent 60%);
    filter:blur(8px);
  }
  .auth__bigmark{
    position:relative;
    font-family:var(--font-en);
    font-weight:800;
    font-size:min(34vw,340px);
    line-height:1;
    background:linear-gradient(135deg,#fff,#7aa0ff 70%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    letter-spacing:-.06em;
  }
  .auth__panel{
    display:flex;flex-direction:column;justify-content:center;
    padding:clamp(32px,6vw,88px);
    gap:28px;
  }
  .auth__panel h1{
    font-size:clamp(34px,4.4vw,60px);
    line-height:1.1;font-weight:900;letter-spacing:-.02em;
  }
  .auth__panel h1 small{display:block;font-size:.42em;color:var(--text-dim);font-weight:500;margin-top:14px;letter-spacing:0}
  .auth__cta{display:flex;flex-direction:column;gap:14px;max-width:380px}
  .gbtn{
    display:flex;align-items:center;justify-content:center;gap:12px;
    background:#fff;color:#1a1a1a;
    border:none;border-radius:999px;
    padding:14px 20px;
    font-family:var(--font-jp);font-size:16px;font-weight:700;
    cursor:pointer;transition:transform .12s ease,box-shadow .2s ease;
  }
  .gbtn:hover{transform:translateY(-1px);box-shadow:0 8px 28px rgba(255,255,255,.12)}
  .gbtn svg{width:20px;height:20px;flex:0 0 auto}
  .auth__note{font-size:12.5px;color:var(--text-dim);max-width:380px}
  .auth__note a{color:var(--accent)}

  /* ================= アプリ本体（3カラム） ================= */
  .app{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:88px minmax(0,1fr) 350px;}
  @media(min-width:1100px){ .app{grid-template-columns:275px minmax(0,1fr) 350px;} }

  /* --- 左ナビ --- */
  .nav{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding:8px 12px;border-right:1px solid var(--line);}
  .nav__logo{font-family:var(--font-en);font-weight:800;font-size:30px;padding:14px;color:var(--text);letter-spacing:-.04em}
  .nav__items{display:flex;flex-direction:column;gap:2px;margin-top:4px}
  .nav__item{display:flex;align-items:center;gap:18px;padding:12px 14px;border-radius:999px;font-size:19px;font-weight:500;color:var(--text);transition:background .15s ease;white-space:nowrap}
  .nav__item:hover{background:var(--bg-hover)}
  .nav__item.is-active{font-weight:800}
  .nav__item svg{width:26px;height:26px;flex:0 0 auto}
  .nav__label{display:none}
  @media(min-width:1100px){ .nav__label{display:inline} }
  .nav__post{margin:14px 4px 0;background:var(--accent);color:#0a0a0c;border:none;border-radius:999px;padding:15px;font-family:var(--font-jp);font-weight:800;font-size:16px;cursor:pointer;transition:background .15s ease}
  .nav__post:hover{background:var(--accent-hover)}
  .nav__post .full{display:none}
  @media(min-width:1100px){ .nav__post .full{display:inline} .nav__post .icon{display:none} }
  .nav__me{margin-top:auto;display:flex;align-items:center;gap:12px;padding:11px;border-radius:999px;cursor:pointer;transition:background .15s ease}
  .nav__me:hover{background:var(--bg-hover)}
  .nav__me .meta{display:none;min-width:0}
  @media(min-width:1100px){ .nav__me .meta{display:block} }
  .nav__me .meta b{display:block;font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis}
  .nav__me .meta span{display:block;font-size:14px;color:var(--text-dim)}

  /* --- 中央タイムライン --- */
  .feed{border-right:1px solid var(--line);min-height:100dvh;min-width:0}
  .feed__head{position:sticky;top:0;z-index:5;backdrop-filter:blur(12px);background:rgba(10,10,12,.72);border-bottom:1px solid var(--line)}
  .feed__title{padding:16px 18px 4px;font-size:21px;font-weight:900;letter-spacing:-.01em}
  .tabs{display:flex}
  .tab{flex:1;min-width:0;text-align:center;padding:16px 0 0;font-size:15px;font-weight:700;color:var(--text-dim);cursor:pointer;position:relative}
  .tab.is-active{color:var(--text)}
  .tab span{display:inline-block;padding-bottom:14px}
  .tab.is-active span::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:56px;height:4px;border-radius:4px;background:var(--accent)}

  /* 投稿コンポーザー */
  .composer{display:flex;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}
  .avatar{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#0a0a0c;background:linear-gradient(135deg,#7aa0ff,#5b8cff);font-family:var(--font-jp)}
  .composer__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}
  .composer__input{width:100%;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:20px;resize:none;outline:none;min-height:52px;line-height:1.5}
  .composer__input::placeholder{color:var(--text-dim)}
  .composer__bar{display:flex;align-items:center;justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px}
  .composer__send{background:var(--accent);color:#0a0a0c;border:none;border-radius:999px;padding:9px 22px;font-family:var(--font-jp);font-weight:800;font-size:15px;cursor:pointer}
  .composer__send:hover{background:var(--accent-hover)}
  .guestbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--text-dim);font-size:14.5px}
  .guestbar__btn{background:#fff;color:#1a1a1a;border-radius:999px;padding:9px 18px;font-weight:700;font-size:14px;white-space:nowrap}
  .guestbar__btn:hover{box-shadow:0 6px 20px rgba(255,255,255,.12)}

  /* 投稿カード */
  .post{display:flex;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);transition:background .12s ease}
  .post:hover{background:#0f0f12}
  .post__main{flex:1;min-width:0}
  .post__head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  .post__name{font-weight:700}
  .post__serial,.post__time{color:var(--text-dim);font-size:15px}
  .post__serial{font-family:var(--font-en);font-variant-numeric:tabular-nums;letter-spacing:.01em}
  .post__dot{color:var(--text-dim)}
  .post__body{margin-top:3px;font-size:15.5px;word-break:break-word}

  /* 返信スレッド（BBS風・ポストを開かず表示） */
  .avatar--sm{width:34px;height:34px;font-size:14px}
  .thread{margin-top:12px;padding-left:14px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:14px}
  .reply{display:flex;gap:10px}
  .reply__main{flex:1;min-width:0}
  .reply__head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}
  .reply__name{font-weight:700}
  .reply__body{margin-top:2px;font-size:14.5px;color:var(--text);word-break:break-word}
  .reply__actions{margin-top:4px}

  /* アクション行（返信・引用・ハート） */
  .post__actions{display:flex;align-items:center;gap:26px;margin-top:10px;color:var(--text-dim)}
  .act{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;background:none;border:none;color:inherit;cursor:pointer;padding:4px;border-radius:999px;transition:color .15s ease;font-family:inherit}
  .act svg{width:18px;height:18px}
  .act--reply:hover{color:var(--reply)}
  .act--quote:hover{color:var(--repost)}
  .act--like:hover{color:var(--like)}

  /* いいね（単一ボタン＋通常/匿名メニュー） */
  .likewrap{position:relative;display:inline-block}
  .likewrap > summary{list-style:none;display:inline-flex;align-items:center;gap:7px}
  .likewrap > summary::-webkit-details-marker{display:none}
  .likewrap > summary::marker{content:""}
  .likewrap.is-liked:not(.is-anon) > summary{color:var(--like)}
  .likewrap.is-liked:not(.is-anon) > summary svg{fill:var(--like);stroke:var(--like)}
  .likewrap.is-anon > summary{color:#b48cff}
  .likewrap.is-anon > summary svg{stroke:#b48cff}
  .likeform{margin:0;padding:0}
  .likemenu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:180px;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 12px 32px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:2px}
  .likemenu__item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--text);font-family:inherit;font-size:14px;font-weight:600;text-align:left;padding:9px 12px;border-radius:10px;cursor:pointer}
  .likemenu__item:hover{background:var(--bg-hover)}
  .likemenu__item svg{width:18px;height:18px;flex:0 0 auto;color:var(--text-dim)}
  .likemenu__item:first-child:hover svg{color:var(--like)}
  .likemenu__item:last-child:hover svg{color:#b48cff}
  .likemenu__item.is-active{color:var(--accent)}

  /* 引用元カード */
  .quoted{display:block;margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:#0c0c0f}
  .quoted:hover{background:var(--bg-hover)}
  .quoted__head{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px}
  .quoted__name{font-weight:700;color:var(--text)}
  .quoted__head .post__serial,.quoted__head .post__time{font-size:13px}
  .quoted__body{margin-top:2px;font-size:14px;color:var(--text)}

  /* 折りたたみ要素（JS無効時は表示されたまま＝閲覧可） */
  [data-collapsible][hidden]{display:none}

  /* 返信フォーム */
  .reply__actions .act{padding:2px 4px}
  .replyform{display:flex;gap:8px;align-items:flex-start;margin-top:12px}
  .replyform textarea{flex:1;min-width:0;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;color:var(--text);font-family:inherit;font-size:14.5px;padding:9px 12px;resize:vertical;outline:none;min-height:38px}
  .replyform textarea:focus{border-color:var(--accent)}
  .replyform button{flex:0 0 auto;background:var(--accent);color:#0a0a0c;border:none;border-radius:999px;padding:9px 16px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer;height:38px}
  .replyform button:hover{background:var(--accent-hover)}
  .thread__empty{color:var(--text-dim);font-size:13.5px;padding:2px 0}

  /* 引用コンポーザー */
  .quotebox{margin-top:10px}
  .quoteform textarea{width:100%;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;color:var(--text);font-family:inherit;font-size:14.5px;padding:10px 12px;resize:vertical;outline:none}
  .quoteform textarea:focus{border-color:var(--accent)}
  .quotebox__bar{display:flex;justify-content:flex-end;margin-top:8px}
  .quotebox__bar button{background:var(--accent);color:#0a0a0c;border:none;border-radius:999px;padding:9px 18px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer}
  .quotebox__bar button:hover{background:var(--accent-hover)}

  .empty{padding:48px 18px;text-align:center;color:var(--text-dim);font-size:15px}

  /* --- 右カラム --- */
  .aside{padding:12px 22px;display:flex;flex-direction:column;gap:18px}
  @media(max-width:980px){ .aside{display:none} .app{grid-template-columns:88px minmax(0,1fr)} }
  @media(max-width:680px){ .app{grid-template-columns:1fr} .nav{display:none} .feed{border:none} }
  .search{position:sticky;top:12px;display:flex;align-items:center;gap:10px;background:var(--bg-elev);border:1px solid transparent;border-radius:999px;padding:11px 16px}
  .search:focus-within{border-color:var(--accent);background:transparent}
  .search svg{width:18px;height:18px;color:var(--text-dim)}
  .search input{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:inherit;font-size:15px}
  .search input::placeholder{color:var(--text-dim)}
  .card{background:var(--bg-elev);border-radius:var(--radius);overflow:hidden}
  .card h2{font-size:19px;font-weight:900;padding:14px 16px 8px}
  .trend{display:block;padding:11px 16px;cursor:pointer;transition:background .15s ease}
  .trend:hover{background:var(--bg-hover)}
  .trend small{display:block;color:var(--text-dim);font-size:12.5px}
  .trend b{display:block;font-size:15px;font-weight:700;margin:1px 0}
  .trend span{color:var(--text-dim);font-size:12.5px}
  .foot{font-size:12.5px;color:var(--text-dim);line-height:1.9;padding:0 4px}
  .foot a:hover{text-decoration:underline}

  /* モバイル下部ナビ */

  /* ===== サブページ共通（通知・プロフィール） ===== */
  .page{max-width:680px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100dvh}
  .topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:16px;padding:12px 18px;backdrop-filter:blur(12px);background:rgba(10,10,12,.72);border-bottom:1px solid var(--line)}
  .topbar a.back{display:inline-flex;color:var(--text)}
  .topbar a.back svg{width:22px;height:22px}
  .topbar h1{font-size:19px;font-weight:900;letter-spacing:-.01em}

  /* ===== 通知 ===== */
  .notif{display:flex;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--text)}
  .notif.is-unread{background:#0e1320}
  .notif__icon{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center}
  .notif__icon svg{width:22px;height:22px}
  .notif__icon.reply{color:var(--reply)}
  .notif__icon.like{color:var(--like)}
  .notif__icon.quote{color:var(--repost)}
  .notif__main{flex:1;min-width:0}
  .notif__text{font-size:14.5px}
  .notif__text b{font-weight:700}
  .notif__snippet{margin-top:3px;color:var(--text-dim);font-size:14px;word-break:break-word}
  .notif__time{color:var(--text-dim);font-size:13px;margin-top:2px}

  /* 通知バッジ（左ナビ） */
  .nav__item{position:relative}
  .badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#0a0a0c;font-size:11px;font-weight:800;font-family:var(--font-en);margin-left:6px}

  /* ===== プロフィール ===== */
  .profile__card{padding:18px;border-bottom:1px solid var(--line);display:flex;gap:16px;align-items:center}
  .profile__card .avatar{width:64px;height:64px;font-size:26px}
  .profile__meta b{display:block;font-size:20px;font-weight:800}
  .profile__meta>span{display:block;color:var(--text-dim);font-size:14px;font-family:var(--font-en)}
  .profile__form{padding:18px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
  .profile__form label{font-size:13.5px;color:var(--text-dim);font-weight:700}
  .profile__form input{background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;color:var(--text);font-family:inherit;font-size:15px;padding:11px 13px;outline:none}
  .profile__form input:focus{border-color:var(--accent)}
  .profile__form .row{display:flex;justify-content:space-between;align-items:center;gap:12px}
  .profile__save{align-self:flex-end;background:var(--accent);color:#0a0a0c;border:none;border-radius:999px;padding:10px 22px;font-family:inherit;font-weight:800;font-size:15px;cursor:pointer}
  .profile__save:hover{background:var(--accent-hover)}
  .flash{margin:14px 18px 0;padding:10px 14px;border-radius:12px;background:rgba(91,140,255,.12);border:1px solid var(--accent);color:var(--text);font-size:14px}
  .section-title{padding:16px 18px 6px;font-size:16px;font-weight:800}

  /* ===== ハッシュタグ / フォローボタン ===== */
  .hashtag{color:var(--accent)}
  .hashtag:hover{text-decoration:underline}
  .btn-outline{background:none;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:9px 20px;font-family:inherit;font-weight:800;font-size:15px;cursor:pointer}
  .btn-outline:hover{border-color:var(--like);color:var(--like)}
  a.post__name{color:var(--text)}
  a.post__name:hover,a.reply__name:hover{text-decoration:underline}

  /* ===== 検索 ===== */
  .searchhead{padding:12px 18px;border-bottom:1px solid var(--line)}
  .searchhead .search{position:static}
  .searchtabs{display:flex;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(10,10,12,.72);backdrop-filter:blur(12px);z-index:4}
  .searchtabs a{flex:1;text-align:center;padding:13px 0;font-size:14px;font-weight:700;color:var(--text-dim)}
  .searchtabs a.is-active{color:var(--text);box-shadow:inset 0 -3px 0 var(--accent)}
  .userrow{display:flex;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line)}
  .userrow .avatar{width:46px;height:46px}
  .userrow b{font-weight:700;color:var(--text)}
  .userrow .sub{display:block;color:var(--text-dim);font-size:13px;font-family:var(--font-en)}

  /* ===== メディア（投稿画像・グリッド・アップロード） ===== */
  .post__media{display:block;margin-top:10px;border-radius:16px;overflow:hidden;border:1px solid var(--line);max-width:100%}
  .post__media img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
  .composer__bar{justify-content:space-between}
  .composer__attach{display:inline-flex;align-items:center;gap:8px;color:var(--accent);cursor:pointer;border-radius:999px;padding:6px;transition:background .15s ease}
  .composer__attach:hover{background:rgba(91,140,255,.12)}
  .composer__attach svg{width:20px;height:20px}
  .composer__fname{font-size:12.5px;color:var(--text-dim);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mediabar{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line)}
  .mediabar svg{width:18px;height:18px;color:var(--text-dim);flex:0 0 auto}
  .mediabar input{flex:1;min-width:0;background:var(--bg-elev);border:1px solid var(--line);border-radius:999px;color:var(--text);font-family:inherit;font-size:14.5px;padding:9px 14px;outline:none}
  .mediabar input:focus{border-color:var(--accent)}
  .mediabar button{flex:0 0 auto;background:var(--accent);color:#0a0a0c;border:none;border-radius:999px;padding:9px 18px;font-family:inherit;font-weight:800;font-size:14px;cursor:pointer}
  .mediabar button:hover{background:var(--accent-hover)}
  .mediagrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px}
  .card .mediagrid{gap:4px;padding:12px}
  .card .mediagrid{grid-template-columns:repeat(3,1fr)}
  .mediagrid__item{display:block;aspect-ratio:1/1;overflow:hidden;border-radius:6px;background:var(--bg-elev)}
  .mediagrid__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}
  .mediagrid__item:hover img{transform:scale(1.04)}

  /* ===== 削除・通報 ===== */
  .post__deleted{margin-top:6px;color:var(--text-dim);font-size:14.5px;font-style:italic}
  .act--report:hover{color:#e0b341}
  .reportform{display:inline;margin:0;padding:0}

  /* ===== 管理ページ ===== */
  .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}
  .stat{background:var(--bg);padding:18px 14px;text-align:center}
  .stat__num{display:block;font-family:var(--font-en);font-size:26px;font-weight:800}
  .stat__label{display:block;color:var(--text-dim);font-size:12.5px;margin-top:4px}
  .report{padding:14px 18px;border-bottom:1px solid var(--line)}
  .report.is-closed{opacity:.6}
  .report__row{display:flex;align-items:center;gap:10px;margin-bottom:6px}
  .report__badge{font-size:12px;font-weight:800;padding:2px 10px;border-radius:999px;background:rgba(224,69,79,.15);color:#e0454f}
  .report.is-closed .report__badge{background:var(--bg-hover);color:var(--text-dim)}
  .report__time{color:var(--text-dim);font-size:13px}
  .report__line{font-size:14px;margin:3px 0}
  .report__line a{color:var(--text)}
  .report__line a:hover{text-decoration:underline}
  .report__post{font-size:14px;margin:6px 0;color:var(--text-dim)}
  .report__post a{color:var(--text)}
  .tag-frozen{margin-left:6px;font-size:11px;font-weight:800;color:#e0454f;border:1px solid #e0454f;border-radius:999px;padding:1px 8px}
  .report__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
  .report__actions form{margin:0}
  .btn-danger{background:#e0454f;color:#fff;border:none;border-radius:999px;padding:8px 16px;font-family:inherit;font-weight:800;font-size:13.5px;cursor:pointer}
  .btn-danger:hover{background:#c5343d}
  .btn-outline[disabled]{opacity:.4;cursor:not-allowed}

  /* ===== アクションメニュー（通報・管理） ===== */
  .actmenu{position:relative;display:inline-block}
  .actmenu > summary{list-style:none}
  .actmenu > summary::-webkit-details-marker{display:none}
  .actmenu > summary::marker{content:""}
  .act--admin:hover{color:var(--accent)}
  .actmenu__pop{position:absolute;z-index:30;top:calc(100% + 6px);right:0;min-width:210px;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 12px 32px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:8px}
  .actmenu--inline{display:block}
  .actmenu--inline .actmenu__pop{position:static;box-shadow:none;border:none;padding:8px 0;min-width:0}
  .actmenu__title{font-size:12.5px;font-weight:800;color:var(--text-dim)}
  .actmenu__pop select,.actmenu__pop input[type=text]{background:var(--bg);border:1px solid var(--line);border-radius:10px;color:var(--text);font-family:inherit;font-size:14px;padding:8px 10px;outline:none;width:100%}
  .actmenu__pop select:focus,.actmenu__pop input[type=text]:focus{border-color:var(--accent)}
  .actmenu__pop form{display:flex;flex-direction:column;gap:8px;margin:0}
  .actmenu__pop > form{gap:8px}
  .actmenu__pop button[type=submit]{background:var(--accent);color:#0a0a0c;border:none;border-radius:999px;padding:8px 14px;font-family:inherit;font-weight:800;font-size:13.5px;cursor:pointer}
  .actmenu__pop button.btn-danger{background:#e0454f;color:#fff}
  .actmenu__pop button.btn-outline{background:none;border:1px solid var(--line);color:var(--text)}

  /* ===== 管理対象マーク / 本人向け警告 ===== */
  /* flag-mark は後でアイコンに差し替え可能なプレースホルダ */
  .flag-mark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#e0454f;color:#fff;font-size:11px;font-weight:900;line-height:1;vertical-align:middle;flex:0 0 auto}
  .uwarn{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin:0;padding:13px 18px;background:rgba(224,69,79,.12);border-bottom:1px solid var(--line)}
  .uwarn__body{display:flex;flex-direction:column;gap:3px;font-size:14px}
  .uwarn__body b{color:#e0454f}
  .uwarn__note{color:var(--text-dim);font-size:13px}
  .uwarn__close{flex:0 0 auto;background:none;border:none;color:var(--text-dim);font-size:20px;line-height:1;cursor:pointer;padding:0 4px}
  .uwarn__close:hover{color:var(--text)}

  /* ===== マーク群 / 凡例 / 異議申し立て ===== */
  .flag-marks{display:inline-flex;gap:2px;margin-left:5px;vertical-align:middle}
  .flag-legend{display:block;color:var(--text-dim);font-size:12px;margin-top:4px}
  .uwarn__appeal{display:inline-block;margin-top:6px;color:var(--accent);font-weight:700;font-size:13.5px}
  .uwarn__appeal:hover{text-decoration:underline}
  .appeal{padding:16px 18px;border-bottom:1px solid var(--line)}
  .appeal__lead{color:var(--text-dim);font-size:14px;margin:0 0 12px}
  .appeal__error{color:#e0454f;font-size:13.5px;margin-bottom:8px}
  .appeal textarea{width:100%;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;color:var(--text);font-family:inherit;font-size:15px;padding:12px 14px;outline:none;resize:vertical;box-sizing:border-box}
  .appeal textarea:focus{border-color:var(--accent)}
  .appeal__bar{display:flex;justify-content:flex-end;margin-top:10px}
  .appeal__bar button{background:var(--accent);color:#0a0a0c;border:none;border-radius:999px;padding:9px 22px;font-family:inherit;font-weight:800;font-size:14.5px;cursor:pointer}
  .appeal__bar button:hover{background:var(--accent-hover)}
  .appeal__item{padding:12px 18px;border-bottom:1px solid var(--line)}
  .appeal__meta{display:flex;align-items:center;gap:10px;margin-bottom:6px}
  .appeal__msg{font-size:14.5px;white-space:pre-wrap;word-break:break-word}
  .appeal__sent{color:var(--accent);font-weight:700;font-size:14px;margin:12px 0;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg-elev)}
  .appeal__form textarea{width:100%;box-sizing:border-box;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;color:var(--text);font-family:inherit;font-size:15px;padding:12px 14px;outline:none;resize:vertical}
  .appeal__form textarea:focus{border-color:var(--accent)}
  .appeal__hist{list-style:none;padding:0;margin:14px 0 0}
  .appeal__hist li{padding:10px 0;border-top:1px solid var(--line)}
  .appeal__status{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--text-dim)}
  .appeal__status--closed{color:var(--accent);border-color:var(--accent)}
  .appeal__date{color:var(--text-dim);font-size:12px;margin-left:8px}
  .flash{padding:11px 18px;background:rgba(91,140,255,.12);border-bottom:1px solid var(--line);font-size:14px}

  /* ===== アバター画像 / 認証マーク / プロフィール編集 ===== */
  .avatar{overflow:hidden}
  .avatar__img{width:100%;height:100%;object-fit:cover;display:block}
  .verified{display:inline-flex;align-items:center;margin-left:4px;color:var(--verified);vertical-align:middle}
  .verified svg{width:17px;height:17px}
  .profile__edit{border-bottom:1px solid var(--line)}
  .profile__editbtn{list-style:none;cursor:pointer;display:inline-block;margin:12px 18px;padding:8px 18px;border:1px solid var(--line);border-radius:999px;font-weight:800;font-size:14px}
  .profile__editbtn::-webkit-details-marker{display:none}
  .profile__editbtn:hover{border-color:var(--accent);color:var(--accent)}
  .profile__edit[open] .profile__editbtn{color:var(--accent);border-color:var(--accent)}
  .profile__hint{color:var(--text-dim);font-size:12.5px}
  .profile__remove{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:13px}
  .profile__remove input{width:auto}

  /* ===== アイコン背景透過 / 管理のIP表示 ===== */
  /* アイコン画像がある場合は円の背景グラデーションを消して透過にする */
  .avatar:has(.avatar__img){background:none}
  .ipinfo{color:var(--text-dim);font-size:12.5px;font-family:var(--font-en)}

  /* ===== 自己紹介 / リンク / タグchip ===== */
  .profile__bio{margin-top:8px;font-size:14.5px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
  .profile__bio .link,.post__body .link{color:var(--accent)}
  .profile__bio .link:hover,.post__body .link:hover{text-decoration:underline}
  .tagchips{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;padding:2px 0 2px 56px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .tagchips::-webkit-scrollbar{display:none}
  .tagchips__label{color:var(--text-dim);font-size:12px;flex-shrink:0;white-space:nowrap}
  .tagchip{display:inline-block;flex-shrink:0;white-space:nowrap;background:var(--bg-elev);border:1px solid var(--line);color:var(--accent);border-radius:999px;padding:4px 11px;font-family:inherit;font-size:13px;cursor:pointer;line-height:1.4}
  .tagchip:hover{border-color:var(--accent);background:rgba(91,140,255,.1)}

  /* ===== パーマリンク（単体ページ遷移） ===== */
  a.post__time{color:var(--text-dim)}
  a.post__time:hover{text-decoration:underline}
  .post[data-permalink],.reply[data-permalink]{cursor:pointer}
  .post[data-permalink] a,.post[data-permalink] button,.post[data-permalink] summary,
  .post[data-permalink] textarea,.post[data-permalink] input,.post[data-permalink] label{cursor:auto}
  .feed__head .back{display:inline-flex;align-items:center;margin-right:6px;color:var(--text)}
  .feed__head .back svg{width:20px;height:20px}
  .feed__head--row{display:flex;align-items:center;padding-left:14px}

  /* ===== 広告 / 引用フィルタ ===== */
  .ad{padding:12px 18px;border-bottom:1px solid var(--line);text-align:center;overflow:hidden}
  .ad:empty{display:none}
  .aside .ad{border:1px solid var(--line);border-radius:14px;margin-top:14px;padding:12px}
  .quotefilter{padding:8px 18px;border-bottom:1px solid var(--line)}
  .quotefilter label{display:inline-flex;align-items:center;gap:8px;color:var(--text-dim);font-size:13.5px;cursor:pointer}
  .quotefilter input{width:auto}

  /* ===== ⋯メニュー / 固定ラベル ===== */
  .post__pin{font-size:12px;color:var(--accent);font-weight:700}
  .postmenu{margin-left:auto;position:relative}
  .postmenu__btn{list-style:none;cursor:pointer;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--text-dim);font-size:20px;line-height:1}
  .postmenu__btn::-webkit-details-marker{display:none}
  .postmenu__btn:hover{background:rgba(91,140,255,.12);color:var(--accent)}
  .postmenu__pop{position:absolute;right:0;top:34px;z-index:20;min-width:200px;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:2px}
  .postmenu__pop form{margin:0}
  .postmenu__pop button{width:100%;text-align:left;background:none;border:none;color:var(--text);font:inherit;padding:10px 12px;border-radius:8px;cursor:pointer}
  .postmenu__pop button:hover{background:var(--bg-hover,rgba(255,255,255,.06))}
  .postmenu__pop button.danger{color:var(--like)}
  .profile__more{margin-left:4px}

  /* ===== 管理: 削除ログ ===== */
  .dellog{margin:6px 0 2px}
  .dellog>summary{cursor:pointer;color:var(--accent);font-size:13px}
  .dellog__item{margin:8px 0;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elev)}
  .dellog__meta{color:var(--text-dim);font-size:12px}
  .dellog__body{white-space:pre-wrap;word-break:break-word;font-size:14px;margin:4px 0}

  /* ===== プロフィール 名前行（認証マーク・⋯メニュー） ===== */
  .profile__nameline{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
  .profile__nameline>b{font-size:20px;font-weight:900}
  .profile__nameline .profile__more{margin-left:2px}

  /* ===== フォロー一覧 / 匿名タグ ===== */
  .follow-count{color:var(--text-dim)}
  .follow-count:hover{color:var(--accent);text-decoration:underline}
  .tag-anon{display:inline-block;font-size:11px;color:var(--text-dim);border:1px solid var(--line);border-radius:6px;padding:0 6px;margin-left:4px;vertical-align:middle}
  .userrow form{margin-left:auto}

  /* ===== アップローダー認証マーク / 複数画像 ===== */
  .uploader-badge{display:inline-flex;align-items:center;margin-left:4px;color:var(--uploader);vertical-align:middle}
  .uploader-badge svg{width:17px;height:17px;display:block}
  .admin-badge{display:inline-flex;align-items:center;margin-left:3px;color:var(--admin,#e0245e);vertical-align:middle}
  .admin-badge svg{width:17px;height:17px}
  .composer__limit{color:var(--text-dim);font-size:12px;margin-left:2px}

  /* まとめサムネイル（最大4枚＋枚数） */
  .mediathumb{position:relative;display:grid;gap:2px;margin-top:10px;border:1px solid var(--line);border-radius:14px;overflow:hidden;max-width:480px}
  .mediathumb__cell{position:relative;overflow:hidden;background:var(--bg-elev)}
  .mediathumb__cell img{width:100%;height:100%;object-fit:cover;display:block}
  .mediathumb--1{grid-template-columns:1fr}
  .mediathumb--1 .mediathumb__cell img{height:auto;max-height:340px;object-fit:contain;background:#000}
  .mediathumb--2{grid-template-columns:1fr 1fr;aspect-ratio:2/1}
  .mediathumb--3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:2/1}
  .mediathumb--3 .mediathumb__cell:first-child{grid-row:1 / span 2}
  .mediathumb--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1/1}
  .mediathumb__more{position:absolute;inset:0;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800}
  .mediathumb__count{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;pointer-events:none}

  /* メディア欄: 複数画像のまとめ表示＋枚数 */
  .mediagrid__item{position:relative}
  .mediagrid__item--multi{display:grid;gap:1px}
  .mediagrid__item--multi img{width:100%;height:100%;object-fit:cover;min-width:0;min-height:0;transition:none}
  .mediagrid__item.cells-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}
  .mediagrid__item.cells-3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
  .mediagrid__item.cells-3 img:first-child{grid-row:1 / span 2}
  .mediagrid__item.cells-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}
  .mediagrid__count{position:absolute;top:5px;right:5px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:700;padding:1px 6px;border-radius:999px;pointer-events:none}

  /* 単体ページ: 画像を個別に縦並び表示（タップで全画面） */
  .post__gallery{position:relative;display:grid;gap:2px;margin-top:10px;border:1px solid var(--line);border-radius:14px;overflow:hidden;max-width:480px}
  .post__gallery .post__media{position:relative;display:block;margin:0;border:none;border-radius:0;overflow:hidden;background:var(--bg-elev);cursor:zoom-in}
  .post__gallery .post__media img{width:100%;height:100%;object-fit:cover;display:block;max-height:none}
  .post__gallery--1{grid-template-columns:1fr}
  .post__gallery--1 .post__media img{height:auto;max-height:380px;object-fit:contain;background:#000}
  .post__gallery--2{grid-template-columns:1fr 1fr;aspect-ratio:2/1}
  .post__gallery--3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:2/1}
  .post__gallery--3 .post__media:first-child{grid-row:1 / span 2}
  .post__gallery--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1/1}
  .post__media--hidden{display:none}
  .post__media-more{position:absolute;inset:0;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:800}
  .post__gallery-count{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;pointer-events:none}

  /* 引用カード内の小さい画像 */
  .quoted__media{position:relative;display:grid;gap:2px;margin-top:6px;border:1px solid var(--line);border-radius:10px;overflow:hidden;max-width:220px}
  .quoted__cell{position:relative;overflow:hidden;background:var(--bg-elev)}
  .quoted__cell img{width:100%;height:100%;object-fit:cover;display:block}
  .quoted__media--1{grid-template-columns:1fr}
  .quoted__media--1 .quoted__cell img{height:auto;max-height:160px;object-fit:contain;background:#000}
  .quoted__media--2{grid-template-columns:1fr 1fr;aspect-ratio:2/1}
  .quoted__media--3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:2/1}
  .quoted__media--3 .quoted__cell:first-child{grid-row:1 / span 2}
  .quoted__media--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;aspect-ratio:1/1}

  /* ライトボックスの左右ナビ */
  .lightbox__nav{position:fixed;top:50%;transform:translateY(-50%);width:48px;height:74px;border:none;background:rgba(0,0,0,.4);color:#fff;font-size:34px;line-height:1;cursor:pointer;border-radius:10px}
  .lightbox__nav--prev{left:8px}
  .lightbox__nav--next{right:8px}
  .lightbox__nav:hover{background:rgba(0,0,0,.72)}

  /* ===== 全画面ライトボックス（スワイプ） ===== */
  .lightbox{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.94)}
  .lightbox__track{position:absolute;inset:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .lightbox__track::-webkit-scrollbar{display:none}
  .lightbox__cell{flex:0 0 100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;padding:16px}
  .lightbox__cell img{max-width:100%;max-height:100%;object-fit:contain}
  .lightbox__count{position:fixed;top:14px;left:50%;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.5);padding:3px 12px;border-radius:999px;font-size:13px;font-weight:700;pointer-events:none}
  .lightbox__close{position:fixed;top:10px;right:12px;width:42px;height:42px;border:none;background:rgba(0,0,0,.5);color:#fff;font-size:20px;line-height:1;border-radius:50%;cursor:pointer}
  .lightbox__close:hover{background:rgba(0,0,0,.75)}

  /* ===== プライバシーポリシー（ログイン前ゲート） ===== */
  .gate{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px}
  .gate__card{width:100%;max-width:620px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:28px 24px}
  .gate__logo{font-family:var(--font-en);font-weight:800;font-size:26px;letter-spacing:-.02em}
  .gate__title{font-size:20px;font-weight:900;margin:14px 0 4px}
  .gate__body{color:var(--text);font-size:14px;line-height:1.85}
  .gate__body h2{font-size:15px;font-weight:800;margin:18px 0 6px}
  .gate__body ul{margin:6px 0 6px;padding-left:1.25em}
  .gate__body ol{margin:8px 0;padding-left:1.5em}
  .gate__body ol>li{margin:6px 0}
  .gate__body ol ul{margin:6px 0;list-style:none;padding-left:0}
  .gate__body a{color:var(--accent)}
  .gate__body li{margin:3px 0}
  .gate__note{background:var(--bg-hover);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-weight:700}
  .gate__small{color:var(--text-dim);font-size:12.5px;margin-top:14px}
  .gate__actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}
  .gate__agree{display:block;text-align:center;background:var(--accent);color:#fff;font-weight:800;padding:13px;border-radius:999px}
  .gate__agree:hover{background:var(--accent-hover)}
  .gate__back{display:block;text-align:center;color:var(--text-dim);padding:8px}
  .gate__back:hover{color:var(--text)}

  /* ===== モバイル: ドロワー ===== */

  .drawer[hidden]{display:none}
  .drawer{position:fixed;inset:0;z-index:1000}
  .drawer__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
  .drawer__panel{position:absolute;left:0;top:0;height:100%;width:82%;max-width:310px;background:var(--bg);border-right:1px solid var(--line);padding:16px 16px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;animation:drawerIn .18s ease}
  @keyframes drawerIn{from{transform:translateX(-100%)}to{transform:translateX(0)}}
  .drawer__close{align-self:flex-end;background:none;border:none;color:var(--text);font-size:20px;line-height:1;cursor:pointer;padding:4px}
  .drawer__id{display:flex;flex-direction:column;gap:2px}
  .avatar--lg{width:54px;height:54px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);font-size:26px;margin-bottom:4px}
  .avatar--lg img{width:100%;height:100%;object-fit:cover}
  .drawer__name{font-size:16px;font-weight:800;display:flex;align-items:center;gap:3px}
  .drawer__serial{color:var(--text-dim);font-size:13px}
  .drawer__counts{display:flex;gap:18px;padding:10px 0;border-bottom:1px solid var(--line)}
  .drawer__counts a{color:var(--text-dim);font-size:14px}
  .drawer__counts b{color:var(--text)}
  .drawer__nav{display:flex;flex-direction:column;padding:4px 0}
  .drawer__nav a{padding:13px 6px;font-size:17px;font-weight:700;border-radius:10px}
  .drawer__nav a:hover{background:var(--bg-hover)}
  .drawer__legal{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:9px}
  .drawer__legal a{color:var(--text-dim);font-size:13px}
  .drawer__copy{color:var(--text-dim);font-size:12px;margin-top:6px}

  /* ===== 下部バー（ホーム/検索/通知）＋ トースト ===== */
  .mobilebar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:20;background:rgba(10,10,12,.92);backdrop-filter:blur(12px);border-top:1px solid var(--line);justify-content:space-around;padding:10px 0}
  .mobilebar a{position:relative;display:flex;align-items:center;justify-content:center}
  .mobilebar svg{width:26px;height:26px;color:var(--text)}
  .mobilebar__badge{position:absolute;top:-3px;right:50%;transform:translateX(16px);background:var(--like);color:#fff;font-size:10px;font-weight:700;line-height:1;min-width:16px;height:16px;padding:0 4px;border-radius:999px;display:flex;align-items:center;justify-content:center}
  .mobilebar__me{background:none;border:none;padding:0;cursor:pointer}
  .mobilebar__me .avatar{width:28px;height:28px;font-size:13px;border:1px solid var(--line)}
  .mobilebar__me .avatar img{width:100%;height:100%;object-fit:cover}
  @media(max-width:680px){ .mobilebar{display:flex} .feed{padding-bottom:64px} }

  .toast{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:1100;background:var(--accent);color:#fff;font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.3);animation:toastIn .2s ease;max-width:90%;text-align:center}
  @keyframes toastIn{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
  .toast.is-hide{opacity:0;transition:opacity .4s ease}

  .report__badge--count{background:var(--like);color:#fff}

  /* ===== 顔文字ペナルティ通知バナー（ホーム） ===== */
  .kaomoji-notice{margin:10px 14px;padding:12px 14px;background:var(--bg-elev);border:1px solid var(--line);border-left:3px solid var(--like);border-radius:12px;color:var(--text);font-size:14px;line-height:1.7}

  /* ===== 埋め込みボタン／モーダル ===== */
  .nav__embed{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;padding:11px;background:none;color:var(--text);border:1px solid var(--line);border-radius:999px;font-weight:700;font-size:14px;cursor:pointer}
  .nav__embed:hover{background:var(--bg-hover)}
  .nav__embed .icon{display:none}
  .embedmodal[hidden]{display:none}
  .embedmodal{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}
  .embedmodal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}
  .embedmodal__panel{position:relative;width:100%;max-width:440px;background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;padding:20px}
  .embedmodal__close{position:absolute;top:10px;right:12px;background:none;border:none;color:var(--text);font-size:18px;cursor:pointer}
  .embedmodal__title{font-size:17px;font-weight:800;margin-bottom:6px}
  .embedmodal__desc{color:var(--text-dim);font-size:13px;margin-bottom:10px;line-height:1.6}
  .embedmodal__code{width:100%;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12px;font-family:monospace;resize:vertical}
  .embedmodal__row{display:flex;gap:10px;align-items:center;margin-top:12px}
  .embedmodal__copy{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:10px 16px;font-weight:700;cursor:pointer}
  .embedmodal__copy:hover{background:var(--accent-hover)}
  .embedmodal__preview{color:var(--text-dim);font-size:13px}

  /* ===== 埋め込みカード（embed.php） ===== */
  .embed-body{margin:0;background:transparent}
  .embed{display:block;text-decoration:none;color:var(--text);background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;padding:16px;font-family:var(--font-ja,"Zen Kaku Gothic New",sans-serif);max-width:460px}
  .embed__brand{font-family:var(--font-en,"Schibsted Grotesk",sans-serif);font-weight:800;font-size:15px;color:var(--text-dim);margin-bottom:10px}
  .embed__top{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
  .embed__idblock{display:flex;flex-direction:column}
  .embed__name{font-size:17px;font-weight:800;display:flex;align-items:center;gap:3px}
  .embed__serial{color:var(--text-dim);font-size:13px}
  .embed__bio{margin-top:10px;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}
  .embed__counts{display:flex;gap:16px;margin-top:12px;font-size:14px;color:var(--text-dim)}
  .embed__counts b{color:var(--text)}
  .embed__posts{margin-top:12px;border-top:1px solid var(--line)}
  .embed__post{display:block;text-decoration:none;color:inherit;padding:11px 2px;border-bottom:1px solid var(--line)}
  .embed__post:hover{background:var(--bg-hover)}
  .embed__postbody{font-size:14px;line-height:1.6;word-break:break-word;white-space:pre-wrap}
  .embed__postimg{margin-top:6px}
  .embed__postimg img{max-width:120px;max-height:90px;border-radius:8px;border:1px solid var(--line);object-fit:cover}
  .embed__posttime{color:var(--text-dim);font-size:12px;margin-top:5px}
  .embed__empty{color:var(--text-dim);font-size:13px;padding:14px 2px}
  .embed__cta{display:block;margin-top:12px;color:var(--accent);font-weight:700;font-size:14px;text-decoration:none}

  /* ===== スマホ: 投稿フォーム最適化（入力域を広く） ===== */
  @media(max-width:680px){
    .composer{padding:12px 14px;gap:10px}
    .composer .avatar{width:40px;height:40px}
    .composer__body{gap:12px}
    .composer__input{min-height:110px;font-size:18px;line-height:1.6}
    .composer__bar{padding-top:12px}
    .composer__send{padding:11px 26px;font-size:16px}
    .composer__attach{padding:8px}
    .composer__attach svg{width:24px;height:24px}
    .composer__limit{font-size:12.5px}
  }

  /* ===== 管理: ユーザー一覧（各行から認証付与） ===== */
  .userlist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:10px}
  .userrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}
  .userrow:last-child{border-bottom:none}
  .userrow__id{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;min-width:0}
  .userrow__id a{color:var(--text);text-decoration:none}
  .userrow__id a:hover{text-decoration:underline}
  .userrow__appeal{color:var(--text-dim);font-size:12px}
  .userrow__actions{display:flex;gap:6px;flex-wrap:wrap}
  .btn-sm{padding:5px 12px;font-size:12.5px}

  /* ===== 管理: ページャ・一覧リンク ===== */
  .userlink{margin-bottom:12px}
  .pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px;margin-bottom:10px}
  .pager__info{color:var(--text-dim);font-size:13px}

  /* ===== YouTube 埋め込み / リンク ===== */
  .ytembed{position:relative;margin-top:10px;max-width:520px;aspect-ratio:16/9;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#000}
  .ytembed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
  .ytlink{display:block;position:relative;margin-top:10px;max-width:520px;border-radius:14px;overflow:hidden;border:1px solid var(--line);text-decoration:none}
  .ytlink__thumb{display:block;position:relative;aspect-ratio:16/9;background:#000}
  .ytlink__thumb img{width:100%;height:100%;object-fit:cover;display:block}
  .ytlink__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;color:#fff;background:rgba(0,0,0,.28)}
  .ytlink:hover .ytlink__play{background:rgba(0,0,0,.4)}
  .ytlink__label{display:block;padding:8px 12px;color:var(--text);font-weight:700;font-size:13px;background:var(--bg-elev)}
  .composer__yt{display:inline-flex;align-items:center;gap:5px;color:var(--text-dim);font-size:12.5px;cursor:pointer;user-select:none}
  .composer__yt input{accent-color:var(--accent)}

  /* ===== 引用カード内の YouTube サムネ（非リンク・プレビュー） ===== */
  .quoted__yt{display:block;position:relative;margin-top:8px;max-width:320px;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#000}
  .quoted__yt img{width:100%;height:100%;object-fit:cover;display:block}
  .quoted__yt-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;background:rgba(0,0,0,.28)}

  /* ===== 「さらに表示」（100文字超の省略） ===== */
  .more__btn{display:inline;background:none;border:none;color:var(--accent);font-family:inherit;font-size:inherit;font-weight:700;cursor:pointer;padding:0;margin-left:4px}
  .more__btn:hover{text-decoration:underline}
  .more__hint{color:var(--accent);font-weight:700;margin-left:4px}

  /* ===== 文字数カウンター ===== */
  .charcount{margin-left:auto;color:var(--text-dim);font-size:12.5px;font-family:var(--font-en);white-space:nowrap;align-self:center}
  .charcount--near{color:var(--uploader)}
  .quotebox__bar .charcount{margin-right:10px}
  /* hidden属性が確実に効くように（display指定のある要素の保険） */
  .more__short[hidden],.more__full[hidden],.more__btn[hidden]{display:none}

  /* ===================== コミュニティ ===================== */
  .ctag{display:inline-block;background:var(--bg-elev);color:var(--accent);border:1px solid var(--accent);padding:5px 12px;border-radius:999px;font-size:15px;font-weight:800;max-width:100%;word-break:break-word;vertical-align:middle}
  .ctag__mark{width:17px;height:17px;flex-shrink:0}
  .ctag--locked{color:var(--text-dim);border-color:var(--line);font-size:12.5px;font-weight:700;padding:3px 10px}
  .comm__head{padding:14px 16px;border-bottom:1px solid var(--line)}
  .comm__top{display:flex;align-items:center;gap:10px}
  .comm__desc{color:var(--text);font-size:16.5px;line-height:1.75;margin:10px 0 8px}
  .comm__meta{color:var(--text-dim);font-size:13px;margin-bottom:12px}
  .comm__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
  .comm__sort{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;font-size:13px}
  .comm__sort a{padding:5px 14px;color:var(--text-dim);text-decoration:none}
  .comm__sort a.is-on{background:var(--accent);color:#fff}
  .comm__mine{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:10px;padding:5px 12px;font-size:13px;color:var(--text-dim);text-decoration:none}
  .comm__mine.is-on{border-color:var(--accent);color:var(--accent)}
  .comm__composer{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
  .comm__composer-main{flex:1;min-width:0}
  .comm__composer-main textarea{width:100%;box-sizing:border-box;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;color:var(--text);font-family:inherit;font-size:15px;padding:10px 14px;outline:none;resize:vertical}
  .comm__composer-main textarea:focus{border-color:var(--accent)}
  .comm__composer-bar{display:flex;align-items:center;gap:10px;margin-top:8px}
  .comm__composer-bar .charcount{margin-left:0}
  .comm__create{padding:16px;border-bottom:1px solid var(--line)}
  .comm__create-title{font-weight:800;font-size:16px;margin-bottom:4px}
  .comm__create-note{color:var(--text-dim);font-size:13px;line-height:1.7;margin-bottom:12px}
  .comm__field{display:block;margin-bottom:10px}
  .comm__field>span{display:block;font-size:13px;color:var(--text-dim);margin-bottom:4px}
  .comm__field input,.comm__field textarea{width:100%;box-sizing:border-box;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;color:var(--text);font-family:inherit;font-size:15px;padding:10px 12px;outline:none}
  .comm__field input:focus,.comm__field textarea:focus{border-color:var(--accent)}
  .comm__create-bar{display:flex;justify-content:flex-end}
  .comm__limit{color:var(--text-dim);font-size:14px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
  .commrow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
  .commrow:hover{background:var(--bg-elev)}
  .commrow__desc{color:var(--text-dim);font-size:14px;min-width:0;flex:1}
  .commrow__meta{color:var(--text-dim);font-size:12.5px;margin-left:auto;white-space:nowrap}
  /* 自分の投稿を強調 */
  .post--mine{box-shadow:inset 3px 0 0 var(--accent);background:rgba(91,140,255,.07)}
  /* 反応（いいね＋返信）が多いコメントを段階的に拡大（本文のみ） */
  .post .post__body--g1{font-size:1.2em}
  .post .post__body--g2{font-size:1.35em}
  .post .post__body--g3{font-size:1.5em}

  /* コミュニティタグの青いCマーク（通常タグと区別） */
  .cmark{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--accent);color:#fff;font-size:10.5px;font-weight:800;line-height:1;flex-shrink:0;vertical-align:middle}
  .cmark--sm{width:14px;height:14px;font-size:9.5px}
  .ctag .cmark{margin-left:4px}
  .hashtag--community{word-break:break-word}
  .hashtag--community .cmark{margin-left:3px}

  /* コンポーザーのバー: 折返し可・ボタンは縮めない（スマホでポストボタンが縦長になるのを防止） */
  .composer__bar{justify-content:flex-end;flex-wrap:wrap;gap:6px}
  .comm__composer-bar{flex-wrap:wrap;justify-content:flex-end;gap:6px 8px}
  .composer__attach{margin-right:auto}
  .composer__send{white-space:nowrap;flex-shrink:0;flex-grow:0;line-height:1.2}
  .composer__bar .charcount,.comm__composer-bar .charcount{margin-left:0}

  /* よく使うタグ: ボタン＋ドロップダウン（履歴のタグから選択） */
  .tagpicker{position:relative;align-self:flex-start}
  .tagpicker__btn{display:inline-flex;align-items:center;gap:6px;list-style:none;cursor:pointer;background:var(--bg-elev);border:1px solid var(--line);color:var(--accent);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;white-space:nowrap}
  .tagpicker__btn::-webkit-details-marker{display:none}
  .tagpicker__btn::marker{content:""}
  .tagpicker__btn svg{width:15px;height:15px}
  .tagpicker__menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;display:flex;flex-wrap:wrap;gap:6px;width:max-content;max-width:min(440px,82vw);max-height:210px;overflow-y:auto;background:var(--bg-elev);border:1px solid var(--line);border-radius:14px;padding:10px;box-shadow:0 14px 34px rgba(0,0,0,.5)}

  /* スマホ: タブ4つ（おすすめ/フォロー中/メディア/コミュニティ）を1行に収める */
  @media(max-width:680px){
    .tab{font-size:12.5px;padding:14px 0 0}
    .tab span{padding-bottom:12px}
  }

  /* テスト用: 広告プレースホルダー（AD_PLACEHOLDER=false で消える） */
  .ad-ph{display:flex;align-items:center;justify-content:center;min-height:90px;margin:8px 16px;border:1px dashed var(--line);border-radius:14px;background:var(--bg-elev);color:var(--text-dim)}
  .ad-ph span{font-size:12px;letter-spacing:.12em;border:1px solid var(--line);border-radius:6px;padding:3px 12px}
  .ad-ph--aside{min-height:140px;margin:8px 0}

  /* コミュニティ見出し: 名前が長くてもフォローボタンを縮めない/折返さない（スマホで縦長防止） */
  .comm__top .ctag{min-width:0}
  .comm__top form{flex-shrink:0}
  .comm__top form button{white-space:nowrap;flex-shrink:0}

  /* コミュニティ: 報告/管理操作・状態バナー・削除/凍結メッセージ・作成時の警告 */
  .comm__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
  .comm__actions form{margin:0}
  .comm__report,.comm__adminbtn{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text-dim);cursor:pointer;white-space:nowrap}
  .comm__report:hover,.comm__adminbtn:hover{color:var(--text);border-color:var(--text-dim)}
  .comm__adminbtn--danger{color:var(--admin);border-color:rgba(224,36,94,.5)}
  .comm__adminbtn--danger:hover{color:#fff;background:var(--admin);border-color:var(--admin)}
  .comm__banner{margin:0 0 12px;padding:10px 14px;border-radius:12px;background:rgba(224,36,94,.12);border:1px solid rgba(224,36,94,.4);color:var(--text);font-size:13.5px;font-weight:700}
  .comm__gone{padding:48px 16px;text-align:center;color:var(--text-dim);font-size:16px;font-weight:700}

  /* 投稿NGワード: コンポーザーの警告と管理画面の一覧 */
  .ng-msg{margin:6px 16px 0;color:var(--admin);font-size:12.5px;font-weight:700}
  button:disabled{opacity:.5;cursor:not-allowed}
  .ngword-add{display:flex;gap:8px;margin:10px 0 16px}
  .ngword-add input[type=text]{flex:1;min-width:0;background:var(--bg-elev);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:10px 12px;font-size:15px}
  .ngword-row{display:flex;align-items:center;gap:10px;padding:11px 4px;border-bottom:1px solid var(--line)}
  .ngword-row__word{flex:1;min-width:0;word-break:break-word;font-weight:700}

  /* 管理者のピン留め投稿ラベル */
  .pin-note{display:flex;align-items:center;gap:5px;padding:11px 16px 3px;color:var(--accent);font-size:12.5px;font-weight:700}

  /* 話題のコミュニティ: 書き込みがない時の表示 */
  .trend--empty{color:var(--text-dim);cursor:default}
  .trend--empty small{font-size:13px}

  /* テーマ切替ボタンを既存リンクと同じ見た目にする */
  button.nav__item{background:none;border:none;width:100%;font:inherit;cursor:pointer;text-align:left;color:var(--text)}
  .drawer__nav button.drawer__themebtn{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;color:var(--text);padding:13px 6px;font-size:17px;font-weight:700;border-radius:10px;font-family:inherit}
  .drawer__nav button.drawer__themebtn:hover{background:var(--bg-hover)}

  /* プロフィールのメディアタブ: YouTubeサムネの再生マーク */
  .mediagrid__item--yt img{width:100%;height:100%;object-fit:cover}
  .mediagrid__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:rgba(0,0,0,.62);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;pointer-events:none}

  /* 問い合わせフォーム */
  .contactform{display:flex;flex-direction:column;gap:16px;margin-top:14px}
  .contact-field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-dim)}
  .contact-field input[type=text],.contact-field input[type=email],.contact-field textarea{width:100%;background:var(--bg-elev);border:1px solid var(--line);border-radius:12px;color:var(--text);font-family:inherit;font-size:15px;padding:11px 13px;outline:none;box-sizing:border-box}
  .contact-field input:focus,.contact-field textarea:focus{border-color:var(--accent)}
  .contact-field textarea{resize:vertical;line-height:1.6}
  .contact-field input[type=file]{font-size:13px;color:var(--text-dim)}
  .req{color:var(--admin)}
  .contact-submit{align-self:flex-start;background:var(--accent);color:#fff;border:none;border-radius:999px;padding:11px 26px;font-family:inherit;font-weight:800;font-size:15px;cursor:pointer}
  .contact-submit:hover{background:var(--accent-hover)}
  .contact-note{font-size:12.5px;color:var(--text-dim);margin:0;line-height:1.6}
  .contact-msg{border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.6;margin:8px 0 4px}
  .contact-msg--ok{background:rgba(62,201,138,.14);color:var(--repost);border:1px solid rgba(62,201,138,.4)}
  .contact-msg--err{background:rgba(224,36,94,.12);color:var(--admin);border:1px solid rgba(224,36,94,.4)}
  .contact-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

  /* ブロック・ミュート管理ページの説明文 */
  .blocked-note{padding:12px 16px;color:var(--text-dim);font-size:13px;line-height:1.6;border-bottom:1px solid var(--line);margin:0}

  /* プロフィールの補助リンク（ブロック・ミュート等） */
  .profile__sublinks{padding:4px 16px 8px;font-size:14px}
  .profile__sublinks a{color:var(--accent)}

  /* 自分への返信・引用の監視カード */
  .mentioncard{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}
  .mentioncard__main{flex:1;min-width:0}
  .mentioncard__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;margin-bottom:3px}
  .mention-kind{font-size:11.5px;font-weight:700;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:0 8px}
  .tag-block{font-size:11.5px;font-weight:700;color:var(--admin);background:rgba(224,36,94,.12);border-radius:999px;padding:1px 8px}
  .mentioncard__body{font-size:15px;line-height:1.6;white-space:pre-wrap;word-break:break-word}
  .mentioncard__imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:4px;margin-top:8px;max-width:380px}
  .mentioncard__imgs img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;background:var(--bg-elev)}
  .mentioncard__foot{display:flex;align-items:center;gap:14px;margin-top:8px}
  .mention-link{font-size:13px;color:var(--text-dim)}

  /* コミュニティのミュートボタン（投稿数の隣） */
  .comm__meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  .comm__mutebtn{display:inline-block;font-size:12.5px;font-weight:700;color:var(--text-dim);background:var(--bg-elev);border:1px solid var(--line);border-radius:999px;padding:4px 13px;cursor:pointer;font-family:inherit;line-height:1.5}
  .comm__mutebtn:hover{background:var(--bg-hover);color:var(--text)}
  .comm__mutebtn.is-muted{color:var(--accent);border-color:var(--accent)}
  /* ミュート中ページのコミュニティ行 */
  .cmrow{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
  .cmrow__main{flex:1;min-width:0}
  .cmsec{padding:14px 16px 4px;color:var(--text-dim);font-size:13px;font-weight:700}

  /* コミュニティ一覧の行: リンク部とミュートボタンを横並び */
  .commrow__link{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:1;min-width:0;text-decoration:none;color:var(--text)}

  /* コミュニティ自体をミュート中のページ表示 */
  .comm-muted-block{padding:40px 20px;text-align:center;color:var(--text-dim)}
  .comm-muted-block p{margin:0 0 16px;font-size:15px;line-height:1.6}
  .comm-muted-actions{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap}
  .comm-muted-show{color:var(--accent);font-size:14px}

  /* ログイン画面: Google OAuth 説明ボックス */
  .gate__oauth{border:1px solid var(--line);background:var(--bg-elev);border-radius:14px;padding:16px 18px;margin:14px 0}
  .gate__oauth-title{display:flex;align-items:center;gap:9px;font-size:16px;margin:0 0 10px}
  .gate__oauth-title svg{flex:none;background:#fff;border-radius:5px;padding:2px;box-sizing:content-box}
  .gate__oauth p{margin:8px 0;line-height:1.7}
  .gate__oauth-sub{font-weight:700;margin-top:12px}
  .gate__oauth-ok,.gate__oauth-ng{margin:6px 0 0;padding-left:0;list-style:none}
  .gate__oauth-ok li,.gate__oauth-ng li{position:relative;padding:3px 0 3px 26px;line-height:1.6}
  .gate__oauth-ok li::before{content:"✓";position:absolute;left:4px;color:var(--repost);font-weight:800}
  .gate__oauth-ng li::before{content:"✕";position:absolute;left:4px;color:var(--like);font-weight:800}
  .gate__oauth-note{font-size:13.5px;color:var(--text-dim)}
  .gate__oauth-note a,.gate__oauth a{color:var(--accent)}

  /* 管理者が画像を削除した投稿の通知 */
  .post__imgremoved{margin:8px 0 2px;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;color:var(--text-dim);font-size:13.5px;background:var(--bg-elev)}

  /* アカウント削除（退会）ページ */
  .acctdel{padding:18px 16px;line-height:1.7}
  .acctdel-list{margin:12px 0;padding-left:0;list-style:none}
  .acctdel-list li{position:relative;padding:5px 0 5px 24px}
  .acctdel-list li::before{content:"!";position:absolute;left:4px;top:5px;color:var(--admin);font-weight:900}
  .acctdel-agree{display:flex;gap:10px;align-items:flex-start;margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-elev);cursor:pointer;font-size:14px}
  .acctdel-agree input{margin-top:3px}
  .acctdel-actions{display:flex;gap:12px;align-items:center;margin-top:14px}
  .acctdel-err{color:var(--admin);font-weight:700}
  .acctdel-note{color:var(--text-dim);font-size:13.5px}
  .acctdel-link{color:var(--admin) !important}
  .acctdel-done{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
  .acctdel-done__box{max-width:460px;text-align:center;border:1px solid var(--line);border-radius:16px;background:var(--bg-elev);padding:28px 24px;line-height:1.8}
  .acctdel-done__box h1{font-size:20px;margin:0 0 10px}