/* bbs-go-inspired composition. All brand colors/type are the main theme's live tokens. */
:root{--xn-accent:var(--ht-primary,#054239);--xn-accent-soft:var(--ht-primary-lighter,#edf3ef);--xn-ink:var(--hc-ink,var(--ht-content,#161616));--xn-muted:var(--hc-muted,#607364);--xn-border:var(--hc-line,#e4eae5);--xn-paper:var(--hc-surface,#fff);--xn-bg:var(--hc-bg,#f5f7f8);--xn-radius:var(--hc-radius,12px)}
html{font-size:var(--ht-body-size,14px)}
body.xn-forum{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--xn-bg);color:var(--xn-ink);text-align:start;font-family:var(--ht-body-font,sans-serif);font-weight:var(--ht-body-weight,500);line-height:1.8}
.xn-forum h1,.xn-forum h2,.xn-forum h3,.xn-forum .h3,.xn-forum .h4,.xn-forum .h5,.xn-forum .h6{font-family:var(--ht-heading-font,sans-serif);font-weight:var(--ht-heading-weight,700);line-height:1.65;color:var(--ht-heading,var(--xn-ink))}
.xn-forum h1{font-size:1.55rem}.xn-forum .h6{font-size:1rem}.xn-forum .h5{font-size:1.12rem}.xn-forum .small,.xn-forum small{font-size:.85rem}.xn-forum .text-muted{color:var(--xn-muted)!important}
.xn-forum a{color:var(--xn-accent);text-decoration:none}.xn-forum a:hover{text-decoration:underline}.xn-forum button,.xn-forum input,.xn-forum select,.xn-forum textarea{font:inherit}.xn-forum :focus-visible{outline:3px solid var(--ht-accent,#b9a779);outline-offset:3px}.xn-forum .btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:38px;padding:.4rem 1rem;font-weight:600;border-radius:var(--ht-radius-sm,6px);font-size:.92rem;white-space:normal;line-height:1.6}.xn-forum .btn:hover{text-decoration:none}.xn-forum .btn-primary{background:var(--xn-accent);border-color:var(--xn-accent);color:var(--hc-button-text,#fff)}.xn-forum .btn-primary:hover{background:var(--ht-primary-dark);border-color:var(--ht-primary-dark)}.xn-forum .btn-outline-secondary{background:var(--xn-paper);border-color:var(--xn-border);color:var(--xn-ink)}.xn-forum .btn-danger{background:var(--ht-danger);border-color:var(--ht-danger);color:white}.xn-forum .btn-sm{font-size:.85rem;min-height:34px;padding:.35rem .7rem}.xn-forum .btn-block{display:flex;width:100%}.xn-forum .card{background:var(--xn-paper);border:0;border-radius:var(--xn-radius);box-shadow:none;margin:0 0 16px;overflow:visible}.xn-forum .card-body{padding:20px}.xn-forum .card-header{background:none;border-bottom:1px solid var(--xn-border);padding:14px 18px;border-radius:var(--xn-radius) var(--xn-radius) 0 0}.xn-forum .form-control{font:inherit;min-height:42px;border-color:var(--xn-border);background:var(--xn-paper);color:var(--xn-ink);text-align:start;border-radius:var(--ht-radius-sm,6px)}.xn-forum .form-control:focus{border-color:var(--xn-accent);box-shadow:0 0 0 2px var(--xn-accent-soft)}.xn-forum textarea.form-control{line-height:1.9;resize:vertical}.xn-container{width:calc(100% - 48px);max-width:var(--ht-site-width,1280px);margin-inline:auto}.xn-icon{flex-shrink:0;vertical-align:middle}.xn-skip{position:absolute;inset-block-start:-100px;inset-inline-start:16px;z-index:30;background:var(--xn-paper);padding:12px}.xn-skip:focus{inset-block-start:8px}
.xn-header{background:var(--hc-header-bg,var(--xn-paper));border-bottom:1px solid var(--xn-border)}.xn-header-inner{min-height:72px;display:flex;align-items:center;gap:20px}.xn-brand{display:flex;align-items:center;gap:9px;min-width:0;color:var(--xn-ink)!important;font-family:var(--ht-heading-font,sans-serif);font-weight:var(--ht-heading-weight,700);font-size:1.08rem;line-height:1.6;flex-shrink:0}.xn-brand:hover{text-decoration:none!important}.xn-brand img{width:auto;max-width:90px;height:36px;object-fit:contain}.xn-brand small{display:block;font-size:.7rem;color:var(--xn-muted);font-weight:400}.xn-brand-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--xn-accent);background:var(--xn-accent-soft);border-radius:10px}.xn-site-nav{display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:.93rem}.xn-site-nav a{color:var(--xn-ink)}.xn-header-search{display:flex;align-items:center;position:relative;width:240px;margin-inline-start:auto;background:var(--xn-bg);border:1px solid var(--xn-border);border-radius:6px}.xn-header-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:6px 11px;padding-inline-end:36px;font-size:.85rem;color:var(--xn-ink)}.xn-header-search button{position:absolute;inset-inline-end:3px;inset-block:2px;width:32px;border:0;cursor:pointer;background:transparent;color:var(--xn-muted)}.xn-forum .xn-new-thread{white-space:nowrap;flex-shrink:0}.xn-account-nav{flex-shrink:0;font-size:.9rem}.xn-account-menu{position:relative}.xn-account-menu>summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;border:1px solid var(--xn-border);border-radius:6px;min-height:38px;padding:6px 10px;max-width:160px}.xn-account-menu>summary::-webkit-details-marker{display:none}.xn-account-menu>summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xn-account-menu>div{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 6px);min-width:190px;display:grid;background:var(--xn-paper);border:1px solid var(--xn-border);border-radius:8px;padding:7px;box-shadow:var(--ht-shadow-md);z-index:25}.xn-account-menu:not([open])>div{display:none}.xn-account-menu>div>a{padding:7px 10px;color:var(--xn-ink);border-radius:4px}.xn-account-menu>div>a:hover{background:var(--xn-accent-soft);text-decoration:none}.xn-search-toggle{display:none}
.xn-forum #body{flex:1;padding-block:20px 32px;outline:0}.xn-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 280px;gap:16px;align-items:start}.xn-layout--wide{grid-template-columns:minmax(0,1fr) 300px}.xn-main,.xn-sidebar{min-width:0}.xn-categories{position:sticky;top:18px;background:var(--xn-paper);border-radius:var(--xn-radius);padding-block:12px;display:flex;flex-direction:column;min-width:0}.xn-category-link{display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--xn-ink)!important;line-height:1.65;font-size:.93rem}.xn-category-link:hover{background:var(--xn-accent-soft);text-decoration:none!important}.xn-category-link[aria-current=page]{color:var(--xn-accent)!important;background:var(--xn-accent-soft);font-weight:700}.xn-section-icon{width:28px;height:28px;display:grid;place-items:center;flex-shrink:0;color:var(--xn-accent);background:var(--xn-accent-soft);border-radius:7px}.xn-category-link[aria-current=page] .xn-section-icon{background:var(--xn-accent);color:var(--hc-button-text,#fff)}.xn-forum .xn-category-banner{display:flex;align-items:center;gap:14px;padding:17px 20px;margin-bottom:10px}.xn-category-banner-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:var(--xn-accent-soft);color:var(--xn-accent);border-radius:50%}.xn-category-banner h1{font-size:1.2rem;margin:0 0 3px}.xn-category-banner p{margin:0;color:var(--xn-muted);font-size:.88rem}.xn-feed-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--xn-border)}.xn-feed-heading h1,.xn-feed-heading h2{font-size:1.08rem;margin:0}.xn-feed-tabs{display:flex;align-items:center;gap:2px;padding:3px;border-radius:8px;background:var(--xn-bg);white-space:nowrap;font-size:.82rem}.xn-feed-tabs a{color:var(--xn-muted);padding:2px 10px;border-radius:6px}.xn-feed-tabs a[aria-current=page]{background:var(--xn-paper);color:var(--xn-ink);box-shadow:0 1px 3px #00000014;font-weight:700}.xn-feed-tabs a:hover{text-decoration:none}.xn-forum .card-threadlist>.card-body{padding:0}.xn-search-summary{padding:10px 18px 0;font-size:.88rem;color:var(--xn-muted);margin:0}
.xn-forum .threadlist>.thread{padding:16px 18px;border-bottom:1px solid var(--xn-border);margin:0;display:block}.xn-forum .threadlist>.thread:last-child{border-bottom:0}.xn-feed-author{display:flex;gap:7px;align-items:center;line-height:1.5;font-size:.85rem;color:var(--xn-muted);margin-bottom:10px}.xn-feed-author a{color:var(--xn-muted)}.xn-feed-author .xn-avatar-link{margin-inline-end:1px}.xn-feed-author time{font-size:.8rem}.xn-avatar-link{display:inline-flex;flex-shrink:0}.xn-forum img.avatar-3{width:32px;height:32px;object-fit:cover;border-radius:50%;background:var(--xn-bg)}.xn-feed-author img.avatar-3{width:26px;height:26px}.xn-forum img.avatar-5{width:80px;height:80px;object-fit:cover;border-radius:50%;background:var(--xn-bg)}.xn-forum .thread .subject{font-size:1.08rem;font-weight:var(--ht-heading-weight,700);line-height:1.8;margin:0 0 7px;overflow-wrap:anywhere}.xn-forum .thread .subject>a{color:var(--xn-ink)}.xn-feed-excerpt{font-size:.95rem;line-height:1.85;color:var(--xn-muted);margin:0 0 13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.xn-feed-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.xn-category-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 7px;border-radius:99px;background:var(--xn-bg);font-size:.75rem;color:var(--xn-muted)!important;line-height:1.8;max-width:70%;overflow-wrap:anywhere}.xn-category-chip svg{color:var(--xn-accent)}.xn-thread-counts{display:flex;align-items:center;gap:13px;color:var(--xn-muted);font-size:.84rem}.xn-thread-counts>*{display:inline-flex;align-items:center;gap:5px;color:inherit!important}.xn-badge{display:inline-block;background:var(--xn-accent-soft);color:var(--xn-accent);padding:0 5px;border-radius:4px;font-size:.68rem;font-weight:500;line-height:1.8;vertical-align:middle;border:0;white-space:nowrap}.xn-pin{margin-inline-start:auto}.xn-badge-muted{background:var(--xn-bg);color:var(--xn-muted)}.xn-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;text-align:center;color:var(--xn-muted);font-size:.95rem}.xn-empty>svg{opacity:.6}.xn-empty p{margin:0 0 6px}.xn-empty--replies{padding:24px 0;font-size:.9rem}
.xn-member-card{background:linear-gradient(130deg,var(--xn-accent-soft),var(--xn-paper))!important;border:1px solid var(--xn-border)!important}.xn-member-heading{display:flex;align-items:center;gap:10px;margin-bottom:14px}.xn-member-heading h2{margin:0;font-size:.95rem}.xn-member-heading p{font-size:.75rem;color:var(--xn-muted);line-height:1.7;margin:1px 0 0}.xn-guest-avatar{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;background:var(--xn-paper);color:var(--xn-accent);border-radius:50%}.xn-member-card .btn{font-size:.85rem;min-height:34px}.xn-sidebar .card-body{padding:17px}.xn-community-brief{color:var(--xn-muted);font-size:.85rem;line-height:1.9;margin:0}.xn-stats{display:flex;justify-content:space-around;gap:6px;text-align:center;padding:12px;margin:0;border-top:1px solid var(--xn-border)}.xn-stats dt{font-size:.75rem;color:var(--xn-muted);font-weight:400}.xn-stats dd{margin:0;color:var(--xn-ink);font-size:1.2rem;font-weight:700;line-height:1.5}.xn-participants ul{padding:0 16px}.xn-participants li{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--xn-border);padding:12px 0}.xn-participants li:last-child{border:0}.xn-participants li>div{min-width:0}.xn-participants li>div>a{color:var(--xn-ink);font-size:.88rem;overflow-wrap:anywhere}.xn-participants small{display:block;font-size:.75rem;color:var(--xn-muted)}.xn-community-note{font-size:.8rem;text-align:center;color:var(--xn-muted);margin:0 12px}.xn-forum .breadcrumb{padding:0;background:transparent;font-size:.85rem;margin-bottom:12px;line-height:1.8;flex-wrap:wrap}.xn-forum .breadcrumb-item+.breadcrumb-item{padding-left:0;padding-right:7px}.xn-forum .breadcrumb-item+.breadcrumb-item:before{float:right;padding-right:0;padding-left:7px;color:var(--xn-muted)}.xn-thread-title{font-size:1.7rem!important;line-height:1.65;margin:0 0 14px;overflow-wrap:anywhere}.xn-forum .postlist>.post{display:flex;gap:12px;padding:20px 0;border-bottom:1px solid var(--xn-border);margin:0;scroll-margin-block-start:16px}.xn-forum .postlist>.post:last-child{border-bottom:0}.xn-forum .postlist>.post:target{outline:2px solid var(--ht-accent);outline-offset:5px;border-radius:4px}.xn-forum .media-body{min-width:0}.xn-post-heading{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.xn-post-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:.9rem}.xn-post-heading a{color:var(--xn-ink)}.xn-post-heading time{font-size:.8rem;color:var(--xn-muted)}.xn-floor{font-size:.78rem;color:var(--xn-muted)!important}.xn-forum .message{font-size:1rem;line-height:2;overflow-wrap:anywhere;padding-block:10px 0}.xn-forum .message p:last-child{margin-bottom:0}.xn-forum .message pre{direction:ltr;text-align:left;white-space:pre;overflow:auto;max-width:100%;background:var(--xn-bg);padding:10px;border:1px solid var(--xn-border);border-radius:6px}.xn-forum .message code{color:var(--ht-primary);background:var(--xn-bg);border-radius:3px;padding:1px 4px}.xn-forum .message blockquote{border-inline-start:3px solid var(--ht-accent);background:var(--xn-bg);margin:10px 0;padding:10px 14px;font-size:.95rem}.xn-forum .message ul,.xn-forum .message ol{padding-inline-start:24px}.xn-post-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:10px;font-size:.8rem}.xn-post-tools{display:flex;gap:14px;align-items:flex-start}.xn-quote{background:none;border:0;color:var(--xn-muted);padding:3px 0;cursor:pointer}.xn-delete summary{cursor:pointer;color:var(--ht-danger)}.xn-delete form{padding:12px;background:var(--xn-paper);border:1px solid var(--xn-border);border-radius:6px}.xn-attachments{padding:10px 28px;background:var(--xn-bg);font-size:.88rem;margin-block:12px}.xn-thread-actions{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:12px 20px;border-top:1px solid var(--xn-border);font-size:.9rem;color:var(--xn-muted)}.xn-thread-actions>*{display:inline-flex;gap:7px;align-items:center;color:var(--xn-muted)!important}.xn-forum .card-thread .post{display:block;padding:0}.card-thread .post>.xn-avatar-link{float:inline-start;margin-inline-end:10px}.card-thread .post>.media-body{display:contents}.card-thread .xn-post-heading{min-height:36px;align-items:center}.card-thread .message{clear:both;padding-top:20px;margin-top:16px;border-top:1px solid var(--xn-border)}.xn-forum .card-thread .post:target{outline:0}.xn-reply-composer{margin-block:16px 2px}.xn-closed-note{background:var(--xn-bg);color:var(--xn-muted);padding:12px;border-radius:7px;font-size:.9rem}.xn-login-prompt{background:var(--xn-accent-soft);border:1px solid var(--xn-border);padding:12px 16px;border-radius:8px;font-size:.9rem}.xn-login-prompt p{margin:0 0 6px}.xn-login-prompt a{display:inline-flex;margin-inline-end:8px}.xn-login-prompt .btn{font-size:.85rem;min-height:32px;padding:4px 10px}.xn-editor-form label{font-size:.92rem;font-weight:600}.xn-upload{font-size:.85rem;margin-top:12px;border:1px dashed var(--xn-border);border-radius:6px;padding:7px 12px}.xn-upload summary{cursor:pointer;color:var(--xn-muted)}.xn-upload label{display:block;margin-top:9px}.xn-upload input{display:block;max-width:100%;margin-block:6px;font-weight:400}.xn-editor-actions{display:flex;align-items:center;gap:16px;margin-top:18px}.xn-preview-controls{margin-bottom:12px}.xn-preview{background:var(--xn-bg);border:1px solid var(--xn-border);padding:16px!important;margin-bottom:14px;border-radius:6px}.xn-preview[hidden]{display:none}.xn-preview:empty:before{content:'المعاينة فارغة';color:var(--xn-muted)}.xn-moderation .card-body{display:flex;flex-wrap:wrap;gap:8px}.xn-moderation form{display:flex;gap:6px;max-width:100%}.xn-moderation select{max-width:210px}.xn-profile{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.xn-message-page{max-width:700px;margin:30px auto!important}.xn-forum .pagination{gap:5px;margin-block:18px}.xn-forum .pagination .page-numbers{display:block;padding:5px 12px;border:1px solid var(--xn-border);border-radius:5px;background:var(--xn-paper)}.xn-forum .pagination .current{background:var(--xn-accent);color:var(--hc-button-text,#fff)}.xn-forum #footer{padding:20px 0;color:var(--xn-muted);font-size:.83rem}.xn-forum #footer>.xn-container{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(min-width:1440px){.xn-layout{grid-template-columns:210px minmax(0,1fr) 300px}.xn-layout--wide{grid-template-columns:minmax(0,1fr) 320px}}
@media(max-width:1199px){.xn-layout{grid-template-columns:160px minmax(0,1fr) 250px;gap:12px}.xn-layout--wide{grid-template-columns:minmax(0,1fr) 270px}.xn-header-inner{gap:12px}.xn-site-nav{gap:14px}.xn-header-search{width:190px}.xn-brand{font-size:1rem}.xn-brand img{max-width:65px}.xn-category-link{padding-inline:10px;font-size:.86rem;gap:7px}}
@media(max-width:991px){.xn-container{width:calc(100% - 32px)}.xn-layout{grid-template-columns:160px minmax(0,1fr)}.xn-layout--wide{grid-template-columns:minmax(0,1fr)}.xn-sidebar{display:none}.xn-site-nav{display:none}.xn-header-search{width:220px}.xn-brand{margin-inline-end:auto}.xn-account-menu>summary{max-width:125px}}
@media(max-width:767px){.xn-container{width:calc(100% - 16px)}.xn-forum #body{padding-top:10px}.xn-layout{display:flex;flex-direction:column;gap:10px}.xn-main{width:100%}.xn-categories{position:static;width:100%;flex-direction:row;overflow-x:auto;overscroll-behavior-inline:contain;white-space:nowrap;gap:4px;padding:6px;border-radius:8px;scrollbar-width:none}.xn-categories::-webkit-scrollbar{display:none}.xn-category-link{padding:5px 8px;gap:6px;border-radius:6px;flex-shrink:0;font-size:.88rem}.xn-section-icon{width:23px;height:23px;background:none;border-radius:5px}.xn-category-link[aria-current=page] .xn-section-icon{color:var(--xn-accent);background:none}.xn-section-icon svg{width:18px;height:18px}.xn-header-inner{min-height:64px;gap:8px;flex-wrap:wrap;padding-block:10px}.xn-brand{font-size:.95rem;flex:1;max-width:none;overflow:hidden;min-width:70px;gap:7px}.xn-brand>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.xn-brand small{display:none}.xn-brand img{height:30px;max-width:55px}.xn-brand-mark{width:31px;height:31px;border-radius:8px;flex-shrink:0}.xn-brand-mark svg{width:21px;height:21px}.xn-forum .xn-new-thread{padding:7px;min-height:34px;font-size:.82rem}.xn-new-thread>span{display:none}.xn-forum .xn-signin{padding:6px 10px;min-height:34px;font-size:.85rem}.xn-account-menu>summary{padding:5px 8px;max-width:70px;min-height:34px}.xn-account-menu>summary span{display:none}.xn-header-search{width:100%;order:10;margin:0}.xn-js .xn-header-search:not(.is-open){display:none}.xn-js .xn-search-toggle{display:grid;place-items:center;width:34px;height:34px;background:var(--xn-paper);border:1px solid var(--xn-border);border-radius:6px;color:var(--xn-muted);cursor:pointer;padding:0}.xn-feed-heading{padding:13px 14px;gap:8px}.xn-feed-heading h1,.xn-feed-heading h2{font-size:1rem}.xn-feed-tabs{font-size:.78rem}.xn-feed-tabs a{padding:2px 8px}.xn-forum .threadlist>.thread{padding:15px 14px}.xn-feed-author{gap:6px;font-size:.83rem;margin-bottom:10px}.xn-feed-author time{font-size:.73rem}.xn-feed-author img.avatar-3{width:25px;height:25px}.xn-forum .thread .subject{font-size:1.04rem;line-height:1.85}.xn-feed-excerpt{font-size:.95rem;line-height:1.9;-webkit-line-clamp:5;margin-bottom:14px}.xn-forum .card{border-radius:8px;margin-bottom:10px}.xn-forum .card-body{padding:16px}.xn-forum .xn-category-banner{padding:14px;gap:10px;margin-bottom:10px}.xn-category-banner h1{font-size:1.1rem}.xn-category-banner p{font-size:.83rem}.xn-category-banner-icon{width:36px;height:36px}.xn-thread-title{font-size:1.4rem!important}.xn-thread-actions{font-size:.8rem;padding:10px;gap:8px;flex-wrap:wrap}.xn-thread-actions svg{width:16px;height:16px}.xn-thread-actions>a:last-child{display:none}.xn-post-heading>div{gap:3px 7px}.xn-post-heading time{width:100%;font-size:.72rem}.xn-post-heading{line-height:1.6}.card-thread .xn-post-heading time{width:auto}.xn-forum .postlist>.post{gap:10px;padding-block:16px}.xn-forum .message{font-size:.95rem}.xn-forum .breadcrumb{font-size:.8rem;margin-bottom:9px}.xn-forum .card-thread .message{padding-top:14px;margin-top:14px}.xn-moderation form{flex-wrap:wrap}.xn-reply-composer{margin-top:12px}.xn-upload input{font-size:.85rem}.xn-forum #footer{padding:16px 0;font-size:.78rem}.xn-forum #footer>.xn-container{gap:3px}}
@media(prefers-reduced-motion:reduce){.xn-forum *,.xn-forum *:before,.xn-forum *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Preserve Arabic word shaping; Xiuno bootstrap includes an older break-all utility. */
.xn-forum .break-all{word-break:normal;overflow-wrap:anywhere}
.xn-forum .xn-category-banner{flex-direction:row;text-align:start}
.xn-feed-author>a:not(.xn-avatar-link){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}
.xn-feed-author time{white-space:nowrap}
@media(max-width:767px){.xn-feed-author>a:not(.xn-avatar-link){max-width:38%}}
/* Playful East Asian community details, with the site's primary color and fonts. */
.xn-forum [data-tone="mint"]{--xn-tint:#e8f7ef}.xn-forum [data-tone="violet"]{--xn-tint:#f0ecff}.xn-forum [data-tone="sky"]{--xn-tint:#e8f3ff}.xn-forum [data-tone="peach"]{--xn-tint:#fff0e4}.xn-forum [data-tone="rose"]{--xn-tint:#ffedf4}.xn-emoji{display:inline-flex;align-items:center;justify-content:center;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-weight:400;line-height:1;flex-shrink:0;font-size:1.35em}.xn-section-icon{width:32px;height:32px;background:var(--xn-tint,var(--xn-accent-soft));border:1px solid #ffffff80;border-radius:10px}.xn-category-link[aria-current=page] .xn-section-icon{background:var(--xn-tint,var(--xn-accent-soft));color:var(--xn-accent)}.xn-category-chip{gap:6px;background:var(--xn-tint,var(--xn-bg));padding:3px 9px;font-weight:500}.xn-category-chip>.xn-emoji{font-size:16px}.xn-forum .xn-category-banner{background:linear-gradient(110deg,var(--xn-paper) 55%,var(--xn-tint,var(--xn-accent-soft)));border:1px solid var(--xn-border)}.xn-category-banner-icon{width:48px;height:48px;border-radius:15px;background:var(--xn-tint,var(--xn-accent-soft));font-size:1.5rem}.xn-feed-heading{border-start-start-radius:var(--xn-radius);border-start-end-radius:var(--xn-radius)}.xn-categories{border:1px solid var(--xn-border);box-shadow:0 4px 0 var(--xn-accent-soft)}.xn-feed-tabs{padding:4px;border-radius:99px}.xn-feed-tabs a{border-radius:99px}.xn-category-link{margin-inline:5px;border-radius:8px}.xn-forum .card-threadlist{box-shadow:0 0 0 1px var(--xn-border);overflow:hidden}.xn-feed-author{font-size:.83rem}.xn-thread-counts{font-variant-numeric:tabular-nums}.xn-forum .xn-brand-mark{box-shadow:2px 3px 0 var(--ht-accent);border:1px solid var(--xn-accent)}
.xn-welcome{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:25px 24px;margin-bottom:16px;border:1px solid var(--xn-border);border-radius:var(--xn-radius);background:linear-gradient(115deg,var(--xn-accent-soft),var(--xn-paper) 65%,#fff2e8);overflow:hidden}.xn-welcome:before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(var(--xn-border) .8px,transparent .8px);background-size:14px 14px;opacity:.35;mask-image:linear-gradient(90deg,#000,transparent 60%)}.xn-welcome-copy{min-width:0;flex:1}.xn-welcome .xn-kicker{display:flex;align-items:center;gap:7px;color:var(--xn-accent);font-size:.78rem;font-weight:600;margin-bottom:8px}.xn-welcome h1{font-size:1.7rem;line-height:1.6;max-width:430px;margin:0 0 9px}.xn-welcome-copy>p:not(.xn-kicker){color:var(--xn-muted);font-size:.93rem;max-width:390px;margin:0}.xn-welcome-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:17px;font-size:.86rem}.xn-welcome-actions>a:last-child{font-weight:600}.xn-welcome-art{position:relative;flex-shrink:0;width:122px;height:150px;margin-inline:4px}.xn-sticker{position:absolute;display:grid;place-items:center;border:2px solid var(--xn-paper);box-shadow:0 5px 0 #263b2b0d,0 8px 24px #263b2b0a}.xn-sticker--main{width:84px;height:88px;top:16px;inset-inline-end:12px;background:#e9f8e7;border-radius:26px;transform:rotate(-9deg);font-size:3rem}.xn-sticker--small{width:49px;height:49px;top:76px;inset-inline-start:-5px;background:#fff0db;border-radius:16px;transform:rotate(12deg);font-size:1.7rem}.xn-art-spark{position:absolute;top:3px;inset-inline-start:5px;color:var(--ht-accent);font-size:28px}.xn-art-label{position:absolute;bottom:0;inset-inline-end:0;padding:3px 9px;background:var(--xn-paper);border:1px solid var(--xn-border);border-radius:6px;transform:rotate(4deg);font-size:.7rem;color:var(--xn-muted);white-space:nowrap}.xn-empty-emoji{font-size:3rem;margin-bottom:6px}.xn-empty>strong{color:var(--ht-heading);font-family:var(--ht-heading-font);font-size:1.1rem}.xn-member-card{box-shadow:0 4px 0 var(--xn-accent-soft)!important}.xn-member-heading .xn-guest-avatar{background:var(--xn-paper);border:2px solid #fff;box-shadow:0 2px 6px #00000008}.xn-guest-avatar .xn-emoji{font-size:26px}.xn-participants li:nth-child(1) img{outline:2px solid var(--ht-accent);outline-offset:2px}.xn-forum .card-thread,.xn-forum .card-postlist,.xn-forum .xn-main>.card:not(.card-threadlist){border:1px solid var(--xn-border)}
.xn-composer-tools{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--xn-bg);border:1px solid var(--xn-border);border-bottom:0;border-radius:8px 8px 0 0;padding:6px 8px;margin-top:7px}.xn-composer-tools>div{display:flex;flex-wrap:wrap;gap:5px}.xn-composer-tools button,.xn-emoji-picker>summary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;min-height:32px;padding:3px 8px;border-radius:5px;font-size:.8rem;background:var(--xn-paper);color:var(--xn-ink)}.xn-composer-tools button:hover,.xn-emoji-picker>summary:hover{border-color:var(--xn-border)}.xn-emoji-picker{position:relative;z-index:5}.xn-emoji-picker>summary{cursor:pointer;list-style:none}.xn-emoji-picker>summary::-webkit-details-marker{display:none}.xn-emoji-picker>div{position:absolute;inset-inline-end:0;top:calc(100% + 7px);width:220px;max-width:calc(100vw - 52px);padding:10px;background:var(--xn-paper);border:1px solid var(--xn-border);border-radius:10px;box-shadow:var(--ht-shadow-md);display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.xn-emoji-picker:not([open])>div{display:none}.xn-emoji-picker [data-insert-emoji]{font-size:1.45rem;padding:5px;min-height:40px}.xn-editor-form:has(.xn-composer-tools:not([hidden])) textarea{border-start-start-radius:0;border-start-end-radius:0}.xn-share{border:0;background:transparent;color:var(--xn-muted);padding:0;font:inherit}.xn-thread-actions .xn-share{display:none}.xn-js .xn-thread-actions .xn-share{display:inline-flex}.xn-toast{position:fixed;inset-inline:16px;bottom:20px;width:max-content;max-width:calc(100% - 32px);margin-inline:auto;padding:10px 18px;border-radius:99px;background:var(--xn-accent);color:#fff;box-shadow:var(--ht-shadow-md);font-size:.9rem;z-index:100;text-align:center}
.xn-forum[data-motion="1"] :is(.xn-sticker,.xn-category-link,.xn-category-chip,.btn,.xn-emoji-picker button){transition:transform 160ms ease,opacity 160ms ease}.xn-forum[data-motion="1"] :is(.xn-category-chip,.xn-emoji-picker button,.btn):hover{transform:translateY(-2px)}.xn-forum[data-motion="1"] .xn-sticker--main:hover{transform:translateY(-4px) rotate(-4deg)}.xn-forum[data-motion="1"] .xn-sticker--small:hover{transform:translateY(-3px) rotate(5deg)}.xn-forum[data-motion="0"] *{animation:none!important;transition:none!important}
@media(max-width:1199px){.xn-welcome{padding:20px}.xn-welcome-art{width:90px}.xn-welcome h1{font-size:1.45rem}.xn-sticker--main{width:70px;height:76px;font-size:2.5rem;inset-inline-end:0}.xn-sticker--small{width:43px;height:43px;font-size:1.45rem;inset-inline-start:-7px}}
@media(max-width:767px){.xn-welcome{padding:20px 16px;gap:8px;margin-bottom:12px;border-radius:12px}.xn-welcome h1{font-size:1.35rem;max-width:250px}.xn-welcome .xn-kicker{font-size:.7rem;gap:5px}.xn-welcome-copy>p:not(.xn-kicker){font-size:.85rem;line-height:1.9}.xn-welcome-art{width:70px;height:125px;margin-inline:0;align-self:center}.xn-sticker--main{width:58px;height:66px;top:12px;font-size:2.1rem;border-radius:18px}.xn-sticker--small{width:35px;height:35px;top:72px;font-size:1.2rem;border-radius:11px}.xn-art-spark{font-size:21px;inset-inline-start:0;top:0}.xn-art-label{font-size:.56rem;padding:1px 4px;bottom:0}.xn-welcome-actions{gap:10px;margin-top:13px;font-size:.75rem}.xn-welcome-actions .btn{font-size:.8rem;min-height:34px;padding:5px 9px}.xn-category-link{margin-inline:0}.xn-categories{padding:6px;box-shadow:none}.xn-section-icon{width:26px;height:26px;border:0}.xn-category-link[aria-current=page] .xn-section-icon{background:var(--xn-tint,var(--xn-accent-soft))}.xn-category-link .xn-emoji{font-size:19px}.xn-forum .xn-category-banner{padding:15px;gap:12px}.xn-category-banner-icon{width:42px;height:42px}.xn-category-banner-icon .xn-emoji{font-size:30px}.xn-empty{padding:32px 18px}.xn-thread-actions .xn-share{font-size:.8rem}.xn-toast{font-size:.8rem;bottom:14px}.xn-composer-tools{padding:6px;gap:7px}.xn-composer-tools button,.xn-emoji-picker>summary{min-height:34px;padding:3px 7px;font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.xn-forum[data-motion="1"] :is(.btn,.xn-category-chip,.xn-emoji-picker button):hover{transform:none}.xn-forum[data-motion="1"] .xn-sticker--main:hover{transform:rotate(-9deg)}.xn-forum[data-motion="1"] .xn-sticker--small:hover{transform:rotate(12deg)}}
/* Reserve the logo box before its image loads. */
.xn-brand img{width:84px}
@media(max-width:1199px){.xn-brand img{width:65px}}
@media(max-width:767px){.xn-brand img{width:55px}}
@media(max-width:767px){.xn-welcome h1{min-height:4.32rem}.xn-welcome-copy>p:not(.xn-kicker){min-height:3.23rem}}
@media(max-width:375px){.xn-welcome-copy>p:not(.xn-kicker){min-height:4.845rem}}
/* Reserve JS toolbar space before the deferred enhancement becomes interactive. */
.xn-js [data-editor-toolbar][hidden]{display:flex!important;visibility:hidden}

/* Community workbench: topic intent becomes a visible, usable artifact. */
.xn-discovery{padding:20px;background:var(--xn-paper);border:1px solid var(--xn-border);border-radius:var(--xn-radius);margin-block-end:16px}
.xn-workbench-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-block-end:12px}.xn-workbench-heading h2{font-size:1.05rem;margin:0}.xn-workbench-heading>span{font-size:.8rem;color:var(--xn-muted)}
.xn-launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-block:14px}.xn-launch-grid>a{padding:14px;border:1px solid var(--xn-border);border-radius:10px;background:var(--xn-bg);display:grid;grid-template-columns:28px 1fr;column-gap:8px;color:var(--xn-ink)}.xn-launch-grid>a>small{grid-column:2;color:var(--xn-muted);line-height:1.65}.xn-launch-grid>a:hover{border-color:var(--xn-accent);text-decoration:none}.xn-launch-grid .xn-emoji{font-size:1.5rem}
.xn-discovery-form{display:flex;flex-wrap:wrap;align-items:end;gap:10px;padding-block-start:14px;border-top:1px solid var(--xn-border)}.xn-discovery-form>label{flex:1 1 150px;font-size:.85rem;margin:0}.xn-discovery-form .form-control{display:block;width:100%;margin-block-start:5px}.xn-private-note{margin:12px 0 0;font-size:.85rem;color:var(--xn-muted)}
.xn-topic-badges{display:flex;gap:8px;flex-wrap:wrap;margin-block:8px 12px}.xn-kind-chip,.xn-status-chip{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:2px 9px;font-size:.76rem;line-height:1.9;background:var(--xn-accent-soft);color:var(--xn-accent)}.xn-kind-chip[data-tone="rose"]{background:#fff0f2;color:#86384a}.xn-kind-chip[data-tone="sky"]{background:#edf5ff;color:#254f7a}.xn-kind-chip[data-tone="violet"]{background:#f4eeff;color:#694494}.xn-status-chip{background:var(--xn-bg);color:var(--xn-muted)}.xn-status-chip.is-solved{background:#eaf6ee;color:#235c39}
.xn-kind-picker{border:0;margin:0 0 20px;padding:0;min-width:0}.xn-kind-picker legend{font-size:1.05rem;font-weight:700;margin-block-end:12px}.xn-kind-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.xn-kind-grid>label{position:relative;cursor:pointer;margin:0}.xn-kind-grid input{position:absolute;inset-inline-start:12px;inset-block-start:16px;accent-color:var(--xn-accent);width:17px;height:17px}.xn-kind-grid label>span{display:block;padding:12px;padding-inline-start:38px;border:1px solid var(--xn-border);border-radius:9px;min-height:100%;background:var(--xn-paper)}.xn-kind-grid input:checked+span{border-color:var(--xn-accent);background:var(--xn-accent-soft);box-shadow:inset 0 0 0 1px var(--xn-accent)}.xn-kind-grid input:focus-visible+span{outline:3px solid var(--ht-accent,#b9a779);outline-offset:2px}.xn-kind-grid strong{font-size:.95rem;margin-inline-start:5px}.xn-kind-grid small{display:block;color:var(--xn-muted);line-height:1.6;margin-block-start:4px}.xn-kind-extra,.xn-brief-editor,.xn-writing-prompts{margin-block:14px;padding:14px;border:1px solid var(--xn-border);border-radius:9px;background:var(--xn-bg)}.xn-kind-extra small{display:block;color:var(--xn-muted);margin-block-start:6px}.xn-brief-editor summary{font-weight:600;cursor:pointer;min-height:30px}.xn-brief-editor label{display:block;margin-block:12px 5px}.xn-editor-kind{padding:10px;background:var(--xn-accent-soft);border-radius:7px;font-size:.85rem}.xn-writing-prompts p{margin:4px 0 10px;color:var(--xn-muted);font-size:.9rem}
.xn-bookmark{margin-block:10px 16px}.xn-brief-card,.xn-progress-card,.xn-poll-card{margin-block:18px;padding:18px;border:1px solid var(--xn-border);border-radius:12px;background:var(--xn-bg);overflow-wrap:anywhere}.xn-brief-card h2,.xn-progress-card h2,.xn-poll-card h2{font-size:1.05rem;margin:0 0 12px}.xn-brief-card dl{margin:0;display:grid;gap:10px}.xn-brief-card dl>div{background:var(--xn-paper);padding:12px;border-radius:8px}.xn-brief-card dt{font-size:.8rem;color:var(--xn-muted);margin-block-end:5px}.xn-brief-card dd{margin:0;white-space:normal}.xn-brief-card>p,.xn-progress-card>p{margin:12px 0 0}
.xn-progress-card progress{width:100%;height:10px;accent-color:var(--xn-accent);display:block;margin-block-end:15px}.xn-progress-card ol{margin:0;padding:0;list-style:none;display:grid;gap:7px}.xn-progress-card li{border:1px solid var(--xn-border);background:var(--xn-paper);border-radius:7px;overflow:hidden}.xn-progress-card li>span{display:block;padding:10px}.xn-progress-card li.is-done{border-color:#9fc8ae}.xn-progress-card li button{width:100%;display:flex;align-items:center;gap:10px;padding:10px;text-align:start;background:none;color:var(--xn-ink);border:0;min-height:44px;overflow-wrap:anywhere}.xn-progress-card li button small{margin-inline-start:auto;color:var(--xn-muted);flex-shrink:0}.xn-step-state{color:var(--xn-accent);font-size:1.2rem}
.xn-poll-card>p{font-size:.87rem;color:var(--xn-muted)}.xn-poll-card fieldset{border:0;min-width:0;margin:0;padding:0}.xn-poll-options{display:grid;gap:10px;margin-block:14px}.xn-poll-option{padding:12px;background:var(--xn-paper);border-radius:8px;border:1px solid var(--xn-border);display:flex;flex-wrap:wrap;gap:7px;align-items:center}.xn-poll-option label{display:flex;align-items:start;gap:7px;margin:0;flex:1;min-width:0;cursor:pointer}.xn-poll-option input{margin-block-start:6px;flex-shrink:0;accent-color:var(--xn-accent)}.xn-poll-option meter{flex-basis:100%;width:100%;height:10px;accent-color:var(--xn-accent)}.xn-poll-count{font-size:.8rem;color:var(--xn-muted);margin-inline-start:auto}.xn-poll-total{margin:12px 0 4px}.xn-poll-option meter::-webkit-meter-optimum-value{background:var(--xn-accent)}
.xn-solution-card{display:flex;align-items:start;gap:14px;border:1px solid #b4d2bd;background:#f1faf4;border-radius:var(--xn-radius);padding:20px;margin-block-end:16px;color:#244c31}.xn-solution-card h2{font-size:1.1rem;margin:0 0 8px;color:inherit}.xn-solution-card p{margin:0 0 8px}.xn-solution-card small{display:block;margin-block-start:8px}.xn-solution-mark{font-size:1.4rem;background:#d9efdf;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;flex-shrink:0}.xn-accepted-label{color:#285c3a;font-size:.85rem}
.xn-post-community{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-block-start:16px}.xn-signals{display:flex;flex-wrap:wrap;gap:6px}.xn-signals button,.xn-signal-static{display:inline-flex;gap:7px;align-items:center;min-height:40px;border:1px solid var(--xn-border);border-radius:7px;background:var(--xn-paper);color:var(--xn-muted);padding:5px 9px;font-size:.8rem}.xn-signals button[aria-pressed="true"]{color:var(--xn-accent);border-color:var(--xn-accent);background:var(--xn-accent-soft)}.xn-signals span span{font-variant-numeric:tabular-nums}.xn-text-button{background:none;color:var(--xn-accent);border:0;padding:8px 0;font-size:.85rem;text-align:start;min-height:40px}.xn-report{margin-inline-start:auto;font-size:.8rem;position:relative}.xn-report summary{cursor:pointer;min-height:40px;display:flex;align-items:center;color:var(--xn-muted)}.xn-report[open]{flex:1 1 100%;margin:0;padding:12px;background:var(--xn-bg);border:1px solid var(--xn-border);border-radius:8px}.xn-report form{display:grid;gap:8px}.xn-report small{display:block;color:var(--xn-muted)}.xn-review-list{display:grid;gap:12px}.xn-review-item{padding:16px;border:1px solid var(--xn-border);border-radius:10px;overflow-wrap:anywhere}.xn-review-item h2{font-size:1.05rem;margin:0}.xn-review-item blockquote{margin:12px 0;padding:12px;background:var(--xn-bg)}
.xn-draft-tools{padding:12px;background:var(--xn-bg);border:1px dashed var(--xn-border);border-radius:8px;margin-block:12px;font-size:.85rem}.xn-draft-tools label{display:flex;gap:7px;align-items:start}.xn-draft-tools input{margin-block-start:6px}.xn-draft-tools p{color:var(--xn-muted);margin:4px 0}.xn-draft-restore{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.xn-code-copy{display:block;margin-block:5px;padding:6px 12px;background:var(--xn-paper);border:1px solid var(--xn-border);border-radius:5px;color:var(--xn-accent);font-size:.8rem}.xn-focus-toggle{margin-inline-start:auto}.xn-forum.is-reading .xn-sidebar{display:none}.xn-forum.is-reading .xn-layout--wide{grid-template-columns:minmax(0,860px);justify-content:center}
.xn-forum [hidden]{display:none!important}
body[data-motion="1"] .xn-launch-grid>a{transition:transform 160ms ease}body[data-motion="1"] .xn-launch-grid>a:hover{transform:translateY(-2px)}
@media(max-width:600px){.xn-discovery{padding:14px}.xn-launch-grid{gap:7px}.xn-launch-grid>a{padding:10px;grid-template-columns:1fr}.xn-launch-grid>a>small{grid-column:1;font-size:.77rem}.xn-launch-grid>a>strong{font-size:.9rem}.xn-kind-grid{grid-template-columns:1fr}.xn-progress-card,.xn-brief-card,.xn-poll-card{padding:12px}.xn-progress-card li button{flex-wrap:wrap}.xn-progress-card li button small{flex-basis:100%;margin:0;padding-inline-start:28px;font-size:.75rem}.xn-poll-count{flex-basis:100%}.xn-solution-card{padding:14px;gap:9px}.xn-signal-static,.xn-signals button{font-size:.75rem;padding:5px 7px}.xn-workbench-heading>span{font-size:.75rem}.xn-discovery-form>label{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){body[data-motion="1"] .xn-launch-grid>a{transition:none;transform:none!important}}

/* Give a horizontal wordmark readable space; the configurable community name is its caption. */
.xn-brand--wordmark{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex-shrink:0}
.xn-brand--wordmark img{width:144px;max-width:144px;height:32px;object-fit:contain;object-position:right center;flex-shrink:0}
.xn-brand--wordmark>span:last-child{display:block;max-width:156px;font-size:.78rem;line-height:1.45;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.xn-brand--wordmark small{display:none}
@media(max-width:767px){.xn-brand--wordmark{flex:1;gap:2px;min-width:0;overflow:hidden}.xn-brand--wordmark img{width:132px;max-width:100%;height:28px;object-position:right center}.xn-brand--wordmark>span:last-child{max-width:100%;font-size:.75rem;line-height:1.4}.xn-header:has(.xn-brand--wordmark) .xn-header-inner{min-height:72px}}

/* Site radar: native horizontal scrolling and one shared library, progressively enhanced. */
.xn-source-radar{background:var(--xn-paper);border:1px solid var(--xn-border);border-radius:var(--xn-radius);padding:18px;margin-block-end:16px;overflow:hidden;min-width:0}
.xn-radar-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.xn-radar-heading h2{font-size:1.13rem;margin:4px 0}.xn-radar-heading p{font-size:.85rem;color:var(--xn-muted);margin:0}.xn-radar-eyebrow{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--xn-accent);font-weight:600}.xn-radar-eyebrow .xn-emoji{font-size:1rem}.xn-library-open{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;background:var(--xn-accent-soft);color:var(--xn-accent);padding:8px 11px;border-radius:8px;font-size:.8rem;min-height:40px}
.xn-radar-filters,.xn-library-filters{display:flex;gap:7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-block:12px;margin-block:5px 0;max-width:100%}.xn-radar-filters>a,.xn-library-filters>a{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;flex-shrink:0;border:1px solid var(--xn-border);border-radius:99px;min-height:36px;padding:5px 10px;color:var(--xn-muted);font-size:.78rem;background:var(--xn-paper)}.xn-radar-filters>a[aria-current="true"],.xn-library-filters>a[aria-current="true"]{background:var(--xn-accent);border-color:var(--xn-accent);color:var(--hc-button-text,#fff)}.xn-radar-filters>a:hover,.xn-library-filters>a:hover{text-decoration:none;border-color:var(--xn-accent)}.xn-radar-filters .xn-emoji,.xn-library-filters .xn-emoji{font-size:1.1rem}
.xn-source-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:1px;padding:3px 1px 12px;scrollbar-width:thin;min-width:0}.xn-source-track>.xn-source-card{flex:0 0 min(300px,83%);scroll-snap-align:start}.xn-source-card{background:var(--xn-paper);border:1px solid var(--xn-border);border-radius:11px;min-width:0;overflow:hidden;display:flex;flex-direction:column}.xn-source-main{display:flex;align-items:start;gap:12px;padding:14px;color:var(--xn-ink)!important;flex:1;min-width:0}.xn-source-main:hover{text-decoration:none!important}.xn-source-visual{width:62px;height:62px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:var(--xn-tint,var(--xn-accent-soft));border:1px solid #ffffff66}.xn-source-visual .xn-emoji{font-size:1.9rem}.xn-source-visual img{width:100%;height:100%;object-fit:contain;background:var(--xn-paper);padding:5px}.xn-source-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.xn-source-type{font-size:.7rem;font-weight:600;color:var(--xn-muted)}.xn-source-copy strong{font-size:.95rem;line-height:1.75;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xn-source-arrow{font-size:1rem;color:var(--xn-accent);margin-inline-start:auto;flex-shrink:0}.xn-source-description{font-size:.8rem;line-height:1.8;color:var(--xn-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.xn-source-card footer{padding:9px 13px;border-top:1px solid var(--xn-border);display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:.72rem;color:var(--xn-muted)}.xn-source-discuss{display:inline-flex;align-items:center;gap:5px;min-height:32px;font-weight:600}.xn-source-card--compact{background:linear-gradient(125deg,var(--xn-paper),var(--xn-tint,var(--xn-bg)));min-height:119px}.xn-source-card--compact .xn-source-main{align-items:center}.xn-source-card--compact .xn-source-visual{width:48px;height:48px;border-radius:10px}.xn-source-card--compact .xn-source-copy strong{font-size:.87rem}.xn-source-card--compact .xn-source-visual .xn-emoji{font-size:1.55rem}
.xn-radar-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-block-start:5px}.xn-radar-controls>button{display:inline-flex;align-items:center;gap:5px;background:var(--xn-paper);color:var(--xn-accent);border:1px solid var(--xn-border);padding:6px 10px;border-radius:7px;min-height:36px;font-size:.78rem}.xn-radar-controls>button:disabled{opacity:.5;cursor:default}.xn-radar-controls>[data-radar-status]{font-size:.75rem;color:var(--xn-muted);margin-inline-end:auto}.xn-radar-controls>[data-radar-play][aria-pressed="true"]{background:var(--xn-accent-soft);border-color:var(--xn-accent)}
.xn-site-library{margin-block:20px;border:1px solid var(--xn-border);background:var(--xn-paper);border-radius:var(--xn-radius);padding:15px;min-width:0}.xn-site-library>summary{display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:600;min-height:40px;font-size:.95rem}.xn-site-library>summary>span:last-child{margin-inline-start:auto}.xn-library-panel{min-width:0}.xn-library-panel>header{padding-block:15px 4px}.xn-library-panel h2{font-size:1.35rem;margin:0 0 7px}.xn-library-panel>header p{font-size:.9rem;color:var(--xn-muted);margin:0}.xn-library-search{margin-block:16px 6px}.xn-library-search>label{font-size:.85rem;font-weight:600;display:block;margin-block-end:7px}.xn-library-search>div{display:flex;gap:8px}.xn-library-search input[type="search"]{border:1px solid var(--xn-border);border-radius:8px;background:var(--xn-bg);padding:9px 12px;min-width:0;flex:1;color:var(--xn-ink);min-height:42px}.xn-library-status{font-size:.8rem;color:var(--xn-muted);margin:8px 0 18px}.xn-library-group{margin-block-end:24px;scroll-margin-block-start:20px}.xn-library-group>header{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-block-end:11px}.xn-library-group h3{font-size:1.05rem;margin:0;display:flex;gap:7px;align-items:center}.xn-library-group>header>span{font-size:.75rem;color:var(--xn-muted)}.xn-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.xn-library-note,.xn-library-empty{padding:13px;border-radius:8px;background:var(--xn-bg);color:var(--xn-muted);font-size:.8rem}.xn-library-empty{text-align:center;padding:24px}
.xn-library-dialog{width:min(1080px,calc(100vw - 32px));max-width:none;max-height:90vh;max-height:90dvh;margin:auto;border:1px solid var(--xn-border);border-radius:18px;background:var(--xn-paper);color:var(--xn-ink);padding:0;box-shadow:0 24px 90px #152a2140;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.xn-library-dialog::backdrop{background:#10211bcc}.xn-library-dialog .xn-library-panel{padding:0 24px 20px}.xn-library-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:var(--xn-paper);position:sticky;inset-block-start:0;z-index:2;border-bottom:1px solid var(--xn-border)}.xn-library-dialog-top strong{font-size:.85rem;color:var(--xn-muted)}.xn-library-close{background:var(--xn-bg);border:1px solid var(--xn-border);color:var(--xn-ink);min-width:44px;min-height:40px;border-radius:8px;cursor:pointer;font-size:1.1rem!important}.xn-library-dialog .xn-library-panel h2{font-size:1.4rem}.xn-library-dialog .xn-library-panel>header{padding-block-start:20px}
.xn-library-fab{position:fixed;inset-inline-end:20px;inset-block-end:18px;z-index:15;display:inline-flex;align-items:center;gap:8px;padding:11px 17px;min-height:46px;background:var(--xn-accent);color:var(--hc-button-text,#fff)!important;border:1px solid #ffffff55;border-radius:99px;box-shadow:0 5px 20px #102d2733;font-weight:600;font-size:.85rem}.xn-library-fab:hover{text-decoration:none!important}.xn-forum.xn-has-site-library{padding-block-end:75px}.xn-site-picks ul{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:0}.xn-site-picks li{border-bottom:1px solid var(--xn-border)}.xn-site-picks li:last-child{border:0}.xn-site-picks li>a{display:block;padding-block:10px;color:var(--xn-ink);font-size:.88rem;line-height:1.75}.xn-site-picks small{display:block;color:var(--xn-muted);font-size:.7rem}.xn-site-picks li span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xn-site-picks .card-body>a{font-size:.8rem;display:inline-flex;align-items:center;gap:7px}.xn-source-prefill{background:var(--xn-accent-soft);padding:12px;border-radius:8px;font-size:.85rem;line-height:1.9}
body[data-motion="1"] .xn-source-main{transition:transform 160ms ease}body[data-motion="1"] .xn-source-main:hover{transform:translateY(-2px)}
@media(max-width:1100px){.xn-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.xn-source-radar{padding:14px}.xn-radar-heading{gap:8px;flex-wrap:wrap}.xn-radar-heading h2{font-size:1.05rem}.xn-radar-heading p{font-size:.8rem}.xn-library-open{padding:6px 9px;min-height:36px}.xn-source-track>.xn-source-card{flex-basis:88%}.xn-source-card--compact .xn-source-main{padding:11px;gap:9px}.xn-library-grid{grid-template-columns:minmax(0,1fr)}.xn-library-dialog{width:calc(100vw - 16px);max-height:94vh;max-height:94dvh;border-radius:13px}.xn-library-dialog .xn-library-panel{padding:0 14px 14px}.xn-library-dialog-top{padding:10px 14px}.xn-library-panel h2,.xn-library-dialog .xn-library-panel h2{font-size:1.2rem}.xn-library-search>div{flex-wrap:wrap}.xn-library-search input[type="search"]{flex-basis:100%}.xn-library-fab{inset-inline-end:12px;inset-block-end:12px;padding:10px 14px;font-size:.8rem}.xn-site-library{padding:12px}.xn-site-library>summary{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){body[data-motion="1"] .xn-source-main{transition:none;transform:none!important}.xn-source-track{scroll-behavior:auto!important}}
@media(max-width:600px){.xn-library-fab{padding:12px;min-width:46px;min-height:46px}.xn-library-fab>span{display:none}}
.xn-forum.xn-library-is-open{overflow:hidden}

/* Forum account forms share the community shell and native WordPress identity. */
.xn-account-nav{display:flex;align-items:center;gap:10px}
.xn-forum .xn-auth-page{max-width:620px;margin:36px auto}.xn-auth-page .card-body{padding:clamp(20px,4vw,36px)}.xn-auth-page h1{margin-block:8px 14px}.xn-auth-form{margin-block:24px}.xn-auth-form .form-group{margin-block-end:18px}.xn-auth-form label{display:block;font-weight:600;margin-block-end:7px}.xn-auth-form .form-control{width:100%;max-width:100%;font:inherit;min-height:46px}.xn-auth-form input[type=checkbox]{margin-inline-end:6px}.xn-auth-links{display:flex;flex-wrap:wrap;gap:12px 20px;border-block-start:1px solid var(--ht-border,#dfe8e3);padding-block-start:18px}.xn-auth-form [readonly]{background:var(--ht-bg,#f5f8f6)}.xn-auth-form :focus-visible,.xn-auth-links a:focus-visible{outline:3px solid var(--ht-primary,#054239);outline-offset:3px}@media(max-width:600px){.xn-forum .xn-auth-page{margin-block:20px}.xn-account-nav .xn-signup{font-size:12px}.xn-auth-form .form-control{font-size:16px}}