/* Optional themes share all routes and components. Base keeps the approved styles. */
.appearanceRoot87:not([data-theme87=base]) { color:#20392b; font-family:var(--a87-font); background-color:var(--a87-surface); background-image:linear-gradient(#ffffff99,#ffffff99),var(--a87-background); background-size:cover; background-position:center; }
.appearanceRoot87:not([data-theme87=base]) :is(button,input,textarea,select,p,h1,h2,h3,.postMeta) { font-family:var(--a87-font); }
.appearanceRoot87:not([data-theme87=base]) :is(.contentCard,.post,.workspacePaper74,.v18EntityBody,.v18EntityMain) { border-color:#d5e0d8; background:#fffffff5; box-shadow:0 6px 22px #17382508; }
.appearanceRoot87:not([data-theme87=base]) :is(.contentCard,.post,.workspacePaper74) { border-radius:20px; }
.appearanceRoot87:not([data-theme87=base]) :is(.post>p,.workspaceRecord74 p,.v18EntityAbout) { font-size:calc(16px * var(--a87-size)); line-height:1.65; }
.appearanceRoot87:not([data-theme87=base]) :is(.primary,.feed74Modes>.active,.feedFilters>.active,.v18MobileCreate,.appearanceEntry87) { background:var(--a87-accent)!important; color:var(--a87-ink)!important; border-color:var(--a87-accent)!important; }
.appearanceRoot87[data-theme87=calm] :is(.profileIdentity,.messagesHead) { background:#fffffff2; }
.appearanceRoot87[data-theme87=calm] :is(.post>header,.cardHead) { padding-bottom:8px; }
.appearanceRoot87[data-theme87=glass] :is(.socialHeader,.profileIdentity,.nav81,.messagesHead) { background:#ffffffe8!important; backdrop-filter:blur(14px); border-color:#ffffff; box-shadow:0 3px 18px #203d3512; }
.appearanceRoot87[data-theme87=glass] :is(.contentCard,.post) { border:1px solid #ffffff; box-shadow:0 6px 28px #17382515,inset 0 0 0 1px #d7e3dc; }
.appearanceRoot87[data-theme87=expressive] :is(.contentCard,.post) { border-radius:14px; box-shadow:none; border-width:2px; }
.appearanceRoot87[data-theme87=expressive] :is(.post>header,.cardHead,.messagesHead) { background:var(--a87-surface); border-radius:10px; padding:12px; }
.appearanceRoot87[data-theme87=expressive] :is(.profileName,h1,h2) { font-weight:800; letter-spacing:-.025em; }
.appearanceRoot87:not([data-theme87=base]) button { transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease; }
@media(hover:hover){.appearanceRoot87:not([data-theme87=base]) button:hover { box-shadow:0 3px 10px #132b2818; }.appearanceRoot87[data-theme87=expressive] button:hover { transform:translateY(-1px); }}
.appearanceRoot87[data-theme87=expressive] button:active { transform:scale(.98); }
.appearanceRoot87[data-motion87=off] * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
.appearanceRoot87[data-motion87=off] button { transform:none!important; }
.appearanceRoot87 button:focus-visible,.appearanceDialog87 :is(button,input,select):focus-visible { outline:3px solid #285d40; outline-offset:3px; }
.appearanceEntry87 { min-height:44px; padding:10px 16px; margin:8px 0; border:1px solid #bfd0c4; border-radius:12px; background:#f1f6f1; color:#245737; font-weight:650; }
.appearanceDialog87 { width:min(760px,calc(100vw - 24px)); max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto; padding:22px; box-sizing:border-box; background:#fbfdfa; border:1px solid #d1dfd5; border-radius:22px; }
.appearanceDialog87>.dialogHead { position:sticky; top:-22px; background:#fbfdfa; padding:12px 0; z-index:1; }
.appearanceDialog87 h2 { font-size:23px; }.appearanceDialog87 .dialogHead button { min-width:44px; min-height:44px; }
.appearanceDialog87 form { display:grid; gap:14px; }
.appearanceDialog87 label { display:grid; gap:6px; font-size:14px; min-width:0; }
.appearanceControls87 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.appearanceDialog87 :is(input,select,button) { min-height:44px; min-width:0; max-width:100%; box-sizing:border-box; }
.appearanceDialog87 :is(input,select) { width:100%; border:1px solid #becfc3; border-radius:10px; background:white; color:#20392b; padding:8px; }
.appearanceDialog87 input[type=color] { padding:4px; }
.appearanceDialog87 small { color:#53695c; }.appearanceDialog87 [role=status] { margin:0; overflow-wrap:anywhere; }
.appearanceActions87 { display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between; }
.appearanceActions87 button { flex:1; padding:10px 14px; border:1px solid #b8cbbf; border-radius:12px; }
.appearancePreview87 { padding:22px; border-radius:18px; min-height:230px; background:var(--a87-surface); background-image:var(--a87-background); background-position:center; background-size:cover; font-family:var(--a87-font); }
.appearanceSample87 { padding:22px; border-radius:16px; background:#fffffff2; color:#22362a; box-shadow:0 8px 24px #20453212; }
.appearanceSample87 h3 { font-size:calc(24px * var(--a87-size)); margin:8px 0; }
.appearanceSample87 p { font-size:calc(15px * var(--a87-size)); line-height:1.5; }
.appearanceSample87 .primary { background:var(--a87-accent); color:var(--a87-ink); border:0; border-radius:10px; padding:10px 18px; }
.appearancePreview87[data-theme87=glass] .appearanceSample87 { background:#ffffffe8; backdrop-filter:blur(12px); border:1px solid white; }
.appearancePreview87[data-theme87=expressive] .appearanceSample87 { border:2px solid var(--a87-accent); border-radius:12px; box-shadow:none; }
@media(max-width:600px){.appearanceDialog87{padding:16px}.appearanceDialog87>.dialogHead{top:-16px}.appearanceDialog87 :is(input,select){font-size:16px}.appearanceControls87{grid-template-columns:1fr}.appearancePreview87{padding:14px}.appearanceActions87{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.appearanceRoot87 * { animation:none!important;transition:none!important;scroll-behavior:auto!important; }.appearanceRoot87 button { transform:none!important; }}