body[data-mode="paper"] #kakao-row, body[data-mode="paper"] #link-app,
body[data-mode="paper"] #loginform, body[data-mode="paper"] #registerform,
body[data-mode="paper"] .login-links, body[data-mode="paper"] .social-divider { display:none !important; }
.release-panel { max-width:960px; margin:20px auto; padding:20px; background:#f5f7f7; border:1px solid #dce3e1; border-radius:12px; line-height:1.7; }
.release-panel [hidden] { display:none; }
.release-actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; }
.release-actions button, .release-actions a { white-space:nowrap; }
.release-actions a { color:#334b8f; text-underline-offset:3px; }
@media (max-width:600px) { .release-panel { margin:16px; padding:16px; } }
.release-note { color:#52615d; line-height:1.7; font-size:14px; }
.release-consent { max-width:520px; width:calc(100% - 32px); padding:28px; border:1px solid #b9c7c1; border-radius:16px; }
.release-consent::backdrop { background:#0007; }
.release-consent label { display:block; margin:16px 0; }
.release-consent button { padding:12px 18px; margin:8px; }
.release-history { width:100%; font-size:13px; line-height:1.8; overflow-wrap:anywhere; }

[hidden], .composer-count[hidden] { display:none !important; }
.mypage { max-width:880px; margin:24px auto 0; --account-accent:#194e72; }
.account-heading { margin:24px 0 32px; }
.account-eyebrow { margin:0 0 8px; color:var(--account-accent); font-size:11px; font-weight:600; letter-spacing:.14em; }
.account-heading h1 { font-family:var(--sans); font-size:32px; line-height:1.3; letter-spacing:-.04em; margin:0 0 12px; }
.account-heading > p:last-child { margin:0; font-size:14px; color:var(--ink-soft); }
.account-layout { display:grid; grid-template-columns:minmax(0,260px) minmax(0,1fr); gap:24px; align-items:start; }
.account-card { padding:24px; background:#fff; border:1px solid var(--rule); border-radius:20px; box-shadow:0 4px 16px #14181c03; min-width:0; }
.account-card h2 { margin:0; font-size:17px; font-weight:600; letter-spacing:-.03em; overflow-wrap:anywhere; }
.account-card h3 { margin:0; font-size:14px; font-weight:500; }
.account-caption { font-size:12px; color:var(--ink-soft); line-height:1.7; margin:6px 0 0; overflow-wrap:anywhere; }
.account-profile { text-align:center; padding-top:32px; }
.account-avatar { display:grid; place-items:center; width:72px; height:72px; margin:0 auto 20px; border:1px solid #dbe7ed; border-radius:24px; color:var(--account-accent); background:#eef4f7; font-size:28px; font-weight:500; }
.account-provider { display:inline-flex; align-items:center; padding:3px 9px; margin-bottom:12px; border-radius:6px; background:var(--paper-sunk); color:var(--ink-soft); font-size:11px; }
.account-profile h2 { font-size:23px; line-height:1.4; }
.account-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:9px 15px; border:1px solid #dce2e6; border-radius:10px; background:#fff; color:var(--ink); text-decoration:none; font-size:13px; font-weight:500; }
.account-button:hover { background:#f5f8fa; border-color:#aabfcd; }
.account-profile > .account-button { margin-top:20px; width:100%; }
.account-paper-link { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:14px 0; margin-top:24px; border-top:1px solid var(--rule); color:var(--account-accent); text-decoration:none; font-size:13px; font-weight:500; }
.account-profile-note { margin:4px 0 0; color:var(--ink-soft); font-size:11px; line-height:1.8; }
.account-settings { display:grid; gap:16px; min-width:0; }
.account-section-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.account-status { padding:3px 9px; border-radius:6px; background:#f1f3f5; color:#5a646e; font-size:11px; }
.account-status.is-on { background:#e8f3ed; color:#236245; }
.account-setting-row { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:22px 0; padding-top:20px; border-top:1px solid var(--rule); }
.account-row-title { font-size:14px; font-weight:500; cursor:pointer; }
.account-switch { position:relative; display:inline-flex; flex-shrink:0; align-items:center; width:44px; height:44px; }
.account-switch input { position:absolute; inset:0; margin:0; width:100%; height:100%; opacity:0; z-index:1; cursor:pointer; }
.account-switch span { display:block; width:44px; height:26px; border-radius:999px; background:#a5afb8; transition:background .15s; }
.account-switch span::after { content:''; display:block; width:20px; height:20px; margin:3px; background:white; border-radius:50%; box-shadow:0 1px 3px #0002; transition:transform .15s; }
.account-switch input:checked + span { background:var(--account-accent); }
.account-switch input:checked + span::after { transform:translateX(18px); }
.account-switch input:focus-visible + span { outline:3px solid #689abc; outline-offset:4px; }
.account-switch input:disabled { cursor:not-allowed; }
.account-switch input:disabled + span { opacity:.5; }
.account-channel { padding:16px; border-radius:12px; background:#f7f8fa; }
.account-channel-heading { display:flex; align-items:center; gap:12px; }
.account-kakao-icon { display:grid; place-items:center; flex-shrink:0; width:36px; height:36px; background:#fee500; color:#3b2924; border-radius:11px; font-size:12px; font-weight:600; }
.account-channel .account-caption { margin-top:2px; }
.account-channel-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; margin-top:16px; }
.account-text-button { min-height:44px; padding:8px 0; font-size:12px; color:var(--ink-soft); text-decoration:underline; text-underline-offset:3px; }
.account-link-row { display:flex; align-items:center; justify-content:space-between; gap:16px; width:100%; padding:18px 0 0; text-align:left; color:var(--ink); text-decoration:none; }
.account-link-row strong { display:block; font-size:14px; font-weight:500; }
.account-link-row small { display:block; margin-top:4px; color:var(--ink-soft); font-size:12px; }
.account-link-row > span:last-child { color:var(--ink-soft); font-size:22px; }
.account-link-row:hover strong, .account-paper-link:hover { text-decoration:underline; text-underline-offset:4px; }
.account-session-row { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--rule); margin-top:20px; padding-top:20px; }
.account-danger { color:#9b3838; }
.account-delete-note { font-size:11px; color:var(--ink-soft); margin:12px 0 0; }
.account-feedback { margin:14px 0 0; font-size:12px; color:var(--account-accent); }
.account-feedback.is-error { color:#9b3838; }
.mypage button:disabled { cursor:wait; opacity:.6; }
.mypage :is(button,a):focus-visible { outline:3px solid #689abc; outline-offset:3px; }
@media (max-width:680px) {
  .mypage { margin-top:12px; }
  .account-heading { margin:20px 0 24px; }
  .account-heading h1 { font-size:27px; }
  .account-layout { grid-template-columns:minmax(0,1fr); gap:16px; }
  .account-card { padding:20px; border-radius:16px; }
  .account-profile { padding:24px; }
  .account-profile > .account-button { max-width:240px; }
  .account-avatar { width:64px; height:64px; margin-bottom:16px; }
  .account-profile-note { display:none; }
  .account-paper-link { margin-top:20px; padding-bottom:0; }
}

.prompt-examples { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:18px 0; }
.ai-disclosure { max-width:720px; margin:12px auto; font-size:12px; }
.strategy-preview { max-width:680px; max-height:85vh; overflow-y:auto; }
.strategy-preview h3 { margin:20px 0 8px; font-size:16px; }
.strategy-preview li { margin:8px 0; line-height:1.6; overflow-wrap:anywhere; }
.strategy-preview .release-actions button { white-space:normal; margin:0; }
.chip:disabled { opacity:.45; cursor:not-allowed; }

.strategy-preview[open] { display:flex; flex-direction:column; max-height:calc(100dvh - 32px); overflow:hidden; padding:24px; }
.strategy-preview h2 { margin:0 0 16px; flex-shrink:0; }
.strategy-preview-content { min-height:0; overflow-y:auto; padding-right:4px; }
.strategy-preview-actions { flex-shrink:0; padding-top:16px; border-top:1px solid var(--rule); margin-top:12px; }
.strategy-preview-actions button { flex:1; }
@media (max-width:600px) { .strategy-preview-actions { flex-direction:column-reverse; align-items:stretch; gap:8px; } }
#strategy-preview-confirm { background:var(--ink); color:var(--paper); }