/* Scoped Community Connections UI. Does not override Bootstrap or Creator Studio. */
:root{--ci-bg:#f5f7fa;--ci-panel:#ffffff;--ci-panel-2:#f8fafc;--ci-border:#e5eaf0;--ci-text:#17212b;--ci-muted:#6f7d8c;--ci-accent:#2f8ee0;--ci-accent-ink:#ffffff;--ci-green:#49b675;--ci-shadow:0 14px 42px rgba(24,39,58,.06)}
.ci-public{--ci-bg:#151d28;--ci-panel:#1d2835;--ci-panel-2:#222f3e;--ci-border:#354555;--ci-text:#f0f5fa;--ci-muted:#a7b7c8;--ci-accent:#65bfff;--ci-accent-ink:#082235;--ci-green:#79e5be;--ci-shadow:0 18px 50px rgba(0,0,0,.16)}
.ci-page,.ci-public{color:var(--ci-text);font-family:inherit;font-size:15px;line-height:1.6;isolation:isolate}.ci-title-strip,.ci-wrapper{background:var(--ci-bg);color:var(--ci-text)}.ci-wrapper{min-height:calc(100vh - 150px)}.ci-title-strip .page-title{color:var(--ci-text)!important}.ci-page{background:transparent}
.ci-page{max-width:1320px;margin:0 auto;padding:20px 0 50px}.ci-page *,.ci-public *{box-sizing:border-box}.ci-page [hidden],.ci-public [hidden]{display:none!important}.ci-page h1,.ci-page h2,.ci-page h3,.ci-public h2,.ci-public h3{color:var(--ci-text);font-weight:750;letter-spacing:-.025em;line-height:1.2}.ci-page h1{font-size:clamp(32px,4vw,52px);margin:10px 0 18px}.ci-page h2,.ci-public h2{font-size:24px;margin:5px 0 10px}.ci-page h3{font-size:18px}.ci-page p,.ci-public p{color:var(--ci-muted);margin:0 0 14px}.ci-page a,.ci-public a{color:var(--ci-accent)}.ci-page button,.ci-page input,.ci-page select,.ci-page textarea{font:inherit}.ci-page button{cursor:pointer}.ci-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px;font-size:13px;color:var(--ci-muted)}.ci-breadcrumb a{text-decoration:none}.ci-tabs{display:flex;gap:5px;padding:5px;width:max-content;max-width:100%;overflow:auto;border:1px solid var(--ci-border);background:var(--ci-panel);border-radius:14px;margin-bottom:24px}.ci-tabs a{white-space:nowrap;padding:10px 18px;text-decoration:none;border-radius:10px;color:var(--ci-muted);font-weight:650}.ci-tabs a[aria-current="page"]{background:var(--ci-panel-2);color:var(--ci-text);box-shadow:0 3px 10px rgba(0,0,0,.12)}
.ci-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--ci-border);border-radius:24px;background:radial-gradient(ellipse at 85% 15%,rgba(81,141,235,.17),transparent 55%),linear-gradient(130deg,var(--ci-panel),var(--ci-bg));padding:42px;margin-bottom:26px;overflow:hidden;box-shadow:var(--ci-shadow)}.ci-hero p{max-width:650px;font-size:16px;margin:0}.ci-eyebrow{display:block;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--ci-accent)}.ci-hero-compact{padding:32px 38px}.ci-hero-compact h1{font-size:clamp(30px,3.5vw,44px)}.ci-hero-art{position:relative;width:250px;height:190px;flex:none}.ci-orbit,.ci-orbit-center{position:absolute;display:grid;place-items:center;font-weight:850;border-radius:23px;width:78px;height:78px;box-shadow:0 15px 30px rgba(0,0,0,.17)}.ci-orbit-a{top:5px;left:16px;transform:rotate(-12deg);background:#fff0ec;color:#be4e38;font-size:32px}.ci-orbit-b{right:0;bottom:5px;transform:rotate(12deg);background:#dcdfff;color:#4952b8;font-size:32px}.ci-orbit-center{left:100px;top:60px;background:var(--ci-panel-2);border:1px solid var(--ci-border);font-size:21px;color:var(--ci-green)}.ci-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.ci-feature{padding:30px;background:var(--ci-panel);border:1px solid var(--ci-border);border-radius:22px;box-shadow:var(--ci-shadow)}.ci-feature h2{font-size:28px;margin-top:22px}.ci-feature .ci-pill{float:right}.ci-provider-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#ffe8df;color:#b3462d;font-size:25px;font-weight:850}.ci-discord-icon,.ci-feature-discord .ci-provider-icon{background:#dde1ff;color:#4853b0}.ci-provider-large{height:106px;width:106px;border-radius:28px;font-size:54px;flex:none;transform:rotate(7deg)}.ci-feature-facts{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.ci-feature-facts span{font-size:12px;background:var(--ci-panel-2);color:var(--ci-muted);border:1px solid var(--ci-border);border-radius:8px;padding:6px 9px}.ci-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:30px 10px}.ci-note-grid p{font-size:14px}.ci-pill,.ci-status{display:inline-flex;align-items:center;padding:6px 11px;border:1px solid var(--ci-border);border-radius:999px;font-size:12px;font-weight:700;color:var(--ci-muted);background:var(--ci-panel-2)}.ci-status.is-connected{color:var(--ci-green);border-color:rgba(121,229,190,.3);background:rgba(121,229,190,.08)}.ci-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:28px 0;gap:12px}.ci-steps li{display:flex;gap:10px;align-items:center;color:var(--ci-muted);font-weight:650;font-size:14px}.ci-steps li>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--ci-border);font-size:12px}.ci-steps li.is-complete{color:var(--ci-green)}.ci-steps li.is-complete>span{background:rgba(121,229,190,.12);border-color:var(--ci-green)}
.ci-panel{border:1px solid var(--ci-border);border-radius:20px;padding:28px;background:var(--ci-panel);margin:20px 0;box-shadow:0 8px 24px rgba(0,0,0,.05)}.ci-panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.ci-panel-heading p{max-width:830px;font-size:14px;margin-bottom:0}.ci-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ci-btn{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:10px 17px;border:1px solid transparent;border-radius:11px;font-size:14px!important;font-weight:750;line-height:1.4!important;text-decoration:none!important;transition:transform .16s,box-shadow .16s,background-color .16s;cursor:pointer;position:relative}.ci-btn-primary{color:var(--ci-accent-ink)!important;background:var(--ci-accent);box-shadow:0 7px 18px rgba(41,153,229,.14)}.ci-btn-quiet{background:var(--ci-panel-2);border-color:var(--ci-border);color:var(--ci-text)!important}.ci-btn-danger{background:rgba(244,100,111,.08);border-color:rgba(244,100,111,.3);color:#ffafae!important}.ci-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.ci-btn:active:not(:disabled){transform:translateY(0)}.ci-btn:disabled,.ci-page input:disabled,.ci-page select:disabled{opacity:.48;cursor:not-allowed}.ci-btn.is-loading{pointer-events:none}.ci-btn.is-loading:before{content:"";height:15px;width:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ci-spin .7s linear infinite}.ci-text-link{font-size:14px;font-weight:700;text-decoration:none}.ci-inline-form{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-top:24px}.ci-inline-form>.ci-field{flex:1;min-width:220px}.ci-inline-form>.ci-btn{margin-top:29px}.ci-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;margin:0 0 17px;color:var(--ci-text)}.ci-field small{font-size:12px;font-weight:400;color:var(--ci-muted)}.ci-page input:not([type=checkbox]):not([type=radio]),.ci-page select,.ci-page textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--ci-border);border-radius:10px;background:var(--ci-bg);color:var(--ci-text);font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.ci-page textarea{min-height:95px;resize:vertical}.ci-page input::placeholder,.ci-page textarea::placeholder{color:var(--ci-muted);opacity:.72}.ci-page input:focus,.ci-page select:focus,.ci-page textarea:focus{outline:none;border-color:var(--ci-accent);box-shadow:0 0 0 3px rgba(101,191,255,.15)}.ci-page :focus-visible,.ci-public :focus-visible{outline:3px solid var(--ci-accent);outline-offset:4px}.ci-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.ci-switch-row{position:relative;display:flex;align-items:center;gap:18px;padding:17px 0;border-bottom:1px solid var(--ci-border);cursor:pointer;margin-bottom:9px}.ci-switch-row>span:first-child{flex:1}.ci-switch-row strong,.ci-switch-row small{display:block}.ci-switch-row strong{font-size:14px;color:var(--ci-text);margin-bottom:3px}.ci-switch-row small{font-size:12px;color:var(--ci-muted);line-height:1.6}.ci-switch-row input{position:absolute;right:0;width:48px;height:28px;opacity:0;z-index:2;cursor:pointer}.ci-switch{display:block;flex:0 0 auto;width:46px;height:26px;border-radius:20px;border:1px solid var(--ci-border);background:var(--ci-bg);transition:background .2s}.ci-switch:before{content:"";display:block;width:18px;height:18px;border-radius:50%;margin:3px;background:var(--ci-muted);transition:transform .2s,background .2s}.ci-switch-row input:checked+.ci-switch{background:var(--ci-accent);border-color:var(--ci-accent)}.ci-switch-row input:checked+.ci-switch:before{transform:translateX(20px);background:var(--ci-accent-ink)}.ci-switch-row input:focus-visible+.ci-switch{outline:3px solid var(--ci-accent);outline-offset:4px}.ci-toolbar{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:24px 0 18px}.ci-search{display:block;flex:1;min-width:210px;max-width:400px;margin:0}.ci-search>span{display:block;font-size:12px;color:var(--ci-muted);margin-bottom:5px}.ci-muted{color:var(--ci-muted)!important;font-size:12px}.ci-segment{display:inline-flex;border:1px solid var(--ci-border);padding:4px;border-radius:11px;gap:4px}.ci-segment button{border:0;border-radius:8px;background:transparent;color:var(--ci-muted);padding:8px 12px;font-size:13px}.ci-segment .is-active{background:var(--ci-panel-2);color:var(--ci-text)}
.ci-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ci-choice{position:relative;display:grid;grid-template-columns:35px 1fr 20px;gap:10px;align-items:center;padding:17px 12px;border:1px solid var(--ci-border);border-radius:14px;cursor:pointer;background:var(--ci-bg);margin:0;transition:transform .2s,border-color .2s,box-shadow .2s}.ci-choice:hover{transform:translateY(-2px);border-color:var(--ci-accent)}.ci-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ci-choice strong,.ci-choice small{display:block}.ci-choice strong{font-size:13px;margin-bottom:4px;color:var(--ci-text)}.ci-choice small{font-size:11px;color:var(--ci-muted);line-height:1.6}.ci-choice-icon{font-size:24px;color:var(--ci-accent);text-align:center}.ci-choice-check{color:var(--ci-muted);opacity:.18}.ci-choice.is-selected{border-color:var(--ci-accent);box-shadow:0 0 0 3px rgba(101,191,255,.1);background:var(--ci-panel-2)}.ci-choice.is-selected .ci-choice-check{opacity:1;color:var(--ci-accent)}.ci-choice:focus-within{outline:2px solid var(--ci-accent);outline-offset:3px}.ci-role-grid{display:flex;gap:9px;flex-wrap:wrap;margin:12px 0 22px}.ci-role{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--ci-border);border-radius:10px;padding:9px 12px;background:var(--ci-bg);font-size:13px;cursor:pointer}.ci-role input{accent-color:var(--ci-accent);width:16px;height:16px}.ci-details{border-top:1px solid var(--ci-border);padding-top:16px;margin-top:22px}.ci-details summary{font-weight:700;font-size:14px;cursor:pointer;color:var(--ci-text);padding:5px 0 12px}.ci-small-heading{font-size:14px!important;margin-top:15px}.ci-catalog{border:1px solid var(--ci-border);border-radius:14px;overflow:hidden;margin-bottom:14px;max-height:480px;overflow:auto}.ci-catalog-row{display:flex;align-items:center;gap:15px;padding:13px 15px;border-bottom:1px solid var(--ci-border);background:var(--ci-bg)}.ci-catalog-row:last-child{border-bottom:0}.ci-catalog-row>div:first-child{flex:1;min-width:0}.ci-catalog-row strong{display:block;font-size:13px;overflow-wrap:anywhere}.ci-catalog-row small{font-size:11px;color:var(--ci-muted)}.ci-catalog-row .ci-btn{min-height:33px;padding:6px 11px;font-size:12px!important}.ci-chips{display:flex;gap:8px;flex-wrap:wrap;padding-top:10px}.ci-chip{display:inline-flex;gap:10px;align-items:center;max-width:100%;border:1px solid var(--ci-border);border-radius:9px;padding:7px 10px;font-size:12px;background:var(--ci-panel-2);overflow-wrap:anywhere}.ci-chip.is-excluded{border-color:rgba(244,100,111,.4)}.ci-chip button{color:var(--ci-muted);font-size:19px;border:0;background:none;line-height:1}.ci-progress{height:7px;border-radius:8px;background:var(--ci-bg);overflow:hidden;margin:18px 0 10px}.ci-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ci-accent),var(--ci-green));border-radius:inherit;transition:width .5s ease}.ci-progress>.ci-progress-indeterminate{width:40%;animation:ci-progress 1.7s ease-in-out infinite}.ci-progress-copy,.ci-sync-status{font-size:13px;color:var(--ci-muted)}.ci-activation .ci-btn-danger{margin-top:18px}.ci-savebar{display:flex;align-items:center;gap:12px;position:sticky;bottom:14px;padding:16px 20px;background:var(--ci-panel);border:1px solid var(--ci-border);border-radius:15px;box-shadow:0 9px 35px rgba(0,0,0,.2);z-index:5}.ci-savebar>span{flex:1;font-size:12px;color:var(--ci-muted)}.ci-savebar.is-dirty{border-color:var(--ci-accent)}.ci-notice{padding:15px 18px;background:var(--ci-panel-2);border:1px solid var(--ci-border);border-left:3px solid var(--ci-accent);border-radius:12px;margin:15px 0;font-size:14px;color:var(--ci-text)}.ci-notice-warning{border-left-color:#e5b36b}.ci-notice-success{border-left-color:var(--ci-green)}.ci-empty{padding:30px;text-align:center;font-size:14px;color:var(--ci-muted)}.ci-post-editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ci-edit-post{border:1px solid var(--ci-border);border-radius:14px;padding:17px;background:var(--ci-bg);transition:border-color .15s}.ci-edit-post.is-pinned{border-color:var(--ci-accent)}.ci-edit-post.is-excluded{opacity:.6}.ci-edit-post h3{font-size:15px;line-height:1.5;margin:10px 0 13px;overflow-wrap:anywhere}.ci-edit-post .ci-actions{gap:6px}.ci-edit-post .ci-btn{min-height:32px;padding:5px 9px;font-size:12px!important}.ci-edit-post .ci-pill{font-size:10px;padding:3px 7px}.ci-edit-post .ci-field{margin-bottom:10px}.ci-edit-post .ci-field input,.ci-edit-post .ci-field textarea{font-size:12px}.ci-edit-post label.ci-select-post{display:flex;gap:8px;align-items:center;color:var(--ci-muted);font-size:12px;cursor:pointer}.ci-edit-post input[type=checkbox]{accent-color:var(--ci-accent)}.ci-preview{padding:22px;border:1px dashed var(--ci-border);border-radius:15px;background:var(--ci-bg);margin:22px 0 12px}.ci-preview h3{font-size:19px;margin:12px 0}.ci-preview-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ci-preview-item{border:1px solid var(--ci-border);border-radius:10px;padding:12px;font-size:13px}.ci-preview-item small{display:block;color:var(--ci-muted);font-size:11px;margin-top:8px}.ci-preview-items.is-list{grid-template-columns:1fr}.ci-toast-region{position:fixed;right:22px;bottom:95px;z-index:10050;max-width:360px;width:calc(100% - 44px);pointer-events:none}.ci-toast{background:var(--ci-panel);border:1px solid var(--ci-border);border-left:4px solid var(--ci-green);border-radius:12px;padding:15px 18px;box-shadow:0 15px 40px rgba(0,0,0,.25);font-size:14px;animation:ci-enter .22s ease}.ci-toast.is-error{border-left-color:#e89978}.ci-dialog{background:var(--ci-panel);color:var(--ci-text);border:1px solid var(--ci-border);border-radius:20px;padding:28px;max-width:500px;width:calc(100% - 35px);box-shadow:var(--ci-shadow)}.ci-dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}.ci-dialog p{margin:16px 0 25px}.ci-dialog .ci-actions{justify-content:flex-end}
/* Public page and gate follow the supplied cyan/dark download surfaces. */
.ci-public{--ci-bg:#091311;--ci-panel:#10221c;--ci-panel-2:#152b24;--ci-border:rgba(98,206,156,.22);--ci-accent:#85ecc1;position:relative;z-index:2;padding:16px 0 36px}.ci-public-discord{display:flex;align-items:center;gap:18px;padding:22px 26px;border:1px solid var(--ci-border);border-radius:20px;background:var(--ci-panel);margin-bottom:28px}.ci-public-discord>div{flex:1}.ci-public-discord h3{font-size:18px;margin:0 0 5px}.ci-public-discord p{font-size:13px;margin:0}.ci-public-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}.ci-public-heading h2{margin:7px 0}.ci-public-heading p{font-size:12px}.ci-public-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ci-public-post{border:1px solid var(--ci-border);border-radius:19px;overflow:hidden;background:var(--ci-panel);transition:transform .2s,box-shadow .2s}.ci-public-post:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.16)}.ci-public-cover{display:block;width:100%;height:185px;object-fit:cover}.ci-public-post-body{padding:20px}.ci-public-meta{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;color:var(--ci-muted);font-size:10px}.ci-public-post h3{font-size:18px;line-height:1.45;margin:12px 0}.ci-public-post h3 a{color:var(--ci-text);text-decoration:none}.ci-public-post p{font-size:13px;overflow-wrap:anywhere}.ci-public-posts-list{grid-template-columns:1fr}.ci-public-posts-list .ci-public-post{display:flex}.ci-public-posts-list .ci-public-cover{width:180px;height:100%;min-height:145px}.ci-public-posts-list .ci-public-post-body{flex:1}.ci-download-page{margin:0;background:#071019;color:#eef6fc;font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif}.ci-download-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1200px;padding:24px;margin:auto}.ci-download-nav img{max-width:165px;max-height:50px}.ci-download-nav>div{display:flex;gap:20px}.ci-download-nav a{color:#c7e5f7;text-decoration:none;font-size:14px}.ci-download-shell{max-width:870px;padding:35px 22px 70px;--ci-bg:#081923;--ci-panel:#102a38;--ci-panel-2:#153a4c;--ci-border:rgba(0,193,255,.27);--ci-accent:#7ad5f7}.ci-download-title{text-align:center;margin:15px 0 30px}.ci-download-title h1{font-size:clamp(23px,4vw,34px);overflow-wrap:anywhere;line-height:1.35}.ci-gate{position:relative;border:1px solid var(--ci-border);border-radius:26px;padding:36px;background:linear-gradient(155deg,#04658533,var(--ci-panel));text-align:center;overflow:hidden;box-shadow:0 22px 70px rgba(0,0,0,.2)}.ci-gate-glow{position:absolute;top:-100px;left:30%;width:250px;height:170px;background:#00c1ff33;filter:blur(70px);pointer-events:none}.ci-gate .ci-provider-large{height:64px;width:64px;font-size:34px;border-radius:19px;margin:0 auto 20px;display:grid;transform:none}.ci-gate>.ci-pill{margin-bottom:12px}.ci-gate h2{font-size:29px;margin:8px 0 16px}.ci-gate-intro{max-width:560px;margin:0 auto 24px!important}.ci-gate-requirements{display:grid;gap:10px;max-width:570px;margin:25px auto;text-align:left;font-size:14px}.ci-gate-requirements>div{padding:11px 14px;border-radius:10px;border:1px solid var(--ci-border);background:var(--ci-bg)}.ci-gate-requirements span{color:var(--ci-accent);margin-right:10px}.ci-actions-center{justify-content:center;margin:20px 0}.ci-gate .ci-field{max-width:430px;text-align:left;margin:20px auto}.ci-gate-result{font-weight:650}.ci-gate-footer{text-align:center;font-size:12px;margin-top:22px!important}
html.light-mode .ci-public{--ci-bg:#f6f8f7;--ci-panel:#fff;--ci-panel-2:#eef3f1;--ci-border:#dce8e2;--ci-text:#22342c;--ci-muted:#687d72;--ci-accent:#167e53;--ci-accent-ink:#ffffff;--ci-green:#238961;--ci-shadow:0 14px 42px rgba(35,62,95,.06)}
body[data-bs-theme="dark"]{--ci-bg:#161c24;--ci-panel:#212b38;--ci-panel-2:#28323e;--ci-border:#333d47;--ci-text:#f1f5f9;--ci-muted:#9aa8b6;--ci-accent:#3d9aec;--ci-accent-ink:#ffffff;--ci-green:#63cf8c;--ci-shadow:0 18px 46px rgba(0,0,0,.24)}
.ci-page .ci-btn-danger{color:#b24143!important}
body[data-bs-theme="dark"] .ci-page .ci-btn-danger,body[data-bs-theme=dark] .ci-page .ci-btn-danger{color:#ffafae!important}
.light-mode .ci-download-page{background:#edf7fc}.light-mode .ci-gate{background:linear-gradient(145deg,#effaff,#fff)}.light-mode .ci-download-nav a{color:#234e64}.light-mode .ci-btn-danger{color:#b24143!important}
@keyframes ci-spin{to{transform:rotate(360deg)}}@keyframes ci-progress{0%{transform:translateX(-100%)}100%{transform:translateX(350%)}}@keyframes ci-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.ci-choice-grid{grid-template-columns:1fr}.ci-choice{padding:17px}.ci-post-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-hero-art{width:215px}}@media(max-width:767px){.ci-hero{padding:28px}.ci-hero-art,.ci-hero-compact>.ci-provider-large{display:none}.ci-feature-grid,.ci-note-grid,.ci-field-grid,.ci-public-posts{grid-template-columns:1fr}.ci-panel{padding:20px}.ci-panel-heading{gap:10px;flex-wrap:wrap}.ci-steps{gap:8px}.ci-steps li{font-size:11px;gap:5px}.ci-steps li>span{width:25px;height:25px}.ci-tabs{width:100%}.ci-tabs a{padding:9px 12px;font-size:13px}.ci-savebar{flex-wrap:wrap;padding:12px;bottom:7px}.ci-savebar>span{flex-basis:100%}.ci-savebar .ci-btn{flex:1}.ci-public-discord{padding:19px;flex-wrap:wrap}.ci-public-heading{align-items:flex-start;flex-wrap:wrap}.ci-gate{padding:25px 18px}.ci-public-posts-list .ci-public-cover{width:100px}.ci-preview-items{grid-template-columns:1fr}}@media(max-width:460px){.ci-post-editor-grid{grid-template-columns:1fr}.ci-catalog-row{flex-wrap:wrap}.ci-catalog-row>div:first-child{flex-basis:100%}.ci-steps li{flex-direction:column;align-items:flex-start}.ci-download-nav{padding:16px}.ci-download-nav img{max-width:120px}.ci-download-nav>div{gap:10px}.ci-inline-form>.ci-btn{margin-top:0}.ci-feature{padding:22px}}@media(prefers-reduced-motion:reduce){.ci-page *,.ci-public *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.ci-post-title{display:block;font-size:16px;font-weight:750;line-height:1.45;margin:12px 0 7px;overflow-wrap:anywhere;text-decoration:none;color:var(--ci-text)!important}.ci-post-flags{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.ci-post-flags .ci-select-post{font-size:12px}.ci-preview-item h4{color:var(--ci-text);font-size:16px;line-height:1.4;margin:10px 0}.ci-preview-item p{font-size:12px}.ci-preview-item>img{display:block;width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:12px}.ci-preview .ci-btn{margin-top:18px}.ci-toast{margin-top:10px;transition:opacity .22s,transform .22s}.ci-toast:not(.is-visible){opacity:0;transform:translateY(8px)}.ci-catalog .ci-btn.is-selected{border-color:var(--ci-accent);color:var(--ci-accent)!important;background:var(--ci-panel-2)}.ci-role input{accent-color:var(--ci-accent)}.ci-btn[aria-disabled="true"]{opacity:.55;pointer-events:none}.ci-choice:has(input:disabled){opacity:.55;cursor:not-allowed}.ci-preview-items.is-list{grid-template-columns:1fr}.ci-page .ci-post-editor-grid>.ci-empty{grid-column:1/-1}.ci-download-shell .ci-gate-result{margin:18px 0 0}.ci-page input[type="checkbox"]{min-width:16px;min-height:16px}.ci-page .ci-switch-row input{min-width:0;min-height:0}

/* V2: one active step, real navigation, persistent completed states. */
.ci-page .ci-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:25px 0}
.ci-steps>button{display:flex;align-items:center;position:relative;gap:12px;text-align:left;padding:15px 13px;min-height:77px;border:1px solid var(--ci-border);background:var(--ci-panel);border-radius:14px;color:var(--ci-muted);font:inherit;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}
.ci-step-number{display:grid;place-items:center;flex:none;width:31px;height:31px;border:1px solid var(--ci-border);border-radius:50%;font-size:12px;font-weight:800}.ci-step-copy{min-width:0}.ci-step-copy strong,.ci-step-copy small{display:block}.ci-step-copy strong{font-size:13px;font-weight:800}.ci-step-copy small{font-size:10px;margin-top:4px;line-height:1.4}.ci-step-tick{margin-left:auto;color:var(--ci-green);visibility:hidden;font-size:15px}.ci-steps>button.is-complete{color:var(--ci-green);border-color:rgba(67,184,127,.35);background:rgba(56,150,111,.07)}.ci-steps>button.is-complete .ci-step-number{border-color:var(--ci-green);background:rgba(56,150,111,.13)}.ci-steps>button.is-complete .ci-step-tick{visibility:visible}.ci-steps>button.is-current{box-shadow:0 0 0 3px rgba(101,191,255,.12);border-color:var(--ci-accent)}.ci-steps>button.is-locked{opacity:.48;cursor:not-allowed}.ci-steps>button:not(:disabled):hover{transform:translateY(-2px);border-color:var(--ci-accent)}.ci-page [data-ci-step-panel]{scroll-margin-top:30px;animation:ci-enter .22s ease-out;outline:none}.ci-step-footer{display:flex;justify-content:flex-end;gap:12px;padding:0 0 8px}.ci-step-footer>.ci-btn:first-child:not(:only-child){margin-right:auto}
.ci-page[data-ci-page="patreon"]{--ci-accent:#bf5333;--ci-accent-ink:#fff}.ci-page[data-ci-page="patreon"] .ci-hero{background:radial-gradient(ellipse at 85% 5%,rgba(245,119,55,.12),transparent 60%),linear-gradient(130deg,var(--ci-panel),var(--ci-bg))}.ci-page[data-ci-page="patreon"] .ci-preview{border-color:rgba(234,131,84,.3);background:linear-gradient(145deg,rgba(209,100,50,.055),var(--ci-bg))}.ci-page[data-ci-page="patreon"] .ci-preview-item{border-color:rgba(234,131,84,.22)}
body[data-bs-theme="dark"] .ci-page[data-ci-page="patreon"],body[data-bs-theme=dark] .ci-page[data-ci-page="patreon"]{--ci-accent:#ffad84;--ci-accent-ink:#371c0c}
@media(max-width:850px){.ci-page .ci-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ci-steps>button{min-height:68px;padding:12px}.ci-step-tick{display:none}}
@media(max-width:480px){.ci-steps>button{gap:9px}.ci-step-copy strong{font-size:12px}.ci-step-copy small{font-size:10px}.ci-step-footer{flex-wrap:wrap}.ci-step-footer>.ci-btn{flex:1}.ci-page .ci-tabs{scrollbar-width:thin}}
@media(prefers-reduced-motion:reduce){.ci-steps>button,.ci-page [data-ci-step-panel]{animation:none!important;transition:none!important}}