:root {
    color-scheme: light;
    --ink: #17211d;
    --muted: #66736d;
    --line: #dfe7e2;
    --surface: #ffffff;
    --canvas: #f4f7f5;
    --brand: #1f7a55;
    --brand-dark: #175e42;
    --brand-soft: #e8f5ee;
    --warning: #8a5700;
    --warning-bg: #fff7df;
    --danger: #a12c2c;
    --danger-bg: #fff0f0;
    --shadow: 0 18px 48px rgba(22, 48, 36, 0.08);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; background: var(--canvas); color: var(--ink); line-height: 1.55; }
a { color: var(--brand-dark); text-decoration: none; }
a:hover { text-decoration: underline; }
button, input, textarea, select { font: inherit; }

.shell { width: min(1080px, calc(100% - 32px)); margin: 0 auto; }
.topbar { background: rgba(255,255,255,.94); border-bottom: 1px solid var(--line); position: sticky; top: 0; z-index: 10; backdrop-filter: blur(14px); }
.topbar-inner { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand { color: var(--ink); font-weight: 800; letter-spacing: -.03em; display: inline-flex; align-items: center; gap: 10px; }
.brand-mark { width: 34px; height: 34px; border-radius: 11px; display: grid; place-items: center; background: var(--brand); color: white; box-shadow: 0 6px 18px rgba(31,122,85,.25); }
.nav { display: flex; align-items: center; gap: 8px; }
.nav a, .nav button { color: var(--muted); border: 0; background: transparent; padding: 9px 12px; border-radius: 9px; cursor: pointer; }
.nav a.active, .nav a:hover, .nav button:hover { color: var(--ink); background: var(--brand-soft); text-decoration: none; }
.main { padding: 44px 0 64px; }
.page-head { display: flex; justify-content: space-between; gap: 24px; align-items: flex-end; margin-bottom: 24px; }
.eyebrow { margin: 0 0 7px; color: var(--brand); text-transform: uppercase; font-weight: 800; font-size: .75rem; letter-spacing: .12em; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 8px; font-size: clamp(2rem, 4vw, 3rem); line-height: 1.08; letter-spacing: -.045em; }
h2 { font-size: 1.15rem; letter-spacing: -.02em; }
.subhead { color: var(--muted); max-width: 680px; margin-bottom: 0; }
.card { background: var(--surface); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); }
.card-pad { padding: clamp(22px, 4vw, 36px); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.field-full { grid-column: 1 / -1; }
label { display: block; font-size: .9rem; font-weight: 750; margin-bottom: 8px; }
.hint { color: var(--muted); font-size: .82rem; margin: 7px 0 0; }
input, textarea, select { width: 100%; border: 1px solid #cbd6d0; border-radius: 11px; padding: 12px 13px; color: var(--ink); background: #fff; outline: none; transition: border .15s, box-shadow .15s; }
textarea { resize: vertical; min-height: 124px; }
input:focus, textarea:focus, select:focus { border-color: var(--brand); box-shadow: 0 0 0 4px rgba(31,122,85,.12); }
.is-invalid { border-color: var(--danger); }
.error-text { color: var(--danger); font-size: .82rem; margin-top: 6px; }
.actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 26px; }
.button { border: 0; border-radius: 11px; padding: 11px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; cursor: pointer; font-weight: 800; background: var(--brand); color: white; box-shadow: 0 8px 20px rgba(31,122,85,.22); }
.button:hover { background: var(--brand-dark); text-decoration: none; }
.button:disabled, .button:disabled:hover { cursor: not-allowed; opacity: .5; background: var(--brand); box-shadow: none; }
.button-secondary { background: white; color: var(--ink); box-shadow: none; border: 1px solid var(--line); }
.button-secondary:hover { background: var(--canvas); }
.alert { border-radius: 14px; padding: 14px 16px; margin-bottom: 20px; border: 1px solid; }
.alert-success { background: var(--brand-soft); color: var(--brand-dark); border-color: #c7e8d7; }
.alert-error { background: var(--danger-bg); color: var(--danger); border-color: #f1caca; }
.alert-warning { background: var(--warning-bg); color: var(--warning); border-color: #edd89c; }
.confirm { display: flex; align-items: flex-start; gap: 11px; }
.confirm input { width: 18px; height: 18px; margin-top: 3px; flex: 0 0 auto; }
.confirm label { margin: 0; }
.mode-note { display: flex; gap: 12px; align-items: flex-start; }
.mode-dot { width: 10px; height: 10px; border-radius: 50%; background: currentColor; margin-top: 7px; flex: 0 0 auto; }
.table-wrap { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; min-width: 820px; }
th { text-align: left; color: var(--muted); font-size: .75rem; letter-spacing: .06em; text-transform: uppercase; padding: 13px 16px; border-bottom: 1px solid var(--line); }
td { padding: 16px; border-bottom: 1px solid var(--line); vertical-align: middle; }
tbody tr:last-child td { border-bottom: 0; }
.primary-cell { font-weight: 750; }
.secondary-cell { color: var(--muted); font-size: .84rem; }
.badge { display: inline-flex; border-radius: 999px; padding: 5px 9px; font-size: .76rem; font-weight: 800; background: #edf1ef; color: #59635e; white-space: nowrap; }
.badge-completed, .badge-in-progress { background: var(--brand-soft); color: var(--brand-dark); }
.badge-failed, .badge-no-answer, .badge-busy { background: var(--danger-bg); color: var(--danger); }
.badge-ringing, .badge-queued { background: #eaf3ff; color: #245a96; }
.badge-simulated { background: #f0ebff; color: #6443a0; }
.empty { text-align: center; padding: 56px 24px; }
.empty h2 { margin-bottom: 8px; }
.empty p { color: var(--muted); }
.details-grid { display: grid; grid-template-columns: 1.1fr .9fr; gap: 20px; }
.stack { display: grid; gap: 20px; }
.section-title { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 18px; }
.section-title h2 { margin: 0; }
.meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.meta dt { color: var(--muted); font-size: .78rem; font-weight: 700; margin-bottom: 4px; }
.meta dd { margin: 0; overflow-wrap: anywhere; }
.prose-box, pre { background: #f7f9f8; border: 1px solid var(--line); border-radius: 12px; padding: 15px; margin: 0; white-space: pre-wrap; overflow-wrap: anywhere; }
pre { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .8rem; overflow: auto; max-height: 430px; }
.auth-wrap { min-height: calc(100vh - 68px); display: grid; place-items: center; padding: 42px 0; }
.auth-card { width: min(460px, 100%); }
.auth-card .field { margin-bottom: 18px; }
.auth-card .button { width: 100%; }
.auth-foot { text-align: center; color: var(--muted); margin: 18px 0 0; font-size: .9rem; }
.pagination { display: flex; gap: 8px; justify-content: center; margin-top: 22px; }
.pagination a, .pagination span { border: 1px solid var(--line); border-radius: 8px; padding: 7px 11px; background: white; }
.pagination .disabled { color: #a0aaa5; }

@media (max-width: 760px) {
    .shell { width: min(100% - 22px, 1080px); }
    .main { padding-top: 28px; }
    .topbar-inner { min-height: 62px; }
    .brand-label { display: none; }
    .nav a, .nav button { font-size: .85rem; padding: 8px 9px; }
    .page-head { display: block; }
    .page-head .button { margin-top: 18px; }
    .form-grid, .details-grid, .meta-grid { grid-template-columns: 1fr; }
    .field-full { grid-column: auto; }
    .card { border-radius: 16px; }
    .actions { align-items: stretch; flex-direction: column-reverse; }
    .actions .button { width: 100%; }
    .table-wrap { overflow: visible; padding: 10px; }
    table, tbody, tr, td { display: block; min-width: 0; width: 100%; }
    thead { display: none; }
    tbody { display: grid; gap: 10px; }
    tbody tr { border: 1px solid var(--line); border-radius: 13px; padding: 12px; background: #fff; }
    tbody tr:last-child td { border-bottom: 0; }
    td { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 12px; padding: 7px 4px; border: 0; align-items: start; max-width: none !important; }
    td::before { content: attr(data-label); color: var(--muted); font-size: .7rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; padding-top: 3px; }
    td > .badge { justify-self: start; }
    td[data-label=""] { display: block; padding-top: 12px; }
    td[data-label=""]::before { display: none; }
    td[data-label=""] .button { width: 100%; }
}
/* Zikoco community landing page */
.community-page { --c-ink:#25241f; --c-muted:#77766f; --c-paper:#fcfbf8; --c-line:#e9e6df; --c-orange:#ff755b; --c-lime:#d5eb79; --c-blue:#c5def0; max-width:1440px; margin:0 auto; padding:0 clamp(22px,6.2vw,92px); color:var(--c-ink); background:var(--c-paper); font-family:Inter, ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.community-page * { box-sizing:border-box; }
.community-page a { text-decoration:none; }
.community-nav { min-height:86px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--c-line); gap:24px; }
.community-brand { display:inline-flex; align-items:center; gap:10px; color:var(--c-ink); font-size:1.33rem; font-weight:850; letter-spacing:-.07em; }
.community-mark,.board-mark { width:32px;height:32px;display:grid;place-items:center;border-radius:11px;background:#24251f;color:#f4f7dc;font-size:22px;font-weight:800;line-height:1;letter-spacing:-.09em;transform:rotate(-6deg); }
.community-links,.community-actions { display:flex;align-items:center;gap:30px; }
.community-links a,.sign-in-link { color:#5e5d56;font-size:.86rem;font-weight:600; }
.community-links a:hover,.sign-in-link:hover,.community-footer nav a:hover { color:var(--c-orange); }
.community-actions { gap:24px; }
.community-page .button { color:white;background:#24251f;box-shadow:none;border-radius:8px;padding:12px 17px;font-size:.85rem;transition:transform .2s,background .2s; }
.community-page .button:hover { background:#424138;transform:translateY(-2px);text-decoration:none; }
.community-button span { margin-left:7px;color:var(--c-lime); }
.community-hero { min-height:610px;padding:88px 0 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3vw;overflow:hidden; }
.hero-copy { position:relative;z-index:1;max-width:555px; }
.hero-kicker { display:inline-flex;align-items:center;gap:9px;color:#62615a;background:#f1efe9;border-radius:30px;padding:8px 12px;font-size:.72rem;font-weight:700;letter-spacing:.01em; }
.live-dot { width:7px;height:7px;border-radius:50%;background:#87a938;box-shadow:0 0 0 4px #d5eb794f; }
.community-hero h1 { margin:24px 0 20px;font-size:clamp(3.6rem,6vw,5.7rem);line-height:.99;letter-spacing:-.075em;font-weight:780; }
.community-hero h1 span { color:var(--c-orange); }
.hero-description { color:var(--c-muted);max-width:425px;font-size:1.02rem;line-height:1.75;margin-bottom:26px; }
.community-search { height:58px;max-width:475px;padding:5px 6px 5px 18px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e7e3da;border-radius:10px;box-shadow:0 8px 24px #40391e0a; }
.search-icon { color:#908f88;font-size:1.5rem;transform:rotate(-20deg);line-height:1; }
.community-search input { border:0!important;box-shadow:none!important;outline:0;min-width:0;padding:8px 0!important;font-size:.87rem;background:transparent!important; }
.community-search input::placeholder { color:#aaa9a2; }
.community-search button { width:43px;height:43px;flex:0 0 auto;background:var(--c-orange);color:#fff;border-radius:7px;font-size:1.25rem;cursor:pointer;transition:background .2s; }
.community-search button:hover { background:#ec634a; }
.hero-meta { display:flex;align-items:center;gap:13px;margin-top:25px;color:#797870;font-size:.76rem; }
.hero-meta strong { color:var(--c-ink); }
.avatar-stack { display:flex;padding-left:3px; }
.avatar-stack span { width:25px;height:25px;margin-left:-4px;border:2px solid var(--c-paper);display:grid;place-items:center;border-radius:50%;color:#45372f;background:#f3c6a8;font-size:.57rem;font-weight:800; }
.avatar-stack span:nth-child(2){background:#c5d9c7}.avatar-stack span:nth-child(3){background:#d9c2de}.avatar-stack span:nth-child(4){background:#f1d993}
.hero-art { height:475px;position:relative;display:grid;place-items:center; }
.art-orbit { position:absolute;left:50%;top:50%;border:1px solid #e9e5da;border-radius:50%;transform:translate(-50%,-50%) rotate(-25deg); }
.orbit-one { width:480px;height:340px; }.orbit-two { width:570px;height:420px;transform:translate(-50%,-50%) rotate(27deg); }
.art-sun { width:244px;height:244px;position:relative;z-index:1;display:grid;place-items:center;background:var(--c-lime);border-radius:47% 53% 52% 48% / 51% 43% 57% 49%;transform:rotate(-12deg);box-shadow:inset -18px -20px 0 #bfd45a5c; }
.art-sun:before,.art-sun:after { content:"";position:absolute;width:23px;height:23px;border:2px solid #29281f;border-radius:50%;top:95px;background:#29281f; }.art-sun:before { left:72px; }.art-sun:after { right:72px; }
.art-sun span { position:absolute;top:120px;font-size:68px;font-weight:800;letter-spacing:-.14em;color:#29281f;transform:rotate(12deg); }
.art-label { position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:11px 14px 11px 10px;background:#fff;border:1px solid #ece9e1;border-radius:12px;box-shadow:0 12px 35px #28241c12;white-space:nowrap; }
.art-label b,.art-label small { display:block; }.art-label b { font-size:.72rem;letter-spacing:-.02em; }.art-label small { margin-top:4px;font-size:.62rem;color:#89877f; }
.label-icon { width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:1rem; }.label-icon.coral { background:#ffe6dc;color:#ed7459; }.label-icon.blue { background:#e6f1f8;color:#598fb3; }.label-icon.yellow { background:#f5efcf;color:#9b8731; }
.label-top { left:0;top:54px; }.label-right { right:-4px;top:184px; }.label-bottom { left:36px;bottom:37px; }
.art-avatars { position:absolute;z-index:2;right:27px;bottom:38px;display:flex; }.art-avatar { width:37px;height:37px;margin-left:-8px;border:3px solid var(--c-paper);border-radius:50%;display:grid;place-items:center;font-size:.67rem;font-weight:800;color:#473c2d;background:#eec39c; }.av-two{background:#c3d9d2}.av-three{background:#e4c1d3}.av-four{background:#c7d5ea}
.floating-note { position:absolute;z-index:3;right:3px;top:55px;background:#27271f;color:#fff;padding:11px 15px;border-radius:7px;font-size:.65rem;transform:rotate(4deg);box-shadow:0 8px 20px #24241d1b; }.floating-note span { color:var(--c-lime);margin-right:5px; }
.interest-strip { min-height:82px;border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line);display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:auto;white-space:nowrap; }
.interest-heading { color:#929087;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-right:5px; }.interest-strip a { font-size:.76rem;color:#55544e;font-weight:650;padding:9px 12px;border-radius:25px;transition:background .2s; }.interest-strip a:hover { background:#efede6; }
.communities-section { padding:91px 0 88px; }
.section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:27px; }.section-heading h2,.feature-copy h2,.creator-band h2 { margin:0 0 11px;font-size:clamp(1.9rem,3.5vw,2.8rem);line-height:1.08;letter-spacing:-.065em;font-weight:760; }.section-heading>div>p:last-child,.feature-copy>p:not(.eyebrow),.creator-band>div:nth-child(2)>p:not(.eyebrow) { color:var(--c-muted);font-size:.86rem;line-height:1.7;margin:0; }.eyebrow { margin:0 0 11px;color:#8c8a80;font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;font-weight:800; }.text-link { color:#282820;font-size:.78rem;font-weight:750;white-space:nowrap; }.text-link span { margin-left:7px;color:var(--c-orange);font-size:1rem; }.text-link:hover { color:var(--c-orange); }
.community-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }.group-card { overflow:hidden;border:1px solid #e9e6df;background:white;border-radius:13px;transition:transform .2s,box-shadow .2s; }.group-card:hover { transform:translateY(-4px);box-shadow:0 14px 35px #322e1b12; }.group-cover { height:178px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center; }.cover-peach { background:#f5b598; }.cover-stamp { position:relative;z-index:1;color:#f9e3bf;font-size:2.2rem;font-weight:900;line-height:.8;letter-spacing:-.1em;transform:rotate(-7deg);text-shadow:4px 4px 0 #ab5449; }.cover-spark { position:absolute;right:22%;top:20px;color:#f7e7aa;font-size:2.8rem; }.cover-lines { position:absolute;width:270px;height:270px;border:1px solid #f9d0a66b;border-radius:50%;left:-57px;bottom:-204px;box-shadow:0 0 0 15px #f9d0a633,0 0 0 30px #f9d0a622; }
.cover-blue { background:#526c9c; }.cover-word { position:relative;z-index:2;color:#f5cf71;font-size:2rem;font-weight:900;line-height:.83;letter-spacing:-.09em;transform:rotate(-6deg);text-shadow:2px 3px 0 #2e416b; }.cover-sphere { position:absolute;width:175px;height:175px;right:8%;top:-64px;border-radius:50%;background:linear-gradient(135deg,#f1b795,#d7796a 68%,#b35e60);box-shadow:inset -19px -22px 0 #804a5152; }.cover-caption { position:absolute;bottom:14px;right:16px;color:#ffffffb8;font-size:.54rem;letter-spacing:.18em;font-weight:700; }
.cover-lime { background:#dbe7a4; }.cover-sun { position:absolute;width:145px;height:145px;border-radius:50%;background:#f6a676;left:20%;top:19px;box-shadow:inset -15px -13px #d9785a5e; }.cover-lime .cover-word { color:#384535;font-size:2.05rem;text-shadow:2px 3px 0 #f6f3d2; }.cover-lime .cover-caption { color:#68734b; }
.group-info { padding:17px 16px 14px; }.group-title-row { display:flex;align-items:center;gap:11px; }.group-icon { width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font-size:1.1rem;flex:0 0 auto; }.icon-peach { background:#fff0e7;color:#dd7855; }.icon-blue { background:#e9f1fa;color:#4e719d; }.icon-lime { background:#f0f5dd;color:#778e35; }.group-title-row h3 { font-size:.88rem;margin:0 0 4px;letter-spacing:-.03em; }.group-title-row p { color:#88867e;font-size:.68rem;margin:0; }.group-footer { display:flex;align-items:center;gap:11px;margin:17px 0 0;padding-top:12px;border-top:1px solid #f0eee9;color:#838178;font-size:.63rem; }.rating { color:#a38834; }.free-pill,.paid-pill { margin-left:auto;border-radius:20px;padding:5px 9px;color:#55703a;background:#eff4e2;font-size:.6rem;font-weight:700; }.paid-pill { color:#4f7094;background:#eaf1f8; }
.feature-section { padding:72px 0 105px;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center; }.feature-copy h2 { margin-bottom:18px; }.feature-copy>p:not(.eyebrow) { max-width:360px;margin-bottom:21px; }.feature-board { padding:17px;background:#fff;border:1px solid #e7e4dc;border-radius:14px;box-shadow:0 25px 70px #29271a12;transform:rotate(1.2deg); }.board-head { display:flex;align-items:center;justify-content:space-between;padding:3px 3px 15px; }.board-brand { display:flex;align-items:center;gap:8px;font-size:.74rem;font-weight:750; }.board-mark { width:24px;height:24px;font-size:16px;border-radius:8px; }.board-members { color:#8a887f;font-size:.58rem; }.board-tabs { display:flex;gap:21px;padding:0 9px 12px;border-bottom:1px solid #eeece6;font-size:.62rem;color:#89877f; }.board-tabs .selected { color:#34342d;border-bottom:2px solid var(--c-orange);margin-bottom:-13px;padding-bottom:11px;font-weight:750; }.board-post { display:flex;gap:10px;padding:17px 8px 14px; }.post-avatar { width:29px;height:29px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#edc7a9;color:#503e31;font-size:.64rem;font-weight:800; }.post-main { min-width:0;flex:1; }.post-main>b { display:block;font-size:.63rem; }.post-main>b small { color:#99978e;font-weight:500; }.post-main p { color:#5c5b54;font-size:.64rem;line-height:1.55;margin:7px 0 10px; }.post-image { height:115px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:7px;background:linear-gradient(125deg,#edb98f,#f4dda9 50%,#a9bd9d); }.post-image:before,.post-image:after { content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#fff5d57a;right:-10px;top:-63px; }.post-image:after { width:110px;height:110px;background:#a1ab795e;left:28%;top:57px; }.post-image-note { position:relative;z-index:1;color:#384334;font-family:Georgia,serif;font-size:1.15rem;font-style:italic;transform:rotate(-4deg); }.post-image span { position:absolute;right:20px;bottom:9px;color:#fff;font-size:1.4rem; }.post-reactions { padding-top:9px;color:#918f85;font-size:.55rem; }.board-course { display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #efede6;border-radius:9px;background:#fdfcf9; }.course-thumb { width:48px;height:39px;display:flex;align-items:center;justify-content:space-around;border-radius:6px;background:#dce8a9;color:#3c4928;font-size:.65rem;font-weight:800; }.course-thumb i { font-size:1.1rem;font-style:normal; }.board-course>span:nth-child(2) { display:flex;flex-direction:column;gap:3px;flex:1; }.board-course small { color:#99958a;font-size:.48rem;letter-spacing:.09em;font-weight:750; }.board-course b { font-size:.62rem; }.board-course em { color:#99958a;font-size:.55rem;font-style:normal; }.course-arrow { color:#d17d5b;font-size:1rem; }
.creator-band { min-height:330px;margin:0 0 66px;padding:49px 6%;display:grid;grid-template-columns:.72fr 1.3fr .65fr;align-items:center;gap:5%;border-radius:16px;background:#e9edda;overflow:hidden; }.creator-graphic { height:230px;position:relative;display:grid;place-items:center; }.creator-circle { width:165px;height:165px;display:grid;place-items:center;border-radius:50%;background:var(--c-orange);color:#fff1d1;font-size:7rem;font-weight:850;letter-spacing:-.17em;padding-right:18px;transform:rotate(-9deg);box-shadow:inset -15px -17px 0 #d35c4860; }.creator-star { position:absolute;color:#758b40;font-size:2rem; }.star-a { left:4%;top:14%; }.star-b { right:6%;bottom:17%;color:#ef805a; }.creator-mini { position:absolute;bottom:5px;left:4px;color:#676e50;font-size:.54rem;font-weight:850;letter-spacing:.16em;line-height:1.5;transform:rotate(-8deg); }.creator-band h2 { font-size:2.4rem;margin-bottom:12px; }.creator-band>div:nth-child(2)>p:not(.eyebrow) { max-width:420px;margin-bottom:19px;font-size:.78rem; }.creator-button { display:inline-flex; }.creator-button span { margin-left:6px;color:var(--c-lime); }.creator-aside { display:flex;flex-direction:column;gap:18px;padding-left:20px;border-left:1px solid #cdd4b9;color:#777c63;font-size:.63rem;font-weight:700;letter-spacing:.04em; }
.community-footer { min-height:91px;display:flex;align-items:center;gap:25px;border-top:1px solid var(--c-line); }.community-footer>span { color:#929087;font-size:.68rem; }.community-footer nav { display:flex;gap:22px;margin-left:auto; }.community-footer nav a,.community-footer small { color:#77766f;font-size:.66rem; }.community-footer small { margin-left:18px; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@media(max-width:1000px) { .community-page{padding:0 36px}.community-hero{grid-template-columns:1fr 1fr;padding-top:66px;min-height:555px}.hero-art{transform:scale(.87);margin:0 -35px}.community-hero h1{font-size:clamp(3.3rem,6.2vw,4.6rem)}.interest-strip{gap:5px}.interest-strip a{padding:8px}.group-cover{height:150px}.feature-section{gap:5vw}.creator-band{grid-template-columns:.65fr 1.3fr .55fr;padding:38px 4%}.creator-graphic{transform:scale(.84)}}
@media(max-width:700px) { .community-page{padding:0 20px}.community-nav{min-height:70px}.community-links{display:none}.community-actions{gap:15px}.community-page .button{padding:10px 13px}.community-hero{display:flex;flex-direction:column;align-items:stretch;padding:58px 0 38px;gap:4px;min-height:unset}.community-hero h1{font-size:clamp(3.2rem,13vw,5rem)}.hero-description{font-size:.94rem}.community-search{max-width:none}.hero-art{height:340px;transform:scale(.77);transform-origin:center top;margin:14px -20px -65px}.art-label{transform:scale(.9)}.label-top{left:0}.label-right{right:-2px}.label-bottom{left:5px}.interest-strip{justify-content:flex-start;min-height:70px;margin:0 -20px;padding:0 18px}.interest-heading{display:none}.interest-strip a{flex:0 0 auto;background:#f3f1eb}.communities-section{padding:67px 0 58px}.section-heading{align-items:flex-start;flex-direction:column;gap:17px}.section-heading h2{font-size:2rem}.community-grid{grid-template-columns:1fr;gap:14px}.group-cover{height:185px}.feature-section{padding:42px 0 70px;grid-template-columns:1fr;gap:36px}.feature-copy h2{font-size:2.2rem}.feature-board{transform:rotate(.4deg);padding:12px;margin:0 2px}.board-tabs{gap:16px}.post-image{height:100px}.creator-band{grid-template-columns:1fr;padding:27px 25px 32px;gap:16px;margin-bottom:43px}.creator-graphic{height:180px;transform:scale(.78);margin:-10px 0 -15px}.creator-band h2{font-size:2.2rem}.creator-aside{border:0;border-top:1px solid #cdd4b9;padding:15px 0 0;flex-direction:row;flex-wrap:wrap;gap:12px 17px;font-size:.55rem}.community-footer{padding:20px 0;flex-wrap:wrap;gap:12px}.community-footer>span{display:none}.community-footer nav{order:3;width:100%;margin:3px 0 0;justify-content:flex-start;gap:19px}.community-footer small{margin-left:auto}.community-brand{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.community-page *{scroll-behavior:auto!important;transition:none!important}}
/* Landing page layout overrides */
.community-main { padding:0!important; }
.community-main>.shell { width:100%;max-width:none;margin:0;padding:0; }
.community-main>.shell>.community-page { width:100%; }
.community-page .community-hero h1 { font-size:clamp(3.35rem,5.4vw,5.15rem); }
.hero-copy { max-width:620px; }
@media(max-width:700px) { .community-page .community-hero h1 { font-size:clamp(3.1rem,12vw,4.55rem); } }
/* Skool-inspired community discovery directory */
.skool-page { --sk-ink:#252525;--sk-muted:#777;--sk-border:#e8e8e8;--sk-bg:#f8f8f8;max-width:1500px;min-height:100vh;margin:0 auto;padding:0 clamp(22px,5vw,72px);color:var(--sk-ink);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
.skool-page * { box-sizing:border-box; }.community-main:has(.skool-page){padding:0!important}.community-main:has(.skool-page)>.shell{width:100%;max-width:none;margin:0;padding:0}.skool-page a{text-decoration:none}.skool-header{height:74px;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--sk-border)}.skool-logo{display:flex;align-items:center;gap:9px;color:#222;font-weight:800;font-size:1.2rem;letter-spacing:-.06em;white-space:nowrap}.skool-logo-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#242424;color:#d9ef7f;font-size:21px;font-weight:850;letter-spacing:-.12em;transform:rotate(-6deg)}.skool-nav{display:flex;gap:28px;margin:auto;color:#555;font-size:.83rem;font-weight:600}.skool-nav a,.skool-account>a{color:inherit}.skool-nav a:hover,.skool-account>a:hover{color:#777}.skool-account{display:flex;align-items:center;gap:19px;color:#444;font-size:.81rem;font-weight:650;white-space:nowrap}.skool-account .skool-signup{padding:9px 15px;border-radius:7px;background:#242424;color:#fff}.skool-content{max-width:1210px;margin:0 auto;padding:43px 0 65px}.skool-title-row{display:flex;align-items:baseline;margin-bottom:18px}.skool-title-row h1{display:inline;margin:0;font-size:1.65rem;line-height:1.2;letter-spacing:-.045em;font-weight:750}.skool-or{margin-left:9px;color:#8b8b8b;font-size:.82rem}.skool-create-link{color:#444;font-size:.82rem;font-weight:650;text-decoration:underline!important;text-underline-offset:3px}.skool-search{width:min(100%,510px);height:46px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #dedede;border-radius:7px;background:#fff}.skool-search:focus-within{border-color:#999}.skool-search-icon{font-size:1.45rem;line-height:1;color:#888;transform:rotate(-22deg)}.skool-search input{width:100%;min-width:0;padding:0!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#333;font-size:.85rem}.skool-search input::placeholder{color:#999}.skool-clear{width:23px;height:23px;flex:0 0 auto;border-radius:50%;background:#eee;color:#555;cursor:pointer;font-size:1rem;line-height:1}.skool-discovery-tools{position:relative;display:flex;align-items:center;gap:13px;margin:19px 0 23px}.skool-topics{display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;flex:1}.skool-topics::-webkit-scrollbar{display:none}.topic-chip{padding:8px 11px;border:1px solid #e4e4e4;border-radius:20px;background:#fff;color:#555;font-size:.73rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}.topic-chip:hover{background:#f4f4f4}.topic-chip.selected{border-color:#282828;background:#282828;color:#fff}.skool-filter-wrap{position:relative;flex:0 0 auto}.skool-filter-button{height:36px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid #dedede;border-radius:7px;background:white;color:#444;font-size:.77rem;font-weight:650;cursor:pointer}.skool-filter-button:hover,.skool-filter-button[aria-expanded=true]{background:#f5f5f5}.skool-filter-button span{font-size:1.1rem}.skool-filter-panel{position:absolute;z-index:5;right:0;top:43px;width:225px;padding:15px;display:grid;gap:13px;border:1px solid #e2e2e2;border-radius:9px;background:white;box-shadow:0 8px 30px #00000014}.skool-filter-panel[hidden]{display:none}.skool-filter-panel label{margin:0;display:grid;gap:6px;color:#555;font-size:.72rem;font-weight:700}.skool-filter-panel select,.skool-results-meta select{width:100%;height:34px;padding:0 9px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:.74rem}.skool-filter-panel button{justify-self:start;color:#555;text-decoration:underline;text-underline-offset:3px;font-size:.73rem;cursor:pointer}.skool-results-meta{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;color:#777;font-size:.72rem}.skool-results-meta label{display:flex;align-items:center;gap:7px;margin:0}.skool-results-meta select{width:auto;height:30px}.skool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.skool-group-card{min-width:0;overflow:hidden;border:1px solid #e4e4e4;border-radius:9px;background:#fff;color:inherit;transition:box-shadow .18s,transform .18s}.skool-group-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000012}.skool-group-card[hidden]{display:none}.skool-card-art{height:148px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#d9e5bd}.skool-card-art:before,.skool-card-art:after{content:"";position:absolute;border-radius:50%;opacity:.4}.skool-card-art:before{width:185px;height:185px;right:-62px;top:-96px;border:1px solid #fff;box-shadow:0 0 0 12px #ffffff24,0 0 0 25px #ffffff1a}.skool-card-art:after{width:90px;height:90px;left:-27px;bottom:-54px;background:#ffffff30}.art-kicker{position:absolute;top:12px;left:13px;color:#ffffffd4;font-size:.49rem;font-weight:750;letter-spacing:.13em}.art-display{position:relative;z-index:1;max-width:78%;color:#fff;font-size:1.7rem;line-height:.97;letter-spacing:-.07em;font-weight:850;text-align:center;text-shadow:0 2px 8px #0002}.art-decoration{position:absolute;right:12%;bottom:11%;color:#fff8;font-size:2.4rem}.art-index{position:absolute;bottom:10px;left:13px;color:#ffffffb8;font-size:.55rem;font-weight:700;letter-spacing:.08em}.art-video{background:linear-gradient(135deg,#e5a59b,#795a82 53%,#394967)}.art-video .art-display{color:#ffe7b0;font-size:1.8rem;transform:rotate(-4deg)}.art-makers{background:linear-gradient(135deg,#526f96,#a0c3bb)}.art-makers .art-display{color:#f2da8c}.art-creative{background:linear-gradient(140deg,#e8a981,#c75e50)}.art-creative .art-display{color:#fff2d6;font-family:Georgia,serif;font-style:italic}.art-gooddays{background:linear-gradient(135deg,#c4d782,#6f9a68)}.art-gooddays .art-display{color:#fff9db}.art-dojo{background:linear-gradient(135deg,#292e43,#655386)}.art-dojo .art-display{color:#d5c2f7}.art-soul{background:linear-gradient(135deg,#7d819c,#c99e9c)}.art-soul .art-display{color:#fff0e8;font-family:Georgia,serif;font-style:italic}.art-money{background:linear-gradient(130deg,#e1b25e,#a2653e)}.art-money .art-display{color:#fff3ce}.art-guitar{background:linear-gradient(135deg,#b56745,#543b4d)}.art-guitar .art-display{color:#f4dfac}.art-athlete{background:linear-gradient(130deg,#578b89,#35546e)}.art-athlete .art-display{color:#e4f0c1}.art-together{background:linear-gradient(130deg,#dd9caa,#98729c)}.art-together .art-display{color:#fff1df;font-family:Georgia,serif;font-style:italic}.art-learn{background:linear-gradient(135deg,#e3c76e,#d58b63)}.art-learn .art-display{color:#fff5ce}.art-weekend{background:linear-gradient(135deg,#bd8372,#dfbf98)}.art-weekend .art-display{color:#fff4df;font-family:Georgia,serif}.skool-card-body{padding:12px 13px 11px}.skool-card-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.skool-card-heading h2{overflow:hidden;margin:0;color:#303030;font-size:.82rem;line-height:1.35;letter-spacing:-.025em;font-weight:730;text-overflow:ellipsis;white-space:nowrap}.skool-card-more{color:#aaa;font-size:.62rem;letter-spacing:.08em}.skool-card-body>p{height:34px;overflow:hidden;margin:5px 0 11px;color:#737373;font-size:.66rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.skool-card-stats{min-height:23px;display:flex;align-items:center;gap:9px;padding-top:8px;border-top:1px solid #eee;color:#777;font-size:.61rem;white-space:nowrap}.skool-card-stats>span:nth-child(2){color:#88743e}.skool-card-stats small{color:#999;font-size:.57rem}.skool-card-stats strong{margin-left:auto;color:#444;font-size:.62rem;font-weight:700}.skool-empty{padding:65px 15px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#777;font-size:.82rem}.skool-empty[hidden]{display:none}.skool-empty strong{color:#333;font-size:1rem}.skool-pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:30px}.skool-pagination button{height:34px;min-width:34px;padding:0 9px;border:1px solid #e4e4e4;border-radius:6px;background:#fff;color:#555;font-size:.72rem;cursor:pointer}.skool-pagination button:hover{background:#f5f5f5}.skool-pagination .page-active{border-color:#252525;background:#252525;color:#fff}.skool-pagination .page-next{margin-left:5px;padding:0 12px}.skool-footer{min-height:72px;display:flex;align-items:center;gap:22px;border-top:1px solid var(--sk-border);color:#888;font-size:.68rem}.skool-footer nav{display:flex;gap:20px;margin-left:auto}.skool-footer nav a{color:#666}.skool-footer small{margin-left:12px;color:#888;font-size:.65rem}
@media(max-width:1050px){.skool-page{padding:0 30px}.skool-content{padding-top:35px}.skool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.skool-card-art{height:160px}.skool-nav{gap:18px}}
@media(max-width:700px){.skool-page{padding:0 16px}.skool-header{height:64px;gap:12px}.skool-nav{display:none}.skool-account{margin-left:auto;gap:13px}.skool-logo{font-size:1.08rem}.skool-logo-mark{width:27px;height:27px;font-size:19px}.skool-content{padding:28px 0 47px}.skool-title-row h1{font-size:1.4rem}.skool-search{width:100%}.skool-discovery-tools{display:block;margin:14px 0 17px}.skool-topics{padding-bottom:11px;margin-right:-16px}.skool-filter-wrap{position:static}.skool-filter-button{height:33px}.skool-filter-panel{top:auto;left:0;right:auto;margin-top:6px}.skool-results-meta{font-size:.67rem}.skool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.skool-card-art{height:125px}.art-display{font-size:1.35rem}.skool-card-body{padding:10px}.skool-card-heading h2{font-size:.75rem}.skool-card-body>p{font-size:.61rem;height:34px}.skool-card-stats{gap:6px;font-size:.55rem}.skool-card-stats strong{font-size:.55rem}.skool-footer{padding:15px 0;flex-wrap:wrap;gap:10px}.skool-footer>span{display:none}.skool-footer nav{order:3;width:100%;margin:0;gap:16px}.skool-footer small{margin-left:auto}.skool-pagination{gap:4px}.skool-pagination button{height:31px;min-width:30px;padding:0 7px}}
@media(max-width:390px){.skool-grid{grid-template-columns:1fr}.skool-card-art{height:155px}.skool-card-stats{font-size:.62rem}.skool-signup{padding:8px 11px!important}}
/* Zikoco community platform */
.topbar .brand-mark{background:#242424;color:#d9ef7f;font-family:inherit;font-style:normal}.topbar .brand-label{text-transform:lowercase}.nav-signup,.nav button{padding:9px 14px!important;border-radius:8px!important;background:#242424!important;color:white!important}.nav-signup{color:white!important;font-size:.82rem}.nav-utility{font-size:.78rem!important}.nav form{margin:0}.platform-wrap{width:min(100%,940px);margin:0 auto;padding:36px 0 70px}.platform-heading{margin:22px 0 24px}.platform-heading h1{font-size:clamp(2rem,4vw,2.8rem);margin:0 0 8px}.platform-heading>p:last-child{color:var(--muted);margin:0}.platform-back{display:inline-flex;color:#77766f;font-size:.78rem;font-weight:650;margin-bottom:10px}.platform-back:hover{color:var(--brand);text-decoration:none}.platform-card{background:#fff;border:1px solid #e8e6df;border-radius:12px;box-shadow:0 8px 28px #2d29160a}.platform-form{display:grid;gap:17px}.platform-form>label{display:grid;gap:7px;color:#34342f;font-size:.82rem;font-weight:700;margin:0}.platform-form input,.platform-form textarea,.platform-form select,.comment-form input{width:100%;border:1px solid #deddd6!important;border-radius:8px!important;padding:11px 12px!important;background:#fff!important;box-shadow:none!important;color:#282821;font-size:.86rem}.platform-form input:focus,.platform-form textarea:focus,.platform-form select:focus,.comment-form input:focus{border-color:#96a968!important;box-shadow:0 0 0 3px #d9e5bd66!important;outline:0}.platform-form textarea{resize:vertical;min-height:90px}.platform-form label small{color:#85837a;font-size:.68rem;font-weight:450}.platform-check{grid-template-columns:18px 1fr!important;align-items:center}.platform-check input{width:16px!important;height:16px;grid-column:1;grid-row:1;padding:0!important}.platform-check small{grid-column:2}.platform-primary,.platform-secondary{min-height:40px;width:max-content;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:0;border-radius:8px;background:#25251f;color:white;font-size:.76rem;font-weight:750;cursor:pointer;text-decoration:none}.platform-primary:hover{background:#414138;color:white;text-decoration:none}.platform-secondary{border:1px solid #dfddd4;background:#fff;color:#45443d}.platform-secondary:hover{background:#f6f5f1}.platform-error{color:#a12c2c;font-size:.76rem}.platform-main-heading{margin-bottom:24px}
.skool-account form{margin:0}.skool-account button{border:0;cursor:pointer;font:inherit}.skool-account form .skool-signup{display:inline-flex;padding:9px 15px;border-radius:7px;background:#242424;color:#fff;font-size:.81rem;font-weight:650}.skool-pagination nav{width:100%}.skool-pagination nav>div:first-child{display:none}.skool-pagination nav>div:last-child{display:flex;justify-content:center;align-items:center;gap:5px}.skool-pagination nav span,.skool-pagination nav a{height:34px;min-width:34px;padding:7px 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e4e4e4;border-radius:6px;background:white;color:#555;font-size:.72rem}.skool-pagination nav [aria-current=page] span{background:#252525;color:#fff;border-color:#252525}.skool-pagination nav a:hover{background:#f4f4f4;text-decoration:none}.skool-empty .skool-signup{padding:9px 14px;border-radius:7px;background:#25251f;color:white;font-size:.75rem}.skool-group-card .art-display{padding:0 10px}
.community-hero-card{overflow:hidden;background:#fff;border:1px solid #e8e6df;border-radius:13px}.community-cover{min-height:190px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--community-color)}.community-cover:before,.community-cover:after{content:"";position:absolute;border:1px solid #ffffff70;width:260px;height:260px;border-radius:50%;right:8%;top:-140px;box-shadow:0 0 0 18px #ffffff1c,0 0 0 42px #ffffff12}.community-cover:after{width:120px;height:120px;left:5%;right:auto;top:auto;bottom:-78px}.community-cover>span{position:absolute;left:22px;top:18px;color:#ffffffc9;font-size:.62rem;font-weight:800;letter-spacing:.15em}.community-cover>b{position:relative;z-index:1;max-width:90%;color:#fff;text-align:center;font-size:clamp(2rem,5vw,3.6rem);line-height:1;letter-spacing:-.07em;text-shadow:0 2px 15px #0002}.community-intro{padding:24px 26px;display:flex;align-items:center;justify-content:space-between;gap:22px}.community-intro h1{margin:0 0 9px;font-size:1.75rem;letter-spacing:-.05em}.community-intro>div:first-child>p:not(.eyebrow){max-width:670px;color:#66655e;font-size:.85rem;line-height:1.65;margin:0 0 11px}.community-byline{color:#8b897f;font-size:.72rem}.community-byline a{color:#34342e;font-weight:700}.community-action{flex:0 0 auto}.community-action form{margin:0}.community-tabs{display:flex;gap:25px;align-items:center;overflow-x:auto;border-bottom:1px solid #e7e5de;margin:22px 0 18px}.community-tabs a{padding:0 2px 12px;color:#77766f;font-size:.78rem;font-weight:650;white-space:nowrap}.community-tabs a:hover{color:#25251f;text-decoration:none}.community-tabs a.tab-active{border-bottom:2px solid #25251f;color:#25251f}.community-tabs a span{color:#9a988f;font-size:.68rem;margin-left:3px}.community-columns{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,.9fr);gap:17px;align-items:start}.community-feed,.community-sidebar{display:grid;gap:13px;min-width:0}.post-composer{padding:17px;display:grid;gap:10px}.post-composer label{font-size:.78rem;font-weight:750}.post-composer textarea{width:100%;resize:vertical;min-height:80px;padding:11px 12px;border:1px solid #e0ded7;border-radius:8px;font:inherit;font-size:.8rem}.post-composer .platform-primary{justify-self:end}.join-nudge{padding:17px;display:grid;gap:5px}.join-nudge strong{font-size:.85rem}.join-nudge span{color:#7c7a72;font-size:.74rem}.community-post{padding:17px}.post-author{display:flex;align-items:center;gap:10px}.member-avatar,.profile-avatar{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:#e9edda;color:#505942;font-weight:800}.post-author>span:last-child{display:grid;gap:2px}.post-author a{color:#30302a;font-size:.76rem;font-weight:750}.post-author small{color:#96948b;font-size:.64rem}.post-body{margin:15px 0;color:#45443e;font-size:.87rem;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere}.post-controls{display:flex;align-items:center;gap:18px;padding:10px 0;border-top:1px solid #efeee9;border-bottom:1px solid #efeee9}.post-controls form{margin:0}.post-action{padding:0;background:transparent;color:#77766f;font-size:.7rem}.post-action[type=submit]{cursor:pointer}.post-liked{color:#d35f50}.post-comments{display:grid;gap:7px;padding-top:11px}.post-comments>div{color:#5b5a53;font-size:.72rem;line-height:1.5}.post-comments a{color:#33332c;font-weight:750}.comment-form{display:flex;gap:8px;margin-top:11px}.comment-form input{min-width:0;height:37px;font-size:.73rem}.comment-form button{padding:0 12px;border-radius:7px;background:#f0efe9;color:#48473f;font-size:.72rem;font-weight:700;cursor:pointer}.no-posts{padding:38px 20px;text-align:center}.no-posts h2{margin:8px 0;font-size:1.2rem}.no-posts p{color:#7f7d74;font-size:.8rem;max-width:430px;margin:0 auto 12px}.empty-spark{color:#9baf69;font-size:1.7rem}.sidebar-section{padding:16px}.sidebar-section h2{margin:0;font-size:.82rem;letter-spacing:-.02em}.sidebar-section>p{color:#77766e;font-size:.7rem;line-height:1.6}.sidebar-stat{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #f0efe9;color:#77766f;font-size:.69rem}.sidebar-stat strong{color:#33332d}.sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sidebar-head>a{font-size:.67rem;font-weight:700;color:#6e784c}.mini-event{display:flex;gap:10px;padding:11px 0;border-top:1px solid #f0efe9}.mini-event time{width:38px;height:42px;flex:0 0 auto;display:grid;place-content:center;text-align:center;border-radius:7px;background:#f2f4e9;color:#667342}.mini-event time b{font-size:.9rem;line-height:1}.mini-event time span{font-size:.55rem;text-transform:uppercase}.mini-event>div{display:grid;gap:4px}.mini-event strong{font-size:.68rem}.mini-event small,.mini-event form button{color:#8a887f;font-size:.61rem}.mini-event form{margin:0}.mini-event form button{color:#536c36;font-weight:700;cursor:pointer}.muted-copy{color:#89877f;font-size:.73rem}.course-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f0efe9;color:#32322c}.course-row>span:nth-child(2){flex:1;display:grid;gap:3px}.course-row strong{font-size:.68rem}.course-row small{color:#919087;font-size:.6rem}.course-icon{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;background:#f0f3e3;color:#778747;font-size:1rem}.course-icon-large{width:45px;height:45px;font-size:1.3rem}.classroom-course{margin:12px 0;overflow:hidden}.course-heading{display:flex;align-items:flex-start;gap:13px;padding:18px}.course-heading h2{margin:0 0 5px;font-size:1.05rem}.course-heading p:last-child{margin:0;color:#77766f;font-size:.75rem}.course-heading .eyebrow{margin-bottom:5px}.lesson-list{padding:0 18px 12px}.lesson-list>a{min-height:44px;display:flex;align-items:center;gap:10px;border-top:1px solid #f0efe9;color:#3c3b35;font-size:.74rem}.lesson-list>a>span:nth-child(2){flex:1}.lesson-list>a small{color:#87857c;font-size:.63rem}.lesson-play{color:#83934e}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.lesson-content{margin-top:10px;padding:24px}.lesson-content h1{margin:0 0 20px;font-size:1.8rem;letter-spacing:-.05em}.lesson-video{min-height:210px;display:grid;place-items:center;margin-bottom:20px;border-radius:9px;background:#25251f}.lesson-video a{color:#fff;font-weight:750}.lesson-copy{color:#53524b;font-size:.9rem;line-height:1.8}.lesson-sidebar{align-self:start;margin-top:45px;padding:15px}.lesson-sidebar h2{font-size:.8rem;margin:0 0 9px}.lesson-side-link{display:flex;gap:9px;padding:10px 5px;border-top:1px solid #efeee9;color:#64635c;font-size:.69rem}.lesson-side-link.lesson-current{color:#35352e;font-weight:750}.lesson-side-link span{color:#889750}.manage-section{margin:13px 0;padding:20px}.manage-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.manage-section-head h2{margin:0;font-size:1.12rem;letter-spacing:-.04em}.manage-section-head .eyebrow{margin-bottom:4px}.manage-course{padding:13px 0;border-top:1px solid #efeee9}.course-row-title{display:flex;align-items:center;gap:10px}.course-row-title>span:last-child{display:grid;gap:4px}.course-row-title strong{font-size:.8rem}.course-row-title small{color:#85837a;font-size:.67rem}.manage-lesson-row{display:flex;justify-content:space-between;margin:9px 0 0 44px;color:#6d6b63;font-size:.7rem}.manage-lesson-row a{color:#607a40}.manage-inline-form{display:grid;gap:11px;padding:17px;margin-top:14px;border:1px solid #eeece5;border-radius:9px;background:#fbfaf7}.manage-inline-form h3{margin:0;font-size:.85rem}.manage-inline-form label{display:grid;gap:5px;margin:0;color:#53524b;font-size:.72rem;font-weight:700}.manage-inline-form input,.manage-inline-form textarea{width:100%;padding:9px 10px;border:1px solid #deddd6;border-radius:7px;background:#fff;font:inherit;font-size:.76rem}.manage-inline-form textarea{resize:vertical}.manage-event-list>div{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #efeee9;font-size:.72rem}.manage-event-list>div>span:last-child{margin-left:auto;color:#85837a;font-size:.65rem}.event-date-pill{color:#717d49}.request-count{display:inline-grid;place-items:center;min-width:23px;height:23px;margin-left:5px;border-radius:20px;background:#f0f3e3;color:#697943;font-size:.66rem}.join-request-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #efeee9}.join-request-row>a{color:#36352f;font-size:.75rem;font-weight:700}.join-request-row small{color:#8d8b82;font-size:.63rem;flex:1}.join-request-row form{margin:0}.join-request-row .platform-primary,.join-request-row .platform-secondary{min-height:32px;padding:7px 10px;font-size:.65rem}.profile-card{padding:22px;display:flex;align-items:center;gap:18px}.profile-avatar{width:67px;height:67px;border-radius:50%;font-size:1.5rem}.profile-copy{flex:1}.profile-copy .eyebrow{margin:0 0 4px}.profile-copy h1{margin:0;font-size:1.55rem;letter-spacing:-.05em}.profile-copy>p:not(.eyebrow){margin:8px 0 0;color:#69685f;font-size:.78rem}.profile-copy .profile-handle{margin-top:2px;color:#99978f;font-size:.69rem}.profile-stats{display:flex;gap:15px}.profile-stats span{display:grid;color:#8b8980;font-size:.64rem}.profile-stats strong{color:#393831;font-size:1rem}.profile-edit{margin:14px 0;padding:18px}.profile-edit .platform-form{max-width:580px}.profile-communities{margin-top:25px}.profile-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profile-community-card{overflow:hidden;display:flex;flex-direction:column;border:1px solid #e8e6df;border-radius:10px;background:white;color:#33332d}.profile-community-cover{min-height:100px;display:grid;place-items:center;padding:10px;color:#fff;font-size:1.05rem;font-weight:800;text-align:center;letter-spacing:-.04em}.profile-community-card>span:last-child{display:grid;gap:5px;padding:11px}.profile-community-card strong{font-size:.75rem}.profile-community-card small{color:#89877f;font-size:.65rem}
@media(max-width:700px){.topbar-inner{align-items:center}.nav{gap:2px;overflow-x:auto}.nav a,.nav button{padding:7px!important;font-size:.7rem;white-space:nowrap}.nav .nav-utility{display:none}.platform-wrap{padding:24px 0 50px}.community-intro{align-items:flex-start;flex-direction:column;padding:18px}.community-action{width:100%}.community-action .platform-primary{width:100%}.community-columns,.lesson-layout{grid-template-columns:1fr}.community-sidebar{grid-template-columns:1fr}.community-cover{min-height:150px}.community-tabs{gap:18px}.lesson-sidebar{margin-top:0}.lesson-content{padding:18px}.lesson-video{min-height:170px}.manage-section{padding:15px}.join-request-row{flex-wrap:wrap}.join-request-row small{flex-basis:calc(100% - 55px)}.join-request-row form{margin-left:auto}.profile-card{flex-wrap:wrap;padding:17px;gap:12px}.profile-avatar{width:54px;height:54px}.profile-copy{min-width:calc(100% - 70px)}.profile-stats{width:100%;padding-left:67px}.profile-community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skool-account form .skool-signup{font-size:.7rem;padding:7px 9px}.skool-header{gap:12px}}

.member-directory{display:grid;gap:10px}.member-directory-card{display:flex;align-items:center;gap:14px;padding:14px}.member-directory-copy{display:grid;gap:4px;min-width:0;flex:1}.member-directory-copy>a{font-weight:750;color:#282821}.member-directory-copy small{color:#77766f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-completion-form{margin-top:26px;padding-top:20px;border-top:1px solid #eceae4}.complete-button{min-height:40px;display:inline-flex;align-items:center;padding:10px 15px;border:1px solid #d9e5bd;border-radius:8px;background:#f2f6e9;color:#48552c;font-size:.76rem;font-weight:750;cursor:pointer}.event-meeting-link{display:block;margin-top:7px;color:#52652f;font-size:.72rem;font-weight:750}

.notification-nav{white-space:nowrap}.notification-nav span,.notification-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:99px;background:#d9ef7f;color:#292a24;font-size:.64rem;font-weight:800}.community-tabs{overflow-x:auto;scrollbar-width:thin}.chat-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px}.chat-heading h1{margin:0 0 5px}.chat-heading p{margin:0;color:#77766f}.chat-heading>span{color:#77766f;font-size:.77rem}.chat-panel{overflow:hidden}.chat-messages{display:grid;gap:2px;max-height:62vh;min-height:260px;overflow:auto;padding:20px}.chat-message{display:flex;gap:10px;padding:12px 8px;border-bottom:1px solid #f1f0eb}.chat-message-own{background:#fbfcf7}.chat-message>div{min-width:0;flex:1}.chat-message header{display:flex;align-items:baseline;gap:10px}.chat-message header a,.leader-copy>a{color:#292a24;font-size:.82rem;font-weight:750}.chat-message time,.chat-message p{color:#77766f;font-size:.74rem}.chat-message p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-compose{display:flex;align-items:flex-end;gap:12px;padding:14px;border-top:1px solid #e8e6df;background:#fbfaf7}.chat-compose textarea{flex:1;min-height:50px;max-height:180px;resize:vertical;border:1px solid #deddd6;border-radius:8px;padding:11px;font:inherit;font-size:.82rem}.leaderboard-list{overflow:hidden}.leaderboard-row{display:flex;align-items:center;gap:13px;padding:14px 18px;border-bottom:1px solid #efeee9}.leaderboard-row:last-child{border-bottom:0}.leader-rank{width:28px;color:#9a988e;font-size:.74rem;font-weight:800}.leader-copy{display:grid;gap:4px;min-width:0;flex:1}.leader-copy small{color:#8b897f;font-size:.7rem}.leaderboard-row>strong{color:#576733;font-size:.79rem}.notification-list{overflow:hidden}.notification-row{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #efeee9;color:#292a24}.notification-row:last-child{border-bottom:0}.notification-row>span:nth-child(2){display:grid;gap:5px;flex:1}.notification-row strong{font-size:.81rem}.notification-row small{color:#8b897f;font-size:.7rem}.notification-dot{width:9px;height:9px;border-radius:50%;background:#b6c982}.pinned-label{margin:0 18px;padding-top:14px;color:#66793d;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.post-menu{position:relative;margin-left:auto}.post-menu>summary{list-style:none;cursor:pointer;color:#737168;font-weight:800}.post-menu>summary::-webkit-details-marker,.post-edit-details>summary::-webkit-details-marker{display:none}.post-menu-panel{position:absolute;z-index:4;right:0;top:24px;width:170px;padding:7px;background:#fff;border:1px solid #e8e6df;border-radius:9px;box-shadow:0 10px 25px #2d29161a}.post-menu-panel form{margin:0}.post-menu-panel button,.post-edit-details>summary{display:block;width:100%;padding:8px;border:0;border-radius:6px;background:white;text-align:left;color:#44433d;font:inherit;font-size:.73rem;cursor:pointer}.post-menu-panel button:hover,.post-edit-details>summary:hover{background:#f5f4ef}.post-edit-details textarea{width:100%;min-height:90px;border:1px solid #deddd6;border-radius:6px;padding:8px;font:inherit;font-size:.72rem}.post-edit-details form button{background:#292a24;color:white}.chat-compose .platform-primary{flex-shrink:0}
@media(max-width:700px){.notification-nav{display:none}.chat-heading{align-items:flex-start;gap:8px;flex-direction:column}.chat-messages{padding:12px;max-height:60vh}.chat-compose{align-items:stretch;flex-direction:column}.chat-compose .platform-primary{width:100%}.leaderboard-row{gap:9px;padding:12px}.leaderboard-row>strong{font-size:.7rem}}
.message-nav{white-space:nowrap}.direct-conversation-row{align-items:center}.direct-conversation-row .profile-avatar{width:42px;height:42px;flex-shrink:0}.direct-conversation-row time{color:#88867d;font-size:.7rem;white-space:nowrap}.message-person-link{color:#292a24}.direct-messages{min-height:300px}.direct-messages .chat-message-own{margin-left:8%}.direct-conversation-row strong .notification-badge{display:inline-grid;vertical-align:middle}.profile-stats .platform-primary{margin-top:12px}
@media(max-width:700px){.message-nav{display:none}.direct-conversation-row time{display:none}.direct-messages .chat-message-own{margin-left:0}}
.skool-card-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .25s}.skool-group-card:hover .skool-card-cover{transform:scale(1.035)}.skool-card-art:has(.skool-card-cover):after{background:linear-gradient(0deg,#1119,transparent 62%);width:100%;height:100%;inset:0;border-radius:0;opacity:1}.skool-card-art:has(.skool-card-cover) .art-kicker,.skool-card-art:has(.skool-card-cover) .art-display,.skool-card-art:has(.skool-card-cover) .art-index{z-index:1}.community-cover-preview{width:100%;max-height:220px;object-fit:cover;border-radius:9px}
@media(max-width:700px){.skool-page{width:100%;max-width:100%;min-width:0;overflow-x:clip}.skool-header{display:flex;width:100%;min-width:0;justify-content:space-between;gap:8px}.skool-logo{flex:0 0 auto}.skool-nav{display:none}.skool-account{flex:0 0 auto;min-width:0;margin-left:auto;gap:6px;white-space:nowrap}.skool-account form{margin:0}.skool-account .skool-signup{padding:7px 9px;font-size:.7rem}.skool-content{width:100%;max-width:100%;min-width:0}.skool-search{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.skool-results-meta{gap:8px;flex-wrap:wrap}.skool-grid,.skool-footer{min-width:0;max-width:100%}}

/* Phone layouts: preserve access to all primary navigation actions. */
.platform-wrap, .platform-card, .community-feed, .community-sidebar { min-width: 0; }
.platform-card p, .post-body, .profile-copy, .community-intro { overflow-wrap: anywhere; }
.platform-card table { width: 100%; border-collapse: collapse; }
.platform-card th, .platform-card td { padding: 8px; text-align: left; border-bottom: 1px solid var(--line); }
@media (max-width: 700px) {
 .shell { width: calc(100% - 24px); }
 .main { padding-top: 20px; }
 .topbar-inner { flex-wrap: wrap; gap: 6px; padding: 10px 0; }
 .topbar-inner .nav { flex-basis: 100%; max-width: 100%; overflow-x: auto; padding-bottom: 4px; }
 .nav a, .nav button { min-height: 44px; display: inline-flex; align-items: center; flex-shrink: 0; }
 .nav form { flex-shrink: 0; margin: 0; }
 .nav .message-nav, .nav .notification-nav { display: inline-flex; }
 input:not([type=checkbox]):not([type=radio]), textarea, select { max-width: 100%; min-width: 0; font-size: 16px !important; }
 button, .platform-primary, .platform-secondary { min-height: 44px; }
 .member-directory-card { flex-wrap: wrap; }
 .member-directory-card form { max-width: 100%; display: flex; flex-wrap: wrap; gap: 6px; }
 .member-directory-copy { flex-basis: calc(100% - 85px); }
 .member-directory-copy small { white-space: normal; }
 .platform-card { max-width: 100%; }
 .platform-card table { font-size: 12px; table-layout: fixed; overflow-wrap: anywhere; }
 .platform-card th, .platform-card td { padding: 6px 3px; }
 .community-tabs a { flex-shrink: 0; min-height: 44px; display: inline-flex; align-items: center; }
 .manage-section-head { flex-wrap: wrap; gap: 10px; }
 .manage-inline-form, .manage-course, .manage-event-list { min-width: 0; }
 .manage-event-list > div { flex-wrap: wrap; }
 .comment-form { flex-wrap: wrap; }
 .comment-form input { flex: 1 1 170px; }
 #local-video, #remote-video { width: 100% !important; max-height: 40vh; background: #151515; border-radius: 10px; }
 #join-call, #mute-call, #camera-call, #leave-call { margin: 4px 0; }
}
@media (max-width: 380px) {
 .profile-community-grid { grid-template-columns: 1fr; }
 .skool-header { flex-wrap: wrap; }
 .skool-account { margin-left: auto; }
}

/* Keep auth forms centered without shrinking their containing shell. */
.auth-wrap > .shell { width: min(1080px, calc(100% - 32px)); min-width: 0; }
.auth-card { margin-inline: auto; }
.password-toggle { display: block; margin: -8px 0 12px auto; padding: 8px 0 8px 12px; border: 0; background: transparent; color: var(--brand-dark); cursor: pointer; min-height: 44px; }
.auth-card form + p { margin-top: 18px; }
@media (max-width: 700px) {
 .auth-wrap { display: block; min-height: calc(100dvh - 112px); padding: 24px 0 40px; }
 .auth-wrap > .shell { width: calc(100% - 24px); }
 .auth-card { width: 100%; max-width: 460px; padding: 24px 20px; border-radius: 16px; }
 .auth-card h1 { font-size: 30px; }
 .auth-card .subhead { font-size: 16px; }
 .auth-card input[type=email], .auth-card input[type=password], .auth-card input[type=text] { width: 100%; min-height: 48px; font-size: 16px; }
 .auth-card .confirm { min-height: 44px; align-items: center; }
 .auth-card .confirm label { margin: 0; padding: 8px 0; }
 .auth-card .confirm input { width: 20px; height: 20px; margin: 0; }
 .auth-card .button { min-height: 48px; font-size: 16px; }
 .auth-foot a, .auth-card form + p a { display: inline-block; padding-block: 8px; }
}

.google-login{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px;border:1px solid #cdd3ce;border-radius:10px;background:white;color:#222;font-size:16px;font-weight:600;text-decoration:none}.google-login:hover{background:#f6f7f6;text-decoration:none}.google-login span{font-size:22px;font-weight:800;color:#4285f4}.auth-divider{text-align:center;margin:18px 0;color:#72786f;font-size:13px}

#remote-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#remote-videos video{width:100%;background:#151515;border-radius:10px}@media(max-width:700px){#remote-videos{grid-template-columns:1fr}}