:root{--cl-rose:#d95f98;--cl-ink:#39233a;--cl-muted:#806d82;--cl-line:#eccbdf;--cl-card:rgba(255,253,255,.95);--cl-shadow:0 14px 38px #53274a19}
.cl-body{background:radial-gradient(ellipse at 80% -20%,#ffcee3 0%,transparent 53%),linear-gradient(145deg,#fff8fb,#fef6ff 55%,#fff8f4);min-height:100vh;color:var(--cl-ink);font-family:system-ui,'Segoe UI',sans-serif}
.cl-top{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 22px}.cl-brand{display:flex;gap:9px;align-items:center;color:var(--cl-ink);text-decoration:none}.cl-brand img{width:45px;height:45px;object-fit:contain}.cl-brand b{display:block;font-size:19px}.cl-brand small{display:block;font-size:11px;color:var(--cl-muted);letter-spacing:1px;text-transform:uppercase}.cl-return{border:1px solid var(--cl-line);background:#fff9;color:var(--cl-ink);text-decoration:none;padding:10px 16px;border-radius:14px;font-weight:650}
.cl-nav-wrap{max-width:1200px;margin:auto;padding:0 22px 15px}.cl-nav{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px}.cl-navlink{color:var(--cl-muted);text-decoration:none;font-weight:750;background:#fff8;border:1px solid var(--cl-line);border-radius:13px;padding:12px 17px;white-space:nowrap}.cl-navlink.sel{background:#ef85b3;color:#3f1734;border-color:#e76aa2;box-shadow:0 4px 14px #ce428c32}
.cl-main{max-width:1200px;margin:0 auto;padding:0 22px 80px}.cl-hero{position:relative;overflow:hidden;background:linear-gradient(117deg,#4e314d,#704668 65%,#b56992);color:#fff;border-radius:28px;min-height:245px;display:flex;align-items:center;justify-content:space-between;padding:30px 35px;box-shadow:var(--cl-shadow)}.cl-hero:before{content:'✿ ✦ ✿ ✧ ✿';position:absolute;right:7%;top:9px;opacity:.28;letter-spacing:22px;font-size:30px}.cl-hero h1{font-size:clamp(27px,3.8vw,48px);line-height:1.1;max-width:720px;margin:8px 0}.cl-hero p{max-width:640px;color:#ffdef1;font-size:15px}.cl-kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:#ffc2e3}.cl-hero-art{max-width:215px;align-self:flex-end}.cl-hero-art img{max-height:225px;width:210px;object-fit:contain;filter:drop-shadow(0 4px 25px #31172b)}.cl-hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.cl-hero-pills span{border:1px solid #ffddf36b;background:#ffffff17;padding:7px 11px;border-radius:35px;font-size:12px;font-weight:700}.cl-status{margin:18px 0;color:var(--cl-muted);font-size:13px;min-height:24px}
.cl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.cl-card{background:var(--cl-card);border:1px solid var(--cl-line);border-radius:22px;box-shadow:var(--cl-shadow);overflow:hidden}.cl-card-body{padding:18px}.cl-banner{height:125px;background:linear-gradient(120deg,#fed7e9,#b88bbd);position:relative;overflow:hidden}.cl-banner img{width:100%;height:100%;object-fit:cover}.cl-avatar{display:block;width:64px;height:64px;border-radius:18px;border:4px solid #fff;background:#ffe9f3;object-fit:cover;margin-top:-32px;position:relative;box-shadow:0 4px 14px #4e28403b}.cl-card h3{font-size:19px;margin:8px 0 4px}.cl-card p{font-size:13px;color:var(--cl-muted);line-height:1.6;min-height:36px}.cl-line{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin:13px 0}.cl-muted{color:var(--cl-muted)}.cl-tag{font-size:11px;padding:6px 9px;border-radius:30px;background:#f8e4ee;color:#80516b;font-weight:750}.cl-btn,.cl-btn-small{background:#d9639e;border:0;border-radius:13px;color:#fff;font-weight:800;cursor:pointer;padding:11px 18px}.cl-btn:hover,.cl-btn-small:hover{filter:brightness(.95)}.cl-btn-small{font-size:12px;padding:9px 12px}.cl-btn-muted{background:#fff;color:#9a5681;border:1px solid #e7bfd3}.cl-btn-danger{background:#8a4960}.cl-btn:disabled{opacity:.5;cursor:not-allowed}
.cl-panel{padding:24px;margin-bottom:20px;background:var(--cl-card);border:1px solid var(--cl-line);border-radius:24px;box-shadow:var(--cl-shadow)}.cl-panel h2{font-size:23px;margin:0 0 9px}.cl-panel h3{font-size:17px}.cl-panel p{color:var(--cl-muted);line-height:1.55}.cl-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cl-field{display:flex;flex-direction:column;gap:7px;color:var(--cl-ink);font-size:13px;font-weight:700}.cl-field.wide{grid-column:1/-1}.cl-field input,.cl-field textarea,.cl-field select,.cl-search{width:100%;border:1px solid var(--cl-line);background:#fffaff;border-radius:12px;color:var(--cl-ink);padding:13px 14px;outline:0}.cl-field input:focus,.cl-field textarea:focus,.cl-search:focus{border-color:#d9639e;box-shadow:0 0 0 3px #d9639e24}.cl-field textarea{min-height:105px;resize:vertical}.cl-form-foot{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cl-aside{font-size:12px;color:#8b7389}.cl-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.cl-search-bar{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.cl-search{flex:1;min-width:250px}.cl-paging{display:flex;justify-content:center;align-items:center;gap:13px;margin:24px auto}.cl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cl-stat{border:1px solid var(--cl-line);border-radius:16px;background:#fffbff;padding:17px}.cl-stat b{display:block;font-size:25px;color:#994b82}.cl-stat small{font-size:12px;color:var(--cl-muted)}.cl-quests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.cl-quest{padding:14px;border:1px solid #eacadd;background:#fffaff;border-radius:16px}.cl-quest strong{display:block;font-size:13px;min-height:36px}.cl-quest small{display:block;color:#90728d;margin:6px 0}.cl-quest-bar{height:8px;background:#f3dceb;border-radius:20px;overflow:hidden}.cl-quest-bar i{height:100%;display:block;background:linear-gradient(90deg,#e16da8,#9d5dc0)}.cl-quest.done{background:#effaf5;border-color:#c3e4d4}.cl-quest.done .cl-quest-bar i{background:#3ca986}.cl-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cl-member{min-height:110px;padding:13px;display:flex;gap:13px;align-items:center;border:1px solid var(--cl-line);border-radius:16px;background:#fffcff center/cover}.cl-member img{width:52px;height:52px;border-radius:15px;border:2px solid #fff;background:#fbdfea;object-fit:cover;box-shadow:0 4px 13px #0003}.cl-member div{padding:5px 10px;background:#fffdf5db;border-radius:10px}.cl-member b{font-size:13px}.cl-member small{display:block;color:#775671}.cl-podium{display:grid;grid-template-columns:1fr 1.13fr 1fr;align-items:end;gap:16px;margin:22px 0}.cl-podium .cl-card:nth-child(2){transform:translateY(-14px);border:2px solid #eeb75e}.cl-trophy{font-size:35px;text-align:center}.cl-rank-row{border:1px solid var(--cl-line);padding:15px;border-radius:15px;display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:10px;background:#fff9}.cl-rank-row img{height:45px;width:45px;border-radius:12px;object-fit:cover}.cl-empty{padding:38px;text-align:center;background:#fff9;border:2px dashed #ebc1db;border-radius:22px;color:#8d6b83}.cl-empty b{font-size:20px;color:#643953;display:block}.cl-foot{text-align:center;color:#8b7484;padding:22px 10px 40px;font-size:12px}.cl-foot a{color:#b75b98}.cl-mini-a{color:#a14f88;font-size:13px}.cl-feature-label{color:#b05684;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:1px}
@media(max-width:900px){.cl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-stats{grid-template-columns:repeat(2,1fr)}.cl-quests{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.cl-main{padding:0 13px 50px}.cl-top{padding:0 13px}.cl-nav-wrap{padding:0 13px 14px}.cl-grid,.cl-quests,.cl-form,.cl-roster{grid-template-columns:1fr}.cl-form-foot,.cl-field.wide{grid-column:1}.cl-hero{min-height:260px;padding:23px}.cl-hero-art{position:absolute;bottom:0;right:-35px;opacity:.33}.cl-hero-art img{height:210px}.cl-hero h1,.cl-hero p{position:relative;z-index:1}.cl-podium{gap:7px}.cl-podium .cl-card:nth-child(2){transform:translateY(-10px)}.cl-podium .cl-card-body{padding:10px}.cl-podium .cl-card h3{font-size:12px}.cl-podium .cl-banner{height:70px}.cl-podium .cl-avatar{width:42px;height:42px;margin-top:-22px}.cl-panel{padding:16px}}
/* respeita preferências do tema escuro do site */
body[data-theme="dark"],html[data-theme="dark"] .cl-body,.theme-dark .cl-body{--cl-card:#302335;--cl-ink:#fff0f9;--cl-muted:#dbbfd0;--cl-line:#5f3c5f;--cl-shadow:0 10px 30px #0002;background:linear-gradient(150deg,#1e1824,#2b1d30)}body[data-theme="dark"] .cl-card-body,body[data-theme="dark"] .cl-panel,body[data-theme="dark"] .cl-stat,body[data-theme="dark"] .cl-quest{background:#302335;color:#fff0f9}body[data-theme="dark"] .cl-field input,body[data-theme="dark"] .cl-field textarea,body[data-theme="dark"] .cl-search{background:#3d2a42;color:#fff}

.cl-owner-form{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));margin:15px 0 0}
.cl-owner-form label{font-weight:900;display:grid;gap:6px;font-size:13px}
.cl-owner-form input,.cl-owner-form select,.cl-owner-form textarea{min-width:0;width:100%;box-sizing:border-box;border:1px solid var(--cl-line);background:var(--cl-card);color:var(--cl-ink);padding:12px;border-radius:12px;font:inherit}
.cl-owner-form .cl-wide{grid-column:1/-1}
.cl-owner-form button{justify-self:start}
[data-theme="dark"] .cl-owner-form :is(input,textarea,select){background:#201525;color:#ffe6f1;border-color:#87517d}
.cl-op-list{display:grid;gap:8px}.cl-op-list article{padding:10px;border:1px solid var(--cl-line);border-radius:10px;overflow-wrap:anywhere}
.cl-op-pending{color:#b47512}.cl-op-done{color:#2a9655}.cl-op-failed{color:#d14a69}

/* [PIPOCA CLUBE 2.0] Design responsivo, com temas claro/escuro herdados */
.cl2-profile{overflow:hidden;border-radius:25px;background:var(--cl-card);border:1px solid var(--cl-line);box-shadow:var(--cl-shadow);margin-bottom:16px}
.cl2-banner{height:180px;background:radial-gradient(circle at 20% 40%,#ffa6ca,#885070 70%);overflow:hidden}.cl2-banner img{width:100%;height:100%;object-fit:cover}
.cl2-profile-info{display:flex;align-items:center;gap:18px;padding:18px 23px}.cl2-profile-info .cl2-icon{height:83px;width:83px;border-radius:22px;border:5px solid var(--cl-card);object-fit:cover;margin-top:-58px;position:relative;background:#ffdeef;box-shadow:0 6px 15px #0002}.cl2-profile-info h2{font-size:clamp(24px,3.8vw,35px);margin:3px 0}.cl2-profile-info p{color:var(--cl-muted);margin:3px 0}.cl2-role{margin-left:auto;background:#ffdbed;border:1px solid #e4a8c9;color:#6e375b;white-space:nowrap;border-radius:40px;padding:8px 13px;font-weight:800;font-size:12px}
.cl2-tabs{display:flex;gap:8px;padding:5px;overflow-x:auto;scrollbar-width:thin;margin:12px 0 22px;background:color-mix(in srgb,var(--cl-card),transparent 10%);border:1px solid var(--cl-line);border-radius:18px}.cl2-tabs button{font:700 13px/1.3 system-ui,sans-serif;padding:12px 15px;border:0;background:transparent;color:var(--cl-muted);white-space:nowrap;cursor:pointer;border-radius:13px}.cl2-tabs button:hover{background:#d769a821}.cl2-tabs button.is-active{background:linear-gradient(120deg,#d45593,#aa4f91);color:white;box-shadow:0 4px 12px #ad528833}
.cl2-summary{display:flex;gap:16px;align-items:center;justify-content:space-between}.cl2-summary h2{margin:7px 0}.cl2-eyebrow{color:#cf6b9f;font-size:11px;font-weight:900;letter-spacing:1.3px}.cl2-outline{display:inline-flex;align-items:center;white-space:nowrap;text-decoration:none;color:#b14a85;background:var(--cl-card);border:1px solid var(--cl-line);padding:11px 15px;border-radius:13px;font-weight:750;font-size:13px}.cl2-outline:hover{background:#f6e3ee}
.cl2-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 19px}.cl2-metrics>div{background:var(--cl-card);padding:20px;border:1px solid var(--cl-line);border-radius:20px;box-shadow:var(--cl-shadow)}.cl2-metrics span{display:block;font-size:12px;color:var(--cl-muted);margin-bottom:11px}.cl2-metrics b{font-size:clamp(19px,2.4vw,29px);color:var(--cl-ink)}.cl2-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cl2-shortcuts button{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(140deg,#fff8fd,#ffe7f1);border:1px solid #eacbdf;cursor:pointer;padding:23px 15px;border-radius:19px;color:#894768;font:800 14px system-ui,sans-serif;text-align:left}.cl2-shortcuts button:hover{filter:brightness(.97)}.cl2-shortcuts span{font-size:24px}
.cl2-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;flex-wrap:wrap}.cl2-section-heading h2{font-size:clamp(20px,3vw,27px);margin:6px 0}.cl2-section-heading p{margin:0;font-size:13px}.cl2-counter{font-size:12px;background:#ffebf5;color:#a6467f;border-radius:30px;padding:10px 14px;font-weight:850}.cl2-progress{height:10px;width:100%;background:#f0dce8;border-radius:20px;overflow:hidden}.cl2-progress i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#ef9ec5,#ae64bd)}.cl2-overall{height:12px;margin:10px 0 20px}.cl2-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:19px}.cl2-filter button,.cl2-switch button{background:var(--cl-card);border:1px solid var(--cl-line);border-radius:12px;color:var(--cl-muted);font-weight:750;padding:10px 13px;cursor:pointer}.cl2-filter button.is-active,.cl2-switch button.is-active{background:#d95f98;color:#fff;border-color:#d95f98}.cl2-tasks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cl2-task{background:var(--cl-card);border:1px solid var(--cl-line);border-radius:19px;padding:18px;min-width:0;box-shadow:0 6px 18px #00000008}.cl2-task-top,.cl2-task-foot,.cl2-author{display:flex;justify-content:space-between;align-items:center;gap:8px}.cl2-task-icon{display:inline-flex;font-size:24px;align-items:center;justify-content:center;background:#fbe7f1;border-radius:12px;width:44px;height:44px}.cl2-task-difficulty{background:#f8e7f1;border-radius:20px;padding:6px 9px;color:#b45b8c;font-weight:800;font-size:10px}.cl2-task h3{font-size:15px;margin:14px 0 7px;line-height:1.4;min-height:40px;color:var(--cl-ink)}.cl2-task p{font-size:12px;margin:0 0 14px;color:var(--cl-muted)}.cl2-task-foot{margin-top:10px;color:var(--cl-muted);font-size:12px}.cl2-task-foot b{font-weight:800;color:#af5e91}.cl2-task.cl2-done{border-color:#7ac6aa}.cl2-task.cl2-done .cl2-progress i{background:#4aae89}.cl2-task.cl2-done .cl2-task-foot b{color:#398b6f}.cl2-note{font-size:12px;color:var(--cl-muted);margin-top:17px!important}.cl2-task[hidden]{display:none!important}
.cl2-switch{display:flex;gap:9px;margin:17px 0}.cl2-notice{padding:13px;background:#fff0cf;border:1px solid #efc87f;color:#734a27;border-radius:14px;font-size:13px;margin-bottom:14px}.cl2-notice-editor{padding:12px;border:1px dashed var(--cl-line);border-radius:12px;margin-bottom:14px;color:var(--cl-muted)}.cl2-notice-editor summary{cursor:pointer;font-weight:800}.cl2-notice-editor form{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}.cl2-notice-editor textarea{flex:1;min-width:190px;min-height:68px;background:var(--cl-card);border:1px solid var(--cl-line);border-radius:12px;color:var(--cl-ink);padding:12px;font:inherit}
.cl2-chat-log{height:380px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--cl-line);border-radius:17px;padding:16px;background:color-mix(in srgb,var(--cl-card),transparent 5%);display:flex;flex-direction:column;gap:13px}.cl2-message{display:flex;gap:11px;align-items:start}.cl2-message img{width:38px;height:38px;object-fit:cover;border-radius:13px;background:#f9dde9}.cl2-message>div{flex:1;min-width:0}.cl2-message p{margin:3px 0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--cl-ink);font-size:13px}.cl2-author{justify-content:flex-start}.cl2-author b{font-size:13px}.cl2-author time{color:var(--cl-muted);font-size:11px}.cl2-chat-form{display:flex;gap:8px;margin-top:12px}.cl2-chat-form input{min-width:0;flex:1;background:var(--cl-card);border:1px solid var(--cl-line);border-radius:13px;padding:14px;color:var(--cl-ink);font:inherit}.cl2-chat-form button{padding:12px 18px;background:#cb5591;border:0;border-radius:13px;color:#fff;font-weight:900;cursor:pointer}.cl2-chat-form button:disabled{opacity:.55}.cl2-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.cl2-empty{text-align:center;color:var(--cl-muted);padding:30px}
body[data-theme="dark"] .cl2-shortcuts button,html[data-theme="dark"] .cl2-shortcuts button{background:linear-gradient(120deg,#422b45,#36233c);color:#ffe1f1;border-color:#664063}body[data-theme="dark"] .cl2-task-icon,body[data-theme="dark"] .cl2-task-difficulty{background:#57334e;color:#ffd9eb}body[data-theme="dark"] .cl2-counter,body[data-theme="dark"] .cl2-role{background:#61354e;color:#ffdeec;border-color:#8f5277}body[data-theme="dark"] .cl2-notice{background:#4b3725;color:#ffe9c9;border-color:#916c39}
@media(max-width:760px){.cl2-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cl2-shortcuts{grid-template-columns:1fr}.cl2-tasks{grid-template-columns:1fr}.cl2-profile-info{align-items:flex-start;flex-wrap:wrap}.cl2-profile-info .cl2-role{margin-left:0}.cl2-summary{flex-direction:column;align-items:start}.cl2-chat-log{height:330px}}
@media(max-width:430px){.cl2-profile-info{padding:13px}.cl2-profile-info .cl2-icon{width:66px;height:66px;margin-top:-38px}.cl2-metrics>div{padding:15px}.cl2-tabs button{font-size:12px;padding:10px}.cl2-chat-form button{padding:10px}}

.cl2-report{font:600 10px system-ui,sans-serif;color:var(--cl-muted);border:0;background:transparent;cursor:pointer;padding:4px 0;opacity:.8}.cl2-report:hover{color:#d05d94;text-decoration:underline}

.cl2-quest-tools{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.cl2-quest-tools .cl2-outline{cursor:pointer;font:800 12px system-ui,sans-serif}