/* Zikoco visual system: shared across discovery, auth and community tools. */
:root{--ink:#172039;--muted:#67728a;--line:#e3e7f0;--surface:#fff;--canvas:#f6f7fb;--brand:#4f46e5;--brand-dark:#3730a3;--brand-soft:#eeedff;--shadow:0 12px 36px #17203908;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
body{background:var(--canvas);color:var(--ink)}
.topbar{background:#ffffffed;border-color:var(--line);backdrop-filter:blur(12px)}
.brand-mark,.skool-logo-mark{background:var(--brand);color:white;transform:none;border-radius:11px;box-shadow:none}
.brand-label{display:inline!important;color:var(--ink)}
.nav a,.nav button{font-weight:600}.nav a:hover{background:var(--brand-soft);color:var(--brand-dark)}
.card,.platform-card{border:1px solid var(--line);border-radius:18px;background:white;box-shadow:var(--shadow)}
h1,h2,h3{color:var(--ink)}
.button,.platform-primary{background:var(--brand);color:white;border:1px solid var(--brand);border-radius:11px;min-height:44px;box-shadow:none;font-weight:650}
.button:hover,.platform-primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}
.platform-secondary{background:white;border:1px solid var(--line);border-radius:10px;color:var(--ink);min-height:44px}
input,textarea,select{border-color:#d9dfeb;border-radius:10px;color:var(--ink)}
input:focus,textarea:focus,select:focus{border-color:var(--brand);outline:3px solid #4f46e51a;box-shadow:none}
:focus-visible{outline:3px solid #4f46e570;outline-offset:3px}
.auth-wrap{padding-top:54px}.auth-card{padding:36px;box-shadow:0 16px 50px #17203909}.auth-card h1{font-size:34px;letter-spacing:-.04em}.auth-card .eyebrow{display:none}.auth-card .subhead{color:var(--muted)}
.google-login{border-radius:11px;border-color:var(--line);font-weight:600}.auth-divider{color:var(--muted)}
.skool-page{--sk-ink:var(--ink);--sk-muted:var(--muted);--sk-border:var(--line);background:var(--canvas);max-width:1440px;padding:0 clamp(20px,5vw,72px);color:var(--ink)}
.skool-header{height:82px;border-bottom:1px solid var(--line);gap:32px}.skool-logo{font-size:24px;letter-spacing:-.055em;color:var(--ink)}.skool-logo-mark{width:36px;height:36px;font-size:25px}
.skool-nav{font-size:14px;color:var(--muted)}.skool-nav a:first-child{color:var(--brand);font-weight:700}.skool-account{font-size:14px;color:var(--ink)}.skool-account .skool-signup{background:var(--brand);border-radius:10px;padding:12px 20px;min-height:44px;color:white}
.skool-content{max-width:1120px;padding:52px 0 64px}.skool-title-row{gap:8px;flex-wrap:wrap;margin-bottom:26px}.skool-title-row h1{font-size:36px;font-weight:750;letter-spacing:-.045em;color:var(--ink)}.skool-create-link{color:var(--brand)}
.skool-search{width:100%;height:58px;border-radius:14px;border:1px solid var(--line);padding:0 18px;background:white;box-shadow:0 4px 12px #17203903}.skool-search input{font-size:16px!important;color:var(--ink)}.skool-search:focus-within{border-color:var(--brand);outline:3px solid #4f46e512}
.topic-chip{background:white;border:1px solid var(--line);border-radius:24px;padding:11px 17px;font-size:13px;color:var(--muted);min-height:44px}.topic-chip.selected{background:var(--brand-soft);color:var(--brand-dark);border-color:#d7d3ff}.topic-chip:hover{border-color:#b7b0f5}
.skool-filter-button{min-height:44px;border-radius:10px;border-color:var(--line);color:var(--ink);background:white}.skool-results-meta{margin:28px 0 18px;color:var(--muted);font-size:13px}.skool-results-meta select{background:white;border-color:var(--line);border-radius:9px;min-height:40px}
.skool-grid{gap:22px}.skool-group-card{border-radius:17px;border:1px solid var(--line);box-shadow:0 5px 16px #17203904;transition:box-shadow .18s,transform .18s}.skool-group-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #1720390d}.skool-card-body{padding:18px}.skool-card-heading h2{font-size:17px;color:var(--ink)}.skool-card-body>p{font-size:13px;line-height:1.6;height:42px;color:var(--muted)}.skool-card-stats{font-size:11px}
.skool-empty{grid-column:1/-1;min-height:300px;justify-content:center;border:1px solid var(--line);border-radius:20px;background:white;box-shadow:0 5px 25px #17203903;padding:48px 24px;text-align:center;font-size:14px;color:var(--muted);gap:12px}.skool-empty strong{font-size:22px;letter-spacing:-.03em;color:var(--ink)}.skool-empty .skool-signup{display:inline-flex;align-items:center;background:var(--brand);color:white;padding:12px 20px;border-radius:10px;min-height:44px}
.skool-footer{color:var(--muted);padding:20px 0;min-height:92px}.skool-footer nav a{color:var(--muted)}
.community-tabs{border-color:var(--line)}.community-tabs .tab-active{color:var(--brand);border-color:var(--brand)}.community-hero-card{border-radius:20px;overflow:hidden}.post-body{font-size:15px;line-height:1.7}.manage-section{margin-bottom:22px}.notification-dot{background:var(--brand)}
@media(max-width:700px){.skool-page{padding:0 18px}.skool-header{height:76px;gap:10px;flex-wrap:nowrap}.skool-logo{font-size:22px}.skool-account .skool-signup{padding:10px 14px}.skool-content{padding:32px 0 44px}.skool-title-row{display:block;margin-bottom:22px}.skool-title-row h1{display:block;font-size:30px;margin-bottom:10px}.skool-or{margin-left:0}.skool-search{height:54px}.topic-chip{padding:10px 14px}.skool-empty{min-height:280px;padding:32px 18px}.skool-footer{gap:12px}.auth-wrap{padding-top:24px}.auth-card{padding:28px 22px}.auth-card h1{font-size:30px}.skool-results-meta{margin-top:20px}.skool-grid{gap:16px}.skool-card-heading h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){.skool-group-card{transition:none}.skool-group-card:hover{transform:none}}
.topbar .brand-mark{background:var(--brand);color:#fff;box-shadow:none;transform:none}.topbar .nav .nav-signup{background:var(--brand);color:#fff;border-radius:10px}.topbar .nav .nav-signup:hover{background:var(--brand-dark)}

/* Consistent page hierarchy and form anatomy. */
.platform-wrap{max-width:1120px;margin-inline:auto;padding:24px 0 56px}
.platform-heading{margin-bottom:28px}.platform-heading h1{font-size:clamp(28px,3vw,38px);line-height:1.15;margin:12px 0}.platform-heading>p{font-size:15px;line-height:1.7;color:var(--muted);max-width:650px}.platform-back{display:inline-flex;align-items:center;min-height:44px;color:var(--muted);font-size:14px}
.platform-form{display:grid;gap:22px}.platform-form label,.manage-inline-form label{font-size:14px;line-height:1.5;font-weight:600;color:var(--ink);margin:0}.platform-form label>input:not([type=checkbox]):not([type=radio]),.platform-form label>textarea,.platform-form label>select{display:block;margin-top:8px;width:100%;background:#fff;padding:13px 14px;border:1px solid #d9dfeb;border-radius:10px;font-size:15px;line-height:1.5;min-height:48px}.platform-form label>textarea{resize:vertical;min-height:120px}.platform-form label small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:7px}.platform-form input[type=file]{max-width:100%;font-size:13px!important}.platform-form input[type=file]::file-selector-button{border:1px solid var(--line);background:var(--canvas);border-radius:7px;padding:8px 10px;margin-right:10px;color:var(--ink);cursor:pointer}
.platform-form .platform-check{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;background:var(--canvas);border:1px solid var(--line);border-radius:11px}.platform-form .platform-check input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--brand)}.platform-form .platform-check small{flex-basis:100%;margin:0 0 0 30px}.platform-form>.platform-primary{justify-self:start;padding:13px 22px;font-size:14px}
.create-community-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}.community-create-form{padding:32px}.form-section-title h2{font-size:19px;margin:0 0 6px}.form-section-title p{font-size:14px;color:var(--muted);margin:0;line-height:1.6}.create-community-guide>.platform-card{padding:24px}.create-community-guide h2{font-size:17px}.create-community-guide ol{padding-left:22px;margin:20px 0 0}.create-community-guide li{padding-left:5px;margin-bottom:24px;font-size:14px}.create-community-guide li:last-child{margin-bottom:0}.create-community-guide li::marker{color:var(--brand);font-weight:700}.create-community-guide li p,.create-launch-note p{font-size:13px;color:var(--muted);line-height:1.7;margin:6px 0 0}.create-launch-note{padding:22px 24px;margin-top:16px;border-radius:16px;background:var(--brand-soft)}.create-launch-note strong{font-size:14px;color:var(--brand-dark)}
.manage-section{padding:28px}.manage-section h2{font-size:20px}.manage-inline-form{display:grid;gap:16px;padding:20px;border-radius:12px;background:var(--canvas);margin-top:18px}.manage-inline-form h3{margin:0;font-size:16px}.manage-course{padding-block:20px}.community-intro h1{font-size:clamp(26px,3vw,38px)}.community-tabs{display:flex;gap:24px;overflow-x:auto;white-space:nowrap;scroll-padding:10px}.community-tabs a{font-size:14px;min-height:48px}.post-author a{font-size:14px}.post-author small{font-size:12px}.post-composer label{font-size:16px}.comment-form input{font-size:14px}.sidebar-section h2{font-size:17px}.sidebar-section p{font-size:14px;line-height:1.7}.notification-row strong{font-size:14px}.notification-row small{font-size:12px}.lesson-content{line-height:1.8}.member-directory-copy small{font-size:12px}.platform-card table{font-size:14px}.platform-card table th{color:var(--muted);font-weight:600}.mobile-menu-toggle{display:none}
@media(max-width:1000px){.topbar-inner{flex-wrap:wrap;padding-block:12px}.topbar-inner .nav{flex-basis:100%;flex-wrap:wrap;gap:5px}.topbar-inner .nav a,.topbar-inner .nav button{padding:9px 12px!important;font-size:13px;min-height:44px}.create-community-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}}
@media(max-width:700px){.main{padding-top:16px}.platform-wrap{padding-top:4px}.topbar{position:relative}.topbar-inner{justify-content:space-between;min-height:68px;gap:0}.mobile-menu-toggle{display:inline-flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);padding:10px 14px;border-radius:10px;min-height:44px;font-size:14px;color:var(--ink)}.topbar-inner .nav{display:none}.topbar-inner .nav.mobile-menu-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border-top:1px solid var(--line);padding-top:12px;margin-top:12px;overflow:visible}.topbar-inner .nav a,.topbar-inner .nav form button{width:100%;white-space:normal;font-size:14px!important;border-radius:8px}.topbar-inner .nav .nav-utility{display:inline-flex}.topbar-inner .nav form{margin:0}.create-community-layout{grid-template-columns:1fr;gap:20px}.community-create-form{padding:22px 18px}.platform-heading{margin-bottom:22px}.platform-heading h1{font-size:30px}.platform-heading>p{font-size:15px}.create-community-guide{display:none}.platform-form{gap:20px}.platform-form>.platform-primary{width:100%;justify-self:stretch;min-height:48px}.manage-section{padding:22px 18px}.manage-inline-form{padding:16px 12px}.community-intro{padding:22px 18px}.community-tabs{gap:22px;margin-block:18px}.community-columns{gap:20px}.post-composer{padding:18px}.member-directory-card{padding:18px;gap:12px}.member-directory-card form{width:100%;display:flex;gap:8px}.member-directory-card form select{flex:1}.member-directory-card form button{flex:0 0 auto}.profile-card{padding:20px}.profile-stats{padding-left:0;flex-wrap:wrap}.platform-card table{font-size:12px}.notification-row{padding:16px 12px;align-items:flex-start}.notification-row strong{overflow-wrap:anywhere}.chat-message header{flex-wrap:wrap}.leaderboard-row{flex-wrap:wrap}.auth-wrap{min-height:calc(100dvh - 68px)}.profile-community-grid{grid-template-columns:1fr}.alert{overflow-wrap:anywhere}.platform-form fieldset{min-width:0;border:1px solid var(--line);border-radius:10px;padding:14px}}
.platform-card table{width:100%;min-width:0!important;table-layout:fixed}.platform-card th,.platform-card td{white-space:normal;overflow-wrap:anywhere}@media(max-width:1000px){.platform-card table{font-size:13px}.platform-card th,.platform-card td{padding:8px 5px}}
@media(min-width:701px){.topbar .nav .nav-utility{display:none}.topbar .nav{gap:4px}.topbar .nav a,.topbar .nav button{white-space:nowrap;font-size:13px;padding:10px!important}.topbar-inner{gap:16px}.topbar .nav form{margin:0}}

.community-post .post-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.post-controls form{margin:0}.community-post .post-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#526078;font-family:inherit;font-size:13px;font-weight:600;line-height:1;white-space:nowrap}.post-controls button{cursor:pointer}.post-controls button:hover{background:var(--brand-soft);color:var(--brand-dark)}.post-control-icon{display:block;width:20px;height:20px;flex:0 0 20px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.community-post .post-liked{background:#fff0f4;color:#c52e5d}.post-liked .post-control-icon{fill:currentColor}.post-controls button:focus-visible{outline:3px solid #4f46e570;outline-offset:2px}@media(max-width:700px){.community-post .post-controls{padding:8px 10px;gap:4px}.community-post .post-action{font-size:13px;padding:10px}.post-control-icon{width:21px;height:21px;flex-basis:21px}}

.post-inline-status{padding:8px 18px;margin:0;color:var(--muted);font-size:13px}.post-inline-status[hidden]{display:none}.post-controls button:disabled,.comment-form button:disabled{opacity:.6;cursor:wait}.post-comments>div{white-space:pre-wrap;overflow-wrap:anywhere}

.payment-page{max-width:720px}.whish-qr-panel{text-align:center}.whish-qr{margin:24px auto;padding:20px;max-width:300px;border:1px solid var(--line);border-radius:16px;background:white}.whish-qr img{display:block;width:100%;height:auto}.whish-qr figcaption{font-size:14px;margin-top:16px;color:var(--muted)}.payment-pending{padding:24px;border-radius:12px;background:var(--canvas);color:var(--muted)}