html:not([data-v12-ready]) #app { visibility: hidden; }

/* The universe locks body scrolling; administrative pages use document scrolling. */
html[data-screen="admin"] body { height: auto; min-height: 100dvh; overflow-x: hidden; overflow-y: auto; }
html[data-screen="admin"] #app { height: auto; min-height: 100dvh; }

.v12-account-screen {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
  gap: clamp(36px, 7vw, 110px);
  align-items: center;
  padding: clamp(28px, 6vw, 88px);
  background: radial-gradient(circle at 28% 42%, rgba(75, 193, 188, .13), transparent 32%), #061019;
  color: #edf7f5;
}

.v12-account-context { max-width: 720px; }
.v12-account-brand { display: inline-flex; align-items: center; gap: 10px; color: #f4cf8f; font-size: 14px; text-decoration: none; }
.v12-account-brand span { font-size: 22px; }
.v12-account-context h1 { margin: 28px 0 18px; max-width: 650px; font-size: 64px; line-height: 1.15; letter-spacing: 0; }
.v12-account-context p { max-width: 590px; color: #9db4b1; font-size: 15px; line-height: 1.8; }
.v12-account-signal { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 30px; color: #84d8d0; font-size: 12px; }

.v12-account-panel { width: 100%; max-height: calc(100vh - 48px); overflow: auto; padding: 30px; border: 1px solid rgba(140, 204, 196, .22); border-radius: 8px; background: rgba(10, 27, 38, .92); box-shadow: 0 28px 80px rgba(0, 0, 0, .35); }
.v12-account-panel header span { color: #71d2ca; font: 10px "IBM Plex Mono", monospace; }
.v12-account-panel h2 { margin: 8px 0 8px; font-size: 27px; letter-spacing: 0; }
.v12-account-panel header p { margin: 0 0 22px; color: #8da5a2; font-size: 12px; line-height: 1.6; }
.v12-form { display: grid; gap: 14px; }
.v12-form-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v12-form label { display: grid; gap: 6px; min-width: 0; color: #bfd0cd; font-size: 11px; }
.v12-form label.is-wide { grid-column: 1 / -1; }
.v12-form input, .v12-form select, .v12-form textarea {
  width: 100%; min-width: 0; min-height: 44px; padding: 10px 12px; border: 1px solid rgba(151, 185, 180, .24); border-radius: 6px;
  outline: none; background: #07141d; color: #edf7f5; font: inherit;
}
.v12-form textarea { min-height: 82px; resize: vertical; }
.v12-form input:focus, .v12-form select:focus, .v12-form textarea:focus { border-color: #72d4cb; box-shadow: 0 0 0 3px rgba(114, 212, 203, .12); }
.v12-form button { min-height: 46px; border: 1px solid #deb875; border-radius: 6px; background: #e5c487; color: #102029; font-weight: 700; cursor: pointer; }
.v12-form button:disabled { cursor: wait; opacity: .55; }
.v12-goal-guide { min-width: 0; margin: 0; padding: 18px; border: 1px solid rgba(151, 185, 180, .24); border-radius: 6px; }
.v12-goal-guide.is-wide { grid-column: 1 / -1; }
.v12-goal-guide legend { padding: 0 6px; color: #bfd0cd; font-size: 11px; }
.v12-goal-intro { margin: 0 0 14px; color: #8da5a2; font-size: 12px; line-height: 1.6; }
.v12-goal-progress { color: #71d2ca; font: 10px "IBM Plex Mono", monospace; }
.v12-goal-question { min-height: 28px; margin: 8px 0 12px; color: #edf7f5; font-size: 17px; font-weight: 700; line-height: 1.45; }
.v12-goal-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.v12-form .v12-goal-option { min-height: 48px; padding: 10px 12px; border-color: rgba(114, 212, 203, .24); background: #07141d; color: #d7e8e5; text-align: left; font-weight: 500; }
.v12-form .v12-goal-option:hover, .v12-form .v12-goal-option.is-selected { border-color: #72d4cb; background: rgba(61, 145, 148, .2); color: #f3fbf9; }
.v12-goal-navigation { display: flex; justify-content: space-between; gap: 10px; margin-top: 14px; }
.v12-form .v12-goal-nav { min-height: 40px; padding: 8px 14px; border-color: rgba(114, 212, 203, .24); background: transparent; color: #8fdad3; font-size: 12px; }
.v12-form .v12-goal-nav.is-primary { border-color: #deb875; background: #e5c487; color: #102029; }
.v12-goal-summary { min-height: 20px; margin: 14px 0 0; color: #9bded7; font-size: 12px; line-height: 1.6; }
.v12-account-links { display: flex; justify-content: space-between; gap: 18px; margin-top: 18px; font-size: 12px; }
.v13-topic-screen { min-height: 100vh; padding: 42px clamp(20px, 6vw, 100px); color: #edf7f5; background: radial-gradient(circle at 75% 0%, rgba(65, 151, 160, .18), transparent 38%), #071019; }
.v13-topic-header { display: flex; gap: 32px; align-items: flex-start; max-width: 1180px; margin: 0 auto 32px; }
.v13-topic-back { color: #8fdad3; font-size: 12px; text-decoration: none; }
.v13-topic-header > div { flex: 1; }
.v13-topic-header span, .v13-topic-space > span, .v13-topic-results header span { color: #69c9c1; font: 10px "IBM Plex Mono", monospace; letter-spacing: .12em; }
.v13-topic-header h1 { margin: 10px 0 8px; font-size: clamp(30px, 5vw, 56px); }
.v13-topic-header p, .v13-topic-space p { color: #9db1ae; line-height: 1.7; }
.v13-topic-search, .v13-topic-layout { max-width: 1180px; margin: 0 auto; }
.v13-topic-search { padding: 20px; border: 1px solid rgba(134, 186, 180, .22); border-radius: 10px; background: rgba(12, 28, 39, .82); }
.v13-topic-search form { display: flex; gap: 12px; align-items: end; }
.v13-topic-search label { flex: 1; display: grid; gap: 8px; color: #c0d0cd; font-size: 12px; }
.v13-topic-search input { min-height: 46px; padding: 0 14px; border: 1px solid rgba(134, 186, 180, .28); border-radius: 6px; background: #07131c; color: #f3fbf8; font: inherit; }
.v13-topic-search button, .v13-topic-space button { min-height: 46px; padding: 0 18px; border: 0; border-radius: 6px; background: #e2c081; color: #11222b; font-weight: 700; cursor: pointer; }
.v13-topic-search button:disabled, .v13-topic-space button:disabled { cursor: not-allowed; opacity: .45; }
.v13-topic-status { min-height: 20px; margin: 12px 0 0; color: #9bded7; font-size: 12px; }
.v13-topic-layout { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 1.6fr); gap: 18px; margin-top: 18px; }
.v13-topic-space, .v13-topic-results { padding: 22px; border: 1px solid rgba(134, 186, 180, .2); border-radius: 10px; background: rgba(9, 22, 31, .8); }
.v13-topic-space h2, .v13-topic-results h2 { margin: 8px 0; }
.v13-topic-space button { width: 100%; margin-top: 8px; }
.v13-topic-space-meta { display: grid; gap: 6px; margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(134, 186, 180, .18); color: #c1d6d2; font-size: 12px; }
.v13-topic-space-meta b { color: #e6c47f; }
.v13-topic-results > header { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 16px; }
.v13-topic-results > header small { color: #a8bfbb; }
.v13-topic-result { padding: 16px 0; border-top: 1px solid rgba(134, 186, 180, .14); }
.v13-topic-result header, .v13-topic-result footer { display: flex; justify-content: space-between; gap: 12px; color: #8db5b0; font-size: 11px; }
.v13-topic-result header span { color: #e2c081; font: 11px "IBM Plex Mono", monospace; }
.v13-topic-result h3 { margin: 8px 0 6px; font-size: 17px; }
.v13-topic-result p { margin: 0 0 12px; color: #bfd0cd; line-height: 1.65; }
.v13-topic-result footer b { color: #9bded7; font-weight: 600; }
.v13-topic-empty { color: #819b97; line-height: 1.7; }
@media (max-width: 720px) { .v13-topic-header { display: block; } .v13-topic-back { display: inline-block; margin-bottom: 24px; } .v13-topic-search form, .v13-topic-layout { display: block; } .v13-topic-search button { width: 100%; margin-top: 12px; } .v13-topic-space { margin-bottom: 18px; } }
.v12-account-links a { color: #8fdad3; }
.v12-preview-notice { margin:0 0 24px; padding:16px; border:1px solid #71d2ca44; border-radius:12px; background:#17353e; }
.v12-preview-notice strong { color:#c7eee6; font-size:15px; }
.v12-preview-notice p { margin:10px 0 14px; color:#a9c7c2; font-size:13px; line-height:1.7; }
.v12-preview-notice div { display:flex; flex-wrap:wrap; gap:10px 18px; }
.v12-preview-notice a { display:inline-flex; align-items:center; min-height:44px; color:#8fdad3; font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.v12-form-status { min-height: 20px; margin: 2px 0 0; color: #ffad9c; font-size: 12px; line-height: 1.55; }
.v12-field-error { border-color: #ff9d8c !important; }

.v12-feature-lock { display: inline-grid; place-items: center; width: 18px; height: 18px; margin-left: auto; border: 1px solid rgba(241, 194, 117, .35); border-radius: 50%; color: #f1c275; font-size: 10px; }
.side-rail a.is-v12-locked { opacity: .82; }
.side-rail a.is-v12-locked .side-rail-copy small { color: #d5ad70; }
.v12-lock-dialog { width: min(470px, calc(100vw - 32px)); padding: 0; border: 1px solid rgba(133, 208, 199, .3); border-radius: 8px; background: #091923; color: #edf7f5; box-shadow: 0 35px 100px rgba(0,0,0,.62); }
.v12-lock-dialog::backdrop { background: rgba(1, 6, 10, .74); backdrop-filter: blur(5px); }
.v12-lock-dialog article { padding: 26px; }
.v12-lock-dialog header { display: grid; grid-template-columns: 1fr 36px; gap: 16px; align-items: start; }
.v12-lock-dialog header span { color: #efc984; font: 10px "IBM Plex Mono", monospace; }
.v12-lock-dialog h2 { margin: 7px 0 0; font-size: 25px; }
.v12-lock-dialog button[data-v12-lock-close] { width: 36px; height: 36px; border: 0; background: transparent; color: #bdd0cd; font-size: 25px; cursor: pointer; }
.v12-lock-purpose { color: #9db1ae; line-height: 1.7; }
.v12-lock-condition { margin: 20px 0 10px; display: flex; justify-content: space-between; gap: 18px; color: #bfd0cd; font-size: 12px; }
.v12-lock-progress { height: 8px; overflow: hidden; border-radius: 4px; background: rgba(255,255,255,.08); }
.v12-lock-progress i { display: block; width: var(--progress); height: 100%; background: linear-gradient(90deg, #63cec6, #e4bf7d); }
.v12-lock-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 16px 0 24px; }
.v12-lock-stats div { padding: 11px 8px; border: 1px solid rgba(147, 183, 178, .16); border-radius: 6px; text-align: center; }
.v12-lock-stats b { display: block; color: #e9c987; font-size: 15px; }
.v12-lock-stats span { color: #7f9995; font-size: 9px; }
.v12-lock-action { display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 6px; background: #e2c081; color: #11222b; font-size: 13px; font-weight: 700; text-decoration: none; }
.v12-admin-login { min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, 430px); align-items: center; gap: 8vw; padding: 7vw; background: #071019; color: #eaf4f2; }
.v12-admin-login-copy { max-width: 620px; }
.v12-admin-login-copy > span, .v12-admin-login-panel header span { color: #69c9c1; font: 10px "IBM Plex Mono", monospace; }
.v12-admin-login-copy h1 { margin: 14px 0; font-size: 48px; letter-spacing: 0; }
.v12-admin-login-copy p { color: #95aaa7; line-height: 1.8; }
.v12-admin-login-copy a { color: #83d6ce; font-size: 12px; }
.v12-admin-login-panel { padding: 28px; border: 1px solid rgba(134, 186, 180, .22); border-radius: 8px; background: #0b1923; }
.v12-admin-login-panel h2 { margin: 8px 0 22px; font-size: 25px; }
.v12-admin-login-panel form { display: grid; gap: 15px; }
.v12-admin-login-panel label, .v12-admin-tool label { display: grid; gap: 6px; color: #aebfbd; font-size: 11px; }
.v12-admin-login-panel input, .v12-admin-tool input, .v12-admin-tool select, .v12-admin-tool textarea { width: 100%; min-height: 42px; padding: 9px 11px; border: 1px solid rgba(150, 185, 180, .22); border-radius: 5px; outline: 0; background: #07131c; color: #eaf4f2; font: inherit; }
.v12-admin-login-panel input:focus, .v12-admin-tool input:focus, .v12-admin-tool select:focus, .v12-admin-tool textarea:focus { border-color: #61c9c0; box-shadow: 0 0 0 3px rgba(97, 201, 192, .1); }
.v12-admin-login-panel button, .v12-admin-tool button { min-height: 43px; border: 1px solid #d7b875; border-radius: 5px; background: #dcbf83; color: #10202a; font-weight: 700; cursor: pointer; }
.v12-admin-login-panel [data-admin-status] { min-height: 18px; margin: 0; color: #eaa994; font-size: 11px; }
.v12-admin-shell { min-height: 100vh; display: grid; grid-template-columns: 224px minmax(0, 1fr); background: #081018; color: #e8f1ef; }
.v12-admin-shell > aside { position: sticky; top: 0; height: 100vh; overflow-y: auto; display: flex; flex-direction: column; padding: 22px 14px; border-right: 1px solid rgba(133, 169, 165, .15); background: #0a151e; }
.v12-admin-brand { display: flex; align-items: center; gap: 11px; padding: 0 8px 24px; color: #e8f1ef; text-decoration: none; }
.v12-admin-brand > b { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #d7b875; border-radius: 50%; color: #e7c789; }
.v12-admin-brand > span { display: grid; font-size: 13px; }
.v12-admin-brand small { margin-top: 3px; color: #5f8581; font: 8px "IBM Plex Mono", monospace; }
.v12-admin-shell nav { display: grid; gap: 4px; }
.v12-admin-shell nav button { min-height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px; border: 0; border-radius: 5px; background: transparent; color: #819794; text-align: left; cursor: pointer; }
.v12-admin-shell nav button.is-active { background: rgba(94, 196, 187, .11); color: #8bddD5; }
.v12-admin-shell nav button:disabled { cursor: not-allowed; opacity: .5; }
.v12-admin-shell nav small { max-width: 74px; font-size: 8px; text-align: right; }
.v12-admin-shell aside footer { display: grid; gap: 4px; margin-top: auto; padding: 14px 8px 0; border-top: 1px solid rgba(133, 169, 165, .13); font-size: 10px; }
.v12-admin-shell aside footer span { overflow: hidden; color: #91a5a2; text-overflow: ellipsis; }
.v12-admin-shell aside footer b { color: #d6bb84; }
.v12-admin-shell aside footer a { margin-top: 6px; color: #74c9c2; }
.v12-admin-workspace { width: 100%; min-width: 0; overflow: hidden; }
.v12-admin-topbar { display: flex; justify-content: space-between; align-items: center; min-height: 92px; padding: 20px 30px; border-bottom: 1px solid rgba(133, 169, 165, .14); }
.v12-admin-topbar span, .v12-admin-tool header span, .v12-admin-audit header span { color: #66c7bf; font: 9px "IBM Plex Mono", monospace; }
.v12-admin-topbar h1 { margin: 5px 0 0; font-size: 24px; letter-spacing: 0; }
.v12-admin-topbar > p { margin: 0; color: #718b87; font-size: 9px; text-align: right; line-height: 1.6; }
.v12-admin-topbar > p b { color: #acbfbc; font-weight: 500; }
.v12-admin-content { min-width: 0; display: grid; gap: 18px; padding: 24px 30px 40px; }
.v12-admin-panel[hidden] { display: none; }
.v12-admin-panel-copy { margin: 0; color: #91a6a3; font-size: 12px; line-height: 1.7; }
.v12-admin-panel-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 18px; }
.v12-admin-panel-stats div { min-width: 0; padding: 12px; border: 1px solid rgba(133, 169, 165, .12); border-radius: 5px; background: #08131b; }
.v12-admin-panel-stats small { display: block; color: #718b87; font-size: 9px; }
.v12-admin-panel-stats b { display: block; margin-top: 6px; overflow: hidden; color: #dce9e5; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.v12-admin-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.v12-admin-metrics article { min-width: 0; padding: 18px; border: 1px solid rgba(133, 169, 165, .15); border-radius: 6px; background: #0b1720; }
.v12-admin-metrics span { color: #8da3a0; font-size: 10px; }
.v12-admin-metrics b { display: block; margin: 9px 0 6px; color: #e7c889; font-size: 26px; }
.v12-admin-metrics small { color: #617d79; font-size: 9px; }
.v12-admin-monitoring { min-width: 0; padding: 18px; border: 1px solid rgba(133, 169, 165, .15); border-radius: 6px; background: #0b1720; }
.v12-admin-monitoring.is-alert { border-color: rgba(224, 154, 138, .65); }
.v12-admin-monitoring > header { display: flex; justify-content: space-between; align-items: start; gap: 16px; margin-bottom: 15px; }
.v12-admin-monitoring > header span { color: #66c7bf; font: 9px "IBM Plex Mono", monospace; }
.v12-admin-monitoring h2 { margin: 4px 0 0; font-size: 16px; letter-spacing: 0; }
.v12-admin-monitoring > header strong { color: #d8bd83; font-size: 10px; font-weight: 500; }
.v12-admin-monitoring.is-alert > header strong { color: #e09a8a; }
.v12-admin-monitoring-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.v12-admin-monitoring-grid div { min-width: 0; padding: 11px 12px; border: 1px solid rgba(133, 169, 165, .12); border-radius: 5px; background: #08131b; }
.v12-admin-monitoring-grid small { display: block; color: #718b87; font-size: 9px; }
.v12-admin-monitoring-grid b { display: block; margin-top: 5px; overflow: hidden; color: #dce9e5; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.v12-admin-monitoring > p { margin: 13px 0 0; color: #617d79; font-size: 9px; }
.v12-admin-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.v12-admin-tool, .v12-admin-audit { min-width: 0; padding: 20px; border: 1px solid rgba(133, 169, 165, .15); border-radius: 6px; background: #0b1720; }
.v12-admin-tool > header, .v12-admin-audit > header { display: flex; justify-content: space-between; align-items: start; gap: 16px; margin-bottom: 17px; }
.v12-admin-tool h2, .v12-admin-audit h2 { margin: 4px 0 0; font-size: 16px; letter-spacing: 0; }
.v12-admin-tool header > small { color: #d3b879; font-size: 9px; }
.v12-admin-tool form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.v12-admin-tool label:has(textarea), .v12-admin-tool form > button, .v12-admin-form-status { grid-column: 1 / -1; }
.v12-admin-tool textarea { min-height: 68px; resize: vertical; }
.v12-admin-form-status { min-height: 16px; margin: 0; color: #d8bd83; font-size: 10px; }
.v12-admin-content-result { max-height: 190px; overflow: auto; margin: 14px 0 0; padding: 12px; border-radius: 5px; background: #061018; color: #a8c1bd; font-size: 10px; white-space: pre-wrap; }
.v12-admin-audit > header button { min-height: 30px; padding: 0 11px; border: 1px solid rgba(116, 201, 194, .3); border-radius: 4px; background: transparent; color: #77cdc6; cursor: pointer; }
.v12-admin-audit > div { width: 100%; max-width: 100%; overflow-x: auto; }
.v12-admin-audit table { width: 100%; min-width: 680px; border-collapse: collapse; font-size: 10px; }
.v12-admin-audit th, .v12-admin-audit td { padding: 11px 9px; border-bottom: 1px solid rgba(133, 169, 165, .11); color: #8da29f; text-align: left; }
.v12-admin-audit th { color: #617d79; font-weight: 500; }
.v12-audit-result { color: #d0b57c; }
.v12-audit-result.is-success { color: #69c8a0; }
.v12-audit-result.is-failure { color: #e08f80; }
.v12-admin-global-status { min-height: 18px; margin: 0; color: #e09a8a; font-size: 10px; }
.v12-import-screen { min-height: 100vh; display: grid; grid-template-columns: minmax(280px, 420px) minmax(0, 720px); gap: 7vw; align-content: center; justify-content: center; padding: 48px; background: #071019; color: #eaf4f2; }
.v12-import-screen > header { align-self: start; }
.v12-import-screen > header a { color: #e0c180; font-size: 12px; text-decoration: none; }
.v12-import-screen > header > span { display: block; margin-top: 36px; color: #62c7bf; font: 9px "IBM Plex Mono", monospace; }
.v12-import-screen h1 { margin: 10px 0 16px; font-size: 42px; letter-spacing: 0; }
.v12-import-screen > header p { color: #91a6a3; font-size: 13px; line-height: 1.8; }
.v12-import-workspace { min-width: 0; padding: 24px; border: 1px solid rgba(133, 177, 171, .18); border-radius: 7px; background: #0a1821; }
.v12-import-summary { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 4px 10px; padding-bottom: 18px; border-bottom: 1px solid rgba(133, 177, 171, .14); }
.v12-import-summary > b { color: #e4c582; font-size: 34px; }
.v12-import-summary > span { color: #9bafac; font-size: 11px; }
.v12-import-summary > div { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 15px; color: #6f8985; font-size: 9px; }
.v12-import-summary > div b { color: #b8cbc8; }
.v12-import-workspace form { display: grid; gap: 14px; margin-top: 17px; }
.v12-import-all, .v12-import-list label { display: flex; align-items: center; gap: 11px; cursor: pointer; }
.v12-import-all { color: #8ed9d2; font-size: 11px; }
.v12-import-list { max-height: 330px; display: grid; gap: 5px; overflow: auto; }
.v12-import-list label { min-height: 48px; padding: 8px 10px; border-bottom: 1px solid rgba(133, 177, 171, .1); }
.v12-import-list label > span { min-width: 0; display: grid; gap: 3px; }
.v12-import-list label b { overflow: hidden; color: #c8d6d4; font-size: 11px; font-weight: 500; text-overflow: ellipsis; white-space: nowrap; }
.v12-import-list label small { color: #65817d; font-size: 9px; }
.v12-import-workspace input[type="checkbox"] { width: 16px; height: 16px; accent-color: #62c7bf; }
.v12-import-workspace [data-import-status] { min-height: 18px; margin: 0; color: #e1bd79; font-size: 10px; }
.v12-import-workspace footer { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.v12-import-workspace button { min-height: 43px; border: 1px solid rgba(110, 205, 196, .28); border-radius: 5px; background: transparent; color: #82d2cb; cursor: pointer; }
.v12-import-workspace button.is-primary { border-color: #d8b976; background: #dfc181; color: #11212a; font-weight: 700; }
.v12-import-empty { display: grid; gap: 16px; margin-top: 18px; }
.v12-import-empty p { color: #8ba19e; font-size: 12px; }
.v12-import-note { grid-column: 2; color: #5f7774; font-size: 9px; line-height: 1.6; }
.talent-panel.is-v12-content-locked { align-content: center; min-height: 210px; }
.v12-locked-panel-summary { display: grid; gap: 12px; place-items: start; }
.v12-locked-panel-summary > span { color: #e3bd78; font: 9px "IBM Plex Mono", monospace; }
.v12-locked-panel-summary h2 { margin: 0; color: #ffe6b8; font-size: 18px; }
.v12-locked-panel-summary p { margin: 0; color: #9db1ae; font-size: 10px; line-height: 1.65; }
.v12-locked-panel-summary button { min-height: 38px; padding: 0 13px; border: 1px solid rgba(229, 190, 120, .42); border-radius: 6px; background: rgba(229, 190, 120, .1); color: #f0cb89; cursor: pointer; }

@media (max-width: 820px) {
  .v12-account-screen { grid-template-columns: 1fr; align-content: start; gap: 28px; padding: 24px 18px 32px; }
  .v12-account-context h1 { margin-top: 18px; font-size: 38px; }
  .v12-account-context p, .v12-account-signal { display: none; }
  .v12-account-panel { max-height: none; padding: 22px 18px; }
  .v12-form-grid { grid-template-columns: 1fr; }
  .v12-form label.is-wide { grid-column: auto; }
  .v12-goal-guide.is-wide { grid-column: auto; }
  .v12-goal-options { grid-template-columns: 1fr; }
  .v12-goal-navigation { align-items: stretch; flex-direction: column-reverse; }
  .v12-goal-nav { width: 100%; }
  .v12-lock-stats { grid-template-columns: 1fr; }
  .side-rail { justify-content: flex-start; gap: 4px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x proximity; scrollbar-width: none; }
  .side-rail::-webkit-scrollbar { display: none; }
  .side-rail a { flex: 0 0 84px; min-width: 84px; scroll-snap-align: start; }
  .side-rail-copy b { overflow: visible; font-size: 9px; line-height: 1.15; white-space: normal; }
  .v12-feature-lock { position: absolute; top: 3px; right: 4px; width: 14px; height: 14px; margin: 0; font-size: 8px; }
  .v12-admin-login { grid-template-columns: 1fr; align-content: start; gap: 28px; padding: 28px 18px; }
  .v12-admin-login-copy h1 { font-size: 34px; }
  .v12-admin-login-copy p { display: none; }
  .v12-admin-shell { width: 100%; max-width: 100vw; grid-template-columns: minmax(0, 1fr); overflow: hidden; }
  .v12-admin-shell > aside { position: static; width: 100%; min-width: 0; height: auto; padding: 12px; overflow: hidden; }
  .v12-admin-brand { padding-bottom: 12px; }
  .v12-admin-shell nav { width: 100%; min-width: 0; grid-template-columns: repeat(7, 82px); overflow-x: auto; scrollbar-width: none; }
  .v12-admin-shell nav::-webkit-scrollbar { display: none; }
  .v12-admin-shell nav button { justify-content: center; white-space: nowrap; }
  .v12-admin-shell nav small, .v12-admin-shell aside footer { display: none; }
  .v12-admin-topbar { min-height: 78px; padding: 16px 18px; }
  .v12-admin-topbar > p { display: none; }
  .v12-admin-content { padding: 16px 14px 30px; }
  .v12-admin-metrics { grid-template-columns: 1fr; }
  .v12-admin-monitoring-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v12-admin-panel-stats { grid-template-columns: 1fr; }
  .v12-admin-grid { grid-template-columns: 1fr; }
  .v12-admin-tool form { grid-template-columns: 1fr; }
  .v12-admin-tool label:has(textarea), .v12-admin-tool form > button, .v12-admin-form-status { grid-column: auto; }
  .v12-import-screen { grid-template-columns: minmax(0, 1fr); gap: 24px; align-content: start; padding: 26px 16px 32px; }
  .v12-import-screen > header > span { margin-top: 22px; }
  .v12-import-screen h1 { font-size: 32px; }
  .v12-import-screen > header p { font-size: 11px; }
  .v12-import-workspace { padding: 18px 14px; }
  .v12-import-workspace footer { grid-template-columns: 1fr; }
  .v12-import-note { grid-column: auto; }
}

@media (max-width: 1100px) {
  .v12-account-screen { grid-template-columns: minmax(0, 1fr); align-content: start; gap: 24px; padding: 28px 24px 36px; }
  .v12-account-context { max-width: 720px; }
  .v12-account-context h1 { margin-top: 18px; font-size: 46px; }
  .v12-account-panel { max-height: none; }
}

html[data-screen="profile"],
html[data-screen="profile"] body,
html[data-screen="profile"] #app {
  height: auto;
  min-height: 100%;
}

html[data-screen="profile"] body {
  overflow-x: hidden;
  overflow-y: auto;
}

html[data-screen="profile"] .v12-account-screen {
  align-items: start;
}

html[data-screen="profile"] .v12-account-panel {
  max-height: none;
}

html[data-screen="memory"],
html[data-screen="memory"] body,
html[data-screen="memory"] #app {
  height: auto;
  min-height: 100%;
}

html[data-screen="memory"] body {
  overflow-x: hidden;
  overflow-y: auto;
}

.v12-memory-screen { min-height: 100vh; padding: 28px clamp(18px, 4vw, 64px) 64px; color: #e8eee8; background: #050b0f; background-image: radial-gradient(circle at 70% 22%, rgba(24, 74, 76, .22), transparent 30%), linear-gradient(rgba(118, 157, 150, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(118, 157, 150, .035) 1px, transparent 1px); background-size: auto, 72px 72px, 72px 72px; }
.v12-log-header { position: relative; display: grid; grid-template-columns: minmax(170px, .7fr) minmax(280px, 1fr) auto auto; gap: 24px; align-items: center; max-width: 1500px; margin: 0 auto 22px; padding-bottom: 20px; border-bottom: 1px solid rgba(205, 165, 83, .55); }
.v12-memory-back { align-self: start; color: #7fd2ca; font-size: 12px; text-decoration: none; }
.v12-log-brand { display: flex; gap: 14px; align-items: center; }
.v12-log-compass { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid #b9934f; border-radius: 50%; color: #e2c17a; font-size: 25px; box-shadow: 0 0 0 5px rgba(185,147,79,.06), inset 0 0 18px rgba(63,200,197,.15); }
.v12-memory-eyebrow { display: block; color: #d8ad62; font: 10px "IBM Plex Mono", monospace; letter-spacing: .15em; }
.v12-log-brand h1 { margin: 5px 0 2px; color: #f3e8c7; font-size: clamp(30px, 4vw, 48px); letter-spacing: .04em; }
.v12-log-brand p { margin: 0; color: #7ea6a4; font-size: 12px; }
.v12-log-nav { display: flex; align-self: stretch; align-items: center; gap: 20px; color: #718985; font: 12px "IBM Plex Mono", monospace; white-space: nowrap; }
.v12-log-nav span { padding: 17px 0 13px; border-bottom: 2px solid transparent; }
.v12-log-nav .is-active { color: #e9c87b; border-color: #63d0cc; text-shadow: 0 0 12px rgba(99,208,204,.55); }
.v12-log-readout { display: grid; gap: 5px; color: #d4af68; font: 10px "IBM Plex Mono", monospace; text-align: right; white-space: nowrap; }
.v12-memory-toolbar button { min-height: 36px; padding: 0 12px; border: 1px solid rgba(215,174,93,.65); border-radius: 4px; background: rgba(215,174,93,.08); color: #ebc77b; cursor: pointer; }
.v12-memory-toolbar button:hover { background: rgba(215,174,93,.18); }
.v12-memory-toolbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: end; max-width: 1500px; margin: 0 auto 12px; padding: 14px 16px; border: 1px solid rgba(108, 183, 178, .26); background: rgba(7, 20, 26, .86); }
.v12-log-toolbar-title { display: grid; min-width: 180px; gap: 4px; margin-right: auto; color: #d7b36d; font: 12px "IBM Plex Mono", monospace; }
.v12-log-toolbar-title small { color: #67817e; font: 11px inherit; }
.v12-memory-toolbar label { display: grid; gap: 5px; color: #7ea6a4; font-size: 11px; }
.v12-memory-toolbar input, .v12-memory-toolbar select, .v12-log-structure-mini input { min-height: 34px; padding: 0 9px; border: 1px solid rgba(120, 182, 177, .3); background: #07151b; color: #e8eee8; }
.v12-memory-status { min-height: 18px; max-width: 1500px; margin: 0 auto 12px; color: #66c4bf; font-size: 12px; }
.v12-log-deck { display: grid; grid-template-columns: 220px minmax(0, 1fr) 180px; gap: 24px; max-width: 1500px; margin: 0 auto; }
.v12-log-sidebar, .v12-log-legend { display: grid; align-content: start; gap: 18px; }
.v12-star-chart, .v12-log-stat-card, .v12-log-structure-mini, .v12-log-legend { border: 1px solid rgba(198, 155, 73, .5); background: rgba(6, 17, 22, .9); }
.v12-star-chart { position: relative; min-height: 220px; overflow: hidden; background-image: radial-gradient(circle, rgba(53, 180, 181, .7) 0 1px, transparent 2px), radial-gradient(circle at 50% 47%, transparent 45%, rgba(190, 148, 73, .5) 45.5%, transparent 46%); background-size: 42px 42px, auto; }
.v12-star-chart:before, .v12-star-chart:after { content: ''; position: absolute; inset: 22px; border: 1px solid rgba(90, 194, 190, .38); border-radius: 50%; transform: rotate(28deg) scaleX(.72); }
.v12-star-chart:after { transform: rotate(-28deg) scaleX(.72); }
.v12-star-chart-rings { position: absolute; inset: 45px 20px; border: 1px solid rgba(198, 155, 73, .28); border-radius: 50%; }
.v12-star-chart .star { position: absolute; color: #e2bd6f; text-shadow: 0 0 9px #6ce1db; }
.v12-star-chart .star-a { top: 75px; left: 65px; }.v12-star-chart .star-b { top: 106px; left: 111px; }.v12-star-chart .star-c { top: 135px; left: 79px; }.v12-star-chart .star-d { top: 86px; left: 137px; }.v12-star-chart .star-e { top: 150px; left: 127px; }
.v12-star-chart-label { position: absolute; bottom: 10px; left: 12px; color: #71918c; font: 9px "IBM Plex Mono", monospace; letter-spacing: .12em; }
.v12-log-stat-card, .v12-log-structure-mini, .v12-log-legend { padding: 16px; }
.v12-log-stat-card h2, .v12-log-structure-mini h2, .v12-log-legend h2 { margin: 0 0 14px; color: #dcb66e; font: 14px serif; letter-spacing: .08em; }
.v12-log-stat-card dl { margin: 0; }.v12-log-stat-card dl div { display: flex; justify-content: space-between; gap: 8px; padding: 10px 0; border-top: 1px solid rgba(133, 161, 153, .15); }.v12-log-stat-card dt { color: #6f918e; font-size: 10px; }.v12-log-stat-card dd { margin: 0; color: #e2c17a; font: 13px "IBM Plex Mono", monospace; }
.v12-log-stat-card blockquote { margin: 16px 0 0; color: #82918a; font: 12px/1.75 serif; }
.v12-log-timeline-panel { min-width: 0; padding: 4px 0 40px; }
.v12-log-timeline-heading { display: flex; justify-content: space-between; align-items: end; gap: 20px; padding: 0 12px 10px; border-bottom: 1px solid rgba(114, 179, 173, .23); }.v12-log-timeline-heading span { color: #5fc5be; font: 10px "IBM Plex Mono", monospace; letter-spacing: .13em; }.v12-log-timeline-heading h2 { margin: 5px 0 0; color: #f0e8d5; font-size: 22px; }.v12-log-timeline-heading small { color: #6f8c88; font-size: 11px; }
.v12-log-timeline { position: relative; min-height: 420px; padding: 14px 0; }.v12-log-axis { position: absolute; top: 14px; bottom: 8px; left: 50%; width: 2px; background: #56d1cb; box-shadow: 0 0 12px rgba(86,209,203,.65); transform: translateX(-1px); }.v12-log-axis:before, .v12-log-axis:after { content: '✦'; position: absolute; left: 50%; color: #e0bd70; font-size: 18px; transform: translateX(-50%); }.v12-log-axis:before { top: -13px; }.v12-log-axis:after { bottom: -16px; }
.v12-log-timeline-items > div { display: grid; }.v12-log-entry { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr); min-height: 118px; align-items: center; }.v12-log-entry.is-left .v12-log-entry-card { grid-column: 1; }.v12-log-entry.is-right .v12-log-entry-card { grid-column: 3; }.v12-log-entry-date { position: absolute; top: 16px; left: 50%; z-index: 2; display: grid; gap: 3px; min-width: 112px; padding: 5px 9px; border: 1px solid #b7904b; background: #09151a; color: #dfbd74; font: 10px "IBM Plex Mono", monospace; text-align: center; transform: translateX(-50%); }.v12-log-entry-date span { color: #71938e; font-size: 9px; }.v12-log-entry-card { position: relative; display: flex; gap: 12px; align-items: start; margin: 25px 16px; padding: 16px 14px; border: 1px solid rgba(100, 190, 186, .45); background: rgba(9, 28, 34, .94); box-shadow: 0 8px 24px rgba(0,0,0,.18); }.v12-log-entry-card.is-derived { border-color: rgba(210, 172, 95, .68); background: rgba(40, 33, 23, .78); }.v12-log-entry-card:after { content: ''; position: absolute; top: 50%; width: 24px; border-top: 1px solid #55ccc6; }.is-left .v12-log-entry-card:after { right: -24px; }.is-right .v12-log-entry-card:after { left: -24px; }.v12-log-entry-glyph { flex: 0 0 25px; color: #ddbc73; font-size: 20px; text-align: center; text-shadow: 0 0 10px rgba(87, 220, 210, .6); }.v12-log-entry-card h3 { margin: 0 0 7px; color: #e9d4a2; font-size: 16px; }.v12-log-entry-card p { margin: 0 0 8px; color: #c7d3ce; font-size: 12px; line-height: 1.6; overflow-wrap: anywhere; }.v12-log-entry-card small { color: #79928e; line-height: 1.5; }.v12-log-entry-card > button { margin-left: auto; border: 0; background: transparent; color: #ad7770; cursor: pointer; font-size: 11px; }.v12-memory-source-button { display: inline-block; margin-top: 9px; padding: 0; border: 0; background: transparent; color: #6cd3ce; cursor: pointer; font-size: 11px; }.v12-memory-sources { display: grid; gap: 4px; margin-top: 7px; color: #8ea9a2; }.v12-memory-empty { grid-column: 1 / -1; margin: 50px 0; color: #718a86; text-align: center; font-size: 12px; }
.v12-log-legend { align-self: end; color: #8aa39e; font-size: 11px; }.v12-log-legend p { display: flex; gap: 9px; align-items: center; margin: 10px 0; }.v12-log-legend p span { width: 18px; color: #ddbc73; text-align: center; }.v12-log-legend p i { width: 8px; height: 8px; border-radius: 50%; background: #6bd6d0; box-shadow: 0 0 8px #6bd6d0; }
.v12-log-structure-mini { display: grid; gap: 7px; }.v12-log-structure-mini form { display: flex; gap: 5px; margin-bottom: 8px; }.v12-log-structure-mini input { min-width: 0; flex: 1; width: 100%; }.v12-log-structure-mini form button { width: 32px; border: 1px solid rgba(215,174,93,.5); background: transparent; color: #e1bf74; cursor: pointer; }.v12-memory-chip { display: inline-block; margin: 0 4px 4px 0; padding: 4px 6px; border: 1px solid rgba(93, 182, 177, .28); color: #9cc2ba; font-size: 10px; }
.v12-memory-backup-card p { margin: -4px 0 4px; color: #819c98; font-size: 11px; line-height: 1.6; }
.v12-memory-backup-card > button { min-height: 34px; border: 1px solid rgba(215,174,93,.5); background: rgba(215,174,93,.08); color: #e1bf74; cursor: pointer; }
.v12-memory-backup-card > button:hover { background: rgba(215,174,93,.18); }
.v12-memory-backup-card > small { color: #66827e; font-size: 10px; line-height: 1.5; }
@media (max-width: 1050px) { .v12-log-header { grid-template-columns: auto 1fr auto; }.v12-log-nav { grid-column: 2 / -1; grid-row: 2; justify-content: center; }.v12-log-deck { grid-template-columns: 175px minmax(0, 1fr); }.v12-log-legend { display: none; } }
@media (max-width: 720px) { .v12-memory-screen { padding: 18px 12px 38px; }.v12-log-header { grid-template-columns: 1fr auto; gap: 14px; }.v12-log-header > .v12-memory-back { grid-column: 1 / -1; }.v12-log-brand { grid-column: 1 / -1; }.v12-log-brand h1 { font-size: 34px; }.v12-log-readout { display: none; }.v12-log-nav { grid-column: 1 / -1; grid-row: auto; justify-content: space-between; gap: 8px; overflow-x: auto; }.v12-log-nav span { font-size: 10px; }.v12-log-toolbar-title { flex-basis: 100%; }.v12-memory-toolbar label { flex: 1 1 125px; }.v12-memory-toolbar button { flex: 1 1 125px; }.v12-log-deck { display: block; }.v12-log-sidebar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }.v12-star-chart { min-height: 156px; }.v12-log-stat-card { min-height: 156px; }.v12-log-structure-mini { grid-column: 1 / -1; }.v12-log-timeline-heading { align-items: start; flex-direction: column; }.v12-log-axis { left: 14px; }.v12-log-entry { display: block; min-height: 0; padding: 8px 0 8px 36px; }.v12-log-entry-date { position: relative; top: auto; left: auto; display: flex; justify-content: space-between; min-width: 0; margin: 0 0 7px; padding: 0 0 0 10px; border: 0; background: transparent; text-align: left; transform: none; }.v12-log-entry-card { margin: 0 0 12px; }.v12-log-entry-card:after { display: none; }.v12-log-entry.is-left .v12-log-entry-card, .v12-log-entry.is-right .v12-log-entry-card { grid-column: auto; }.v12-log-timeline-items > div { display: block; } }

@media (max-width: 820px) {
  .v12-account-screen { gap: 28px; padding: 24px 18px 32px; }
  .v12-account-context h1 { margin-top: 18px; font-size: 38px; }
  .v12-account-context p, .v12-account-signal { display: none; }
}

/* Memory log visual baseline: archival navigation board with a continuous central route. */
.v12-memory-log { padding: 0 28px 56px; background-color: #03090d; background-image: radial-gradient(circle at 56% 42%, rgba(19, 71, 74, .18), transparent 34%), linear-gradient(rgba(111, 143, 139, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(111, 143, 139, .045) 1px, transparent 1px); background-size: auto, 68px 68px, 68px 68px; }
.v12-log-header { grid-template-columns: minmax(350px, 1fr) auto minmax(180px, .55fr); gap: 28px; min-height: 94px; max-width: 1700px; margin-bottom: 20px; padding: 13px 0 11px; border-top: 1px solid rgba(197, 153, 73, .56); border-bottom: 1px solid rgba(197, 153, 73, .56); }
.v12-log-brand { position: relative; min-width: 0; gap: 13px; padding-left: 106px; }
.v12-memory-back { position: absolute; top: 4px; left: 0; color: #68cfc9; font: 11px "IBM Plex Mono", monospace; }
.v12-log-compass { width: 48px; height: 48px; flex: 0 0 48px; }
.v12-memory-eyebrow { font-size: 9px; letter-spacing: .18em; }
.v12-log-brand h1 { margin: 2px 0 1px; font-size: 31px; letter-spacing: .12em; line-height: 1.05; }
.v12-log-brand p { font-size: 11px; color: #a08a61; letter-spacing: .08em; }
.v12-log-nav { justify-content: center; gap: 26px; height: 68px; border-left: 1px solid rgba(173, 137, 70, .18); border-right: 1px solid rgba(173, 137, 70, .18); padding: 0 26px; }
.v12-log-nav span { padding: 24px 9px 17px; }
.v12-log-readout { padding-right: 12px; font-size: 10px; }
.v12-log-toolbar { max-width: 1700px; min-height: 72px; margin-bottom: 10px; padding: 10px 16px; border-color: rgba(84, 166, 167, .32); background: rgba(5, 17, 22, .7); }
.v12-log-toolbar-title { min-width: 240px; }
.v12-memory-status { margin-bottom: 7px; min-height: 17px; color: #60b8b5; font-size: 11px; }
.v12-log-deck { grid-template-columns: 246px minmax(0, 1fr) 238px; gap: 22px; max-width: 1700px; }
.v12-log-sidebar, .v12-log-map-panel { gap: 14px; }
.v12-star-chart { min-height: 245px; border-color: rgba(203, 162, 75, .64); background-size: 36px 36px, auto; }
.v12-log-stat-card, .v12-log-structure-mini, .v12-log-legend { border-color: rgba(203, 162, 75, .64); background: linear-gradient(145deg, rgba(7, 21, 26, .98), rgba(4, 12, 17, .92)); }
.v12-log-stat-card { min-height: 238px; }
.v12-log-stat-card h2, .v12-log-structure-mini h2, .v12-log-legend h2 { font-size: 16px; }
.v12-log-stat-card blockquote { font-size: 12px; color: #a3957b; }
.v12-log-timeline-panel { padding: 0 0 60px; }
.v12-log-timeline-heading { padding: 0 18px 11px; }
.v12-log-timeline-heading h2 { margin-top: 4px; font-size: 23px; letter-spacing: .12em; }
.v12-log-timeline { min-height: 600px; padding: 12px 0 30px; }
.v12-log-axis { top: 9px; bottom: 18px; background: linear-gradient(#55ddd5, #238986 58%, #55ddd5); box-shadow: 0 0 13px rgba(73, 211, 205, .82); }
.v12-log-entry { min-height: 146px; grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr); }
.v12-log-entry-date { top: 17px; min-width: 106px; padding: 5px 10px; border-color: #bc9146; background: #071116; box-shadow: 0 0 0 3px rgba(3, 9, 13, .88); font-size: 10px; }
.v12-log-entry-date:before, .v12-log-entry-date:after { content: ''; position: absolute; top: -1px; bottom: -1px; width: 8px; border-top: 1px solid #bc9146; border-bottom: 1px solid #bc9146; }
.v12-log-entry-date:before { left: -7px; transform: skewX(-28deg); border-left: 1px solid #bc9146; }
.v12-log-entry-date:after { right: -7px; transform: skewX(-28deg); border-right: 1px solid #bc9146; }
.v12-log-entry-card { min-height: 104px; margin: 24px 12px; padding: 15px 15px 13px; border-color: rgba(79, 183, 183, .68); background: linear-gradient(135deg, rgba(10, 38, 45, .97), rgba(7, 24, 31, .96)); box-shadow: 0 9px 18px rgba(0, 0, 0, .28), inset 0 0 0 1px rgba(114, 216, 207, .08); }
.v12-log-entry-card:before { content: ''; position: absolute; inset: 5px; pointer-events: none; border: 1px solid rgba(193, 156, 86, .12); }
.v12-log-entry-card.is-derived, .v12-log-entry:nth-child(3n+1) .v12-log-entry-card { border-color: rgba(190, 157, 93, .78); background: linear-gradient(135deg, rgba(190, 177, 143, .96), rgba(151, 139, 110, .94)); color: #1d2625; }
.v12-log-entry:nth-child(3n+1) .v12-log-entry-card h3, .v12-log-entry:nth-child(3n+1) .v12-log-entry-card p { color: #25302f; }
.v12-log-entry:nth-child(3n+1) .v12-log-entry-card small { color: #58605a; }
.v12-log-entry-card.is-derived { background: linear-gradient(135deg, rgba(55, 62, 57, .98), rgba(19, 39, 42, .97)); }
.v12-log-entry-card.is-derived h3, .v12-log-entry-card.is-derived p { color: #e7d2a0; }
.v12-log-entry-glyph { position: relative; z-index: 1; display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 38px; margin-top: 2px; border: 1px solid currentColor; border-radius: 50%; font-size: 18px; }
.v12-log-entry-content { position: relative; z-index: 1; min-width: 0; }
.v12-log-entry-card h3 { margin: 1px 0 7px; font: 17px/1.2 serif; letter-spacing: .05em; }
.v12-log-entry-card p { max-width: 400px; margin-bottom: 8px; color: #c8d8d3; font: 12px/1.55 serif; }
.v12-log-entry-card small { display: block; font-size: 10px; }
.v12-log-delete { position: relative; z-index: 2; opacity: .55; }
.v12-log-entry-card:hover .v12-log-delete { opacity: 1; }
.v12-log-entry-card:after { width: 31px; border-top-color: #63d5ce; }
.is-left .v12-log-entry-card:after { right: -31px; }
.is-right .v12-log-entry-card:after { left: -31px; }
.v12-log-map-panel { display: grid; align-content: start; }
.v12-deep-star-map { position: relative; min-height: 458px; overflow: hidden; border: 1px solid rgba(192, 151, 70, .58); background: radial-gradient(circle at 50% 52%, rgba(19, 79, 83, .26), transparent 30%), radial-gradient(circle, rgba(64, 163, 163, .6) 0 1px, transparent 2px), rgba(4, 14, 19, .98); background-size: auto, 31px 31px, auto; }
.v12-deep-star-map:before, .v12-deep-star-map:after { content: ''; position: absolute; left: 50%; top: 47%; border: 1px solid rgba(196, 153, 72, .47); border-radius: 50%; transform: translate(-50%, -50%) rotate(28deg) scaleX(.67); }
.v12-deep-star-map:before { width: 400px; height: 400px; }.v12-deep-star-map:after { width: 300px; height: 300px; transform: translate(-50%, -50%) rotate(-24deg) scaleX(.67); }
.map-orbit { position: absolute; left: 50%; top: 47%; border: 1px solid rgba(83, 203, 199, .28); border-radius: 50%; transform: translate(-50%, -50%) rotate(-12deg) scaleX(.7); }.orbit-1 { width: 180px; height: 180px; }.orbit-2 { width: 255px; height: 255px; }.orbit-3 { width: 350px; height: 350px; }
.map-star { position: absolute; z-index: 2; color: #d9b665; text-shadow: 0 0 11px #66dad4; }.map-star-1 { left: 37%; top: 27%; }.map-star-2 { left: 67%; top: 24%; }.map-star-3 { left: 56%; top: 42%; }.map-star-4 { left: 27%; top: 53%; }.map-star-5 { left: 74%; top: 62%; }.map-star-6 { left: 44%; top: 76%; }
.v12-deep-star-map-label { position: absolute; left: 14px; bottom: 13px; color: #78928f; font: 9px "IBM Plex Mono", monospace; letter-spacing: .14em; }
.v12-log-map-panel .v12-log-legend { align-self: auto; }
.v12-memory-backup-card > button { font: 11px "IBM Plex Mono", monospace; }

@media (max-width: 1080px) {
  .v12-log-deck { grid-template-columns: 210px minmax(0, 1fr); }
  .v12-log-map-panel { display: none; }
}

@media (max-width: 720px) {
  .v12-memory-log { padding: 0 12px 36px; }
  .v12-log-header { display: block; min-height: 0; padding: 12px 0 0; }
  .v12-log-brand { min-height: 72px; padding-left: 0; padding-top: 14px; }
  .v12-memory-back { top: -2px; left: 0; }
  .v12-log-brand h1 { font-size: 28px; }
  .v12-log-nav { height: 49px; margin-top: 8px; justify-content: space-between; gap: 8px; border: 0; border-top: 1px solid rgba(173, 137, 70, .18); padding: 0; }
  .v12-log-nav span { padding: 16px 4px 12px; font-size: 10px; }
  .v12-log-readout { display: none; }
  .v12-log-deck { display: block; }
  .v12-log-sidebar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 18px; }
  .v12-star-chart, .v12-log-stat-card { min-height: 182px; }
  .v12-log-structure-mini { grid-column: 1 / -1; }
  .v12-log-timeline { min-height: 420px; }
  .v12-log-entry { min-height: 0; padding: 9px 0 9px 29px; }
  .v12-log-entry-date { margin-bottom: 7px; }
  .v12-log-entry-card { margin: 0 0 12px; }
  .v12-log-entry-glyph { width: 31px; height: 31px; flex-basis: 31px; font-size: 15px; }
  .v12-log-entry-card h3 { font-size: 15px; }
}

/* Archival card layer: compact paper records with a visual memory seal. */
.v12-memory-log .v12-log-timeline-items { position: relative; }
.v12-memory-log .v12-log-entry-card { overflow: hidden; min-height: 128px; border-radius: 2px; }
.v12-memory-log .v12-log-entry-card:before { inset: 7px; border: 1px solid rgba(224, 195, 128, .17); }
.v12-memory-log .v12-log-entry-card:after { height: 5px; border-top: 1px solid #6be2db; border-bottom: 1px solid rgba(107, 226, 219, .35); background: radial-gradient(circle, #6be2db 0 2px, transparent 3px) center / 9px 5px repeat-x; }
.v12-memory-log .v12-log-entry-card:nth-child(4n+1),
.v12-memory-log .v12-log-entry-card:nth-child(4n+4) { background: linear-gradient(135deg, rgba(199, 187, 154, .98), rgba(151, 141, 111, .96)); border-color: rgba(211, 176, 100, .9); }
.v12-memory-log .v12-log-entry-card:nth-child(4n+1) h3,
.v12-memory-log .v12-log-entry-card:nth-child(4n+1) p,
.v12-memory-log .v12-log-entry-card:nth-child(4n+4) h3,
.v12-memory-log .v12-log-entry-card:nth-child(4n+4) p { color: #27302d; }
.v12-memory-log .v12-log-entry-card:nth-child(4n+1) small,
.v12-memory-log .v12-log-entry-card:nth-child(4n+4) small { color: #5b5e54; }
.v12-memory-log .v12-log-entry-card:nth-child(4n+1):before,
.v12-memory-log .v12-log-entry-card:nth-child(4n+4):before { border-color: rgba(77, 69, 47, .22); }
.v12-log-card-media { position: relative; z-index: 1; display: grid; place-items: center; align-content: center; gap: 4px; width: 64px; min-width: 64px; height: 76px; border: 1px solid rgba(211, 175, 96, .72); border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgba(95, 194, 190, .28), rgba(4, 21, 27, .88) 65%); box-shadow: inset 0 0 0 4px rgba(2, 12, 17, .48), 0 0 16px rgba(53, 187, 182, .12); }
.v12-log-card-media:after { content: ''; position: absolute; inset: 7px; border: 1px dashed rgba(219, 183, 101, .4); border-radius: 50%; }
.v12-log-card-media small { color: #99aaa0; font: 7px/1.05 "IBM Plex Mono", monospace; letter-spacing: .09em; text-align: center; }
.v12-log-entry-card:nth-child(4n+1) .v12-log-card-media,
.v12-log-entry-card:nth-child(4n+4) .v12-log-card-media { background: radial-gradient(circle at 35% 30%, rgba(78, 115, 116, .38), rgba(52, 56, 49, .85) 65%); border-color: rgba(76, 73, 54, .75); }
.v12-log-entry-card:nth-child(4n+1) .v12-log-card-media small,
.v12-log-entry-card:nth-child(4n+4) .v12-log-card-media small { color: #525c55; }
.v12-memory-log .v12-log-entry-glyph { width: 36px; height: 36px; border-color: rgba(215, 180, 103, .75); color: #d6b46c; font-size: 18px; }
.v12-log-entry-card:nth-child(4n+1) .v12-log-entry-glyph,
.v12-log-entry-card:nth-child(4n+4) .v12-log-entry-glyph { color: #2f4545; border-color: rgba(48, 66, 65, .72); text-shadow: none; }
.v12-log-card-kicker { display: block; margin-bottom: 4px; color: #6ca09b; font: 8px "IBM Plex Mono", monospace; letter-spacing: .14em; }
.v12-log-entry-card:nth-child(4n+1) .v12-log-card-kicker,
.v12-log-entry-card:nth-child(4n+4) .v12-log-card-kicker { color: #706d58; }
.v12-memory-log .v12-log-entry-card h3 { font-size: 18px; letter-spacing: .06em; }
.v12-memory-log .v12-log-entry-card p { max-width: 360px; margin-bottom: 10px; font-size: 12px; }
.v12-log-card-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-top: 7px; border-top: 1px dashed rgba(132, 171, 162, .23); }
.v12-log-card-foot small { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v12-log-stamp { flex: 0 0 auto; padding: 3px 5px; border: 1px solid rgba(210, 174, 91, .48); color: #c8a663; font: 7px "IBM Plex Mono", monospace; letter-spacing: .1em; transform: rotate(-5deg); }
.v12-log-entry-card:nth-child(4n+1) .v12-log-card-foot,
.v12-log-entry-card:nth-child(4n+4) .v12-log-card-foot { border-color: rgba(76, 73, 54, .24); }
.v12-log-entry-card:nth-child(4n+1) .v12-log-stamp,
.v12-log-entry-card:nth-child(4n+4) .v12-log-stamp { color: #6b6147; border-color: rgba(79, 71, 48, .44); }
.v12-log-delete { color: #d9b66c !important; font-size: 18px !important; line-height: 1; }
.v12-log-entry-card:nth-child(4n+1) .v12-log-delete,
.v12-log-entry-card:nth-child(4n+4) .v12-log-delete { color: #5d5140 !important; }

/* The right-hand deep-space panel is intentionally removed from the final composition. */
.v12-memory-log .v12-deep-star-map { display: none; }
.v12-memory-log .v12-log-map-panel { display: block; }
.v12-memory-log .v12-log-map-panel .v12-log-legend { margin-top: 0; }

/* The navigation chart is the living instrument of the memory log. */
.v12-memory-log .v12-star-chart { isolation: isolate; }
.v12-memory-log .v12-star-chart:before { animation: memory-chart-orbit 18s linear infinite; transform-origin: 50% 50%; }
.v12-memory-log .v12-star-chart:after { animation: memory-chart-orbit-reverse 26s linear infinite; transform-origin: 50% 50%; }
.v12-memory-log .v12-star-chart-rings { animation: memory-chart-pulse 4.8s ease-in-out infinite; }
.v12-memory-log .v12-star-chart:after { box-shadow: 0 0 16px rgba(87, 220, 210, .16); }
.v12-memory-log .v12-star-chart:global { animation: none; }
.v12-memory-log .v12-star-chart .star { z-index: 2; animation: memory-star-twinkle 3.8s ease-in-out infinite; }
.v12-memory-log .v12-star-chart .star-b { animation-delay: -.8s; }
.v12-memory-log .v12-star-chart .star-c { animation-delay: -1.7s; }
.v12-memory-log .v12-star-chart .star-d { animation-delay: -2.6s; }
.v12-memory-log .v12-star-chart .star-e { animation-delay: -3.3s; }
.v12-memory-log .v12-star-chart-label { z-index: 3; }
.v12-memory-log .v12-star-chart-rings:after { content: ''; position: absolute; inset: -35px 48%; width: 2px; background: linear-gradient(transparent, rgba(107, 226, 219, .75), transparent); box-shadow: 0 0 14px rgba(107, 226, 219, .72); transform-origin: 50% 50%; animation: memory-chart-scan 7s ease-in-out infinite; }

@keyframes memory-chart-orbit { from { transform: rotate(28deg) scaleX(.72); } to { transform: rotate(388deg) scaleX(.72); } }
@keyframes memory-chart-orbit-reverse { from { transform: rotate(-28deg) scaleX(.72); } to { transform: rotate(-388deg) scaleX(.72); } }
@keyframes memory-chart-pulse { 0%, 100% { transform: scale(.96); opacity: .52; } 50% { transform: scale(1.03); opacity: .92; } }
@keyframes memory-chart-scan { 0%, 100% { transform: rotate(-78deg); opacity: 0; } 18%, 66% { opacity: .85; } 50% { transform: rotate(78deg); opacity: .35; } }
@keyframes memory-star-twinkle { 0%, 100% { opacity: .42; transform: scale(.82); } 45% { opacity: 1; transform: scale(1.18); text-shadow: 0 0 14px #6ce1db; } }

@media (prefers-reduced-motion: reduce) {
  .v12-memory-log .v12-star-chart:before,
  .v12-memory-log .v12-star-chart:after,
  .v12-memory-log .v12-star-chart-rings,
  .v12-memory-log .v12-star-chart-rings:after,
  .v12-memory-log .v12-star-chart .star { animation: none; }
}

@media (max-width: 720px) {
  .v12-log-card-media { width: 52px; min-width: 52px; height: 62px; }
  .v12-memory-log .v12-log-entry-card { min-height: 112px; padding: 12px 11px; gap: 9px; }
  .v12-memory-log .v12-log-entry-card h3 { font-size: 16px; }
  .v12-memory-log .v12-log-entry-card p { font-size: 11px; line-height: 1.5; }
  .v12-log-card-kicker { font-size: 7px; }
  .v12-log-stamp { display: none; }
}

/* The card is the second child inside each entry; scope alternating paper to the entry. */
.v12-memory-log .v12-log-entry:nth-child(4n+1) .v12-log-entry-card,
.v12-memory-log .v12-log-entry:nth-child(4n+4) .v12-log-entry-card { background: linear-gradient(135deg, rgba(199, 187, 154, .98), rgba(151, 141, 111, .96)); border-color: rgba(211, 176, 100, .9); }
.v12-memory-log .v12-log-entry:nth-child(4n+1) .v12-log-entry-card h3,
.v12-memory-log .v12-log-entry:nth-child(4n+1) .v12-log-entry-card p,
.v12-memory-log .v12-log-entry:nth-child(4n+4) .v12-log-entry-card h3,
.v12-memory-log .v12-log-entry:nth-child(4n+4) .v12-log-entry-card p { color: #27302d; }
.v12-memory-log .v12-log-entry:nth-child(4n+1) .v12-log-entry-card small,
.v12-memory-log .v12-log-entry:nth-child(4n+4) .v12-log-entry-card small { color: #5b5e54; }
.v12-memory-log .v12-log-entry:nth-child(4n+1) .v12-log-card-media,
.v12-memory-log .v12-log-entry:nth-child(4n+4) .v12-log-card-media { background: radial-gradient(circle at 35% 30%, rgba(78, 115, 116, .38), rgba(52, 56, 49, .85) 65%); border-color: rgba(76, 73, 54, .75); }
.v12-memory-log .v12-log-entry:nth-child(4n+1) .v12-log-entry-glyph,
.v12-memory-log .v12-log-entry:nth-child(4n+4) .v12-log-entry-glyph { color: #2f4545; border-color: rgba(48, 66, 65, .72); text-shadow: none; }
.v12-memory-log .v12-log-entry:nth-child(4n+1) .v12-log-card-kicker,
.v12-memory-log .v12-log-entry:nth-child(4n+4) .v12-log-card-kicker { color: #706d58; }
.v12-memory-log .v12-log-entry:nth-child(4n+1) .v12-log-card-foot,
.v12-memory-log .v12-log-entry:nth-child(4n+4) .v12-log-card-foot { border-color: rgba(76, 73, 54, .24); }
.v12-memory-log .v12-log-entry:nth-child(4n+1) .v12-log-stamp,
.v12-memory-log .v12-log-entry:nth-child(4n+4) .v12-log-stamp { color: #6b6147; border-color: rgba(79, 71, 48, .44); }

@media (min-width: 1400px) {
  .v12-memory-log .v12-log-header,
  .v12-memory-log .v12-log-toolbar,
  .v12-memory-log .v12-log-deck { max-width: none; }
  .v12-memory-log .v12-log-brand { padding-left: 0; }
}
.v13-backup-screen{min-height:100vh;padding:clamp(18px,4vw,52px);color:#edf7ff;background:radial-gradient(circle at 15% 0%,rgba(69,187,255,.16),transparent 34%),#07121e}.v13-backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:1180px;margin:28px auto}.v13-backup-card,.v13-backup-list{border:1px solid rgba(154,218,255,.22);border-radius:22px;background:rgba(13,31,48,.78);box-shadow:0 22px 70px rgba(0,0,0,.28);padding:24px}.v13-backup-card>span{font-size:12px;letter-spacing:.18em;color:#7edaff}.v13-backup-card h2{margin:10px 0}.v13-backup-folder-actions{display:grid;gap:10px;margin-top:18px}.v13-backup-folder-actions small{color:#9bb4c7}.v13-backup-card input,.v13-backup-card button,.v13-backup-list button{border:1px solid rgba(145,218,255,.3);border-radius:12px;background:rgba(7,20,34,.88);color:inherit;padding:11px 14px}.v13-backup-card button{cursor:pointer}.v13-backup-card button:disabled{cursor:wait;opacity:.62}.v13-backup-card dl{display:grid;gap:8px}.v13-backup-card dl div{display:flex;justify-content:space-between;gap:16px}.v13-backup-list{max-width:1130px;margin:0 auto}.v13-backup-list>header{display:flex;justify-content:space-between;align-items:center}.v13-backup-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid rgba(154,218,255,.13)}.v13-backup-item small{grid-column:1/2;color:#9bb4c7}@media(max-width:720px){.v13-backup-grid{grid-template-columns:1fr}.v13-backup-screen{padding:16px}.v13-backup-item{grid-template-columns:1fr 1fr}.v13-backup-item small{grid-column:1/-1}.v13-backup-item b{overflow-wrap:anywhere}}

/* Administrator management follows the existing flat workbench. */
.v2-admin-manager { max-width:1100px; }
.v2-admin-manager > header { display:flex; gap:24px; align-items:flex-start; justify-content:space-between; }
.v2-admin-manager header p { max-width:640px; color:#aebfbd; font-size:13px; line-height:1.8; margin:12px 0 0; }
.v2-admin-manager > [role=status] { color:#95aaa7; margin:22px 0 14px; font-size:13px; }
.v2-admin-table-wrap { overflow-x:auto; }
.v2-admin-table-wrap table { width:100%; border-collapse:collapse; text-align:left; font-size:14px; }
.v2-admin-table-wrap th { color:#95aaa7; font-size:12px; font-weight:500; padding:12px 16px; border-bottom:1px solid #ffffff24; }
.v2-admin-table-wrap td { padding:20px 16px; border-bottom:1px solid #ffffff12; vertical-align:top; }
.v2-admin-table-wrap td:first-child { min-width:120px; }
.v2-admin-table-wrap small { display:block; margin-top:7px; max-width:420px; color:#95aaa7; font-size:12px; line-height:1.8; }
.v2-admin-state { color:#99d6ba; white-space:nowrap; }
.v2-admin-state[data-state=disabled] { color:#b5bdc3; }
.v2-admin-dialog { padding:0; width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 48px); border:1px solid #adc9c52e; border-radius:12px; background:#0b1923; color:#eaf4f2; }
.v2-admin-dialog::backdrop { background:#02080dbb; }
.v2-admin-dialog .v12-admin-tool { padding:28px; border:0; }
.v2-admin-dialog form { display:grid; gap:18px; }
.v2-admin-dialog [hidden] { display:none; }
.v2-admin-dialog header { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }
.v2-admin-dialog h2 { margin:0; font-size:22px; }
.v2-admin-dialog button,.v2-admin-manager button,[data-admin-logout] { min-height:42px; border-radius:6px; cursor:pointer; padding:9px 14px; font:inherit; color:#d9eee9; background:#112c36; border:1px solid #9bd0c933; white-space:nowrap; }
.v2-admin-dialog [type=submit],.v2-admin-manager [data-admin-add] { background:#a7e3d7; color:#08212a; }
.v2-admin-dialog button:disabled,.v2-admin-manager button:disabled { opacity:.5; cursor:wait; }
.v2-permission-summary { padding:12px 14px; background:#102730; color:#bcd9d3; border-radius:6px; font-size:13px; line-height:1.8; }
.v2-admin-editor-actions { display:flex; justify-content:flex-end; gap:12px; }
.v2-admin-dialog [data-editor-status] { margin:0; color:#edbb9c; font-size:13px; line-height:1.8; }
@media(max-width:600px){.v2-admin-manager > header{flex-direction:column;gap:16px;}.v2-admin-table-wrap td,.v2-admin-table-wrap th{padding:14px 10px;}.v2-admin-dialog .v12-admin-tool{padding:22px;}}
.v2-copy-editor { max-width:960px; }
.v12-admin-tool.v2-copy-editor form { display:block; }
.v12-admin-tool.v2-copy-editor form[hidden] { display:none; }
.v2-copy-editor [data-copy-reauth] { max-width:480px; margin:20px 0; padding:20px; border:1px solid #7aa69b66; border-radius:16px; }
.v2-copy-editor [data-copy-reauth] label { margin:14px 0; }
.v2-copy-editor [data-copy-reauth] p { line-height:1.7; }
.v2-copy-editor [data-copy-draft-status] { font-size:13px; line-height:1.7; color:#68847f; }
.v2-copy-editor > header { gap:24px; align-items:flex-start; }
.v2-copy-editor > header p { max-width:580px; margin:10px 0 0; font-size:14px; line-height:1.8; }
.v2-copy-editor > header a { flex-shrink:0; padding:10px 0; font-size:14px; }
.v2-copy-published { font-size:13px; color:#68847f; margin:20px 0; }
.v2-copy-editor fieldset { margin:0; padding:0; border:0; display:grid; gap:20px; min-width:0; }
.v2-copy-editor label { display:grid; gap:9px; }
.v2-copy-editor label > span { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.v2-copy-editor label small { font-size:12px; font-weight:400; opacity:.7; }
.v2-copy-editor :is(input,textarea) { width:100%; box-sizing:border-box; font:inherit; }
.v2-copy-preview { padding:20px; border-radius:16px; background:#06141b; color:#edf9f5; }
.v2-copy-preview > small { display:block; margin-bottom:14px; font-size:11px; color:#7ca4a9; }
.v2-copy-preview > div { display:flex; align-items:center; gap:14px; min-height:44px; }
.v2-copy-preview i { flex-shrink:0; color:#78e7d7; font-size:30px; font-style:normal; }
.v2-copy-preview b { font-size:20px; overflow-wrap:anywhere; }
.v2-copy-preview span { font-size:13px; color:#a8c4c7; overflow-wrap:anywhere; }
.v2-copy-preview ol { margin:0; padding-left:24px; display:grid; gap:12px; line-height:1.7; overflow-wrap:anywhere; }
.v2-copy-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:end; gap:12px; margin-bottom:20px; }
.v2-copy-row-actions { display:flex; gap:6px; padding-bottom:1px; }
.v2-copy-row-actions button,.v2-copy-add { min-height:44px; background:transparent!important; border:1px solid #7aa69b66!important; color:inherit!important; box-shadow:none!important; }
.v2-copy-row-actions button { min-width:40px; padding:6px 10px; }
.v2-copy-row-actions button:disabled { opacity:.3; cursor:default; }
.v2-copy-add { justify-self:start; padding:8px 16px; }
@media(max-width:700px) { .v2-copy-row { grid-template-columns:minmax(0,1fr); gap:8px; }.v2-copy-row-actions { justify-content:flex-end; } }
.v2-copy-hint { font-size:12px; line-height:1.7; opacity:.7; margin:0; }
.v2-copy-actions { display:flex; flex-wrap:wrap; gap:10px; }
.v2-copy-actions button { min-height:44px; }
.v2-copy-actions button:not([type="submit"]) { background:transparent; border:1px solid #7aa69b66; color:inherit; box-shadow:none; }
.v2-copy-editor [data-copy-status] { min-height:24px; line-height:1.7; font-size:14px; }
.v2-copy-editor [data-copy-status] button { display:block; margin-top:10px; }
.v2-copy-history { margin-top:26px; border-top:1px solid #7aa69b33; padding-top:16px; }
.v2-copy-history summary { cursor:pointer; padding:10px 0; font-size:14px; }
.v2-copy-history [data-copy-history] > div { display:flex; justify-content:space-between; gap:20px; padding:18px 0; border-bottom:1px solid #7aa69b22; }
.v2-copy-history :is(b,p,small) { overflow-wrap:anywhere; }
.v2-copy-history b { font-size:14px; }.v2-copy-history p { font-size:13px; margin:6px 0; }.v2-copy-history small { font-size:11px; opacity:.7; }
.v2-copy-history button { align-self:center; flex-shrink:0; }
@media(max-width:700px) { .v2-copy-editor > header { flex-direction:column; gap:6px; }.v2-copy-preview > div { flex-wrap:wrap; }.v2-copy-preview span { flex-basis:100%; }.v2-copy-history [data-copy-history] > div { flex-direction:column; gap:10px; }.v2-copy-history button { align-self:flex-start; } }