#app-update{margin:8px 12px 4px;padding:14px 16px;border:1px solid var(--accent);border-radius:16px;background:var(--surface);color:var(--text)}
#app-update strong{display:block;font-size:15px}
#app-update p{margin:4px 0 12px;font-size:13px;line-height:1.4;color:var(--secondary)}
.app-update-actions{display:flex;flex-wrap:wrap;gap:8px}
.app-update-actions a,.app-update-actions button{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--border);border-radius:12px;background:transparent;color:var(--text);font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer}
.app-update-actions .app-update-primary{border-color:transparent;background:var(--accent);color:var(--accent-ink)}
.app-update-actions a:focus-visible,.app-update-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (pointer:coarse){.app-update-actions a,.app-update-actions button{min-height:44px}}

#tc-about-dialog,#tc-problem-dialog{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:22px;border:1px solid var(--border,#353535);border-radius:22px;background:var(--bg,#0a0a0a);color:var(--text,#fff);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 24px 90px #0008}
#tc-about-dialog::backdrop,#tc-problem-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
#tc-about-dialog h2,#tc-problem-dialog h2{margin:0 0 12px;font-size:21px;letter-spacing:-.4px}
.tc-about-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border,#353535);font-size:14px}
.tc-about-row span:last-child{color:var(--secondary,#aaa);text-align:right;overflow-wrap:anywhere}
.tc-about-note{margin:12px 0 14px;color:var(--secondary,#aaa);font-size:13px}
.app-update-actions button:disabled{opacity:.6;cursor:wait}

#tc-update-bar{position:fixed;z-index:120;left:50%;bottom:calc(80px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;gap:2px;box-sizing:border-box;width:max-content;max-width:calc(100% - 32px);padding:4px;border:1px solid var(--accent);border-radius:999px;background:var(--surface,#151515);color:var(--text,#fff);box-shadow:0 10px 36px #0006;animation:tc-update-in .25s ease-out}
#tc-update-bar button{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer}
#tc-update-bar .tc-update-open{min-width:0;text-align:left}
#tc-update-bar .tc-update-open>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#tc-update-bar .tc-update-more{flex:none;color:var(--accent);font-weight:600}
#tc-update-bar .tc-update-close{padding:0 12px;color:var(--secondary,#aaa)}
#tc-update-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
@media (pointer:coarse){#tc-update-bar button{min-height:44px}}
@media (min-width:900px){#tc-update-bar{left:auto;right:24px;bottom:24px;transform:none}}
@keyframes tc-update-in{from{opacity:0;translate:0 8px}}
@media (prefers-reduced-motion:reduce){#tc-update-bar{animation:none}}

#tc-whatsnew-dialog{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:22px;border:1px solid var(--border,#353535);border-radius:22px;background:var(--bg,#0a0a0a);color:var(--text,#fff);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 24px 90px #0008}
#tc-whatsnew-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}
#tc-whatsnew-dialog h2{margin:0 0 6px;font-size:21px;letter-spacing:-.4px}
#tc-whatsnew-dialog h3{margin:14px 0 6px;color:var(--secondary,#aaa);font-size:13px;font-weight:500}
#tc-whatsnew-dialog ul{margin:0;padding:0;list-style:none}
#tc-whatsnew-dialog li{padding:7px 0;border-bottom:1px solid var(--border,#353535);font-size:15px;line-height:1.4}
#tc-whatsnew-dialog li:last-child{border-bottom:0}
@media (max-width:600px){#tc-whatsnew-dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:22px 22px 0 0;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))}}