:root {
  --bg: #0a0705; --bg2: #120d09; --text: #f5eddf; --muted: rgb(245 237 223 / .62); --faint: rgb(245 237 223 / .38);
  --gold: #c29a56; --gold2: #e8ca7b; --gold3: #d4b178; --line: rgb(194 154 86 / .22); --glass: rgb(255 244 222 / .045);
  --glass2: rgb(255 244 222 / .08); --red: #f0555a; --ok: #7fbf8e; --blue: #5b8def;
  --r: 13px; --ease: cubic-bezier(.22, 1, .36, 1);
  --u-open: var(--gold2); --u-appeal: var(--gold); --u-decided: var(--gold3); --u-closed: var(--faint);
  --serif: Georgia, "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --safe-t: env(safe-area-inset-top, 0px); --safe-b: env(safe-area-inset-bottom, 0px);
  color-scheme: dark;
}
[data-theme="light"] {
  --bg: #e6dcc8; --bg2: #efe6d4; --text: #1d160f; --muted: rgb(29 22 15 / .66); --faint: rgb(29 22 15 / .42);
  --gold: #86641f; --gold2: #86641f; --gold3: #7c5c1c; --line: rgb(134 100 31 / .26); --glass: rgb(255 255 255 / .42);
  --glass2: rgb(255 255 255 / .62); color-scheme: light;
  --u-open: #86641f; --u-appeal: rgb(134 100 31 / .66); --u-decided: rgb(134 100 31 / .42); --u-closed: rgb(29 22 15 / .3);
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--text); font: 16px/1.45 var(--sans); }
body { overscroll-behavior: none; -webkit-text-size-adjust: 100%; }
[hidden] { display: none !important; }
button, input, textarea, select { font: inherit; color: inherit; }
a { color: var(--gold2); }
.atmos { position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(120% 60% at 85% -10%, rgb(194 154 86 / .16), transparent 60%),
    radial-gradient(90% 50% at -10% 110%, rgb(194 154 86 / .09), transparent 60%),
    linear-gradient(180deg, var(--bg2), var(--bg)); }
.gate { position: fixed; inset: 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 14px; padding: calc(var(--safe-t) + 32px) 28px calc(var(--safe-b) + 32px); text-align: center; }
.gate-mark { width: 112px; height: 112px; }
.gate-title { font: 600 30px/1 var(--serif); letter-spacing: .28em; margin: 6px 0 0; color: var(--gold2); padding-inline-start: .28em; }
.gate-sub { margin: 0; font-size: 11px; letter-spacing: .32em; color: var(--muted); text-transform: none; }
.gate-text { margin: 18px 0 6px; color: var(--muted); max-width: 30em; }
.gate-paste { width: 100%; max-width: 30em; background: var(--glass); border: 1px solid var(--line); border-radius: var(--r); padding: 10px 12px; font: 13px/1.4 ui-monospace, monospace; }
.gate-err { color: var(--red); margin: 4px 0 0; max-width: 30em; overflow-wrap: anywhere; }
.btn { appearance: none; border: 1px solid var(--line); background: var(--glass); border-radius: 11px; padding: 11px 18px;
  min-height: 44px; font-weight: 600; cursor: pointer; transition: transform .2s var(--ease), background .2s var(--ease); }
.btn:active { transform: scale(.97); }
.btn.primary { background: var(--gold); border-color: var(--gold); color: #140f09; }
[data-theme="light"] .btn.primary { color: #fffaf0; }
.btn.ghost { background: transparent; }
.btn.small { min-height: 36px; padding: 7px 12px; font-size: 14px; }
.btn:disabled { opacity: .5; }
.btn:focus-visible, .icon:focus-visible, .row:focus-visible { outline: 2px solid var(--gold2); outline-offset: 2px; }
.icon { appearance: none; border: 0; background: transparent; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; }
.icon svg, .tabs svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.shell { position: fixed; inset: 0; z-index: 1; display: flex; flex-direction: column; }
.top { display: flex; align-items: flex-end; gap: 6px; padding: calc(var(--safe-t) + 8px) 12px 8px 16px; }
.top .back { margin-inline-start: -10px; color: var(--gold2); }
.top-title { flex: 1; min-width: 0; }
.kicker { display: block; font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--gold); }
.top h1 { margin: 2px 0 0; font: 600 clamp(22px, 7vw, 28px)/1.12 var(--serif); overflow: hidden; overflow-wrap: anywhere;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.top h1.long { font-size: clamp(18px, 5.4vw, 21px); }
.top .icon { color: var(--muted); }
.banner { margin: 0 16px 8px; padding: 10px 12px; border-radius: 11px; background: rgb(240 85 90 / .12); border: 1px solid rgb(240 85 90 / .35);
  color: var(--text); font-size: 14px; overflow-wrap: anywhere; }
.view { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 4px 16px calc(var(--safe-b) + 92px); outline: none;
  animation: rise .35s var(--ease); }
@keyframes rise { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.tabs { position: fixed; inset-inline: 0; bottom: 0; z-index: 2; display: grid; grid-template-columns: repeat(6, 1fr);
  padding: 6px 6px calc(var(--safe-b) + 6px); background: rgb(10 7 5 / .82); backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%); border-top: 1px solid var(--line); }
[data-theme="light"] .tabs { background: rgb(230 220 200 / .86); }
.tabs button { appearance: none; border: 0; background: transparent; display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 6px 0 4px; font-size: 10.5px; color: var(--faint); position: relative; min-height: 50px; }
.tabs button[aria-current="page"] { color: var(--gold2); }
.tabs .dot { position: absolute; top: 2px; inset-inline-start: calc(50% + 7px); min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px;
  background: var(--red); color: #fff; font: 700 11px/18px var(--sans); }
.section { margin: 18px 0 8px; display: flex; align-items: baseline; gap: 10px; }
.section h2 { margin: 0; font: 600 20px/1.2 var(--serif); }
.section .n { color: var(--muted); font-size: 14px; }
.section .end { margin-inline-start: auto; }
.source { color: var(--faint); font-size: 12px; margin: 0 0 8px; overflow-wrap: anywhere; }
.card { background: var(--glass); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden;
  backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); }
.card + .card { margin-top: 12px; }
.pad { padding: 14px 16px; }
.stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 10px 0 4px; }
.stat { padding: 12px; border-radius: var(--r); background: var(--glass); border: 1px solid var(--line); }
.stat b { display: block; font: 600 26px/1.1 var(--serif); color: var(--gold2); }
.stat span { font-size: 12px; color: var(--muted); }
.stat.hot b { color: var(--red); }
.seg { display: flex; gap: 4px; padding: 3px; border-radius: 11px; background: var(--glass); border: 1px solid var(--line); }
.seg button { flex: 1; appearance: none; border: 0; background: transparent; border-radius: 8px; padding: 7px 10px; font-size: 14px; color: var(--muted); min-height: 36px; }
.seg button.on { background: var(--gold); color: #140f09; font-weight: 600; }
[data-theme="light"] .seg button.on { color: #fffaf0; }
.chips { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0; }
.chip { appearance: none; border: 1px solid var(--line); background: transparent; border-radius: 99px; padding: 6px 12px; font-size: 13px; color: var(--muted); min-height: 34px; }
.chip.on { border-color: var(--gold); color: var(--gold2); background: rgb(194 154 86 / .12); }
.list { list-style: none; margin: 0; padding: 0; }
.row { display: grid; grid-template-columns: auto 1fr auto; gap: 4px 12px; align-items: start; padding: 13px 16px; border-top: 1px solid var(--line);
  cursor: pointer; position: relative; }
.row:first-child { border-top: 0; }
.row:active { background: var(--glass2); }
.row.hot::before { content: ""; position: absolute; inset-block: 10px; inset-inline-start: 0; width: 3px; border-radius: 2px; background: var(--red); }
.row.soon::before { content: ""; position: absolute; inset-block: 10px; inset-inline-start: 0; width: 3px; border-radius: 2px; background: var(--gold); }
.date { width: 46px; text-align: center; }
.date b { display: block; font: 600 24px/1 var(--serif); color: var(--gold2); }
.date span { font-size: 10.5px; letter-spacing: .14em; color: var(--muted); text-transform: uppercase; }
.avatar { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font: 600 17px var(--serif); color: var(--gold2);
  border: 1px solid var(--line); background: var(--glass); position: relative; }
.avatar.hot::after { content: ""; position: absolute; top: 0; inset-inline-end: 0; width: 10px; height: 10px; border-radius: 50%; background: var(--red); border: 2px solid var(--bg); }
.main { min-width: 0; }
.main .t { font-weight: 600; overflow-wrap: anywhere; }
.main .s { color: var(--muted); font-size: 14px; overflow-wrap: anywhere; }
.main .x { color: var(--faint); font-size: 12.5px; margin-top: 2px; overflow-wrap: anywhere; }
.main .warn { color: var(--gold2); font-size: 14px; font-weight: 600; margin-top: 2px; }
.main .warn.hot { color: var(--red); }
.clamp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.side { text-align: end; color: var(--faint); font-size: 12px; white-space: nowrap; }
.badges { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 6px; }
.badge { font-size: 11.5px; padding: 2px 8px; border-radius: 99px; border: 1px solid var(--line); color: var(--muted); }
.badge.own { color: var(--blue); border-color: rgb(91 141 239 / .4); }
.badge.hot { color: var(--red); border-color: rgb(240 85 90 / .4); }
.badge.link { color: var(--gold2); border-color: rgb(194 154 86 / .45); }
.empty { color: var(--muted); font-style: italic; padding: 16px; }
.loading { color: var(--muted); padding: 16px; }
.loading::after { content: "…"; animation: dots 1.2s steps(4) infinite; }
@keyframes dots { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }
.field { width: 100%; background: var(--glass); border: 1px solid var(--line); border-radius: 11px; padding: 11px 14px; font-size: 16px; }
.field:focus { outline: none; border-color: var(--gold); }
textarea.field { resize: vertical; min-height: 150px; line-height: 1.5; }
.label { font-size: 12.5px; color: var(--muted); margin: 14px 0 6px; display: block; }
.actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }
.actions .btn { flex: 1 1 auto; }
.bubble { background: var(--glass2); border: 1px solid var(--line); border-radius: 16px 16px 16px 4px; padding: 10px 14px; white-space: pre-wrap; overflow-wrap: anywhere; }
.bubble.us { border-radius: 16px 16px 4px 16px; background: rgb(194 154 86 / .14); margin-inline-start: 18%; }
.meta { color: var(--faint); font-size: 12px; margin: 10px 2px 4px; }
.note { font-size: 13px; color: var(--muted); margin: 10px 2px; overflow-wrap: anywhere; }
.note.ok { color: var(--ok); } .note.bad { color: var(--red); }
.facts { list-style: none; margin: 0; padding: 0; font-size: 14px; }
.facts li { padding: 4px 0; overflow-wrap: anywhere; color: var(--muted); }
.facts li b { color: var(--text); }
.tabs-in { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; margin: 14px -16px 10px; padding: 0 16px; }
.tabs-in::-webkit-scrollbar { display: none; }
.tabs-in button { flex: none; appearance: none; border: 1px solid var(--line); background: transparent; color: var(--muted); border-radius: 99px; padding: 7px 14px; font-size: 14px; min-height: 36px; }
.tabs-in button.on { background: var(--gold); border-color: var(--gold); color: #140f09; font-weight: 600; }
[data-theme="light"] .tabs-in button.on { color: #fffaf0; }
details.sec { border-top: 1px solid var(--line); }
details.sec:first-child { border-top: 0; }
details.sec summary { list-style: none; padding: 13px 16px; font-weight: 600; font-size: 15px; cursor: pointer; }
details.sec summary::-webkit-details-marker { display: none; }
details.sec[open] summary { color: var(--gold2); }
.md { padding: 0 16px 14px; font-size: 15px; line-height: 1.55; overflow-wrap: anywhere; }
.md h1, .md h2, .md h3, .md h4 { font: 600 16px/1.3 var(--serif); margin: 14px 0 6px; }
.md p { margin: 8px 0; }
.md ul, .md ol { padding-inline-start: 20px; margin: 8px 0; }
.md pre { background: rgb(0 0 0 / .25); border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; white-space: pre-wrap; font-size: 13.5px; }
[data-theme="light"] .md pre { background: rgb(255 255 255 / .5); }
.md code { font: 13px ui-monospace, "SF Mono", Menlo, monospace; }
.md table { display: block; overflow-x: auto; border-collapse: collapse; font-size: 13px; }
.md th, .md td { border: 1px solid var(--line); padding: 4px 8px; text-align: start; vertical-align: top; }
.md blockquote { margin: 8px 0; padding-inline-start: 12px; border-inline-start: 3px solid var(--line); color: var(--muted); }
.page { display: block; width: 100%; height: auto; border-radius: 10px; background: #fff; margin-top: 10px; }
.clhead { display: flex; align-items: center; gap: 14px; padding: 12px 12px 12px 14px; border-radius: 18px; background: var(--glass); border: 1px solid var(--line);
  margin: 6px 0 10px; backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); animation: rise .5s var(--ease) both; }
.clhead .info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.clhead .chips2 { margin: 0; }
.clhead .lim { font-size: 11px; color: var(--faint); font-variant-numeric: tabular-nums; }
.clhead .ring .in b { font-size: 22px; } .clhead .ring .in b::after { content: "k"; font-size: .62em; margin-inline-start: 1px; }
.clhead .ring .in span { font-size: 10px; }
.icon.plusb { flex: none; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--gold); color: var(--gold2); transition: transform .2s var(--ease); }
.icon.plusb:active { transform: scale(.9) rotate(90deg); }
.icon.plusb .ic { width: 20px; height: 20px; }
.ctxbar, .usebar { display: flex; align-items: center; gap: 10px; padding: 8px 8px 8px 10px; border-radius: 16px; border: 1px solid var(--gold);
  background: rgb(232 202 123 / .08); margin: 0 0 10px; animation: rise .4s var(--ease) both; }
.usebar { margin: 14px 0 0; background: rgb(232 202 123 / .14); }
.ctxbar small, .usebar small { display: block; font-size: 10px; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
.ctxbar .t, .usebar .t { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ctxbar .main, .usebar .main { flex: 1; min-width: 0; }
.ctxbar .icon { color: var(--muted); width: 38px; height: 38px; }
.face.sm { width: 32px; height: 32px; font-size: 14px; }
.face.sm i { width: 16px; height: 16px; inset-inline-end: -5px; bottom: -5px; } .face.sm i .ic { width: 9px; height: 9px; }
.cl-log { display: flex; flex-direction: column; gap: 18px; margin-top: 6px; }
.cl-turn { display: flex; flex-direction: column; gap: 10px; animation: rise .4s var(--ease) both; }
.cl-q { display: flex; justify-content: flex-end; align-items: flex-end; gap: 8px; }
.cl-you { max-width: 82%; background: rgb(194 154 86 / .14); border: 1px solid var(--line); border-radius: 16px 16px 4px 16px;
  padding: 9px 13px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 15px; }
.cl-meta { display: flex; flex-wrap: wrap; gap: 4px 10px; margin-bottom: 3px; font-size: 11px; color: var(--faint); white-space: normal; }
.cl-meta span { display: inline-flex; align-items: center; gap: 4px; min-width: 0; } .cl-meta .ic { width: 12px; height: 12px; color: var(--gold); }
.cl-a { display: grid; grid-template-columns: 32px 1fr; gap: 10px; align-items: start; }
.cl-mark { position: relative; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--glass2); border: 1.2px solid var(--gold); }
.cl-mark .ic { width: 16px; height: 16px; color: var(--gold2); }
.cl-mark.think::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 2px solid transparent; border-top-color: var(--gold2);
  border-inline-end-color: rgb(232 202 123 / .45); animation: spin .9s linear infinite; }
.cl-mark.think .ic { animation: breathe 1.6s ease-in-out infinite; }
@keyframes breathe { 50% { opacity: .45; transform: scale(.82); } }
.cl-empty { display: grid; place-items: center; padding: 36px 0 12px; }
.cl-empty .cl-mark { width: 88px; height: 88px; border-width: 1.4px; box-shadow: 0 0 44px rgb(232 202 123 / .18); animation: breathe 3.2s ease-in-out infinite; }
.cl-empty .cl-mark .ic { width: 38px; height: 38px; }
.cl-ans { min-width: 0; padding-top: 5px; }
.cl-ans .md { padding: 0; }
.cl-live { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 15px; line-height: 1.55; }
.cl-live::after { content: ""; display: inline-block; width: 2px; height: 1.05em; margin-inline-start: 2px; vertical-align: -3px; background: var(--gold2);
  animation: caret 1s steps(2) infinite; }
.cl-live.end::after { display: none; }
@keyframes caret { 50% { opacity: 0; } }
.cl-tools { color: var(--muted); font-size: 12.5px; margin: 6px 0; border: 1px solid var(--line); border-radius: 12px; background: var(--glass); }
.cl-tools summary { list-style: none; display: flex; align-items: center; gap: 8px; padding: 7px 10px; cursor: pointer; }
.cl-tools summary::-webkit-details-marker { display: none; }
.cl-tools summary .tico { display: grid; } .cl-tools summary .tico .ic { width: 15px; height: 15px; color: var(--gold2); }
.cl-tools .tn { flex: none; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: rgb(232 202 123 / .16); color: var(--gold2);
  font: 700 11px/20px var(--sans); text-align: center; }
.cl-tools summary span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cl-tools summary .chev { width: 14px; height: 14px; transition: transform .2s var(--ease); }
.cl-tools[open] summary .chev { transform: rotate(180deg); }
.cl-tools > div { display: grid; gap: 5px; padding: 2px 10px 9px; }
.cl-tool { display: grid; grid-template-columns: 14px auto 1fr 14px; gap: 7px; align-items: center; min-width: 0; }
.cl-tool > .ic { width: 13px; height: 13px; color: var(--gold); }
.cl-tool b { color: var(--text); font-weight: 600; white-space: nowrap; }
.cl-tool span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cl-tool em { width: 14px; height: 14px; display: grid; place-items: center; }
.cl-tool em .spin { width: 11px; height: 11px; border-width: 1.6px; }
.cl-tool .drawn { width: 14px; height: 14px; stroke-width: 2.6; }
.cl-tool.bad, .cl-tool.bad b, .cl-tool.bad em .ic { color: var(--red); } .cl-tool.bad em .ic { width: 12px; height: 12px; }
.cl-err { color: var(--red); white-space: pre-wrap; overflow-wrap: anywhere; }
.cl-status { display: flex; align-items: center; gap: 8px; min-height: 24px; margin: 12px 2px 4px; font-size: 13px; color: var(--muted); }
.cl-status .spin { width: 16px; height: 16px; }
.cl-status .secs { font: 600 13px var(--sans); color: var(--gold2); font-variant-numeric: tabular-nums; }
.cl-status .chip2 { margin: 0; }
.cl-status.ok { color: var(--ok); } .cl-status.ok .drawn { width: 20px; height: 20px; stroke: var(--ok); }
.cl-status.bad { color: var(--red); } .cl-status.bad .ic { width: 16px; height: 16px; }
.composer { position: fixed; z-index: 2; inset-inline: 12px; bottom: calc(var(--safe-b) + 70px); background: var(--bg2); border: 1px solid var(--line);
  border-radius: 18px; padding: 8px; display: flex; flex-direction: column; gap: 6px; box-shadow: 0 -8px 24px rgb(0 0 0 / .25); }
.view.with-composer { padding-bottom: calc(var(--safe-b) + 250px); }
@media (min-width: 760px) { .composer { inset-inline: max(12px, calc(50% - 360px)); } }
.quick { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; transition: opacity .25s var(--ease); }
.quick.off { opacity: .4; }
.qchip { appearance: none; min-width: 0; display: flex; align-items: center; gap: 6px; padding: 6px 8px; border-radius: 12px; border: 1px solid var(--line);
  background: var(--glass); font-size: 12px; line-height: 1.2; text-align: start; color: var(--text); min-height: 42px; animation: rise .45s var(--ease) both;
  transition: transform .2s var(--ease), border-color .2s var(--ease); }
.qchip span { min-width: 0; overflow-wrap: anywhere; }
.qchip .ic { width: 15px; height: 15px; color: var(--gold2); }
.qchip:active { transform: scale(.94); border-color: var(--gold); }
[data-theme="light"] .composer { box-shadow: 0 -6px 20px rgb(60 40 10 / .1); }
.cbox { display: flex; gap: 8px; align-items: flex-end; }
.cbox textarea { flex: 1; border: 0; background: transparent; resize: none; min-height: 44px; max-height: 30vh; padding: 10px; font-size: 16px; }
.cbox textarea:focus { outline: none; }
.btn.disc { flex: none; width: 44px; height: 44px; min-height: 44px; padding: 0; border-radius: 50%; display: grid; place-items: center; }
.btn.disc .ic { width: 20px; height: 20px; } .btn.disc:not(.primary) { border-color: var(--gold); }
.sheet { position: fixed; inset: 0; z-index: 4; background: rgb(0 0 0 / .5); display: flex; align-items: flex-end; }
.sheet-body { width: 100%; max-height: 92vh; overflow-y: auto; background: var(--bg2); border-top: 1px solid var(--line); border-radius: 20px 20px 0 0;
  padding: 14px 16px calc(var(--safe-b) + 18px); animation: up .3s var(--ease); }
@keyframes up { from { transform: translateY(40px); opacity: 0; } to { transform: none; opacity: 1; } }
.sheet-head { display: flex; align-items: center; gap: 10px; margin-bottom: 6px; }
.sheet-head h2 { flex: 1; margin: 0; font: 600 20px/1.2 var(--serif); }
.ic { width: 18px; height: 18px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; vertical-align: -3px; }
.ic.gold { color: var(--gold2); } .ic.big { width: 40px; height: 40px; color: var(--gold2); }
.section h2 { display: flex; align-items: center; gap: 8px; }
.section h2 .ic { color: var(--gold2); width: 20px; height: 20px; }
.fresh { margin-inline-start: auto; color: var(--faint); font-size: 12px; display: inline-flex; align-items: center; gap: 4px; }
p.fresh { margin: 6px 2px 8px; }
.fresh .ic { width: 13px; height: 13px; }
.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--line); flex: none; }
.dot.hot { background: var(--red); } .dot.live { background: var(--gold); }
.linkbtn { appearance: none; border: 0; background: none; color: var(--gold2); font-weight: 600; padding: 10px 2px; }
.ring { position: relative; flex: none; display: grid; place-items: center; }
.ring > svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.ring circle { fill: none; }
.ring .bg { stroke: var(--line); }
.ring .fg { stroke: var(--gold); stroke-linecap: round; stroke-dashoffset: var(--off); animation: draw 1s var(--ease) both; }
.ring.hot .fg { stroke: var(--red); }
@keyframes draw { from { stroke-dashoffset: var(--full); } }
.ring .in { position: relative; text-align: center; line-height: 1; }
.ring .in b { display: block; font: 600 30px/1 var(--serif); }
.ring.hot .in b { color: var(--red); }
.ring .in span { font-size: 11px; color: var(--muted); }
.hero { display: grid; gap: 10px; margin: 8px 0 14px; }
.hero .pair { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.tile { display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: 18px; background: var(--glass); border: 1px solid var(--line);
  backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); cursor: pointer;
  transition: transform .2s var(--ease), border-color .2s var(--ease); animation: rise .5s var(--ease) both; }
.tile:active { transform: scale(.97); }
.tile.hot { border-color: rgb(240 85 90 / .55); }
.hero .pair .tile { flex-direction: column; align-items: flex-start; gap: 10px; }
.tile .info { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.tile .k { font-size: 10.5px; letter-spacing: .2em; text-transform: uppercase; color: var(--gold); }
.tile b.big { font: 600 19px/1.2 var(--serif); }
.tile .num { font: 600 26px/1 var(--serif); } .tile .num small { font: 400 13px var(--sans); color: var(--muted); }
.tile .when { font-weight: 600; font-size: 14px; color: var(--gold2); } .tile .when.hot { color: var(--red); }
.tile .x { font-size: 12px; color: var(--muted); }
.bignum b { display: block; font: 600 46px/1 var(--serif); color: var(--gold2); } .bignum.hot b { color: var(--red); }
.bignum span { font-size: 12px; color: var(--muted); }
.faces { display: flex; align-items: center; }
.faces button { appearance: none; border: 0; background: none; padding: 0; margin-inline-start: -8px; }
.faces button:first-child { margin-inline-start: 0; }
.faces .more { margin-inline-start: 6px; font-weight: 700; font-size: 13px; color: var(--gold2); }
.face { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; position: relative; flex: none;
  font: 600 19px var(--serif); color: var(--gold2); background: rgb(232 202 123 / .1); border: 1.4px solid var(--gold); }
.face.xl { width: 64px; height: 64px; font-size: 28px; }
.face.hot::after { content: ""; position: absolute; top: -1px; inset-inline-end: -1px; width: 12px; height: 12px; border-radius: 50%; background: var(--red); border: 2px solid var(--bg); }
.face i { position: absolute; inset-inline-end: -4px; bottom: -4px; width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center;
  background: var(--bg); border: 1px solid var(--line); }
.face i .ic { width: 11px; height: 11px; color: var(--gold2); }
.faces .face { width: 40px; height: 40px; font-size: 17px; }
.strip { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 -16px 6px; padding: 2px 16px 6px; scroll-snap-type: x proximity;
  scroll-padding-inline: 16px; }
.strip::-webkit-scrollbar { display: none; }
.day { appearance: none; flex: none; width: 56px; padding: 8px 0 6px; border-radius: 14px; background: var(--glass); border: 1px solid var(--line);
  display: flex; flex-direction: column; align-items: center; gap: 2px; scroll-snap-align: start; transition: transform .2s var(--ease); }
.day:active { transform: scale(.94); }
.day span { font-size: 11px; color: var(--gold); } .day b { font: 600 21px/1.1 var(--serif); }
.day i { display: flex; gap: 3px; height: 10px; align-items: center; }
.day em { width: 8px; height: 8px; border-radius: 50%; background: var(--gold2); }
.day em.dia { border-radius: 1px; transform: rotate(45deg); width: 7px; height: 7px; background: var(--gold); }
.day em.hot { background: var(--red); } .day em.past { background: var(--faint); }
.day small { font-size: 10px; color: var(--muted); min-height: 12px; }
.day.today { border-color: var(--gold); } .day.on { background: rgb(232 202 123 / .16); border-color: var(--gold2); border-width: 1.6px; }
.day.empty { opacity: .6; } .day.wk span, .day.wk b { color: var(--muted); }
.cards, .threads, .notices { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.hcard, .dcard { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 14px;
  background: var(--glass); border: 1px solid var(--line); cursor: pointer; transition: transform .2s var(--ease); }
.dcard { grid-template-columns: auto 1fr; }
.hcard:active, .dcard:active, .trow:active, .nrow:active, .file:active { transform: scale(.98); }
.hcard.hot, .dcard.hot { border-color: rgb(240 85 90 / .6); }
.hcard.past { opacity: .55; }
.dtile { width: 48px; text-align: center; padding: 5px 0; border-radius: 10px; background: var(--glass2); border: 1px solid var(--line); }
.dtile b { display: block; font: 600 22px/1 var(--serif); color: var(--gold2); }
.hcard.hot .dtile b, .hcard.hot .time b { color: var(--red); }
.dtile span { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.hcard .t, .dcard .t { font-weight: 600; font-size: 14.5px; overflow-wrap: anywhere; }
.time { text-align: end; } .time b { display: block; font: 600 18px/1.1 var(--serif); color: var(--gold2); }
.time span { font-size: 11px; color: var(--muted); display: inline-flex; gap: 3px; align-items: center; } .time .ic { width: 12px; height: 12px; }
.dcard .when { font-weight: 600; font-size: 14px; color: var(--gold2); } .dcard .when.hot { color: var(--red); }
.dcard .x, .trow .x { color: var(--muted); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dcard .ring .in b { font-size: 17px; }
.chips2 { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 5px; }
.chip2 { display: inline-flex; align-items: center; gap: 5px; font-size: 11.5px; padding: 2px 9px 3px; border-radius: 99px; border: 1px solid var(--line);
  color: var(--muted); max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: none; }
.chip2 .ic { width: 12px; height: 12px; } .chip2.gold { color: var(--gold2); } .chip2.blue { color: var(--blue); }
button.chip2.link { color: var(--gold2); border-color: rgb(194 154 86 / .45); font: inherit; font-size: 12.5px; padding: 4px 11px; }
.notices { gap: 0; background: var(--glass); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.nrow { display: grid; grid-template-columns: 62px 1fr auto; gap: 10px; align-items: center; padding: 10px 14px; border-top: 1px solid var(--line); }
.nrow:first-child { border-top: 0; }
.nrow b { font-size: 12.5px; color: var(--gold2); } .nrow .t { font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.empty.ok { display: flex; align-items: center; gap: 8px; font-style: normal; }
.drawn { width: 28px; height: 28px; fill: none; stroke: var(--gold2); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 24; stroke-dashoffset: 24; animation: tick .6s .15s var(--ease) forwards; flex: none; }
@keyframes tick { to { stroke-dashoffset: 0; } }
.note .drawn { width: 20px; height: 20px; vertical-align: -5px; }
.chtiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 8px 0 4px; }
.chtile { appearance: none; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 16px; background: var(--glass);
  border: 1px solid var(--line); text-align: start; transition: transform .2s var(--ease); }
.chtile:active { transform: scale(.97); }
.chtile .ic { width: 26px; height: 26px; color: var(--muted); }
.chtile.on { border-color: var(--gold); background: rgb(232 202 123 / .12); } .chtile.on .ic { color: var(--gold2); }
.chtile small { display: block; font-size: 12px; color: var(--muted); }
.chtile b { font: 600 24px/1 var(--serif); } .chtile em { font-style: normal; color: var(--red); font-weight: 700; margin-inline-start: 8px; display: inline-flex; align-items: center; gap: 4px; }
.chip .dot { margin-inline-end: 6px; vertical-align: 0; }
.trow { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 14px;
  background: var(--glass); border: 1px solid var(--line); cursor: pointer; transition: transform .2s var(--ease); }
.trow .t { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trow .s { display: flex; gap: 5px; align-items: center; color: var(--muted); font-size: 13.5px; min-width: 0; }
.trow .s span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .trow .s .ic { width: 13px; height: 13px; }
.trow .x { display: flex; gap: 5px; align-items: center; color: var(--gold); } .trow .x .ic { width: 12px; height: 12px; }
.ago { font-size: 11px; font-weight: 700; padding: 2px 8px; border-radius: 99px; border: 1px solid var(--line); color: var(--muted); align-self: start; margin-top: 2px; white-space: nowrap; }
.ago.hot { color: var(--red); border-color: rgb(240 85 90 / .45); }
.who { display: flex; flex-direction: column; align-items: center; gap: 8px; margin: 6px 0 14px; text-align: center; }
.who .chips2 { justify-content: center; margin: 0; }
.convo { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }
.convo .bubble { align-self: flex-start; max-width: 88%; } .convo .bubble.us { align-self: flex-end; margin: 0; }
.convo .meta { margin: 2px 4px 8px; } .convo .meta.us { text-align: end; }
.compose { border: 1px solid var(--gold); border-radius: 18px; background: var(--glass); padding: 6px; }
.field.bare { border: 0; background: transparent; min-height: 120px; }
.compose .bar { display: flex; gap: 8px; justify-content: space-between; padding: 0 4px 4px; }
.btn.round { border-radius: 99px; display: inline-flex; align-items: center; gap: 8px; }
.btn.round .ic { color: var(--gold2); } .btn.primary .ic { color: currentColor; }
.btn.big { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; border-radius: 16px; font-size: 16px; }
.spin { width: 16px; height: 16px; border-radius: 50%; border: 2px solid var(--line); border-top-color: var(--gold2); animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.ftiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; }
.ftile { display: flex; gap: 10px; padding: 10px 12px; border-radius: 14px; background: var(--glass); border: 1px solid var(--line); min-width: 0; }
.ftile > .ic { width: 22px; height: 22px; color: var(--gold); margin-top: 2px; }
.ftile.gold { border-color: rgb(194 154 86 / .55); } .ftile.gold > .ic { color: var(--gold2); }
.ftile div { min-width: 0; } .ftile small { display: block; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.ftile span { font-size: 13.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.ttiles { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 4px -16px 12px; padding: 2px 16px; }
.ttiles::-webkit-scrollbar { display: none; }
.ttiles button { appearance: none; flex: none; min-width: 84px; display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 10px 10px 8px;
  border-radius: 14px; background: var(--glass); border: 1px solid var(--line); color: var(--muted); transition: transform .2s var(--ease); }
.ttiles button:active { transform: scale(.95); }
.ttiles button .ic { width: 22px; height: 22px; color: var(--gold2); }
.ttiles button small { font-size: 11.5px; } .ttiles button b { font: 600 16px/1 var(--serif); color: var(--gold2); }
.ttiles button.on { border-color: var(--gold); background: rgb(232 202 123 / .14); color: var(--text); }
.timeline { list-style: none; margin: 0; padding: 0; }
.timeline li { position: relative; padding-inline-start: 50px; padding-bottom: 10px; animation: rise .45s var(--ease) both; }
.timeline li::before { content: ""; position: absolute; inset-inline-start: 19px; top: 30px; bottom: -6px; width: 2px; background: var(--line); }
.timeline li:last-child::before { display: none; }
.timeline .node { position: absolute; inset-inline-start: 2px; top: 2px; width: 36px; height: 36px; border-radius: 50%; display: grid; place-items: center;
  background: var(--bg); border: 1.4px solid var(--line); }
.timeline .node .ic { width: 16px; height: 16px; color: var(--muted); }
.timeline li.sent .node { background: rgb(232 202 123 / .14); border-color: var(--gold); } .timeline li.sent .node .ic,
.timeline li.out .node .ic, .timeline li.doc .node .ic { color: var(--gold2); }
.timeline li.in .node { background: var(--glass2); border-color: var(--gold); } .timeline li.in .node .ic { color: var(--text); }
.timeline details { background: var(--glass); border: 1px solid var(--line); border-radius: 14px; }
.timeline details[open] { border-color: var(--gold); }
.timeline summary { list-style: none; padding: 10px 12px; display: grid; grid-template-columns: auto 1fr auto; gap: 4px 8px; align-items: center; cursor: pointer; }
.timeline summary::-webkit-details-marker { display: none; }
.timeline summary em { font-style: normal; font-size: 10px; font-weight: 700; letter-spacing: .1em; padding: 1px 7px; border-radius: 99px; border: 1px solid var(--line); color: var(--muted); }
.timeline li.sent summary em, .timeline li.doc summary em { color: var(--gold2); border-color: var(--gold); }
.timeline summary b { font-size: 12.5px; color: var(--gold2); }
.timeline summary .chev { width: 14px; height: 14px; color: var(--muted); transition: transform .2s var(--ease); }
.timeline details[open] summary .chev { transform: rotate(180deg); }
.timeline summary span { grid-column: 1 / -1; font-size: 14.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.timeline li.draft summary span { color: var(--muted); }
.timeline .md { padding-top: 4px; }
.utiles { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.utile { padding: 10px 12px; border-radius: 14px; background: var(--glass); border: 1px solid var(--line); }
button.utile { appearance: none; text-align: start; color: inherit; cursor: pointer; transition: transform .2s var(--ease), border-color .2s var(--ease); }
button.utile:active { transform: scale(.97); border-color: var(--gold); }
.utile b { display: block; font: 600 18px/1.2 var(--serif); color: var(--gold2); } .utile span { font-size: 12.5px; }
.ftgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.file { appearance: none; text-align: start; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; gap: 2px 10px; padding: 10px;
  border-radius: 14px; background: var(--glass); border: 1px solid var(--line); transition: transform .2s var(--ease); min-width: 0; }
.file i { grid-row: 1 / 3; width: 36px; height: 44px; border-radius: 7px; background: rgb(232 202 123 / .1); border: 1px solid var(--line);
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px; }
.file i .ic { width: 16px; height: 16px; color: var(--gold2); } .file i small { font-size: 8px; font-weight: 700; color: var(--gold); }
.file > span { font-size: 12.5px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.file > small { font-size: 10.5px; color: var(--muted); }
.pcard { display: flex; gap: 14px; padding: 14px; border-radius: 16px; background: var(--glass); border: 1px solid var(--line); margin-bottom: 10px; }
.pcard .pic { width: 52px; height: 52px; border-radius: 50%; flex: none; display: grid; place-items: center; border: 1.4px solid var(--line); }
.pcard.done .pic { border-color: var(--gold); background: rgb(232 202 123 / .12); }
.pcard .pic .ic { width: 24px; height: 24px; color: var(--gold2); }
.pcard .fig { font: 600 24px/1.1 var(--serif); color: var(--gold2); } .pcard small { display: block; color: var(--faint); font-size: 11px; margin-top: 4px; overflow-wrap: anywhere; }
.scard { padding: 14px; border-radius: 18px; background: var(--glass); border: 1px solid var(--line); margin: 0 0 10px;
  backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); animation: rise .45s var(--ease) both; }
.scard:first-child { margin-top: 6px; }
.shead { display: flex; align-items: center; gap: 12px; }
.shead .main { flex: 1; min-width: 0; }
.shead b { display: block; font: 600 17px/1.2 var(--serif); }
.shead small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--muted); overflow-wrap: anywhere; }
.sic { flex: none; width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: rgb(232 202 123 / .1); border: 1px solid var(--line); }
.sic .ic { width: 22px; height: 22px; color: var(--gold2); }
.scard .seg { margin-top: 12px; }
.scard > .chips2 { margin-top: 10px; }
.seg button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; transition: background .25s var(--ease), color .25s var(--ease), transform .2s var(--ease); }
.seg button:active { transform: scale(.96); }
.seg button .ic { width: 16px; height: 16px; }
.seg .lc { font: 700 10px/1 var(--sans); letter-spacing: .06em; padding: 3px 5px 2px; border-radius: 5px; border: 1px solid currentColor; }
.pill { flex: none; display: inline-flex; align-items: center; gap: 7px; padding: 5px 12px 6px; border-radius: 99px; font-size: 12.5px; font-weight: 700; }
.pill i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.pill.ok { color: var(--ok); background: rgb(127 191 142 / .12); border: 1px solid rgb(127 191 142 / .45); }
[data-theme="light"] .pill.ok { color: #2f6f3e; border-color: rgb(47 111 62 / .4); }
.pill.ok i { animation: beat 2.2s ease-out infinite; }
@keyframes beat { 0% { box-shadow: 0 0 0 0 rgb(127 191 142 / .6); } 70%, 100% { box-shadow: 0 0 0 7px rgb(127 191 142 / 0); } }
.pill.bad { color: var(--red); background: rgb(240 85 90 / .1); border: 1px solid rgb(240 85 90 / .45); }
.sw { appearance: none; flex: none; position: relative; width: 52px; height: 32px; padding: 0; border-radius: 99px; border: 1px solid var(--line);
  background: var(--glass2); cursor: pointer; transition: background .25s var(--ease), border-color .25s var(--ease); }
.sw i { position: absolute; top: 3px; left: 3px; width: 24px; height: 24px; border-radius: 50%; background: var(--muted);
  box-shadow: 0 1px 3px rgb(0 0 0 / .3); transition: transform .32s var(--ease), background .25s var(--ease); }
.sw.on { background: var(--gold); border-color: var(--gold); }
.sw.on i { transform: translateX(20px); background: #fffaf0; }
.sw:active i { width: 28px; } .sw.on:active i { transform: translateX(16px); }
.sw:disabled { opacity: .35; cursor: default; }
.rgrid { display: grid; grid-template-columns: auto 1fr; gap: 8px 10px; align-items: center; margin-top: 12px; }
.rgrid > .ic { color: var(--gold); }
.rgrid .chips2 { margin: 0; }
.xlinks { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 12px; }
.xlink { appearance: none; display: flex; align-items: center; gap: 9px; padding: 11px 12px; min-height: 48px; border-radius: 13px; text-align: start;
  background: var(--glass2); border: 1px solid var(--line); color: var(--text); font-weight: 600; transition: transform .2s var(--ease), border-color .2s var(--ease); }
.xlink .ic { width: 20px; height: 20px; color: var(--gold2); } .xlink span { flex: 1; min-width: 0; }
.xlink .ic.x, .glink .ic.x { width: 13px; height: 13px; color: var(--muted); }
.xlink:active { transform: scale(.96); border-color: var(--gold); }
.gate-links { display: flex; justify-content: center; gap: 10px; margin-top: 18px; }
.glink { appearance: none; display: inline-flex; align-items: center; gap: 7px; min-height: 44px; padding: 0 16px; border-radius: 99px;
  background: transparent; border: 1px solid var(--line); color: var(--muted); font-size: 14px; transition: transform .2s var(--ease), color .2s var(--ease); }
.glink .ic { width: 16px; height: 16px; color: var(--gold); }
.glink:active { transform: scale(.95); color: var(--gold2); border-color: var(--gold); }
.btn.danger { margin-top: 12px; width: 100%; justify-content: center; color: var(--muted); transition: background .25s var(--ease), color .25s var(--ease), transform .2s var(--ease); }
.btn.danger .ic { color: currentColor; }
.btn.danger.armed { background: var(--red); border-color: var(--red); color: #fff; }
.sfoot { display: flex; justify-content: center; gap: 6px; margin: 16px 0 4px; }
.tile.static { cursor: default; } .tile.static:active { transform: none; }
.ring.blue .fg { stroke: var(--blue); } .ic.blue { color: var(--blue); }
.ring .in .ic { width: 15px; height: 15px; display: block; margin: 0 auto 1px; }
.donut .dseg { fill: none; stroke-linecap: butt; animation: grow 1.1s var(--ease) both; }
@keyframes grow { from { stroke-dasharray: 0 1000; } }
.dseg.open { stroke: var(--u-open); } .dseg.appeal { stroke: var(--u-appeal); } .dseg.decided { stroke: var(--u-decided); } .dseg.closed { stroke: var(--u-closed); }
.ldot { width: 9px; height: 9px; border-radius: 50%; flex: none; }
.ldot.open { background: var(--u-open); } .ldot.appeal { background: var(--u-appeal); } .ldot.decided { background: var(--u-decided); } .ldot.closed { background: var(--u-closed); }
.tile .info { flex: 1; }
.legend { display: grid; gap: 3px; margin-top: 5px; }
.lrow { appearance: none; border: 0; display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; padding: 4px 9px; border-radius: 8px;
  background: var(--glass); font-size: 12.5px; text-align: start; color: var(--text); transition: background .2s var(--ease), transform .2s var(--ease); }
.lrow b { color: var(--gold2); font-weight: 700; font-variant-numeric: tabular-nums; }
.lrow.on { background: rgb(232 202 123 / .18); color: var(--gold2); box-shadow: inset 0 0 0 1px var(--gold); }
.lrow:active { transform: scale(.97); }
.tile b.court2 { font: 600 15px/1.25 var(--serif); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.tile.own.on { border-color: var(--blue); box-shadow: inset 0 0 0 1px var(--blue); background: rgb(91 141 239 / .08); }
.tile .when.blue { color: var(--blue); display: inline-flex; align-items: center; gap: 4px; } .tile .when.blue .ic { width: 14px; height: 14px; }
.tile .when.blue i { width: 8px; }
.kgrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0 0 10px; }
.ktile { appearance: none; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 2px; padding: 9px 4px 7px; border-radius: 14px;
  background: var(--glass); border: 1px solid var(--line); color: var(--text); animation: rise .4s var(--ease) both; transition: transform .2s var(--ease), opacity .2s var(--ease); }
.ktile i { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--glass2); border: 1.2px solid var(--line); margin-bottom: 2px; }
.ktile i .ic { width: 16px; height: 16px; color: var(--gold2); }
.ktile b { font: 600 18px/1.05 var(--serif); color: var(--gold2); }
.ktile small { max-width: 100%; font-size: 10.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ktile.on { border-color: var(--gold); background: rgb(232 202 123 / .14); } .ktile.on i { border-color: var(--gold); } .ktile.on small { color: var(--gold2); }
.ktile.none { opacity: .45; } .ktile.none b, .ktile.none i .ic { color: var(--muted); }
.ktile:active { transform: scale(.94); }
.ucells { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; padding: 3px; border-radius: 13px; background: var(--glass); border: 1px solid var(--line); margin: 0 0 10px; }
.ucells button { appearance: none; border: 0; background: transparent; border-radius: 10px; padding: 6px 2px 5px; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 1px;
  color: var(--text); transition: background .25s var(--ease), transform .2s var(--ease); }
.ucells button span { display: inline-flex; align-items: center; gap: 4px; } .ucells button .ic { width: 13px; height: 13px; }
.ucells button b { font: 600 16px/1.1 var(--serif); font-variant-numeric: tabular-nums; }
.ucells button small { max-width: 100%; font-size: 10.5px; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ucells .open .ic { color: var(--u-open); } .ucells .appeal .ic { color: var(--u-appeal); } .ucells .decided .ic { color: var(--u-decided); } .ucells .closed .ic { color: var(--muted); }
.ucells .all .ic { color: var(--gold); }
.ucells button.on { background: var(--gold); color: #140f09; } .ucells button.on small, .ucells button.on .ic { color: #140f09; }
[data-theme="light"] .ucells button.on, [data-theme="light"] .ucells button.on small, [data-theme="light"] .ucells button.on .ic { color: #fffaf0; }
.ucells button:active { transform: scale(.94); }
.usearch { display: flex; gap: 8px; align-items: center; }
.usearch .field { flex: 1; min-width: 0; }
.srcpill { appearance: none; flex: none; display: inline-flex; align-items: center; gap: 5px; min-height: 44px; padding: 0 12px; border-radius: 11px; border: 1px solid var(--line);
  background: var(--glass); color: var(--muted); font-size: 12px; font-variant-numeric: tabular-nums; }
.srcpill .ic { width: 14px; height: 14px; color: var(--gold); } .srcpill[aria-expanded="true"] { border-color: var(--gold); color: var(--gold2); }
.usrc { display: grid; gap: 6px; margin: 8px 0 0; padding: 10px 12px; border-radius: 12px; background: var(--glass); border: 1px solid var(--line); font-size: 12.5px; animation: rise .3s var(--ease) both; }
.usrc div { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; } .usrc .ic { width: 14px; height: 14px; color: var(--gold); }
.usrc b { font-weight: 600; color: var(--gold2); font-variant-numeric: tabular-nums; }
.unote { margin: 10px 2px 8px; font-size: 12px; color: var(--faint); }
.ucards { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ucard { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 10px 12px; border-radius: 14px; background: var(--glass);
  border: 1px solid var(--line); cursor: pointer; transition: transform .2s var(--ease); animation: rise .4s var(--ease) both; }
.ucard:active { transform: scale(.98); }
.kic { position: relative; flex: none; width: 42px; height: 42px; border-radius: 50%; display: grid; place-items: center; background: var(--glass); border: 1.3px solid var(--faint); }
.kic .ic { width: 18px; height: 18px; color: var(--muted); }
.kic.open { border-color: var(--u-open); background: var(--glass2); } .kic.open .ic { color: var(--u-open); }
.kic.appeal { border-color: var(--u-appeal); background: var(--glass2); } .kic.appeal .ic { color: var(--u-appeal); }
.kic.decided { border-color: var(--u-decided); } .kic.decided .ic { color: var(--u-decided); }
.kic em { position: absolute; inset-inline-end: -4px; bottom: -4px; width: 18px; height: 18px; border-radius: 50%; display: grid; place-items: center; background: var(--bg); border: 1px solid var(--blue); }
.kic em .ic { width: 10px; height: 10px; color: var(--blue); }
.kic.xl { width: 64px; height: 64px; border-width: 1.6px; } .kic.xl > .ic { width: 28px; height: 28px; }
.kic.xl em { width: 24px; height: 24px; } .kic.xl em .ic { width: 13px; height: 13px; }
.ucard .l1 { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
.ucard .l1 b { flex: none; font: 600 17px/1.2 var(--serif); }
.ucard.decided .l1 b, .ucard.closed .l1 b { color: var(--muted); }
.ucard .l1 span { min-width: 0; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); }
.ucard.open .l1 span { color: var(--u-open); } .ucard.appeal .l1 span { color: var(--u-appeal); } .ucard.decided .l1 span { color: var(--u-decided); }
.ucard .main .t { font-weight: 400; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.uwho { display: flex; align-items: center; gap: 6px; margin-top: 3px; min-width: 0; font-size: 12px; color: var(--gold2); }
.uwho span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uwho .ic { width: 12px; height: 12px; } .uwho.blue { color: var(--blue); }
.face.xs { width: 20px; height: 20px; font-size: 11px; border-width: 1px; }
.dtile2 { width: 50px; text-align: center; padding: 5px 0 4px; border-radius: 10px; background: var(--glass2); border: 1px solid var(--line); }
.dtile2 b { display: block; font: 600 19px/1 var(--serif); color: var(--gold2); }
.dtile2 span { display: block; font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); } .dtile2 small { font-size: 10.5px; color: var(--muted); }
.dtile2.hot { border-color: var(--red); } .dtile2.hot b, .dtile2.hot small { color: var(--red); }
.dcount { min-width: 38px; display: flex; flex-direction: column; align-items: center; gap: 2px; color: var(--gold); }
.dcount small { font-size: 11.5px; color: var(--muted); font-variant-numeric: tabular-nums; } .dcount.none { color: var(--line); }
.uhead { display: flex; gap: 14px; align-items: flex-start; margin: 6px 0 2px; animation: rise .4s var(--ease) both; }
.uhead h2 { margin: 4px 0 6px; font: 600 19px/1.25 var(--serif); color: var(--gold2); overflow-wrap: anywhere; }
.chip2.c-open { color: var(--u-open); border-color: var(--u-open); } .chip2.c-appeal { color: var(--u-appeal); border-color: var(--u-appeal); }
.chip2.c-decided { color: var(--u-decided); } .chip2.c-closed { color: var(--muted); }
.chip2.sig { color: var(--gold2); border-color: var(--gold); background: rgb(232 202 123 / .12); font-weight: 700; }
.dcard.ucets { grid-template-columns: auto 1fr; } .dcard.ucets .t { font-weight: 500; font-size: 13.5px; } .dcard .when.past { color: var(--muted); font-weight: 400; }
.dcard .when { display: flex; align-items: center; gap: 5px; margin-top: 2px; } .dcard .when .ic { width: 13px; height: 13px; }
.mfaces { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none; margin: 0 -16px; padding: 2px 16px 4px; }
.mfaces::-webkit-scrollbar { display: none; }
.mface { appearance: none; flex: none; max-width: 270px; display: flex; align-items: center; gap: 8px; padding: 5px 14px 5px 5px; border-radius: 99px; text-align: start;
  background: var(--glass); border: 1px solid var(--line); color: var(--text); transition: transform .2s var(--ease); animation: rise .4s var(--ease) both; }
.mface.named { border-color: var(--gold); }
.mface:active { transform: scale(.96); }
.mface span { min-width: 0; } .mface b { display: block; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mface small { display: block; font-size: 11px; color: var(--muted); } .mface.named small { color: var(--gold2); }
.mface .star { width: 32px; height: 32px; display: grid; place-items: center; } .mface .star .ic { width: 20px; height: 20px; color: var(--blue); }
.dkinds { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 0 0 10px; }
.dk { appearance: none; min-width: 0; display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 10px; text-align: start; color: var(--text);
  background: var(--glass); border: 1px solid var(--line); animation: rise .35s var(--ease) both; transition: transform .2s var(--ease); }
.dk span { flex: 1; min-width: 0; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dk b { font: 600 15px/1 var(--serif); color: var(--gold2); font-variant-numeric: tabular-nums; }
.dk.on { border-color: var(--gold); background: rgb(232 202 123 / .14); } .dk.on span { color: var(--gold2); }
.dk:active { transform: scale(.96); }
.dkinds .dkmore { grid-column: 1 / -1; justify-self: start; padding: 4px 2px; }
.udocs .file:not(.ek) i { border-color: var(--gold); } .udocs .file.ek i { border-style: dashed; }
.file small.gold { color: var(--gold2); }
.dhead { display: flex; align-items: center; gap: 12px; margin: 6px 0 12px; animation: rise .35s var(--ease) both; }
.dhead .main { flex: 1; } .dhead .chips2 { margin: 0; }
.dic { flex: none; width: 44px; height: 54px; border-radius: 8px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px;
  background: rgb(232 202 123 / .1); border: 1px solid var(--gold); }
.dic.ek { border-color: var(--line); border-style: dashed; } .dic .ic { width: 20px; height: 20px; color: var(--gold2); } .dic small { font-size: 8.5px; font-weight: 700; color: var(--gold); }
.paper { display: block; width: 100%; background: #fff; border-radius: 8px; box-shadow: 0 8px 26px rgb(0 0 0 / .32); }
[data-theme="light"] .paper { box-shadow: 0 6px 20px rgb(60 40 10 / .16); }
.paper.text { margin: 0; padding: 22px 20px 26px; color: #1a1d24; font: 15px/1.62 var(--serif); white-space: pre-wrap; overflow-wrap: anywhere; user-select: text; -webkit-user-select: text;
  animation: rise .4s var(--ease) both; }
.paper.wait { min-height: 460px; display: grid; place-items: center; } .paper.wait .spin { width: 28px; height: 28px; border-color: rgb(0 0 0 / .1); border-top-color: #c29a56; }
.paper.none { padding: 36px 20px; display: grid; justify-items: center; gap: 8px; color: #4a4036; text-align: center; } .paper.none .ic.big { color: #86641f; }
.pnav { display: flex; align-items: center; gap: 12px; margin: 0 0 10px; }
.pmid { flex: 1; display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 5px; }
.pmid b { font: 600 24px/1 var(--serif); color: var(--gold2); font-variant-numeric: tabular-nums; } .pmid span { color: var(--muted); font-size: 14px; }
.pbar { flex-basis: 100%; height: 3px; border-radius: 2px; background: var(--line); overflow: hidden; margin-top: 6px; }
.pbar i { display: block; height: 100%; width: 0; background: var(--gold2); transition: width .3s var(--ease); }
.pview { touch-action: pan-y pinch-zoom; }
.pimg { height: auto; animation: fade .3s var(--ease) both; transition: opacity .2s var(--ease); }
.pimg.from-r { animation: slideR .32s var(--ease) both; } .pimg.from-l { animation: slideL .32s var(--ease) both; } .pimg.dim { opacity: .45; }
@keyframes slideR { from { opacity: 0; transform: translateX(40px); } }
@keyframes slideL { from { opacity: 0; transform: translateX(-40px); } }
@keyframes fade { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .view, .sheet-body { animation: none; } .btn { transition: none; }
  .ring .fg, .tile, .timeline li, .drawn { animation: none; } .drawn { stroke-dashoffset: 0; }
  .clhead, .cl-turn, .ctxbar, .usebar, .qchip, .scard, .cl-empty .cl-mark, .cl-mark.think .ic, .pill.ok i, .cl-live::after { animation: none; }
  .donut .dseg, .ktile, .ucard, .uhead, .mface, .dk, .dhead, .usrc, .paper.text, .pimg { animation: none; }
  .sw, .sw i { transition: none; } }
@media (min-width: 760px) { .view { padding-inline: max(16px, calc(50% - 360px)); } }
:root { --dx: 1; }
[dir="rtl"] { --dx: -1; }
[dir="rtl"] .ic.flip { transform: scaleX(-1); }
[dir="rtl"] .sw i { left: auto; right: 3px; }
[dir="rtl"] .sw.on i { transform: translateX(-20px); }
.vh { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; overflow: hidden; }
.pub { position: fixed; inset: 0; z-index: 1; display: flex; flex-direction: column; }
.ptop { display: flex; align-items: center; gap: 8px; min-height: 58px; padding: calc(var(--safe-t) + 6px) 10px 6px 14px; }
.ptop .icon { color: var(--gold2); flex: none; }
.ptop .icon .ic { width: 22px; height: 22px; }
.pbrand { flex: 1; display: flex; align-items: center; gap: 10px; min-width: 0; }
.pbrand img { width: 38px; height: 38px; }
.pword { display: flex; flex-direction: column; line-height: 1; }
.pword b { font: 600 20px/1 var(--serif); letter-spacing: .26em; color: var(--gold2); }
.pword small { font-size: 8.5px; letter-spacing: .34em; color: var(--muted); margin-top: 5px; }
.pword.sm { flex: 1; align-items: center; } .pword.sm b { font-size: 16px; }
.icon.langb { width: auto; height: 38px; padding: 0 12px; gap: 6px; display: inline-flex; border: 1px solid var(--line); border-radius: 99px;
  font: 700 11px/1 var(--sans); letter-spacing: .08em; }
.icon.langb .ic { width: 16px; height: 16px; }
.pstep { flex: 1; display: flex; align-items: center; gap: 10px; min-width: 0; }
.pstep small { display: block; font-size: 10.5px; letter-spacing: .12em; color: var(--gold); }
.pstep > div > b { font: 600 18px/1.2 var(--serif); }
.pstep .ring .in b { font: 700 14px/1 var(--sans); color: var(--gold2); }
.pubview { flex: 1; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 2px 16px calc(var(--safe-b) + 96px); outline: none; }
.pub.in-flow .pubview { padding-bottom: calc(var(--safe-b) + 16px); }
.pubview.enter > * { animation: pin .42s var(--ease) both; }
.pubview.back.enter > * { animation-name: pout; }
@keyframes pin { from { opacity: 0; transform: translateX(calc(var(--dx) * 24px)); } }
@keyframes pout { from { opacity: 0; transform: translateX(calc(var(--dx) * -24px)); } }
@media (min-width: 760px) { .pubview { padding-inline: max(16px, calc(50% - 360px)); } }
@media (min-width: 760px) and (min-height: 900px) {
  .pub.in-flow .pubview { display: flex; flex-direction: column; }
  .pub.in-flow .pubview > :first-child { margin-top: auto; }
  .pub.in-flow .pubview > :last-child { margin-bottom: auto; }
  .pub.in-flow .pubview > .wcode { align-self: flex-start; }
}
.ptabs { position: fixed; inset-inline: 0; bottom: 0; z-index: 2; display: grid; grid-template-columns: repeat(3, 1fr);
  padding: 6px 6px calc(var(--safe-b) + 6px); background: rgb(10 7 5 / .82); backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%); border-top: 1px solid var(--line); }
[data-theme="light"] .ptabs { background: rgb(230 220 200 / .86); }
.ptabs button { appearance: none; border: 0; background: transparent; display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 6px 0 4px; font-size: 11px; color: var(--faint); min-height: 50px; transition: color .2s var(--ease), transform .2s var(--ease); }
.ptabs button:active { transform: scale(.92); }
.ptabs svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ptabs button[aria-current="page"] { color: var(--gold2); }
.phero { position: relative; overflow: hidden; border-radius: 24px; min-height: min(64vh, 540px); display: flex; align-items: flex-end;
  margin: 4px 0 14px; background: #120d09; border: 1px solid var(--line); isolation: isolate; color: #f5eddf; }
.phero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 28% center; z-index: -2;
  animation: drift 16s var(--ease) both; }
@keyframes drift { from { transform: scale(1.14); } }
.phero::after { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgb(10 7 5 / .1) 18%, rgb(10 7 5 / .7) 54%, rgb(10 7 5 / .97) 86%); }
.phero-in { width: 100%; padding: 22px 18px 18px; display: flex; flex-direction: column; gap: 10px; }
.phero.pic { display: block; min-height: 0; }
.phero.pic::after { display: none; }
.phero.pic picture { display: block; overflow: hidden; }
.phero.pic .phero-img { position: static; display: block; width: 100%; height: auto; aspect-ratio: 1 / 1; object-position: 50% 32%;
  max-height: 42vh; max-height: 42svh; }
@media (max-height: 800px) { .phero.pic .phero-img { aspect-ratio: 16 / 9; object-position: 50% 40%; max-height: none; } }
.phero.pic .phero-in { padding-top: 16px; }
@media (min-width: 760px) { .phero.pic .phero-img { aspect-ratio: 16 / 9; object-position: 50% 40%; } }
.phero .kick { font-size: 11px; letter-spacing: .28em; color: #e8ca7b; }
.phero h1 { margin: 0; font: 600 clamp(34px, 10vw, 44px)/1.04 var(--serif); }
.phero p { margin: 0; color: rgb(245 237 223 / .8); font-size: 15.5px; max-width: 32em; }
.phero .btn.primary { background: #c29a56; border-color: #c29a56; color: #140f09; }
.pgo { margin-top: 8px; width: 100%; }
.pgo .ic:last-child { margin-inline-start: auto; }
.btn.big .ic { width: 20px; height: 20px; }
.pcont { appearance: none; width: 100%; display: flex; align-items: center; gap: 14px; padding: 12px 14px; margin: 0 0 12px; border-radius: 18px;
  background: rgb(232 202 123 / .1); border: 1px solid var(--gold); color: var(--text); text-align: start; animation: rise .5s var(--ease) both; }
.pcont .main { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.pcont small { font-size: 10.5px; letter-spacing: .14em; color: var(--gold); }
.pcont b { font: 600 17px/1.2 var(--serif); }
.pcont .main > span { font-size: 12.5px; color: var(--muted); }
.pcont code, .wmatter code { font: 700 12px ui-monospace, "SF Mono", Menlo, monospace; color: var(--gold2); letter-spacing: .04em; }
.pcont > .ic { color: var(--gold2); }
.pcont .ring .in .ic { width: 20px; height: 20px; color: var(--gold2); }
.ptrust { display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: 18px; background: var(--glass); border: 1px solid var(--line);
  margin-bottom: 16px; animation: rise .5s .1s var(--ease) both; }
.pseal { width: 60px; height: 60px; border-radius: 50%; display: grid; place-items: center; flex: none; border: 1.4px solid var(--gold);
  background: radial-gradient(circle, rgb(232 202 123 / .16), transparent 70%); }
.pseal img { width: 44px; height: 44px; }
.ptrust .main { flex: 1; min-width: 0; }
.ptrust b { display: block; font: 600 18px/1.2 var(--serif); }
.ptrust small { font-size: 12.5px; color: var(--muted); }
.phow h2 { margin: 4px 0 12px; font: 600 18px/1.2 var(--serif); }
.ptrack { list-style: none; margin: 0 0 6px; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); position: relative; }
.ptrack::before { content: ""; position: absolute; top: 22px; inset-inline: 12.5%; height: 2px; background: linear-gradient(90deg, var(--gold), var(--gold2));
  transform-origin: left; animation: line 1.2s .15s var(--ease) both; }
[dir="rtl"] .ptrack::before { transform-origin: right; }
@keyframes line { from { transform: scaleX(0); } }
.ptrack li { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; animation: pop .45s var(--ease) both; }
.ptrack i { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--bg); border: 1.4px solid var(--gold); }
.ptrack i .ic { width: 20px; height: 20px; color: var(--gold2); }
.ptrack span { font-size: 12px; color: var(--muted); }
@keyframes pop { from { opacity: 0; transform: scale(.6); } }
.mgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.mtile { appearance: none; position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 7px; padding: 14px 12px 12px;
  min-height: 156px; border-radius: 18px; background: var(--glass); border: 1px solid var(--line); color: var(--text); text-align: start; min-width: 0;
  backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%); animation: rise .45s var(--ease) both;
  transition: transform .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease); }
.mtile:active { transform: scale(.96); border-color: var(--gold); }
.mic { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; flex: none; background: rgb(232 202 123 / .1); border: 1.3px solid var(--gold); }
.mic .ic { width: 21px; height: 21px; color: var(--gold2); }
.mic.xl { width: 80px; height: 80px; border-width: 1.6px; box-shadow: 0 0 40px rgb(232 202 123 / .16); } .mic.xl .ic { width: 36px; height: 36px; }
.mtile b { font: 600 15px/1.25 var(--serif); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.mtile .mfig { margin-top: auto; font: 600 17px/1.1 var(--serif); color: var(--gold2); font-variant-numeric: tabular-nums; }
.mtile small { font-size: 11px; color: var(--muted); }
.mtile.ghost { animation: shimmer 1.4s ease-in-out infinite; }
.mtile.ghost b, .mtile.ghost span { display: block; height: 12px; width: 80%; border-radius: 6px; background: var(--glass2); }
.mtile.ghost .mic { border-color: var(--line); background: var(--glass2); }
@keyframes shimmer { 50% { opacity: .45; } }
.mtile .tick, .opt .tick { opacity: 0; transform: scale(.5); transition: opacity .25s var(--ease), transform .3s var(--ease); display: grid; }
.mtile .tick { position: absolute; top: 10px; inset-inline-end: 10px; }
.mtile .tick .drawn, .opt .tick .drawn { width: 22px; height: 22px; animation: none; stroke-dashoffset: 24; }
.mtile.on, .opt.on { border-color: var(--gold2); background: rgb(232 202 123 / .14); box-shadow: inset 0 0 0 1px var(--gold2); }
.mtile.on .tick, .opt.on .tick { opacity: 1; transform: none; }
.mtile.on .tick .drawn, .opt.on .tick .drawn { animation: tick2 .45s .05s var(--ease) forwards; }
@keyframes tick2 { from { stroke-dashoffset: 24; } to { stroke-dashoffset: 0; } }
.poff { display: grid; justify-items: center; gap: 10px; padding: 24px 16px; text-align: center; border: 1px dashed var(--line); border-radius: 18px; color: var(--muted); }
.poff p { margin: 0; }
.pfoot { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin: 22px 0 6px; }
.mhead { display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; margin: 8px 0 16px; }
.mhead h2 { margin: 0; font: 600 25px/1.2 var(--serif); }
.mscope { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.mscope li { display: flex; gap: 10px; align-items: flex-start; padding: 11px 13px; border-radius: 14px; background: var(--glass); border: 1px solid var(--line);
  font-size: 14.5px; animation: rise .4s var(--ease) both; }
.mscope .ic { color: var(--gold2); margin-top: 1px; }
.feehero { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 20px 16px 16px; margin-bottom: 12px; text-align: center; border-radius: 22px;
  background: radial-gradient(120% 90% at 50% 0%, rgb(232 202 123 / .16), transparent 70%), var(--glass); border: 1px solid var(--gold); }
.feehero > small, .pdue small { font-size: 11px; letter-spacing: .16em; color: var(--gold); }
.fig { font: 600 clamp(36px, 11vw, 48px)/1.05 var(--serif); color: var(--gold2); font-variant-numeric: tabular-nums; unicode-bidi: isolate; }
.feehero .chips2 { justify-content: center; }
.pbar2 { display: flex; gap: 4px; width: 100%; height: 30px; margin-top: 8px; }
.pbar2 i { flex: 1 1 0; border-radius: 8px; display: grid; place-items: center; background: linear-gradient(180deg, var(--gold2), var(--gold));
  transform-origin: left; animation: grow2 .6s var(--ease) both; }
[dir="rtl"] .pbar2 i { transform-origin: right; }
.pbar2 i:nth-child(2) { opacity: .8; } .pbar2 i:nth-child(3) { opacity: .62; } .pbar2 i:nth-child(n+4) { opacity: .48; }
.pbar2 b, .pinst li > i, .cur { font: 700 12px/1 var(--sans); font-style: normal; color: #140f09; }
[data-theme="light"] .pbar2 b, [data-theme="light"] .pinst li > i, [data-theme="light"] .cur { color: #fffaf0; }
@keyframes grow2 { from { transform: scaleX(0); } }
.pinst { list-style: none; margin: 10px 0 0; padding: 0; width: 100%; display: grid; gap: 6px; text-align: start; }
.pinst li { display: flex; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 12px; background: var(--glass); }
.pinst li > i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--gold); flex: none; }
.pinst .main { min-width: 0; }
.pinst b { font: 600 16px/1.2 var(--serif); color: var(--gold2); unicode-bidi: isolate; } .pinst b small { font: 600 11px var(--sans); color: var(--muted); }
.pinst .main > span { display: block; font-size: 12.5px; color: var(--muted); }
.pcons { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; padding: 12px 14px; margin-bottom: 12px; border-radius: 16px; background: var(--glass); border: 1px solid var(--line); }
.pcons > .ic { width: 22px; height: 22px; color: var(--gold2); }
.pcons .main { flex: 1; min-width: 60%; } .pcons b { font-size: 14.5px; } .pcons .main > span { display: block; font-size: 12.5px; color: var(--muted); }
.pask { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 8px; }
.pask .chip2 { font-size: 13px; padding: 6px 12px; }
.pcta { position: sticky; bottom: 0; z-index: 1; margin: 18px -16px 0; padding: 18px 16px 6px; background: linear-gradient(180deg, transparent, var(--bg) 42%); }
.pcta .btn { width: 100%; }
.pub .btn.primary:disabled { opacity: 1; background: transparent; border-color: var(--line); color: var(--faint); }
.wq { margin: 10px 0 16px; font: 600 clamp(25px, 7.4vw, 31px)/1.15 var(--serif); }
.youface { display: grid; place-items: center; margin: 0 0 14px; }
.youface .face { animation: pop .35s var(--ease) both; }
.pf { display: grid; grid-template-columns: 22px 1fr; gap: 7px 10px; align-items: center; margin: 0 0 14px; }
.pf > .ic { width: 19px; height: 19px; color: var(--gold); }
.pf > span { font-size: 13px; color: var(--muted); }
.pf > .field, .pf > .pphone, .pf > .opts, .pf > .plangrow, .pf > .hint { grid-column: 1 / -1; }
.pf .field { min-height: 50px; }
select.field { appearance: none; -webkit-appearance: none; }
.req { font-style: normal; font-size: 10.5px; font-weight: 700; color: var(--gold2); border: 1px solid var(--gold); border-radius: 99px; padding: 0 7px; margin-inline-start: 4px; }
.hint { font-size: 12px; color: var(--faint); line-height: 1.45; }
.pphone { display: flex; gap: 8px; }
.pdial { position: relative; flex: none; display: inline-flex; align-items: center; gap: 6px; min-width: 108px; padding: 0 12px; border-radius: 11px;
  background: var(--glass); border: 1px solid var(--line); font: 600 15px/1 var(--sans); color: var(--gold2); }
.pdial select { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; appearance: none; }
.pdial .chev { width: 14px; height: 14px; color: var(--muted); margin-inline-start: auto; }
.pphone .field { flex: 1; min-width: 0; }
.pmoney { grid-column: 1 / -1; display: flex; gap: 8px; }
.pmoney input { flex: 1; min-width: 0; }
.pmoney select { flex: none; width: 104px; font-weight: 600; color: var(--gold2); }
.plangrow { display: flex; flex-wrap: wrap; gap: 6px; }
.plangrow button { appearance: none; border: 1px solid var(--line); background: var(--glass); border-radius: 99px; padding: 8px 14px; min-height: 42px; font-size: 14px; color: var(--muted);
  transition: background .2s var(--ease), color .2s var(--ease), transform .2s var(--ease); }
.plangrow button:active { transform: scale(.95); }
.plangrow button.on { background: var(--gold); border-color: var(--gold); color: #140f09; font-weight: 600; }
[data-theme="light"] .plangrow button.on { color: #fffaf0; }
.wmatter { display: flex; align-items: center; gap: 8px; padding: 9px 12px; margin: -6px 0 16px; border-radius: 12px; background: rgb(232 202 123 / .1);
  border: 1px solid var(--line); font-size: 14px; }
.wmatter .ic { color: var(--gold2); } .wmatter b { flex: 1; min-width: 0; font-weight: 600; }
.opts { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.opt { appearance: none; position: relative; display: flex; align-items: center; gap: 8px; min-height: 52px; padding: 10px 12px; border-radius: 14px; background: var(--glass);
  border: 1px solid var(--line); color: var(--text); text-align: start; font-size: 14px; transition: transform .2s var(--ease), border-color .2s var(--ease); }
.opt:active { transform: scale(.96); }
.opt .tick { margin-inline-start: auto; }
.opt .tick .drawn { width: 18px; height: 18px; }
.opts.yn .opt { justify-content: center; font-weight: 600; font-size: 15px; }
.opts.yn .opt .ic { color: var(--gold2); }
.pconsent { display: flex; gap: 12px; align-items: flex-start; padding: 12px; margin: 4px 0 12px; border-radius: 14px; background: var(--glass); border: 1px solid var(--line); }
.pconsent p { margin: 0; font-size: 13.5px; color: var(--muted); }
.linkbtn.inl { padding: 0; font-size: inherit; }
.pts { display: flex; justify-content: center; }
.perr { margin: 10px 2px; padding: 10px 12px; border-radius: 12px; background: rgb(240 85 90 / .1); border: 1px solid rgb(240 85 90 / .4); color: var(--text);
  font-size: 14px; overflow-wrap: anywhere; }
.perr.shake { animation: shake .42s var(--ease); }
@keyframes shake { 20% { transform: translateX(-6px); } 40% { transform: translateX(6px); } 60% { transform: translateX(-4px); } 80% { transform: translateX(3px); } }
.pwin { position: relative; overflow: hidden; display: flex; align-items: center; gap: 10px; padding: 12px 14px; margin: 6px 0 2px; border-radius: 14px;
  background: rgb(127 191 142 / .1); border: 1px solid rgb(127 191 142 / .45); }
.pwin .drawn { width: 24px; height: 24px; stroke: var(--ok); } .pwin b { font-size: 14.5px; }
[data-theme="light"] .pwin .drawn { stroke: #2f6f3e; }
.sweep { position: absolute; inset-block: 0; inset-inline-start: 0; width: 40%; pointer-events: none;
  background: linear-gradient(90deg, transparent, rgb(232 202 123 / .38), transparent); animation: sweep 1.4s .2s var(--ease) both; }
@keyframes sweep { from { transform: translateX(calc(var(--dx) * -100%)); } to { transform: translateX(calc(var(--dx) * 260%)); } }
.wcode { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; margin: -8px 0 14px; border-radius: 99px; border: 1px solid var(--gold); color: var(--gold2); }
.wcode .ic { width: 16px; height: 16px; }
.wcode code { font: 700 14px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .06em; }
.dslots { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.dslot { display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 12px; border-radius: 16px; background: var(--glass); border: 1px dashed var(--line);
  animation: rise .4s var(--ease) both; transition: border-color .3s var(--ease), background .3s var(--ease); }
.dslot.big { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 14px; padding: 14px; border-style: solid; border-color: var(--gold); }
.dslot.done { border-style: solid; border-color: rgb(127 191 142 / .55); background: rgb(127 191 142 / .06); }
.dslot.bad { border-style: solid; border-color: rgb(240 85 90 / .5); }
.dslot .main { flex: 1; min-width: 0; }
.dslot b { font-size: 14.5px; font-weight: 600; }
.dnote { display: block; margin-top: 3px; font-size: 12px; color: var(--muted); overflow-wrap: anywhere; }
.dnote.ok { color: var(--ok); } .dnote.bad { color: var(--red); }
[data-theme="light"] .dnote.ok { color: #2f6f3e; }
.dacts { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.dacts .btn { min-height: 38px; padding: 6px 12px; font-size: 13px; }
.dacts .btn .ic { width: 16px; height: 16px; }
.dface { position: relative; flex: none; width: 54px; height: 54px; border-radius: 12px; display: grid; place-items: center; overflow: hidden;
  background: rgb(232 202 123 / .1); border: 1px solid var(--line); }
.dslot.big .dface { width: 78px; height: 100px; border-color: var(--gold); }
.dface .ic { width: 24px; height: 24px; color: var(--gold2); } .dslot.big .dface .ic { width: 36px; height: 36px; }
.dface img { width: 100%; height: 100%; object-fit: cover; }
.dface em { position: absolute; inset-inline-end: 4px; bottom: 4px; width: 22px; height: 22px; border-radius: 50%; display: grid; place-items: center; background: var(--bg); }
.dface em .drawn { width: 16px; height: 16px; stroke: var(--ok); }
.dface.bad .ic { color: var(--red); }
.dslots.one { grid-template-columns: 1fr; }
.ring.live .fg { animation: none; transition: stroke-dashoffset .25s linear; }
.ring.live .in b { font: 700 13px/1 var(--sans); color: var(--gold2); }
.pdue { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: -4px 0 14px; text-align: center; }
.pdue > span { font-size: 13px; color: var(--muted); }
.pbank { margin-bottom: 12px; padding: 4px 14px 12px; border-radius: 20px; background: var(--glass); border: 1px solid var(--line); animation: rise .45s var(--ease) both; }
.pbank .phead, .pfile .phead { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.pfile .phead { border-bottom: 0; }
.phead > .ic { width: 26px; height: 26px; color: var(--gold2); }
.phead .main { flex: 1; min-width: 0; }
.phead b { display: block; font: 600 17px/1.2 var(--serif); } .phead small { font-size: 12px; color: var(--muted); }
.prow { display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.prow > .ic { width: 20px; height: 20px; color: var(--gold); flex: none; }
.prow .main { flex: 1; min-width: 0; }
.prow small { display: block; font-size: 11px; letter-spacing: .1em; color: var(--muted); }
.prow b { display: block; font: 600 15px/1.35 ui-monospace, "SF Mono", Menlo, Consolas, monospace; overflow-wrap: anywhere; text-align: match-parent; unicode-bidi: isolate; }
.cur { display: inline-grid; place-items: center; height: 20px; padding: 0 7px; margin-inline-end: 8px; border-radius: 6px; letter-spacing: .04em; background: var(--gold2); }
.prow.acc small { display: flex; align-items: center; }
.prow.acc b { font-size: 15.5px; letter-spacing: .01em; }
.prow.name b { font: 600 16px/1.35 var(--sans); }
.prow.ref { margin: 8px -8px 0; padding: 10px 8px; border: 1px solid var(--gold); border-radius: 12px; background: rgb(232 202 123 / .12); }
.prow.ref b { color: var(--gold2); letter-spacing: .08em; }
.prow .btn.disc { width: 40px; height: 40px; min-height: 40px; flex: none; transition: transform .2s var(--ease), border-color .2s var(--ease); }
.prow .btn.disc:active { transform: scale(.9); }
.prow .btn.disc .ic { width: 18px; height: 18px; color: var(--gold2); }
.prow .btn.disc.done { border-color: var(--ok); } .prow .btn.disc .drawn { width: 20px; height: 20px; stroke: var(--ok); }
.pbank .hint { display: flex; gap: 8px; align-items: center; margin: 10px 0 0; }
.pbank .hint .ic { width: 15px; height: 15px; color: var(--gold); }
.pbank.fast { border-color: rgb(91 141 239 / .45); } .pbank.fast .phead > .ic { color: var(--blue); }
.pdone { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 28px 8px 8px; text-align: center; overflow: hidden; }
.pbig .ring .fg { stroke: var(--ok); }
[data-theme="light"] .pbig .ring .fg { stroke: #2f6f3e; }
.pbig .ring .in .drawn { width: 66px; height: 66px; stroke: var(--ok); stroke-width: 2.2; animation-delay: .7s; }
.pdone .sweep { inset-block: auto; top: 172px; height: 3px; width: 55%; background: linear-gradient(90deg, transparent, var(--gold2), transparent);
  animation: sweep 1.6s .6s var(--ease) both; }
.pdone h2 { margin: 8px 0 0; font: 600 28px/1.15 var(--serif); }
.pdone code { padding: 6px 14px; border-radius: 99px; border: 1px solid var(--gold); font: 700 16px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .1em; color: var(--gold2); }
.pdone p { margin: 0; max-width: 28em; color: var(--muted); }
.ftrack.wide { width: min(100%, 300px); margin: 8px 0 4px; }
.pdone .ftrack li.on i { border-color: var(--ok); background: color-mix(in srgb, var(--ok) 14%, var(--bg)); }
.pdone .ftrack li.on i .ic { color: var(--ok); }
[data-theme="light"] .pdone .ftrack li.on i { border-color: #2f6f3e; } [data-theme="light"] .pdone .ftrack li.on i .ic { color: #2f6f3e; }
.pdone .btn { width: 100%; margin-top: 14px; }
.pempty { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 40px 12px 12px; text-align: center; }
.pempty h2 { margin: 8px 0 0; font: 600 22px/1.2 var(--serif); } .pempty p { margin: 0; color: var(--muted); }
.pempty .btn { width: 100%; margin-top: 12px; }
.pfile { margin: 6px 0 12px; padding: 4px 14px 14px; border-radius: 18px; background: var(--glass); border: 1px solid var(--line); animation: rise .45s var(--ease) both; }
.pfile code { font: 700 13px ui-monospace, "SF Mono", Menlo, monospace; letter-spacing: .06em; color: var(--gold2); }
.pfile .phead .mic { width: 42px; height: 42px; }
.ftrack { list-style: none; position: relative; display: flex; justify-content: space-between; margin: 8px 0 8px; padding: 0; }
.ftrack::before { content: ""; position: absolute; top: 50%; inset-inline: 18px; height: 2px; background: var(--line); }
.ftrack li { position: relative; animation: pop .4s var(--ease) both; }
.ftrack i { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--bg); border: 1.3px solid var(--line); }
.ftrack i .ic { width: 17px; height: 17px; color: var(--faint); }
.ftrack li.on i { border-color: var(--gold2); background: color-mix(in srgb, var(--gold2) 16%, var(--bg)); }
.ftrack li.on i .ic { color: var(--gold2); }
.pfile .actions .btn { flex: 0 1 auto; }
.btn.armed { background: var(--red); border-color: var(--red); color: #fff; } .btn.armed .ic { color: #fff; }
.pmore { width: 100%; }
.plangs { display: grid; gap: 8px; padding-bottom: 6px; }
.plangs.grid { grid-template-columns: 1fr 1fr; margin-top: 12px; }
.plang { appearance: none; position: relative; display: flex; align-items: center; gap: 10px; min-height: 54px; padding: 12px 14px; border-radius: 14px; text-align: start;
  background: var(--glass2); border: 1px solid var(--line); color: var(--text); transition: transform .2s var(--ease), border-color .2s var(--ease); }
.plang:active { transform: scale(.96); }
.plang b { flex: 1; font-size: 16px; font-weight: 600; }
.plang small { font: 700 10px/1 var(--sans); letter-spacing: .08em; padding: 3px 5px; border-radius: 5px; border: 1px solid var(--line); color: var(--muted); }
.plang.on { border-color: var(--gold2); background: rgb(232 202 123 / .14); }
.plang .drawn { width: 20px; height: 20px; }
.poffice { appearance: none; width: 100%; display: flex; align-items: center; gap: 12px; margin: 22px 0 6px; padding: 12px 14px; border-radius: 14px; text-align: start;
  background: transparent; border: 1px dashed var(--line); color: var(--muted); }
.poffice .ic { width: 18px; height: 18px; color: var(--faint); } .poffice span { flex: 1; min-width: 0; }
.poffice b { display: block; font-size: 14px; font-weight: 600; } .poffice small { font-size: 12px; color: var(--faint); }
.gate-x { position: absolute; top: calc(var(--safe-t) + 10px); inset-inline-start: 10px; color: var(--muted); }
.mtile .mfig em { font: 700 12px var(--sans); font-style: normal; color: var(--gold); }
.profiles { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 6px; margin: 0 0 14px; padding: 4px; border-radius: 16px;
  background: var(--glass); border: 1px solid var(--line); }
.prof { appearance: none; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 6px; padding: 10px 6px;
  border-radius: 12px; border: 0; background: transparent; color: var(--muted); text-align: center; transition: background .25s var(--ease), color .25s var(--ease), transform .2s var(--ease); }
.prof:active { transform: scale(.96); }
.prof small { font-size: 11.5px; line-height: 1.25; }
.prof b { font: 600 15px/1.1 var(--serif); color: var(--gold2); }
.prof.on { background: rgb(232 202 123 / .16); color: var(--text); box-shadow: inset 0 0 0 1px var(--gold2); }
.pnote { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 12px; padding: 10px 12px; border-radius: 14px; font-size: 13.5px; color: var(--muted);
  background: var(--glass); border: 1px dashed var(--line); }
.pnote .ic { width: 17px; height: 17px; color: var(--gold); margin-top: 1px; }
.pnote.next { border-style: solid; border-color: rgb(127 191 142 / .4); } .pnote.next .ic { color: var(--ok); }
.feehero .per { font-size: 13px; color: var(--muted); }
.feehero .plus { font-size: 13px; font-weight: 600; color: var(--gold2); max-width: 30em; }
.pfurther { display: flex; gap: 8px; align-items: flex-start; margin: 10px 0 0; font-size: 12.5px; color: var(--muted); text-align: start; }
.pfurther .ic { width: 15px; height: 15px; color: var(--gold); margin-top: 1px; }
.pcons.open { border-color: var(--gold); background: rgb(232 202 123 / .07); }
.pcons small { display: block; font-size: 10.5px; letter-spacing: .12em; color: var(--gold); margin-bottom: 2px; }
.pdocs { list-style: none; margin: 0 0 12px; padding: 0; display: grid; gap: 6px; }
.pdocs li { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 12px; background: var(--glass); border: 1px solid var(--line); font-size: 13.5px; }
.pdocs li > span { flex: 1; min-width: 0; } .pdocs li > .ic { color: var(--gold2); } .pdocs li small { font-size: 11px; color: var(--faint); }
.pdocs li.req { border-color: rgb(194 154 86 / .5); }
.pprof { justify-content: center; margin: -6px 0 12px; }
.pdues { display: grid; gap: 6px; margin: 0 0 14px; }
.pdues > small { font-size: 11px; letter-spacing: .12em; color: var(--gold); text-align: center; }
.pduo { appearance: none; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-radius: 14px; background: var(--glass); border: 1px solid var(--line);
  color: var(--text); text-align: start; transition: border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease); }
.pduo:active { transform: scale(.98); }
.pduo > span { flex: 1; min-width: 0; font-size: 14px; } .pduo b { font: 600 16px/1.1 var(--serif); color: var(--gold2); }
.pduo.on { border-color: var(--gold2); background: rgb(232 202 123 / .14); box-shadow: inset 0 0 0 1px var(--gold2); }
.fastb { flex: none; display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: 99px; font: 700 11px var(--sans); color: var(--blue);
  border: 1px solid rgb(91 141 239 / .5); }
.fastb .ic { width: 13px; height: 13px; }
.ptext { margin: 10px 0 2px; font-size: 13.5px; line-height: 1.5; color: var(--muted); }
.psums { margin-top: 4px; }
.psum { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; padding: 10px 0 2px; }
.psum b { font: 600 19px/1.1 var(--serif); color: var(--gold2); } .psum small { flex-basis: 100%; font-size: 11.5px; color: var(--faint); }
.pbank .hint span { flex: 1; }
.pbank .hint { align-items: flex-start; } .pbank .hint .ic { margin-top: 2px; }
.prow.ref b { font-size: 13.5px; letter-spacing: .02em; }
.sheet-body .plangs { margin-top: 8px; }
@media (prefers-reduced-motion: reduce) {
  .pubview.enter > *, .phero-img, .ptrack::before, .ptrack li, .mtile, .mscope li, .pbar2 i, .pcont, .ptrust, .dslot, .pbank, .pfile, .ftrack li,
  .youface .face, .sweep, .perr.shake, .mtile.ghost { animation: none; }
  .mtile.on .tick .drawn, .opt.on .tick .drawn { animation: none; stroke-dashoffset: 0; }
}