:root{--bg:#fbfbf7;--ink:#111;--muted:#6b6f66;--line:#e4e6dc;--accent:#c8f03d;--accent-ink:#1a2a00;--card:#fff;--dark:#141612}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Inter,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit}main{min-height:60vh}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:5}
.top nav{display:flex;gap:16px;align-items:center;font-weight:600;font-size:15px;flex-wrap:wrap;justify-content:flex-end}.top nav a{text-decoration:none}
.fav-nav span:empty{display:none}.fav-nav span{background:var(--accent);border-radius:999px;padding:0 6px;font-size:12px}
.lbl-short{display:none}
@media(max-width:640px){.top nav{gap:10px;font-size:14px}.nav-wide{display:none}.lbl-long{display:none}.lbl-short{display:inline}.top{padding:12px 14px}}
.logo{font-weight:900;font-size:26px;letter-spacing:-1px;text-decoration:none}.logo span{background:var(--accent);padding:0 4px;border-radius:6px}.logo.small{font-size:22px}
.btn{display:inline-block;padding:9px 16px;border-radius:999px;text-decoration:none;font-weight:700;border:1px solid var(--dark);line-height:1.2;cursor:pointer;font-size:15px;font-family:inherit}
.btn-accent{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-dark{background:var(--dark);color:#fff}.btn-ghost{background:#fff;color:var(--ink);border-color:var(--line)}.btn-light{background:#fff;color:var(--ink);border-color:#fff}.btn.sm{padding:7px 12px;font-size:13px}
.btn.fav.on{background:#ffe4ec;border-color:#ffb3c9}.btn:disabled{opacity:.6}
.hero-mini{max-width:1100px;margin:0 auto;padding:36px 20px 10px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;color:var(--muted);margin:0 0 6px}
h1{font-size:clamp(28px,4.5vw,46px);line-height:1.08;letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance}h2{font-size:22px;margin:28px 0 8px}h3{margin:0 0 6px;font-size:17px}
.lead{font-size:18px;color:#333;max-width:720px;margin:0 0 18px}
.search{display:flex;gap:8px;max-width:720px}.search input{flex:1;padding:12px 16px;border:1px solid var(--line);border-radius:999px;font-size:16px;background:#fff}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px;align-items:center}.filters select{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:14px}.reset{font-size:14px;color:var(--muted)}
.grid-wrap{max-width:1100px;margin:0 auto;padding:10px 20px 30px}.grid-head{display:flex;justify-content:space-between;align-items:baseline;color:var(--muted);font-size:14px}.grid-head h2{margin:10px 0}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}@media(max-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.grid{grid-template-columns:repeat(2,1fr);gap:10px}}
.tile{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.tile.reserved{border-style:dashed}
.tile-img{display:block;position:relative;aspect-ratio:1/1;background:#eef0e6;overflow:hidden}.tile-img img{width:100%;height:100%;object-fit:cover;display:block}.ph{display:flex;align-items:center;justify-content:center;height:100%;font-weight:900;font-size:34px;color:#99a08a}
.badge{position:absolute;left:8px;top:8px;background:#fff;color:#1a5c1a;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.15)}.badge.vid{left:auto;right:8px;color:#333}.badge.fnd{left:auto;right:8px;background:var(--accent);color:var(--accent-ink)}.badge.grey{color:#555}
.tile-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.tile-body h3 a{text-decoration:none}.tile-body small{color:var(--muted);font-weight:500}.tile-body p{margin:0;font-size:13.5px;color:#444}
.meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.meta.small{color:var(--muted)}.meta.center{justify-content:center}
.chip{background:#f1f3ea;border-radius:999px;padding:2px 9px}.chip.ghost{background:#fff;border:1px solid var(--line)}.chip.ok{background:#e4f7d1;color:#1a5c1a}.chip.fnd{background:var(--accent);color:var(--accent-ink);font-weight:700}
.actions{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}
.empty{background:#fff;border:1px dashed var(--line);border-radius:14px;padding:30px;text-align:center;color:#444}
.promo{max-width:1100px;margin:10px auto 40px;padding:0 20px}.promo>div{background:var(--dark);color:#fff;border-radius:18px;padding:34px 28px}.promo h2{margin:4px 0 10px;font-size:28px}.promo p{max-width:720px;color:#d9ddd1}.promo .eyebrow{color:#b8c3a0}
.hub{max-width:560px;margin:0 auto;padding:30px 16px 50px}.hub-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 22px;text-align:center}
.hub-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;margin:0 auto 12px;display:block;border:4px solid var(--accent)}.hub-avatar.ph{display:flex;font-size:30px}
.hub h1{font-size:28px}.hub h1 small{display:block;font-size:14px;color:var(--muted);font-weight:500;margin-top:2px}.headline{font-weight:600;margin:0 0 8px}.bio{color:#333;margin:12px 0 18px;white-space:pre-line}
.links{display:flex;flex-direction:column;gap:10px;text-align:left}.link{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;text-decoration:none;font-weight:700;background:#fff}.link small{color:var(--muted);font-weight:500;font-size:12px}
.link.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.link.adult small{color:#9a3b00}.link.short{border-style:dashed}
.hub-tools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:16px 0 8px}
.center{text-align:center}.muted{color:var(--muted)}.fine{font-size:12px;color:var(--muted)}.small{font-size:13px}
.doc{max-width:820px;margin:0 auto;padding:36px 20px 60px}.doc p,.doc li{color:#333}.tbl{width:100%;border-collapse:collapse;margin:10px 0 20px;font-size:15px}.tbl th,.tbl td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:14px 0 20px}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.card p{margin:0;font-size:14px}
.feat li,.steps li{margin:0 0 12px}.steps.small li{font-size:15px;margin:0 0 6px}code{background:#f1f3ea;padding:1px 6px;border-radius:6px;word-break:break-all}code.big{font-size:22px;padding:4px 10px;letter-spacing:.08em}
.notice{background:#e4f7d1;border:1px solid #b9e58f;border-radius:12px;padding:10px 14px;margin:10px 0;font-size:15px}.notice.warn{background:#fff3d6;border-color:#f3d48a}.err{color:#b00020;font-size:14px}
.foot{border-top:1px solid var(--line);background:#fff;padding:28px 20px 30px}.foot-grid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;font-size:14px}@media(max-width:700px){.foot-grid{grid-template-columns:1fr 1fr}}
.foot-grid a{display:block;text-decoration:none;color:#333;margin:4px 0}.foot-grid strong{display:block;margin-bottom:6px}.foot .fine{max-width:1100px;margin:18px auto 0}
/* hub themes */
body.theme-dark{--bg:#141612;--ink:#fff;--muted:#b4b8ab;--line:#2c2f28;--card:#1d201b}body.theme-dark .hub-card,body.theme-dark .link{background:#1d201b;color:#fff}body.theme-dark .bio,body.theme-dark .tile-body p{color:#d9ddd1}body.theme-dark .chip{background:#2c2f28}body.theme-dark .btn-ghost{background:#1d201b;color:#fff}body.theme-dark .notice{color:#111}
body.theme-lime{--bg:#c8f03d;--ink:#1a2a00;--line:#a8cf1f}body.theme-lime .hub-card{background:#d9f56e}body.theme-lime .link{background:#eefbb8}body.theme-lime .link.primary{background:#141612;color:#fff;border-color:#141612}body.theme-lime .hub-avatar{border-color:#141612}
body.theme-rose{--bg:#ffe4ec;--ink:#3a0f1f;--line:#ffc2d4;--accent:#ff4f8b;--accent-ink:#fff}body.theme-rose .hub-card{background:#fff5f8}body.theme-rose .link{background:#fff}
/* studio */
.studio{max-width:960px;margin:0 auto;padding:30px 16px 60px}.login{max-width:520px;margin:20px auto;text-align:left}.login label,.pane label{display:block;margin:10px 0;font-weight:600;font-size:14px}.login input,.pane input,.pane textarea,.pane select,.row-add input,.row-add select{width:100%;padding:11px 13px;border:1px solid #d6d9cc;border-radius:11px;font-size:15px;font-family:inherit;background:#fff;margin-top:4px}.login input:focus,.pane input:focus,.pane textarea:focus,.pane select:focus{outline:none;border-color:#9bb816;box-shadow:0 0 0 3px rgba(200,240,61,.45)}
.pane label small{font-weight:400;color:var(--muted)}
.studio-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.studio-head h1{font-size:30px}.studio-actions{display:flex;gap:8px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:14px 0 18px;overflow-x:auto}.tabs a{padding:10px 14px;text-decoration:none;font-weight:600;white-space:nowrap;border-bottom:3px solid transparent;color:var(--muted)}.tabs a.on{color:var(--ink);border-color:var(--accent)}
.pane{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px 22px}.pane h2{margin-top:0}
.linkrows{display:flex;flex-direction:column;gap:8px;margin:12px 0}.linkrow{display:grid;grid-template-columns:130px 1fr 36px;gap:8px;align-items:center}.linkrow input{margin:0}.x{border:1px solid var(--line);background:#fff;border-radius:8px;height:36px;cursor:pointer;font-size:18px}
.row-add{display:grid;grid-template-columns:150px 1fr 1fr auto;gap:8px;align-items:center;margin:8px 0 14px}.row-add input,.row-add select{margin:0}.row-add .pre{font-family:ui-monospace,monospace;color:var(--muted);white-space:nowrap}@media(max-width:700px){.row-add,.linkrow{grid-template-columns:1fr}}
.themes{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}.theme{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;cursor:pointer;background:#fff}.theme.theme-dark{background:#141612;color:#fff}.theme.theme-lime{background:#c8f03d;color:#1a2a00}.theme.theme-rose{background:#ffe4ec;color:#3a0f1f}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 16px}@media(max-width:640px){.kpis{grid-template-columns:1fr 1fr}}.kpi{background:#f6f7f1;border-radius:12px;padding:12px}.kpi b{display:block;font-size:26px}.kpi span{font-size:13px;color:var(--muted)}
.bars{display:flex;flex-direction:column;gap:6px;margin:8px 0 16px}.bar{display:grid;grid-template-columns:140px 1fr 50px;align-items:center;gap:8px;font-size:14px}.bar i{display:block;height:14px;background:var(--accent);border-radius:7px;min-width:2px}.bar b{text-align:right}
.chart{display:flex;align-items:flex-end;gap:2px;height:120px;border-bottom:1px solid var(--line);margin:8px 0 16px}.col{flex:1;display:flex;align-items:flex-end;height:100%}.col i{display:block;width:100%;background:var(--accent);border-radius:3px 3px 0 0;min-height:1px}
.login.wide{max-width:720px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.two{grid-template-columns:1fr}}.toggle{display:flex;gap:8px;align-items:flex-start;font-weight:500!important}.toggle input{width:auto!important;margin:4px 0 0}
.small.ok{color:#1a5c1a}.small.err{color:#b00020}.studio-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover}.related{margin:30px 0 10px}.related h2{font-size:18px}.related .grid{grid-template-columns:repeat(4,1fr)}@media(max-width:640px){.related .grid{grid-template-columns:repeat(2,1fr)}}
.hub.wide{max-width:760px}.hub-card.left{text-align:left}.hub-card.left h2{font-size:18px;margin:18px 0 6px}.colstrip .chips{display:flex;flex-wrap:wrap;gap:8px}.chip.big{padding:8px 14px;font-size:14px;text-decoration:none;background:#fff;border:1px solid var(--line)}.chip.big small{color:var(--muted)}.row-add.sched{grid-template-columns:150px 1fr 1fr 2fr}
.rights{display:flex;flex-wrap:wrap;gap:12px}.toggle.small{font-size:13px}.agrow h3{margin-top:0}
.formcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 22px 18px;margin:14px 0;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.04)}.formcard h3{margin:18px 0 10px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.formcard h3:first-child{margin-top:0}
.field{margin:0 0 14px}.field label{display:block;font-weight:600;font-size:14px;margin-bottom:5px}.field label em{font-weight:400;color:var(--muted);font-style:normal;margin-left:6px}.field small{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}
.field input,.field select,.field textarea,.prefixed input{width:100%;padding:11px 13px;border:1px solid #d6d9cc;border-radius:11px;font-size:15px;font-family:inherit;background:#fff;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus,.prefixed input:focus{outline:none;border-color:#9bb816;box-shadow:0 0 0 3px rgba(200,240,61,.45)}
.prefixed{display:flex;align-items:stretch}.prefixed span{display:flex;align-items:center;padding:0 10px;border:1px solid #d6d9cc;border-right:0;border-radius:11px 0 0 11px;background:#f6f7f1;color:var(--muted);font-size:14px;white-space:nowrap}.prefixed input{border-radius:0 11px 11px 0}
.checks{display:flex;flex-direction:column;gap:8px;margin:14px 0}.formfoot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}.formcard.compact{padding:14px 14px 10px;margin:10px 0 0}.formcard.compact .field{margin-bottom:10px}
.inq{margin:14px 0 4px;text-align:left}.inq summary{cursor:pointer;font-weight:700;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}.next{border-color:var(--accent);background:#fbfde9}.next h2{margin-top:0;font-size:18px}
.row-add.utm,.row-add.smart{grid-template-columns:150px 1fr 1fr 1fr}.row-add.smart{grid-template-columns:180px 1fr 1.4fr auto}@media(max-width:700px){.row-add.utm,.row-add.smart{grid-template-columns:1fr}}.inq-row .two{grid-template-columns:2fr 1fr}
.ask{background:#fbfde9;border:1px solid var(--accent);border-radius:10px;padding:8px 12px;margin:8px 0}.econ label{display:block;margin:6px 0;font-size:13px}.econ input{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:8px}.econ .tbl input{width:100%}
.langsw{margin:-4px 0 8px}.link.aff{cursor:default}.affr{display:flex;gap:8px;align-items:center}.affcode{cursor:pointer;font-size:13px;border:1px dashed #9bb816}.wide{width:100%;padding:10px 12px;border:1px solid #d6d9cc;border-radius:11px;margin:0 0 10px}.outs{margin:8px 0}.outs input{width:auto;padding:5px 8px;border:1px solid var(--line);border-radius:8px}
.tabgroups{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 0}.tabgroups .on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.aiout{white-space:pre-wrap;font-family:inherit;background:#f6f7f1;padding:10px 12px;border-radius:10px;font-size:14px;margin:6px 0}.shop{margin:4px 0}.shop .eyebrow{text-align:left;margin:6px 0}.link.prod b{font-size:15px}
.formcard h2.step{margin:20px 0 10px;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.formcard h2.step:first-child{margin-top:0}
.signup-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start;max-width:1060px;margin:0 auto}@media(max-width:900px){.signup-grid{grid-template-columns:1fr}.preview{order:2}}
.preview{position:sticky;top:80px}.pv{text-align:center;padding:18px}.pv .hub-avatar{width:80px;height:80px;font-size:24px}.pv .link{pointer-events:none}
.chipbox{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px}.chipbox .x.sm{height:auto;border:0;background:none;font-size:14px;padding:0 0 0 4px;cursor:pointer}
.row-add.imp{grid-template-columns:1fr auto}.row-add.man{grid-template-columns:150px 1fr auto}@media(max-width:700px){.row-add.man,.row-add.imp{grid-template-columns:1fr}}
.cklist{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px -18px}.ck{padding:6px 10px;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:#fff;font-size:13px}.ck.done{background:#e4f7d1;border-color:#b9e58f}
.doc.wide{max-width:1000px}.ask .chip{margin-right:4px}
.importbox{margin-bottom:14px;text-align:left}.partner{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0}
.reportform label{display:block;margin:10px 0;font-weight:600}.reportform input,.reportform select,.reportform textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;font-family:inherit;background:#fff;margin-top:4px}
.sharegrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:700px){.sharegrid{grid-template-columns:1fr}}.copy{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ogpreview{width:100%;border:1px solid var(--line);border-radius:12px}