/* Managed pages already render their own meaningful H1. THE THOR can prepend a
   second fixed-page H1, so hide only that title node. Never hide its parent:
   the parent can also contain the complete shortcode application. */
body.cc-service-page .dividerBottom > h1.heading.heading-primary,
body.cc-service-page .dividerBottom > h1.heading-primary,
body.cc-service-page .article__header > h1.heading.heading-primary,
body.cc-service-page .article__header > h1.heading-primary,
.dividerBottom:has(> .pageContents h1) > h1.heading.heading-primary,
.dividerBottom:has(> .pageContents h1) > h1.heading-primary,
.cc-thor-page-title-hidden{display:none!important}

:root{--cc-bg:#fffdfa;--cc-card:#fff;--cc-ink:#303632;--cc-text:#59615c;--cc-muted:#8a938d;--cc-mint:#71bca9;--cc-mint-dark:#4f9c89;--cc-mint-soft:#eaf6f2;--cc-yellow:#f2d58c;--cc-line:#e9e9e2;--cc-danger:#a84a4a;--cc-radius:20px;--cc-shadow:0 16px 42px rgba(52,69,60,.08)}
.cc-auth-wrap,.cc-dashboard,.cc-resource-index,.cc-detail{max-width:1120px;margin:0 auto;padding:18px 0 50px;color:var(--cc-ink)}
.cc-card{background:var(--cc-card);border:1px solid var(--cc-line);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);padding:30px}
.cc-auth-card,.cc-submit-card{max-width:620px;margin:20px auto}.cc-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--cc-mint-dark);text-transform:uppercase;margin-bottom:8px}.cc-muted{color:var(--cc-muted)}.cc-small{font-size:13px;color:var(--cc-muted)}.cc-help{font-weight:400;color:var(--cc-muted);font-size:12px}
.cc-form{display:grid;gap:17px;margin-top:24px}.cc-form label{display:grid;gap:7px;font-weight:700;font-size:14px}.cc-form input[type=text],.cc-form input[type=email],.cc-form input[type=password],.cc-form input[type=file],.cc-form textarea,.cc-form select{width:100%;border:1px solid #dfe3de;border-radius:13px;background:#fff;padding:13px 14px;font:inherit;color:var(--cc-ink);box-sizing:border-box}.cc-form textarea{resize:vertical}.cc-form input:focus,.cc-form textarea:focus,.cc-form select:focus{outline:2px solid rgba(113,188,169,.22);border-color:var(--cc-mint)}.cc-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:flex-start;gap:9px!important;font-weight:500!important;line-height:1.6}.cc-check input{margin-top:5px}.cc-file-note{background:var(--cc-mint-soft);border-radius:12px;padding:11px 13px;font-size:12px;color:var(--cc-text)}
.cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--cc-mint);color:#fff!important;text-decoration:none!important;border:0;border-radius:999px;padding:12px 22px;font-weight:800;cursor:pointer;transition:.18s ease}.cc-btn:hover{background:var(--cc-mint-dark);transform:translateY(-1px)}.cc-btn--wide{width:100%;box-sizing:border-box}.cc-btn--ghost{background:#fff;color:var(--cc-ink)!important;border:1px solid var(--cc-line)}.cc-btn--disabled{opacity:.48;pointer-events:none}.cc-notice{max-width:620px;margin:10px auto 16px;border-radius:13px;padding:12px 15px;font-weight:700}.cc-notice--success{background:#eaf6f2;color:#397b6a}.cc-notice--info{background:#fff4d9;color:#7e6832}.cc-notice--error{background:#fff0ef;color:var(--cc-danger)}
.cc-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px;padding:25px 0}.cc-dashboard-head h2,.cc-index-head h2{margin:0}.cc-actions{display:flex;gap:10px;flex-wrap:wrap}.cc-section{margin-top:34px}.cc-section h3,.cc-section h2{margin-bottom:14px}.cc-list{background:#fff;border:1px solid var(--cc-line);border-radius:16px;overflow:hidden}.cc-list-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 18px;border-bottom:1px solid var(--cc-line)}.cc-list-row:last-child{border-bottom:0}.cc-list-row a{font-weight:700;color:var(--cc-mint-dark)}.cc-status{display:inline-flex;margin-left:10px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800}.cc-status--publish{background:var(--cc-mint-soft);color:var(--cc-mint-dark)}.cc-status--pending{background:#fff4d9;color:#806a30}.cc-status--draft{background:#f1f1ee;color:#777}.cc-inline-meta{margin-left:10px;font-size:12px}.cc-empty{text-align:center;padding:34px}.cc-empty p{color:var(--cc-muted)}
.cc-index-head{text-align:center;margin:20px 0 30px}.cc-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cc-resource-card{display:block;background:#fff;border:1px solid var(--cc-line);border-radius:18px;overflow:hidden;text-decoration:none!important;color:var(--cc-ink)!important;box-shadow:0 10px 28px rgba(52,69,60,.06);transition:.18s ease}.cc-resource-card:hover{transform:translateY(-3px);box-shadow:var(--cc-shadow)}.cc-resource-thumb{aspect-ratio:4/3;background:linear-gradient(145deg,#eef7f3,#fff7e4);display:flex;align-items:center;justify-content:center;overflow:hidden}.cc-resource-thumb img{width:100%;height:100%;object-fit:cover}.cc-resource-thumb span{font-size:50px;color:var(--cc-mint)}.cc-resource-body{padding:18px}.cc-resource-body h3{margin:10px 0 8px;font-size:18px}.cc-resource-body p{color:var(--cc-text);font-size:13px;line-height:1.7}.cc-card-tags{display:flex;gap:7px;flex-wrap:wrap}.cc-card-tags span{display:inline-flex;background:#f5f5f1;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;color:#66706a}.cc-card-tags .cc-primary-tag{background:var(--cc-mint-soft);color:var(--cc-mint-dark)}.cc-resource-meta{display:flex;justify-content:space-between;margin-top:16px;font-size:12px;font-weight:800;color:var(--cc-muted)}
.cc-detail-head{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:28px;align-items:start}.cc-detail-main{padding:12px 4px}.cc-detail-lead{font-size:18px;line-height:1.85;color:var(--cc-text);margin:18px 0}.cc-detail-byline{display:flex;gap:18px;flex-wrap:wrap;color:var(--cc-muted);font-size:13px}.cc-download-card{position:sticky;top:90px;background:#fff;border:1px solid var(--cc-line);border-radius:20px;box-shadow:var(--cc-shadow);padding:24px}.cc-price{font-size:46px;line-height:1;font-weight:900;margin:8px 0 10px}.cc-price small{font-size:17px}.cc-download-card p{color:var(--cc-muted)}.cc-file-meta{display:grid;gap:3px;margin-top:14px;padding-top:14px;border-top:1px solid var(--cc-line);font-size:12px;color:var(--cc-muted)}.cc-file-meta strong{color:var(--cc-text);overflow-wrap:anywhere}.cc-content-section{background:#fff;border:1px solid var(--cc-line);border-radius:20px;padding:26px}.cc-prose{line-height:1.9;color:var(--cc-text)}
@media(max-width:860px){.cc-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-detail-head{grid-template-columns:1fr}.cc-download-card{position:static}.cc-dashboard-head{align-items:flex-start;flex-direction:column}.cc-actions{width:100%}.cc-actions .cc-btn{flex:1}}
@media(max-width:560px){.cc-auth-wrap,.cc-dashboard,.cc-resource-index,.cc-detail{padding-left:14px;padding-right:14px}.cc-card{padding:22px}.cc-resource-grid{grid-template-columns:1fr}.cc-list-row{align-items:flex-start;flex-direction:column;gap:7px}.cc-inline-meta{display:block;margin:4px 0 0}.cc-actions{display:grid;grid-template-columns:1fr}.cc-detail-lead{font-size:16px}.cc-download-card{padding:20px}.cc-content-section{padding:21px}}

/* v0.1.1 auth balance */
.cc-auth-loggedin{text-align:center;padding:42px 38px}.cc-auth-state-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:4px auto 16px;border-radius:50%;background:var(--cc-mint-soft);color:var(--cc-mint-dark);font-size:28px;font-weight:900}.cc-auth-loggedin h2{margin:0 0 10px}.cc-auth-loggedin .cc-muted{max-width:430px;margin:0 auto;line-height:1.8}.cc-auth-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:22px}@media(max-width:560px){.cc-auth-loggedin{padding:32px 22px}.cc-auth-actions{display:grid;grid-template-columns:1fr}.cc-auth-actions .cc-btn{width:100%;box-sizing:border-box}}


/* v0.1.2 My Page readability */

/* ==========================================================
   v0.1.7 My Page — single-source layout
   Previous v0.1.3 / v0.1.4 / v0.1.6 patch layers removed.
   ========================================================== */
.cc-dashboard,.cc-dashboard *,.cc-dashboard *::before,.cc-dashboard *::after{
  box-sizing:border-box;
}

/* v0.8.585: expandable, author-editable resource guidance */
.cc-resource-about{display:grid;gap:18px}
.cc-resource-about>h2,.cc-resource-about>.cc-prose{margin-bottom:0}
.cc-resource-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cc-resource-detail-panel{overflow:hidden;margin:0;border:1px solid #dce8e2;border-radius:16px;background:linear-gradient(145deg,#fff 0%,#f7fbf9 100%)}
.cc-resource-detail-panel>summary{display:grid;grid-template-columns:38px minmax(0,1fr) 24px;gap:10px;align-items:center;padding:15px 16px;cursor:pointer;list-style:none;color:#29453d}
.cc-resource-detail-panel>summary::-webkit-details-marker,.cc-resource-extra-details>summary::-webkit-details-marker{display:none}
.cc-resource-detail-panel__icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#e2f4ed;color:#28745f;font-size:18px;font-weight:900}
.cc-resource-detail-panel--usage-examples .cc-resource-detail-panel__icon{background:#fff2c9;color:#8c6b14}
.cc-resource-detail-panel--editing-tips .cc-resource-detail-panel__icon{background:#e9efff;color:#4567a6}
.cc-resource-detail-panel--usage-notes .cc-resource-detail-panel__icon{background:#fff0ed;color:#a55145}
.cc-resource-detail-panel__toggle:before{content:'＋';display:block;text-align:center;color:#6c8178;font-size:18px;font-weight:800}
.cc-resource-detail-panel[open] .cc-resource-detail-panel__toggle:before{content:'－'}
.cc-resource-detail-panel>ul{display:grid;gap:9px;margin:0;padding:0 18px 17px 55px;list-style:none}
.cc-resource-detail-panel>ul li{position:relative;color:#52635c;font-size:14px;line-height:1.75}
.cc-resource-detail-panel>ul li:before{content:'•';position:absolute;left:-16px;color:#42a488;font-weight:900}
.cc-resource-extra-details{margin:0;border-top:1px solid #e1e9e5;padding-top:13px}
.cc-resource-extra-details>summary{cursor:pointer;list-style:none;color:#327965;font-weight:850}
.cc-resource-extra-details>summary:after{content:'＋';float:right}
.cc-resource-extra-details[open]>summary:after{content:'－'}
.cc-resource-extra-details .cc-resource-auto-meta{margin-top:14px}
.cc-resource-auto-note{margin:0;color:#819088;font-size:11px;line-height:1.6}
@media(max-width:720px){.cc-resource-detail-grid{grid-template-columns:1fr}.cc-resource-detail-panel>summary{padding:13px}.cc-resource-detail-panel>ul{padding:0 16px 15px 50px}.cc-resource-detail-panel>ul li{font-size:13px}}

.cc-dashboard{
  width:100%;
  max-width:1148px;
  margin:0 auto;
  padding:8px 0 50px;
  color:var(--cc-ink);
}

/* Neutralize THE THOR's adjacent-block margins only on My Page structure. */
.cc-dashboard > *,.cc-dashboard .cc-profile-card > *,.cc-dashboard .cc-profile-tools > *,.cc-dashboard .cc-dashboard-grid > *,.cc-dashboard .cc-panel > *,.cc-dashboard .cc-panel-head > *{
  margin-top:0 !important;
}

.cc-dashboard > .cc-notice{
  width:100% !important;
  max-width:none !important;
  margin:0 0 24px !important;
  padding:14px 18px !important;
}

.cc-profile-card{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:28px;
  margin:0 0 24px !important;
  padding:26px 28px;
  background:#fff;
  border:1px solid var(--cc-line);
  border-radius:22px;
  box-shadow:0 12px 34px rgba(52,69,60,.06);
}

.cc-profile-main{
  min-width:0;
  display:flex;
  align-items:center;
  gap:16px;
  margin:0 !important;
  padding:0 !important;
}

.cc-avatar{
  flex:0 0 58px;
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 !important;
  border-radius:50%;
  background:var(--cc-mint-soft);
  color:var(--cc-mint-dark);
  font-size:24px;
  font-weight:900;
  line-height:1;
}

.cc-profile-copy{
  min-width:0;
  margin:0 !important;
  padding:0 !important;
}

.cc-profile-copy .cc-eyebrow{
  display:block;
  margin:0 0 6px !important;
  padding:0 !important;
  line-height:1.3 !important;
}

.cc-profile-copy h2{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  font-size:24px !important;
  line-height:1.35 !important;
}

.cc-profile-copy p{
  margin:7px 0 0 !important;
  padding:0 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.cc-profile-tools{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:16px;
  margin:0 !important;
  padding:0 !important;
}

.cc-profile-stats{
  flex:0 0 190px;
  width:190px;
  height:58px;
  display:flex;
  align-items:stretch;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden;
  background:#fffdfa;
  border:1px solid var(--cc-line);
  border-radius:14px;
}

.cc-stat{
  flex:1 1 0;
  min-width:0;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:0 !important;
  padding:6px 12px !important;
  text-align:center;
}

.cc-stat + .cc-stat{
  border-left:1px solid var(--cc-line);
}

.cc-stat strong{
  display:block;
  margin:0 !important;
  padding:0 !important;
  color:var(--cc-ink);
  font-size:20px !important;
  line-height:1 !important;
}

.cc-stat span{
  display:block;
  margin:5px 0 0 !important;
  padding:0 !important;
  color:var(--cc-muted);
  font-size:10px !important;
  font-weight:800;
  line-height:1.15 !important;
  white-space:nowrap;
}

.cc-profile-actions{
  height:58px;
  display:flex !important;
  align-items:stretch !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
}

.cc-profile-actions .cc-btn{
  height:58px !important;
  min-height:58px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 20px !important;
  line-height:1.2 !important;
  white-space:nowrap;
}

.cc-dashboard-grid{
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:20px;
  align-items:stretch;
  margin:0 !important;
  padding:0 !important;
}

.cc-panel{
  min-width:0;
  min-height:336px;
  display:flex;
  flex-direction:column;
  margin:0 !important;
  padding:22px;
  background:#fff;
  border:1px solid var(--cc-line);
  border-radius:20px;
  box-shadow:0 10px 28px rgba(52,69,60,.045);
}

.cc-panel-head{
  flex:0 0 72px;
  width:100%;
  height:72px;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

.cc-panel-head > div{
  margin:0 !important;
  padding:0 !important;
}

.cc-panel-kicker{
  display:block;
  margin:0 0 7px !important;
  padding:0 !important;
  color:var(--cc-mint-dark);
  font-size:10px !important;
  font-weight:900;
  line-height:1.3 !important;
  letter-spacing:.12em;
}

.cc-panel-head h3{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:none !important;
  font-size:20px !important;
  line-height:1.4 !important;
}

.cc-panel-body{
  flex:1 1 auto;
  width:100%;
  min-height:190px;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--cc-line);
  border-radius:15px;
}

.cc-panel-body > .cc-list{
  width:100%;
  min-height:0;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden;
  background:transparent;
  border:0;
  border-radius:0;
}

.cc-panel-body > .cc-empty--panel{
  width:100%;
  height:100%;
  min-height:188px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin:0 !important;
  padding:24px 18px;
  text-align:center;
  background:#fbfcfa;
  border:0;
  border-radius:0;
}

.cc-empty--panel .cc-empty-mark{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 0 12px !important;
  border-radius:50%;
  background:var(--cc-mint-soft);
  color:var(--cc-mint-dark);
  font-size:21px;
  font-weight:900;
}

.cc-empty--panel p{
  margin:0 0 10px !important;
  padding:0 !important;
  color:var(--cc-muted);
  font-size:13px !important;
  line-height:1.7 !important;
}

.cc-empty--panel p strong{color:var(--cc-text)}
.cc-empty--panel p span{font-size:12px;color:var(--cc-muted)}
.cc-text-link{font-weight:800;color:var(--cc-mint-dark)!important;text-decoration:none!important;font-size:13px}
.cc-text-link:hover{text-decoration:underline!important}

.cc-list-row{
  width:100%;
  min-height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:0 !important;
  padding:14px 16px !important;
  border-bottom:1px solid var(--cc-line);
}
.cc-list-row:last-child{border-bottom:0}
.cc-list-row strong{font-size:14px}
.cc-list-row a{font-weight:700;color:var(--cc-mint-dark)}
.cc-status{display:inline-flex;margin-left:10px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800}
.cc-status--publish{background:var(--cc-mint-soft);color:var(--cc-mint-dark)}
.cc-status--pending{background:#fff4d9;color:#806a30}
.cc-status--draft{background:#f1f1ee;color:#777}
.cc-inline-meta{margin-left:10px;font-size:12px}

@media(max-width:960px){
  .cc-dashboard{max-width:1080px}
  .cc-profile-card{grid-template-columns:1fr}
  .cc-profile-tools{width:100%;justify-content:space-between}
  .cc-dashboard-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
  .cc-dashboard{padding-left:14px;padding-right:14px}
  .cc-dashboard > .cc-notice{padding-left:18px !important;padding-right:18px !important}
  .cc-profile-card{padding:22px 18px;gap:18px}
  .cc-profile-tools{flex-direction:column;align-items:stretch;gap:10px}
  .cc-profile-stats{width:100%;flex-basis:auto}
  .cc-profile-actions{width:100%;height:auto;display:grid !important;grid-template-columns:1fr}
  .cc-profile-actions .cc-btn{width:100%}
  .cc-dashboard-grid{gap:14px}
  .cc-panel{min-height:0;padding:18px}
  .cc-panel-head{height:64px;flex-basis:64px}
  .cc-panel-body{min-height:165px}
  .cc-panel-body > .cc-empty--panel{min-height:163px}
  .cc-list-row{align-items:flex-start;flex-direction:column;gap:7px}
  .cc-inline-meta{display:block;margin:4px 0 0}
}


/* ==========================================================
   v0.1.9 THE THOR native header menu integration
   The theme header remains intact; only the CotoCle submit
   menu item gets service-level emphasis.
   ========================================================== */
.cc-nav-submit > a,a.cc-nav-submit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:8px 18px !important;
  border-radius:999px !important;
  background:#7dc7b7 !important;
  color:#fff !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  box-shadow:0 7px 18px rgba(88,168,151,.16) !important;
}
.cc-nav-submit > a:hover,a.cc-nav-submit:hover{
  background:#68b8a7 !important;
  color:#fff !important;
  opacity:1 !important;
}

@media(max-width:768px){
  .cc-nav-submit > a,a.cc-nav-submit{
    width:100% !important;
    min-height:44px !important;
    padding:10px 16px !important;
  }
}

/* ==========================================================
   v0.5.0 Account Foundation
   ========================================================== */
.cc-auth-card{padding:34px 32px}
.cc-auth-card h2{margin:8px 0 10px!important;padding:0!important;border:0!important;background:none!important;font-size:27px!important;line-height:1.45!important}
.cc-auth-card>.cc-muted{margin:0!important;line-height:1.8}
.cc-social-auth{margin:25px 0 0}
.cc-google-auth{display:flex;flex-direction:column;align-items:center;width:100%;overflow:visible}
.cc-google-button{display:flex;align-items:center;justify-content:center;width:100%;min-height:40px;overflow:visible}
.cc-google-unavailable{margin:8px 0 0;color:var(--cc-danger);font-size:12px;text-align:center}
.cc-auth-divider{display:flex;align-items:center;gap:14px;margin:20px 0 2px;color:var(--cc-muted);font-size:11px;font-weight:700}
.cc-auth-divider:before,.cc-auth-divider:after{content:"";flex:1;height:1px;background:var(--cc-line)}
.cc-auth-divider span{white-space:nowrap}
.cc-field-error{display:block;margin-top:1px;color:var(--cc-danger);font-size:12px;font-weight:700;line-height:1.55}
.cc-form input[aria-invalid=true]{border-color:#d98e88!important;background:#fffafa!important}
.cc-password-wrap{position:relative;display:block;width:100%}
.cc-password-wrap input{padding-right:68px!important}
.cc-password-toggle{position:absolute;top:50%;right:9px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:31px;padding:0 8px;border:0;border-radius:999px;background:#f3f5f2;color:#59615c;font-size:11px;font-weight:800;cursor:pointer}
.cc-password-toggle:hover{background:var(--cc-mint-soft);color:var(--cc-mint-dark)}
.cc-password-toggle:focus-visible{outline:2px solid rgba(113,188,169,.35);outline-offset:2px}
.cc-password-meter{display:block;min-height:18px;margin-top:2px;font-size:11px;font-weight:700;color:var(--cc-muted)}
.cc-password-meter--very-weak{color:#ae4c4c}.cc-password-meter--weak{color:#b36f40}.cc-password-meter--medium{color:#87742d}.cc-password-meter--strong{color:#3f846f}
.cc-auth-assist{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:-5px;font-size:12px}
.cc-auth-assist a,.cc-small a{color:var(--cc-mint-dark)!important;font-weight:700;text-decoration:none!important}
.cc-auth-assist a:hover,.cc-small a:hover{text-decoration:underline!important}
.cc-google-link-notice{max-width:620px;margin:10px auto 16px;padding:14px 16px;border:1px solid #f0dfab;border-radius:13px;background:#fff8e7;color:#6f5c2f;line-height:1.7}
.cc-google-link-notice strong{display:block;margin-bottom:2px;color:#5b4a26}
.cc-auth-card .cc-btn--wide{min-height:50px}
.cc-auth-card .cc-small{margin:20px 0 0;text-align:center;line-height:1.7}
@media(max-width:560px){.cc-auth-card{padding:26px 20px}.cc-auth-card h2{font-size:24px!important}.cc-auth-assist{align-items:flex-start;flex-direction:column}}
.cc-account-badge{display:inline-flex;align-items:center;margin-left:7px;padding:3px 7px;border-radius:999px;background:var(--cc-mint-soft);color:var(--cc-mint-dark);font-size:10px;font-weight:800;vertical-align:middle}


/* v0.5.1 registration consent */
.cc-consent-wrap{max-width:900px}.cc-consent-card{max-width:860px;margin:20px auto;padding:38px 38px 34px}.cc-consent-card>h2{margin:8px 0 10px!important;padding:0!important;border:0!important;background:none!important;font-size:30px!important;line-height:1.4!important}.cc-consent-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0}.cc-consent-summary__item{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1px solid var(--cc-line);border-radius:16px;background:#fbfdfc;font-size:13px;font-weight:800}.cc-consent-summary__item strong{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:var(--cc-mint-soft);color:var(--cc-mint-dark);font-size:12px}.cc-consent-section{margin:18px 0;padding:22px;border:1px solid var(--cc-line);border-radius:20px;background:#fff}.cc-consent-section__head{display:flex;align-items:center;gap:11px;margin-bottom:10px}.cc-consent-section__head>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--cc-mint-soft);color:var(--cc-mint-dark);font-size:11px;font-weight:900}.cc-consent-section h3{margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:18px!important;line-height:1.4!important}.cc-consent-section p{margin:0 0 10px;line-height:1.85}.cc-consent-section ul{margin:0;padding:0 0 0 1.2em}.cc-consent-section li{margin:5px 0;line-height:1.75}.cc-consent-note{margin-top:12px!important;padding:11px 12px;border-radius:12px;background:#fff8e9;color:#75613a;font-size:12px}.cc-consent-form{margin-top:24px;padding:20px;border-radius:20px;background:#f7faf8}.cc-consent-check{display:flex!important;align-items:flex-start!important;gap:11px!important;margin:0 0 10px!important;padding:14px 15px!important;border:1px solid var(--cc-line)!important;border-radius:14px!important;background:#fff!important;font-size:14px!important;line-height:1.65!important;cursor:pointer}.cc-consent-check input{flex:0 0 auto!important;width:19px!important;height:19px!important;margin:2px 0 0!important}.cc-consent-version{margin:12px 0 0;text-align:center;color:var(--cc-muted);font-size:11px}.cc-consent-confirmed{display:flex;align-items:flex-start;gap:11px;margin:4px 0 16px;padding:12px 14px;border:1px solid #cfe9e1;border-radius:14px;background:var(--cc-mint-soft)}.cc-consent-confirmed>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--cc-mint-dark);color:#fff;font-weight:900}.cc-consent-confirmed p{margin:0!important;font-size:12px;line-height:1.6}.cc-consent-confirmed a{color:var(--cc-mint-dark)!important;font-weight:700}.cc-register-gate{text-align:center;padding:42px 38px}.cc-auth-state-icon--info{font-size:18px}.cc-register-gate .cc-muted{max-width:520px;margin:0 auto;line-height:1.85}@media(max-width:700px){.cc-consent-card{padding:27px 18px}.cc-consent-summary{grid-template-columns:1fr}.cc-consent-section{padding:18px 16px}.cc-consent-card>h2{font-size:25px!important}}


/* v0.6.5 Resource CTA: action-first wording for less technical users */
.cc-download-card .cc-use-btn{
  min-height:58px;
  padding:13px 22px;
  gap:10px;
  font-size:15px;
  line-height:1.2;
}
.cc-download-card .cc-use-btn__icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cc-download-card .cc-use-note{
  margin:10px 4px 0;
  color:var(--cc-muted);
  font-size:12px;
  line-height:1.65;
  text-align:center;
}
.cc-download-card .cc-file-meta--friendly{
  gap:8px;
  margin-top:14px;
}
.cc-download-card .cc-file-meta-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.cc-download-card .cc-file-meta-row span{
  color:var(--cc-muted);
}
.cc-download-card .cc-file-meta-row strong{
  color:var(--cc-text);
  text-align:right;
  overflow-wrap:normal;
}
@media(max-width:560px){
  .cc-download-card .cc-use-btn{min-height:56px;font-size:15px;padding:12px 18px}
}

/* ==========================================================
   v0.6.6 Marketplace home feed
   ========================================================== */
.cc-market-feed{max-width:1180px;margin:0 auto;padding:54px 0 72px;color:var(--cc-ink,#2f3a35)}
.cc-market-feed__head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 22px}
.cc-market-feed__eyebrow{display:block;margin-bottom:7px;color:var(--cc-mint-dark,#58a897);font-size:11px;font-weight:900;letter-spacing:.14em}
.cc-market-feed__head h2{margin:0 0 7px;font-size:clamp(26px,3vw,38px);line-height:1.3;color:var(--cc-ink,#2f3a35)}
.cc-market-feed__head p{margin:0;color:var(--cc-text,#66706a);font-size:14px;line-height:1.8}
.cc-market-feed__all{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;color:var(--cc-mint-dark,#58a897)!important;font-size:13px;font-weight:900;text-decoration:none!important;white-space:nowrap}
.cc-market-categories{display:flex;gap:9px;overflow-x:auto;padding:2px 0 18px;margin:0 0 6px;scrollbar-width:none}
.cc-market-categories::-webkit-scrollbar{display:none}
.cc-market-category{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid #e5e9e6;border-radius:999px;background:#fff;color:#5f6963!important;text-decoration:none!important;font-size:12px;font-weight:800;box-shadow:0 3px 10px rgba(52,69,60,.035)}
.cc-market-category:hover,.cc-market-category.is-all{border-color:#cfe8e1;background:#eef8f5;color:var(--cc-mint-dark,#58a897)!important}
.cc-market-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.cc-market-card{display:block;min-width:0;background:#fff;border:1px solid #e7e9e6;border-radius:18px;overflow:hidden;text-decoration:none!important;color:var(--cc-ink,#2f3a35)!important;box-shadow:0 8px 24px rgba(52,69,60,.055);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.cc-market-card:hover{transform:translateY(-3px);border-color:#d5e8e2;box-shadow:0 14px 34px rgba(52,69,60,.10)}
.cc-market-card__thumb{position:relative;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#edf8f4 0%,#fff8e8 100%);overflow:hidden}
.cc-market-card__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.cc-market-card__placeholder{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:20px;background:rgba(255,255,255,.82);box-shadow:0 9px 24px rgba(76,112,96,.08)}
.cc-market-card__placeholder svg{width:34px;height:34px;fill:none;stroke:#76beaE;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.cc-market-card__price{position:absolute;left:11px;bottom:11px;display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.94);color:#519f8f;font-size:12px;font-weight:900;box-shadow:0 4px 14px rgba(44,74,62,.08);backdrop-filter:blur(5px)}
.cc-market-card__body{padding:15px 15px 14px}
.cc-market-card__tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px}
.cc-market-card__tags span{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:#f4f5f2;color:#717a74;font-size:10px;font-weight:800}
.cc-market-card__tags span:first-child{background:#eef8f5;color:#58a897}
.cc-market-card__body h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:2.9em;margin:0 0 7px;color:#343b37;font-size:15px;font-weight:900;line-height:1.45}
.cc-market-card__body p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:3.25em;margin:0 0 11px;color:#747d77;font-size:11.5px;line-height:1.6}
.cc-market-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #f0f1ef;color:#89908c;font-size:10.5px;font-weight:800}
.cc-market-card__use{color:#58a897;white-space:nowrap}
.cc-market-card__use b{font-size:13px}
.cc-market-feed__footer{display:flex;justify-content:center;margin-top:28px}
.cc-market-feed__footer a,.cc-market-empty__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;background:#eef8f5;color:#4f9f8f!important;text-decoration:none!important;font-size:13px;font-weight:900}
.cc-market-empty{padding:46px 24px;text-align:center;border:1px dashed #d9e7e1;border-radius:22px;background:#fbfdfc}
.cc-market-empty__icon{font-size:38px;color:#7dc7b7}.cc-market-empty h3{margin:10px 0 6px;font-size:19px}.cc-market-empty p{margin:0 0 18px;color:#78817c;font-size:13px}

@media(max-width:1100px){.cc-market-feed{padding-left:20px;padding-right:20px}.cc-market-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.cc-market-feed{padding-top:40px;padding-bottom:58px}.cc-market-feed__head{align-items:flex-start;flex-direction:column;gap:10px}.cc-market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cc-market-feed__all{font-size:12px}}
@media(max-width:520px){.cc-market-feed{padding-left:14px;padding-right:14px}.cc-market-feed__head h2{font-size:27px}.cc-market-feed__head p{font-size:13px}.cc-market-category{min-height:34px;padding:0 12px;font-size:11px}.cc-market-grid{gap:10px}.cc-market-card{border-radius:14px}.cc-market-card__body{padding:11px 10px 10px}.cc-market-card__tags{gap:4px;margin-bottom:7px}.cc-market-card__tags span{min-height:20px;padding:0 6px;font-size:9px}.cc-market-card__body h3{font-size:13px;min-height:2.8em}.cc-market-card__body p{display:none}.cc-market-card__meta{font-size:9px}.cc-market-card__use{font-size:0}.cc-market-card__use b{font-size:14px}.cc-market-card__price{left:8px;bottom:8px;min-height:24px;padding:0 8px;font-size:10px}}

/* ==========================================================
   v0.6.8 Sparse marketplace polish
   公開資料が1〜3件でも「空いている」印象にならないよう、
   カード群を中央寄せ＋適正幅へ拡大。4件以上は従来の4列。
   ========================================================== */
.cc-market-grid--sparse{
  justify-content:center;
  margin-left:auto;
  margin-right:auto;
}
.cc-market-grid--count-1{
  grid-template-columns:minmax(280px,380px);
  max-width:380px;
}
.cc-market-grid--count-2{
  grid-template-columns:repeat(2,minmax(280px,360px));
  max-width:742px;
  gap:22px;
}
.cc-market-grid--count-3{
  grid-template-columns:repeat(3,minmax(250px,1fr));
  max-width:980px;
  gap:20px;
}
.cc-market-grid--sparse .cc-market-card__thumb{
  aspect-ratio:16/10;
}
.cc-market-grid--sparse .cc-market-card__body{
  display:flex;
  flex-direction:column;
  padding:15px 16px 13px;
}
.cc-market-grid--sparse .cc-market-card__body h3{
  min-height:0;
  margin-bottom:7px;
}
.cc-market-grid--sparse .cc-market-card__body p{
  min-height:0;
  margin-bottom:10px;
}
.cc-market-grid--sparse .cc-market-card__meta{
  margin-top:auto;
}
@media(max-width:780px){
  .cc-market-grid--count-3{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:none;
  }
  .cc-market-grid--count-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:none;
    gap:12px;
  }
}
@media(max-width:520px){
  .cc-market-grid--count-1{
    grid-template-columns:minmax(0,1fr);
    max-width:360px;
  }
  .cc-market-grid--sparse .cc-market-card__thumb{
    aspect-ratio:4/3;
  }
  .cc-market-grid--sparse .cc-market-card__body{
    padding:11px 10px 10px;
  }
}

/* ==========================================================
   v0.6.9 Discovery home: 新着 → 人気 → 季節 → カテゴリ → クリエイター
   ========================================================== */
.cc-home-discovery{background:#fffdfa;color:var(--cc-ink,#303230)}
.cc-discovery-section{padding:68px 0;border-top:1px solid #eeece6}
.cc-discovery-section:nth-child(even){background:#fbfcfa}
.cc-discovery-inner{width:calc(100% - 48px);max-width:1180px;margin:0 auto}
.cc-discovery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 26px}
.cc-discovery-head>div>span{display:block;margin:0 0 7px;color:var(--cc-mint-dark,#58a897);font-size:11px;font-weight:900;letter-spacing:.16em}
.cc-discovery-head h2{margin:0 0 8px;color:var(--cc-ink,#303230);font-size:clamp(26px,3vw,38px);line-height:1.3;font-weight:900}
.cc-discovery-head p{margin:0;color:#7a837e;font-size:14px;line-height:1.8}
.cc-discovery-head>a{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;color:var(--cc-mint-dark,#58a897)!important;text-decoration:none!important;font-size:13px;font-weight:900;white-space:nowrap}
.cc-discovery-head>a b{font-size:16px}
.cc-discovery-section--seasonal-prep{position:relative;background:radial-gradient(circle at 10% 0%,rgba(242,215,143,.19) 0 150px,transparent 151px),linear-gradient(180deg,#fffaf0 0%,#fffdfa 100%);border-top:0;padding-top:58px}
.cc-seasonal-prep__head{margin-bottom:24px}.cc-seasonal-prep__head>div>span{color:#b58a3f}
.cc-seasonal-set-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cc-seasonal-set-card{position:relative;display:flex;flex-direction:column;min-height:232px;padding:22px;border:1px solid #eadfca;border-radius:22px;background:rgba(255,255,255,.94);color:#3f413e!important;text-decoration:none!important;box-shadow:0 9px 26px rgba(92,75,44,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.cc-seasonal-set-card:hover{transform:translateY(-3px);border-color:#dfc99e;box-shadow:0 14px 32px rgba(92,75,44,.09)}
.cc-seasonal-set-card__top{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin-bottom:17px}
.cc-seasonal-set-card__symbol{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#fff3d7;color:#a57d31;font-size:15px;font-weight:900;line-height:1}
.cc-seasonal-set-card__month{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:999px;background:#f8f5ec;color:#8e7c59;font-size:11px;font-weight:900;letter-spacing:.03em}
.cc-seasonal-set-card h3{margin:0 0 8px;color:#303230;font-size:22px;line-height:1.35;font-weight:900}
.cc-seasonal-set-card p{margin:0;color:#777c77;font-size:13px;line-height:1.75}
.cc-seasonal-set-card__hints{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.cc-seasonal-set-card__hints span{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;background:#f7faf8;color:#65736c;font-size:10px;font-weight:800}
.cc-seasonal-set-card__action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;color:#58a897;font-size:12px;font-weight:900}.cc-seasonal-set-card__action b{font-size:16px;line-height:1}
.cc-discovery-section--popular{background:linear-gradient(180deg,#fffdfa 0%,#fbfdfc 100%)}
.cc-discovery-section--seasonal{background:linear-gradient(180deg,#fffaf1 0%,#fffdfa 100%)}
.cc-discovery-section--categories{background:#f8fbf9}
.cc-discovery-section--creators{background:#fffdfa}

.cc-home-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.cc-home-category-card{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:102px;padding:20px 46px 20px 20px;border:1px solid #e3e9e5;border-radius:18px;background:#fff;color:#39423d!important;text-decoration:none!important;box-shadow:0 7px 22px rgba(52,69,60,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.cc-home-category-card:hover{transform:translateY(-2px);border-color:#cae4dd;box-shadow:0 12px 28px rgba(52,69,60,.08)}
.cc-home-category-card>span{font-size:15px;font-weight:900;line-height:1.45}
.cc-home-category-card>small{margin-top:5px;color:#8b938e;font-size:11px;font-weight:700}
.cc-home-category-card>b{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#62ad9d;font-size:18px}

.cc-creator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cc-creator-card{padding:20px;border:1px solid #e5e8e5;border-radius:20px;background:#fff;box-shadow:0 8px 24px rgba(52,69,60,.045)}
.cc-creator-card__head{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid #f0f1ef}
.cc-creator-card__avatar{width:52px!important;height:52px!important;border-radius:50%!important;object-fit:cover}
.cc-creator-card__head h3{margin:0 0 4px;font-size:15px;font-weight:900;color:#343b37}
.cc-creator-card__head p{margin:0;color:#8a928d;font-size:11px;font-weight:700}
.cc-creator-card__works{display:grid;gap:8px;padding-top:12px}
.cc-creator-card__works a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:7px 10px;border-radius:11px;background:#f7faf8;color:#59635d!important;text-decoration:none!important;font-size:12px;font-weight:800}
.cc-creator-card__works a:hover{background:#eef8f5;color:#4f9f8f!important}
.cc-creator-card__works a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-creator-card__works a b{flex:0 0 auto;color:#62ad9d;font-size:14px}




@media(max-width:980px){
  .cc-seasonal-set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-seasonal-set-card:last-child{grid-column:1/-1;max-width:560px}
  .cc-home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:780px){
  .cc-discovery-section{padding:52px 0}
  .cc-discovery-section--seasonal-prep{padding-top:46px}
  .cc-seasonal-set-grid{grid-template-columns:1fr}
  .cc-seasonal-set-card:last-child{grid-column:auto;max-width:none}
  .cc-seasonal-set-card{min-height:0;padding:19px;border-radius:18px}
  .cc-discovery-inner{width:calc(100% - 32px)}
  .cc-discovery-head{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:20px}
  .cc-home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cc-creator-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .cc-discovery-section{padding:42px 0}
  .cc-discovery-section--seasonal-prep{padding-top:38px}
  .cc-seasonal-set-card{padding:17px}
  .cc-seasonal-set-card h3{font-size:19px}
  .cc-discovery-inner{width:calc(100% - 28px)}
  .cc-discovery-head h2{font-size:27px}
  .cc-discovery-head p{font-size:13px}
  .cc-home-category-card{min-height:86px;padding:16px 38px 16px 15px;border-radius:15px}
  .cc-home-category-card>span{font-size:13px}
  .cc-home-category-card>b{right:13px}
  .cc-creator-card{padding:15px;border-radius:16px}
}

.cc-taxonomy-field{margin:0;padding:0;border:0}.cc-taxonomy-field legend{margin:0 0 8px;font-size:14px;font-weight:700}.cc-category-options{display:flex;flex-wrap:wrap;gap:8px}.cc-category-option{display:inline-flex!important;align-items:center!important;gap:0!important;cursor:pointer}.cc-category-option input{position:absolute;opacity:0;pointer-events:none}.cc-category-option span{display:inline-flex;align-items:center;min-height:38px;padding:0 14px;border:1px solid #dfe3de;border-radius:999px;background:#fff;color:#5f6963;font-size:12px;font-weight:800;transition:.15s ease}.cc-category-option input:checked+span{border-color:#9fd6c8;background:#eaf6f2;color:#3e8f7e;box-shadow:0 0 0 2px rgba(125,199,183,.12)}.cc-category-option input:focus-visible+span{outline:2px solid rgba(113,188,169,.35);outline-offset:2px}.cc-detail-tag{background:#f5f8f6!important;color:#66726b!important}

/* v0.8.4 resource product layout */
.cc-detail-head{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.78fr);gap:32px;align-items:start}.cc-detail-main{min-width:0;padding:0}.cc-detail-main>.cc-card-tags{margin-top:4px}.cc-download-card{top:94px}.cc-content-section{margin-top:34px}@media(max-width:860px){.cc-detail-head{grid-template-columns:1fr;gap:22px}.cc-download-card{position:static}.cc-content-section{margin-top:26px}}

/* v0.8.6 - Upload-first submission flow */
.cc-submit-card--simple,.cc-confirm-card{max-width:720px!important}.cc-submit-lead{margin:10px 0 0;color:var(--cc-text);font-size:15px;line-height:1.8}.cc-upload-zone{position:relative;min-height:260px;border:2px dashed #cfded8;border-radius:22px;background:linear-gradient(180deg,#fbfefd,#f3faf7);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 24px;gap:7px;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.cc-upload-zone:hover,.cc-upload-zone.is-dragging{border-color:var(--cc-mint-dark);background:#edf8f4}.cc-upload-zone.is-dragging{transform:scale(1.01)}.cc-upload-zone.is-selected{border-style:solid;border-color:#9fd6c8}.cc-upload-input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;padding:0!important;border:0!important}.cc-upload-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--cc-mint-soft);color:var(--cc-mint-dark);font-size:30px;font-weight:400;margin-bottom:5px}.cc-upload-zone strong{font-size:18px;color:var(--cc-ink)}.cc-upload-zone span{font-size:13px;color:var(--cc-text)}.cc-upload-zone small{font-size:11px;color:var(--cc-muted);margin-top:8px;line-height:1.6}.cc-selected-file{padding:11px 14px;border-radius:12px;background:#f7f8f6;color:#66706a;font-size:12px;overflow-wrap:anywhere}.cc-submit-footnote{margin:0!important;text-align:center;color:var(--cc-muted);font-size:11.5px;line-height:1.7}.cc-confirm-file{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:13px;align-items:center;margin:22px 0;padding:16px;border:1px solid var(--cc-line);border-radius:16px;background:#fbfcfb}.cc-confirm-file__icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--cc-mint-soft);color:var(--cc-mint-dark);font-size:23px}.cc-confirm-file strong{display:block;color:var(--cc-ink);font-size:14px;overflow-wrap:anywhere}.cc-confirm-file span{display:block;margin-top:3px;color:var(--cc-muted);font-size:11px}.cc-confirm-file .cc-confirm-file__state{margin:0;padding:5px 9px;border-radius:999px;background:#eaf6f2;color:#438d7e;font-size:10px;font-weight:800;white-space:nowrap}.cc-auto-note{display:grid;gap:4px;margin:0 0 22px;padding:14px 16px;border-radius:14px;background:#fff8e9;border:1px solid #f1e3bf}.cc-auto-note strong{font-size:12px;color:#6b5733}.cc-auto-note span{font-size:11.5px;line-height:1.65;color:#75613a}@media(max-width:600px){.cc-upload-zone{min-height:220px;padding:28px 16px}.cc-confirm-file{grid-template-columns:44px minmax(0,1fr)}.cc-confirm-file__icon{width:44px;height:44px}.cc-confirm-file .cc-confirm-file__state{grid-column:2;justify-self:start}}


/* v0.8.7 - clearer upload selection feedback */
.cc-upload-zone.is-selected{border-style:solid!important;border-color:#78c7b6!important;background:linear-gradient(180deg,#eefaf6,#f8fcfa)!important;box-shadow:0 0 0 4px rgba(125,199,183,.09),0 14px 34px rgba(72,132,116,.08)!important}
.cc-upload-zone.is-selected .cc-upload-icon{background:#72c4b2!important;color:#fff!important;box-shadow:0 8px 20px rgba(88,168,151,.18)!important}
.cc-upload-zone.is-selected strong{color:#327e6f!important;font-size:20px!important}
.cc-upload-zone.is-selected span{max-width:92%;color:#34463f!important;font-size:14px!important;font-weight:800!important;overflow-wrap:anywhere!important}
.cc-upload-zone.is-selected small{color:#6f8078!important}
.cc-upload-zone.is-dragging{border-style:solid!important;border-width:3px!important;border-color:#58a897!important;background:#e8f7f2!important;box-shadow:0 0 0 7px rgba(88,168,151,.08)!important}
.cc-upload-zone.is-dragging .cc-upload-icon{transform:scale(1.08)!important}
.cc-selected-file{display:flex!important;align-items:center!important;gap:8px!important;min-height:46px!important;padding:11px 14px!important}
.cc-selected-file span{display:grid!important;place-items:center!important;flex:0 0 24px!important;width:24px!important;height:24px!important;border-radius:50%!important;background:#ecefeb!important;color:#8a928d!important;font-weight:900!important}
.cc-upload-zone.is-selected + .cc-selected-file{background:#edf8f4!important;color:#438d7e!important;font-weight:800!important}
.cc-upload-zone.is-selected + .cc-selected-file span{background:#70c1b0!important;color:#fff!important}
.cc-upload-submit{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important}
.cc-upload-submit.is-ready{box-shadow:0 12px 28px rgba(86,169,151,.20)!important}
.cc-upload-submit.is-ready:hover{transform:translateY(-1px)!important;filter:saturate(1.04)!important}

/* v0.8.7 - discovery sections below resource detail */
.cc-detail-recommendation{margin-top:48px;padding-top:40px;border-top:1px solid #e9ece9}
.cc-detail-recommendation__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.cc-detail-recommendation__head>div{max-width:760px}
.cc-detail-recommendation__head span{display:inline-flex;margin-bottom:8px;color:var(--cc-mint-dark);font-size:10px;font-weight:900;letter-spacing:.12em}
.cc-detail-recommendation__head h2{margin:0 0 7px;color:var(--cc-ink);font-size:24px;font-weight:900;line-height:1.45}
.cc-detail-recommendation__head p{margin:0;color:var(--cc-muted);font-size:13px;line-height:1.75}
.cc-detail-recommendation__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.cc-detail-recommendation--popular .cc-detail-recommendation__head span{color:#b38f38}
.cc-detail-recommendation--creators .cc-detail-recommendation__head span{color:#8a6aa8}
@media(max-width:1100px){.cc-detail-recommendation__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.cc-detail-recommendation{margin-top:38px;padding-top:32px}.cc-detail-recommendation__head h2{font-size:21px}.cc-detail-recommendation__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:520px){.cc-detail-recommendation{margin-top:32px;padding-top:28px}.cc-detail-recommendation__head{margin-bottom:14px}.cc-detail-recommendation__head h2{font-size:19px}.cc-detail-recommendation__head p{font-size:12px}.cc-detail-recommendation__grid{gap:10px}}

/* v0.8.8 upload safety feedback */
.cc-upload-zone.is-error{border-style:solid!important;border-color:#d98f82!important;background:#fff4f1!important;box-shadow:0 0 0 4px rgba(197,91,73,.07)!important}
.cc-upload-zone.is-error .cc-upload-icon{background:#f7ddd7!important;color:#b44f3d!important}
.cc-upload-zone.is-error strong{color:#a94433!important}
.cc-upload-zone.is-error span,.cc-upload-zone.is-error small{color:#7f5a52!important}
.cc-selected-file.is-error{background:#fff0ed!important;color:#a94433!important;font-weight:800!important}
.cc-selected-file.is-error span{background:#d98070!important;color:#fff!important}
.cc-upload-submit:disabled{opacity:.48!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.cc-upload-submit.is-uploading{opacity:.72!important;cursor:wait!important}

/* ==========================================================
   v0.8.9 Upload Processing Experience
   Visual progress + CSS mascot + legacy mini game styles (UI removed in v0.8.16)
   ========================================================== */
html.cc-processing-open,body.cc-processing-open{overflow:hidden!important}
.cc-processing-overlay[hidden]{display:none!important}
.cc-processing-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  overflow:auto!important;
  background:rgba(238,247,244,.92)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.cc-processing-shell{
  width:min(1040px,100%)!important;
  margin:auto!important;
  padding:30px!important;
  border:1px solid rgba(88,168,151,.18)!important;
  border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 30px 90px rgba(38,67,58,.18)!important;
  color:#303230!important;
}
.cc-processing-head{text-align:center!important;margin-bottom:22px!important}
.cc-processing-kicker{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 12px!important;
  border-radius:999px!important;
  background:#eaf6f2!important;
  color:#438d7e!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.cc-processing-head h2{
  margin:10px 0 7px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  font-size:clamp(25px,3vw,36px)!important;
  line-height:1.35!important;
}
.cc-processing-head p{margin:0 auto!important;max-width:720px!important;color:#6f7974!important;font-size:13px!important;line-height:1.75!important}
.cc-processing-grid{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(280px,.78fr)!important;gap:20px!important;align-items:stretch!important}
.cc-processing-main,.cc-mini-game{
  min-width:0!important;
  border:1px solid #e7eeeb!important;
  border-radius:22px!important;
  background:#fbfdfc!important;
}
.cc-processing-main{padding:22px!important}
.cc-guide-row{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;margin-bottom:18px!important}
.cc-guide-talk{
  position:relative!important;
  min-height:98px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid #e4ece8!important;
  box-shadow:0 8px 22px rgba(63,91,80,.05)!important;
}
.cc-guide-talk:before{
  content:""!important;
  position:absolute!important;
  left:-10px!important;
  top:38px!important;
  width:18px!important;
  height:18px!important;
  background:#fff!important;
  border-left:1px solid #e4ece8!important;
  border-bottom:1px solid #e4ece8!important;
  transform:rotate(45deg)!important;
}
.cc-guide-talk small{display:block!important;margin-bottom:4px!important;color:#58a897!important;font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important}
.cc-guide-talk strong{display:block!important;color:#303230!important;font-size:15px!important;line-height:1.55!important}
.cc-guide-talk span{display:block!important;margin-top:5px!important;color:#707974!important;font-size:11.5px!important;line-height:1.65!important}

.cc-guide-mascot{
  position:relative!important;
  width:92px!important;
  height:100px!important;
  margin:auto!important;
  animation:ccMascotFloat 2.2s ease-in-out infinite!important;
}
.cc-guide-mascot__body{
  position:absolute!important;
  left:10px!important;
  top:8px!important;
  width:72px!important;
  height:82px!important;
  border-radius:24px 24px 30px 30px!important;
  background:linear-gradient(145deg,#87d3c3,#68bbaa)!important;
  box-shadow:inset 0 -8px 0 rgba(48,128,111,.08),0 12px 24px rgba(88,168,151,.2)!important;
}
.cc-guide-mascot__fold{
  position:absolute!important;
  right:0!important;
  top:0!important;
  width:22px!important;
  height:22px!important;
  border-radius:0 22px 0 12px!important;
  background:#dff3ee!important;
}
.cc-guide-mascot__eye{position:absolute!important;top:31px!important;width:7px!important;height:9px!important;border-radius:50%!important;background:#244b43!important;animation:ccMascotBlink 4.3s infinite!important}
.cc-guide-mascot__eye--left{left:21px!important}.cc-guide-mascot__eye--right{right:21px!important}
.cc-guide-mascot__mouth{position:absolute!important;left:29px!important;top:46px!important;width:15px!important;height:8px!important;border:2px solid #2b6558!important;border-top:0!important;border-left-color:transparent!important;border-right-color:transparent!important;border-radius:0 0 15px 15px!important}
.cc-guide-mascot__mark{position:absolute!important;left:25px!important;bottom:8px!important;width:23px!important;height:23px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,255,255,.85)!important;color:#58a897!important;font-size:14px!important;font-weight:900!important}
.cc-guide-mascot__arm{position:absolute!important;top:54px!important;width:24px!important;height:9px!important;border-radius:999px!important;background:#68bbaa!important}
.cc-guide-mascot__arm--left{left:0!important;transform:rotate(-28deg)!important}.cc-guide-mascot__arm--right{right:0!important;transform-origin:left center!important;animation:ccMascotWave 1.7s ease-in-out infinite!important}

.cc-processing-progress{height:9px!important;margin:4px 0 18px!important;overflow:hidden!important;border-radius:999px!important;background:#e8efec!important}
.cc-processing-progress span{display:block!important;width:8%;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#72c4b2,#f0cf7f)!important;transition:width .45s ease!important;box-shadow:0 0 18px rgba(114,196,178,.3)!important}
.cc-process-steps{display:grid!important;gap:8px!important;margin:0!important;padding:0!important;list-style:none!important}
.cc-process-steps li{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;min-height:54px!important;padding:9px 12px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;opacity:.54!important;transition:all .22s ease!important}
.cc-process-steps li>span{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#edf1ef!important;color:#8a948f!important;font-size:12px!important;font-weight:900!important}
.cc-process-steps li strong{display:block!important;color:#4d5551!important;font-size:12.5px!important;line-height:1.4!important}.cc-process-steps li small{display:block!important;margin-top:2px!important;color:#8b938f!important;font-size:10px!important;line-height:1.5!important}
.cc-process-steps li.is-active{opacity:1!important;border-color:#b9dfd6!important;background:#eff9f6!important;transform:translateX(3px)!important}
.cc-process-steps li.is-active>span{background:#70c1b0!important;color:#fff!important;box-shadow:0 0 0 5px rgba(112,193,176,.12)!important;animation:ccStepPulse 1.25s ease-in-out infinite!important}
.cc-process-steps li.is-done{opacity:.78!important}.cc-process-steps li.is-done>span{background:#dff2ed!important;color:transparent!important;position:relative!important}.cc-process-steps li.is-done>span:after{content:"✓"!important;position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;color:#438d7e!important;font-weight:900!important}
.cc-tip-box{margin-top:16px!important;padding:14px 16px!important;border-radius:15px!important;background:#fff8e9!important;border:1px solid #f1e3bf!important}
.cc-tip-box>span{display:block!important;margin-bottom:4px!important;color:#aa8431!important;font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important}.cc-tip-box strong{display:block!important;color:#6b5733!important;font-size:11.5px!important;line-height:1.65!important}.cc-tip-box strong.is-changing{animation:ccTipIn .32s ease!important}

.cc-mini-game{display:flex!important;flex-direction:column!important;padding:18px!important;background:linear-gradient(180deg,#fffdfa,#fbf7ef)!important;border-color:#efe6d5!important}
.cc-mini-game__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.cc-mini-game__head small{display:block!important;color:#bf8f5d!important;font-size:9px!important;font-weight:900!important;letter-spacing:.11em!important}.cc-mini-game__head strong{display:block!important;margin-top:2px!important;color:#443f38!important;font-size:17px!important}.cc-mini-game__head>span{padding:7px 10px!important;border-radius:999px!important;background:#fff!important;color:#7d7164!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}.cc-mini-game__head b{color:#58a897!important;font-size:16px!important}
.cc-mini-game__lead{margin:10px 0 12px!important;color:#82796f!important;font-size:10.5px!important;line-height:1.55!important}





.cc-mini-game__note{display:block!important;margin-top:9px!important;color:#9a9187!important;font-size:9px!important;line-height:1.5!important;text-align:center!important}
.cc-processing-footer{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;margin-top:18px!important;color:#63716b!important;font-size:11px!important}.cc-processing-footer strong{color:#438d7e!important;font-size:11px!important}.cc-processing-footer>span#cc-processing-elapsed{min-width:38px!important;padding:3px 7px!important;border-radius:999px!important;background:#edf7f4!important;color:#438d7e!important;font-weight:900!important;text-align:center!important}.cc-processing-footer small{width:100%!important;text-align:center!important;color:#909994!important;font-size:9.5px!important}.cc-processing-spinner{width:15px!important;height:15px!important;border:2px solid #cde7e0!important;border-top-color:#58a897!important;border-radius:50%!important;animation:ccSpin .75s linear infinite!important}


/* v0.8.14 processing UI refinements */
.cc-processing-overlay .cc-process-steps,.cc-processing-overlay .cc-process-steps>li{counter-reset:none!important;counter-increment:none!important;list-style:none!important}
.cc-processing-overlay .cc-process-steps>li::before,.cc-processing-overlay .cc-process-steps>li::after{content:none!important;display:none!important;width:0!important;height:0!important;margin:0!important;border:0!important}
.cc-processing-overlay .cc-process-steps>li>span::before{content:none!important;display:none!important}

.cc-tip-box{position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#fff9ea 0%,#fffdf6 64%,#f1faf7 100%)!important;box-shadow:0 8px 22px rgba(102,84,41,.05)!important}
.cc-tip-box:after{content:"✦"!important;position:absolute!important;right:13px!important;top:9px!important;color:rgba(88,168,151,.28)!important;font-size:25px!important;transform:rotate(12deg)!important}
.cc-tip-box__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:5px!important}
.cc-tip-box__head>span{color:#aa8431!important;font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important}
.cc-tip-box__head>em{display:inline-flex!important;align-items:center!important;min-height:20px!important;padding:2px 8px!important;border-radius:999px!important;background:#eef8f5!important;color:#5a9f91!important;font-size:7.5px!important;font-style:normal!important;font-weight:900!important;letter-spacing:.08em!important}
.cc-tip-box>b{display:block!important;margin:0 30px 3px 0!important;color:#554b39!important;font-size:11.5px!important;line-height:1.45!important}
.cc-tip-box strong{display:block!important;color:#776445!important;font-size:10.5px!important;line-height:1.65!important;font-weight:600!important}

.cc-mini-game{position:relative!important;overflow:hidden!important;background:linear-gradient(165deg,#fff8ed 0%,#fffdfa 40%,#eff9f6 100%)!important;border-color:#ebdfc8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important}
.cc-mini-game:before{content:""!important;position:absolute!important;inset:-35% 42% auto -15%!important;height:180px!important;border-radius:50%!important;background:radial-gradient(circle,rgba(125,199,183,.16),transparent 66%)!important;pointer-events:none!important}
.cc-mini-game__head>span{box-shadow:0 5px 14px rgba(125,105,77,.08)!important;border:1px solid #f1e7d8!important;background:rgba(255,255,255,.9)!important}

































@keyframes ccMascotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@keyframes ccMascotBlink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.12)}}
@keyframes ccMascotWave{0%,100%{transform:rotate(22deg)}50%{transform:rotate(-18deg)}}
@keyframes ccStepPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes ccTipIn{0%{opacity:.35;transform:translateY(3px)}100%{opacity:1;transform:translateY(0)}}

@keyframes ccSpin{to{transform:rotate(360deg)}}

@media(max-width:820px){
  .cc-processing-overlay{align-items:flex-start!important;padding:12px!important}
  .cc-processing-shell{padding:20px 14px!important;border-radius:22px!important}
  .cc-processing-grid{grid-template-columns:1fr!important}
  .cc-mini-game{min-height:300px!important}
  
  .cc-guide-row{grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important}
  .cc-guide-mascot{width:72px!important;height:82px!important;transform:scale(.82)!important;transform-origin:center!important}
}
@media(max-width:520px){
  .cc-processing-shell{padding:16px 11px!important}
  .cc-processing-head{margin-bottom:14px!important}
  .cc-processing-head p{font-size:11px!important}
  .cc-guide-row{grid-template-columns:1fr!important;text-align:center!important}
  .cc-guide-mascot{height:74px!important}
  .cc-guide-talk:before{display:none!important}
  .cc-guide-talk{min-height:0!important;padding:13px!important}
  .cc-processing-main{padding:14px!important}
  .cc-process-steps li{grid-template-columns:28px minmax(0,1fr)!important;min-height:48px!important;padding:7px 9px!important}
  .cc-process-steps li>span{width:28px!important;height:28px!important}
  .cc-process-steps li small{display:none!important}
  .cc-mini-game{padding:14px!important}
  
}
@media(prefers-reduced-motion:reduce){
  .cc-guide-mascot,.cc-guide-mascot__eye,.cc-guide-mascot__arm--right,.cc-process-steps li.is-active>span,.cc-processing-spinner{animation:none!important}
  
}


/* ==========================================================
   v0.8.11 File format discovery
   ========================================================== */
.cc-format-filter{margin:0 0 28px;padding:20px 22px;border:1px solid var(--cc-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(52,69,60,.045)}
.cc-format-filter__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}
.cc-format-filter__head>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.cc-format-filter__head span{font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--cc-mint-dark)}
.cc-format-filter__head strong{font-size:15px;color:var(--cc-ink)}
.cc-format-filter__head small{font-size:11px;color:var(--cc-muted)}
.cc-format-filter__options{display:flex;gap:8px;flex-wrap:wrap}
.cc-format-filter__chip{display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:1px solid #e4e8e4;border-radius:999px;background:#fafbf9;color:#66706a!important;text-decoration:none!important;font-size:12px;font-weight:800;transition:.16s ease}
.cc-format-filter__chip:hover{transform:translateY(-1px);border-color:#bcded5;background:#f2faf7;color:var(--cc-mint-dark)!important}
.cc-format-filter__chip.is-active{border-color:#8fd4c4;background:var(--cc-mint-soft);color:var(--cc-mint-dark)!important;box-shadow:inset 0 0 0 1px rgba(88,168,151,.08)}
.cc-format-badge{font-weight:900!important;border:1px solid transparent!important}
.cc-format-badge--pdf{background:#fff0ed!important;color:#b85f50!important;border-color:#f4d2cc!important}
.cc-format-badge--excel{background:#edf8f0!important;color:#4b8660!important;border-color:#cfe7d6!important}
.cc-format-badge--word{background:#edf5ff!important;color:#5278a6!important;border-color:#d1e0f2!important}
.cc-format-badge--powerpoint{background:#fff2ea!important;color:#b56c47!important;border-color:#f0d5c6!important}
.cc-format-badge--image{background:#f5effd!important;color:#7963a6!important;border-color:#e0d5f0!important}
.cc-format-badge--csv,.cc-format-badge--text{background:#f3f5f2!important;color:#69736b!important;border-color:#dde2dd!important}
.cc-format-badge--zip{background:#fff7df!important;color:#9b7c2f!important;border-color:#eadcae!important}
.cc-file-meta-row strong small{font-size:11px;font-weight:700;color:var(--cc-muted)}
@media(max-width:680px){.cc-format-filter{padding:17px 16px}.cc-format-filter__head{align-items:flex-start;flex-direction:column;gap:5px}.cc-format-filter__options{gap:7px}.cc-format-filter__chip{min-height:34px;padding:0 12px;font-size:11px}}

/* v0.8.12 confirmation cleanup */
.cc-cancel-confirm-form{margin-top:12px}.cc-cancel-confirm-form .cc-btn{font-size:13px}


/* ==========================================================
   v0.8.16 Tips on confirmation + ad slot in processing screen
   ========================================================== */
.cc-processing-ad{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  padding:18px!important;
  border:1px solid #e7eeeb!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fbfdfc,#f7faf8)!important;
}
.cc-processing-ad__head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:12px!important}
.cc-processing-ad__head small{display:block!important;color:#7c8d85!important;font-size:9px!important;font-weight:900!important;letter-spacing:.12em!important}
.cc-processing-ad__head strong{display:block!important;margin-top:2px!important;color:#3e4843!important;font-size:17px!important}
.cc-processing-ad__body{flex:1 1 auto!important;min-height:250px!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;overflow:hidden!important;border:1px solid #e4e9e6!important;border-radius:18px!important;background:#fff!important}
.cc-processing-ad__body>*{max-width:100%!important}
.cc-processing-ad__placeholder{width:100%!important;min-height:250px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:24px!important;text-align:center!important;color:#7d8983!important;background:linear-gradient(145deg,#fff,#f5f8f6)!important;box-sizing:border-box!important}
.cc-processing-ad__placeholder>span{display:inline-flex!important;padding:4px 9px!important;border-radius:999px!important;background:#eef3f0!important;color:#8a9690!important;font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important}
.cc-processing-ad__placeholder>strong{color:#53615a!important;font-size:15px!important}
.cc-processing-ad__placeholder>small{max-width:220px!important;color:#929c97!important;font-size:10px!important;line-height:1.65!important}
.cc-processing-ad__note{display:block!important;margin-top:10px!important;color:#929c97!important;font-size:9px!important;line-height:1.55!important;text-align:center!important}
.cc-confirm-tip{margin:0 0 22px!important}
.cc-confirm-tip__note{display:block!important;margin-top:8px!important;padding-top:8px!important;border-top:1px dashed rgba(170,132,49,.2)!important;color:#8e826f!important;font-size:9px!important;line-height:1.55!important}
@media(max-width:820px){.cc-processing-ad{min-height:260px!important}.cc-processing-ad__body,.cc-processing-ad__placeholder{min-height:200px!important}}
@media(max-width:520px){.cc-processing-ad{padding:14px!important}.cc-processing-ad__body,.cc-processing-ad__placeholder{min-height:170px!important}}

/* ==========================================================
   v0.8.19 Home resource cards - Studio Archive
   パステル/グリーン依存をやめ、Stone × Ink × Cobalt × Orangeへ。
   カード画像は <img> ではなくCSS背景で描画し、画像ホバーUIを回避。
   ========================================================== */
.cc-card-bg{
  position:absolute;
  inset:0;
  display:block;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}
.cc-resource-thumb{position:relative}
.cc-resource-thumb .cc-card-bg{position:absolute;inset:0}

.cc-home-discovery .cc-discovery-section--new,.cc-home-discovery .cc-discovery-section--popular{
  position:relative;
  overflow:hidden;
  border-top:1px solid #cfd4dc;
  border-bottom:1px solid #cfd4dc;
  background:#ece9e2;
  color:#111318;
}
.cc-home-discovery .cc-discovery-section--new::before,.cc-home-discovery .cc-discovery-section--popular::before{
  content:none;
  display:none;
}
.cc-home-discovery .cc-discovery-section--new .cc-discovery-inner,.cc-home-discovery .cc-discovery-section--popular .cc-discovery-inner{
  position:relative;
  z-index:1;
}
.cc-home-discovery .cc-discovery-section--new .cc-discovery-head,.cc-home-discovery .cc-discovery-section--popular .cc-discovery-head{
  align-items:flex-end;
  margin-bottom:26px;
  padding-bottom:20px;
  border-bottom:2px solid #111318;
}
.cc-home-discovery .cc-discovery-section--new .cc-discovery-head>div>span,.cc-home-discovery .cc-discovery-section--popular .cc-discovery-head>div>span{
  color:#f05a2a;
  font-size:10px;
  font-weight:950;
  letter-spacing:.19em;
}
.cc-home-discovery .cc-discovery-section--new .cc-discovery-head h2,.cc-home-discovery .cc-discovery-section--popular .cc-discovery-head h2{
  color:#111318;
  font-weight:950;
  letter-spacing:-.015em;
}
.cc-home-discovery .cc-discovery-section--new .cc-discovery-head p,.cc-home-discovery .cc-discovery-section--popular .cc-discovery-head p{
  color:#59606c;
  font-size:14px;
}
.cc-home-discovery .cc-discovery-section--new .cc-discovery-head>a,.cc-home-discovery .cc-discovery-section--popular .cc-discovery-head>a{
  min-height:40px;
  padding:0 15px;
  border:1px solid #111318;
  border-radius:7px;
  background:#111318;
  color:#ffffff!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.cc-home-discovery .cc-discovery-section--new .cc-discovery-head>a:hover,.cc-home-discovery .cc-discovery-section--popular .cc-discovery-head>a:hover{
  transform:translateY(-1px);
  border-color:#2f5bea;
  background:#2f5bea;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-grid,.cc-home-discovery .cc-discovery-section--popular .cc-market-grid{gap:16px}
.cc-home-discovery .cc-discovery-section--new .cc-market-card,.cc-home-discovery .cc-discovery-section--popular .cc-market-card{
  position:relative;
  border:1px solid #bfc5ce;
  border-radius:10px;
  background:#ffffff;
  color:#111318!important;
  box-shadow:0 8px 18px rgba(17,19,24,.07);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card:hover,.cc-home-discovery .cc-discovery-section--popular .cc-market-card:hover{
  transform:translateY(-4px);
  border-color:#2f5bea;
  box-shadow:0 14px 28px rgba(17,19,24,.13);
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__thumb,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__thumb{
  position:relative;
  aspect-ratio:16/10;
  background:#dfe3e8;
  border-bottom:1px solid #cfd4dc;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__thumb::after,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__thumb::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 62%,rgba(17,19,24,.18));
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__placeholder,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__placeholder{
  border:1px solid #aeb6c2;
  border-radius:10px;
  background:#fff;
  box-shadow:none;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__placeholder svg,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__placeholder svg{stroke:#2f5bea}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__price,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__price{
  z-index:3;
  left:10px;
  bottom:10px;
  min-height:26px;
  padding:0 9px;
  border:1px solid #111318;
  border-radius:5px;
  background:#f05a2a;
  color:#111318;
  box-shadow:none;
  backdrop-filter:none;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__body,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__body{
  padding:16px 15px 14px;
  background:#ffffff;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__tags,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__tags{gap:5px;margin-bottom:11px}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__tags span,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__tags span{
  min-height:22px;
  padding:0 7px;
  border:1px solid #c7ccd4!important;
  border-radius:4px;
  background:#f3f4f6!important;
  color:#4d5563!important;
  font-size:9px;
  letter-spacing:.01em;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__tags span:first-child,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__tags span:first-child{
  border-color:#2f5bea!important;
  background:#2f5bea!important;
  color:#ffffff!important;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__tags .cc-format-badge,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__tags .cc-format-badge{
  border-color:#111318!important;
  background:#111318!important;
  color:#ffffff!important;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__body h3,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__body h3{
  min-height:2.9em;
  margin:0 0 8px;
  color:#111318;
  font-size:15.5px;
  font-weight:950;
  line-height:1.45;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__body p,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__body p{
  min-height:3.3em;
  margin-bottom:13px;
  color:#626a76;
  font-size:11.5px;
  line-height:1.65;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__meta,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__meta{
  padding-top:11px;
  border-top:1px solid #d9dde3;
  color:#7a828e;
  font-size:10.5px;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__use,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__use{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#2f5bea;
  font-weight:950;
}
@media(max-width:780px){
  .cc-home-discovery .cc-discovery-section--new .cc-discovery-head,.cc-home-discovery .cc-discovery-section--popular .cc-discovery-head{align-items:flex-start}
}
@media(max-width:520px){
  .cc-home-discovery .cc-discovery-section--new .cc-market-card,.cc-home-discovery .cc-discovery-section--popular .cc-market-card{border-radius:8px}
  .cc-home-discovery .cc-discovery-section--new .cc-market-card__body,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__body{padding:12px 11px 11px}
  .cc-home-discovery .cc-discovery-section--new .cc-market-card__body h3,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__body h3{font-size:13.5px}
  .cc-home-discovery .cc-discovery-section--new .cc-market-card__tags span,.cc-home-discovery .cc-discovery-section--popular .cc-market-card__tags span{min-height:20px;padding:0 6px;font-size:8.5px}
}

/* v0.8.18 - right-side Tips carousel + compact ad */
.cc-processing-side{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
}
.cc-tips-carousel{
  position:relative!important;
  min-height:340px!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  padding:18px!important;
  overflow:hidden!important;
  border:1px solid #e5e9e7!important;
  border-radius:22px!important;
  background:linear-gradient(155deg,#ffffff 0%,#f8faf9 58%,#f3f6f5 100%)!important;
  box-shadow:0 14px 34px rgba(45,56,51,.07)!important;
}
.cc-tips-carousel:before{
  content:""!important;
  position:absolute!important;
  width:180px!important;
  height:180px!important;
  right:-88px!important;
  top:-92px!important;
  border-radius:50%!important;
  background:rgba(69,105,255,.07)!important;
  pointer-events:none!important;
}
.cc-tips-carousel__head{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:14px!important;
}
.cc-tips-carousel__head small{display:block!important;color:#6f7b76!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.13em!important}
.cc-tips-carousel__head strong{display:block!important;margin-top:3px!important;color:#303a35!important;font-size:17px!important;line-height:1.35!important}
#cc-tip-mode{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:52px!important;min-height:24px!important;padding:0 8px!important;border-radius:999px!important;background:#eef2ff!important;color:#4962ca!important;font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;transition:.2s ease!important}
#cc-tip-mode.is-manual{background:#f0f1f1!important;color:#67706c!important}
.cc-tips-carousel__viewport{
  position:relative!important;
  z-index:2!important;
  flex:1 1 auto!important;
  min-height:205px!important;
  display:flex!important;
  align-items:stretch!important;
  overflow:hidden!important;
  border:1px solid #e6e9e8!important;
  border-radius:18px!important;
  background:#fff!important;
  cursor:grab!important;
  touch-action:pan-y!important;
  outline:none!important;
  user-select:none!important;
}
.cc-tips-carousel__viewport:active{cursor:grabbing!important}
.cc-tips-carousel__viewport:focus-visible{box-shadow:0 0 0 3px rgba(72,98,202,.18)!important;border-color:#9aa9e4!important}
.cc-tip-slide{
  width:100%!important;
  min-height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:24px 22px!important;
  background:linear-gradient(160deg,#fff 0%,#fbfbfc 100%)!important;
}
.cc-tip-slide.is-slide-next{animation:ccTipSlideNext .32s cubic-bezier(.2,.7,.2,1)!important}
.cc-tip-slide.is-slide-prev{animation:ccTipSlidePrev .32s cubic-bezier(.2,.7,.2,1)!important}
.cc-tip-slide__meta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:14px!important}
.cc-tip-slide__meta>span{display:inline-flex!important;align-items:center!important;min-height:22px!important;padding:0 8px!important;border-radius:7px!important;background:#27324e!important;color:#fff!important;font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important}
.cc-tip-slide__meta>em{display:inline-flex!important;align-items:center!important;min-height:22px!important;padding:0 8px!important;border-radius:7px!important;background:#f1f3f6!important;color:#6f7780!important;font-size:7.5px!important;font-style:normal!important;font-weight:900!important;letter-spacing:.06em!important}
.cc-tip-slide>b{display:block!important;margin:0 0 10px!important;color:#26312c!important;font-size:17px!important;line-height:1.5!important}
.cc-tip-slide>strong{display:block!important;color:#5d6762!important;font-size:11.5px!important;font-weight:600!important;line-height:1.8!important}
.cc-tips-carousel__controls{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:40px minmax(0,1fr) 40px!important;align-items:center!important;gap:10px!important;margin-top:13px!important}
.cc-tip-nav{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:1px solid #dfe4e2!important;border-radius:12px!important;background:#fff!important;color:#34403a!important;font-size:25px!important;font-weight:500!important;line-height:1!important;cursor:pointer!important;box-shadow:0 4px 12px rgba(47,58,53,.05)!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important}
.cc-tip-nav:hover{transform:translateY(-1px)!important;border-color:#bfc8c4!important;box-shadow:0 7px 15px rgba(47,58,53,.08)!important}
.cc-tip-nav:active{transform:translateY(0)!important}
.cc-tip-autoplay{min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#7d8782!important;text-align:center!important}
.cc-tip-autoplay__dot{width:6px!important;height:6px!important;border-radius:50%!important;background:#4f69d8!important;box-shadow:0 0 0 4px rgba(79,105,216,.09)!important}
#cc-tip-mode.is-manual~* .cc-tip-autoplay__dot{background:#8d9792!important}
.cc-tip-autoplay small{font-size:9px!important;line-height:1.35!important}
.cc-tips-carousel__hint{position:relative!important;z-index:2!important;display:block!important;margin-top:9px!important;color:#919a96!important;font-size:8.5px!important;line-height:1.55!important;text-align:center!important}

.cc-processing-ad--compact{flex:0 0 auto!important;min-height:0!important;padding:12px!important;border-radius:18px!important}
.cc-processing-ad--compact .cc-processing-ad__head{margin-bottom:8px!important}
.cc-processing-ad--compact .cc-processing-ad__head strong{font-size:13px!important}
.cc-processing-ad--compact .cc-processing-ad__body,.cc-processing-ad--compact .cc-processing-ad__placeholder{min-height:92px!important}
.cc-processing-ad--compact .cc-processing-ad__placeholder{padding:12px!important;gap:3px!important}
.cc-processing-ad--compact .cc-processing-ad__placeholder>strong{font-size:12px!important}
.cc-processing-ad--compact .cc-processing-ad__placeholder>small{font-size:8.5px!important}
.cc-processing-ad--compact .cc-processing-ad__note{margin-top:7px!important;font-size:7.8px!important}

@keyframes ccTipSlideNext{0%{opacity:.15;transform:translateX(22px)}100%{opacity:1;transform:translateX(0)}}
@keyframes ccTipSlidePrev{0%{opacity:.15;transform:translateX(-22px)}100%{opacity:1;transform:translateX(0)}}

@media(max-width:820px){
  .cc-processing-side{gap:12px!important}
  .cc-tips-carousel{min-height:320px!important}
  .cc-processing-ad--compact .cc-processing-ad__body,.cc-processing-ad--compact .cc-processing-ad__placeholder{min-height:90px!important}
}
@media(max-width:520px){
  .cc-tips-carousel{min-height:300px!important;padding:14px!important;border-radius:18px!important}
  .cc-tip-slide{padding:20px 17px!important}
  .cc-tip-slide>b{font-size:15px!important}
  .cc-tip-slide>strong{font-size:10.8px!important}
  .cc-tips-carousel__controls{grid-template-columns:38px minmax(0,1fr) 38px!important}
  .cc-tip-nav{width:38px!important;height:38px!important}
}

/* ==========================================================
   v0.8.19 Global Studio Theme
   Stone × Ink × Cobalt × Orange
   Service pages (login / submit / my page / resources / detail)
   ========================================================== */
:root{
  --cc-bg:#f1efe9;
  --cc-card:#ffffff;
  --cc-ink:#111318;
  --cc-text:#535b67;
  --cc-muted:#7b8490;
  --cc-mint:#2f5bea;
  --cc-mint-dark:#2145c4;
  --cc-mint-soft:#eef1ff;
  --cc-yellow:#f05a2a;
  --cc-line:#d2d6dc;
  --cc-danger:#b42318;
  --cc-radius:12px;
  --cc-shadow:0 12px 28px rgba(17,19,24,.09);
}
body.cc-service-page{background:#f1efe9!important}
.cc-auth-wrap,.cc-dashboard,.cc-resource-index,.cc-detail{color:#111318}
.cc-card,.cc-profile-card,.cc-panel,.cc-download-card,.cc-content-section,.cc-list{
  border-color:#cfd4dc!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(17,19,24,.07)!important;
}
.cc-eyebrow{color:#2f5bea!important}
.cc-btn{
  border-radius:7px!important;
  background:#2f5bea!important;
  box-shadow:none!important;
}
.cc-btn:hover{background:#2145c4!important}
.cc-btn--ghost{border:1px solid #111318!important;background:#fff!important;color:#111318!important}
.cc-form input[type=text],.cc-form input[type=email],.cc-form input[type=password],.cc-form input[type=file],.cc-form textarea,.cc-form select{
  border-color:#c8cdd5!important;
  border-radius:7px!important;
  background:#fff!important;
}
.cc-form input:focus,.cc-form textarea:focus,.cc-form select:focus{
  outline:3px solid rgba(47,91,234,.14)!important;
  border-color:#2f5bea!important;
}
.cc-file-note{border:1px solid #cdd5f7!important;border-radius:7px!important;background:#f5f7ff!important}
.cc-notice{border-radius:7px!important}
.cc-notice--success{background:#eef1ff!important;color:#2145c4!important}
.cc-notice--info{background:#fff3ed!important;color:#9a3f1f!important}
.cc-resource-card{
  border-color:#c8cdd5!important;
  border-radius:10px!important;
  box-shadow:0 8px 18px rgba(17,19,24,.07)!important;
}
.cc-resource-card:hover{border-color:#2f5bea!important;box-shadow:0 14px 28px rgba(17,19,24,.13)!important}
.cc-resource-thumb{position:relative!important;background:#dfe3e8!important}
.cc-resource-thumb .cc-card-bg{position:absolute!important;inset:0!important}
.cc-card-tags span{
  border:1px solid #c7ccd4!important;
  border-radius:4px!important;
  background:#f3f4f6!important;
  color:#4d5563!important;
}
.cc-card-tags span:first-child{border-color:#2f5bea!important;background:#2f5bea!important;color:#fff!important}
.cc-resource-meta{border-top:1px solid #d9dde3!important;padding-top:12px!important}
.cc-download-card{border-top:4px solid #f05a2a!important}
.cc-price{color:#111318!important}
.cc-status{border-radius:4px!important}
.cc-status--publish{background:#eef1ff!important;color:#2145c4!important}
.cc-status--pending{background:#fff3ed!important;color:#9a3f1f!important}
.cc-list-row a{color:#2145c4!important}
.cc-auth-state-icon{border-radius:10px!important;background:#111318!important;color:#fff!important}
.cc-avatar{background:#2f5bea!important;color:#fff!important}
.cc-tips-carousel,.cc-processing-ad--compact{
  border-color:#cfd4dc!important;
  border-radius:12px!important;
  background:#f7f6f2!important;
  box-shadow:0 10px 24px rgba(17,19,24,.07)!important;
}
.cc-tips-carousel__head small{color:#f05a2a!important}
.cc-tips-carousel__head strong{color:#111318!important}
#cc-tip-mode{border-radius:5px!important;background:#2f5bea!important;color:#fff!important}
#cc-tip-mode.is-manual{background:#111318!important;color:#fff!important}
.cc-tips-carousel__viewport{border-color:#cfd4dc!important;border-radius:8px!important}
.cc-tip-slide{background:#fff!important}
.cc-tip-slide__meta>span{border-radius:4px!important;background:#111318!important}
.cc-tip-slide__meta>em{border-radius:4px!important;background:#eef0f3!important;color:#535b67!important}
.cc-tip-slide>b{color:#111318!important}
.cc-tip-slide>strong{color:#59616c!important}
.cc-tip-nav{border-color:#c5cad2!important;border-radius:7px!important;color:#111318!important}
.cc-tip-nav:hover{border-color:#2f5bea!important;color:#2f5bea!important}
.cc-tip-autoplay__dot{background:#f05a2a!important;box-shadow:none!important}


/* ==========================================================
   v0.8.21 Thumbnail renderer
   Listing thumbnails are canvas-rendered so no native image/CSS-image
   hover toolbar can attach to them.
   ========================================================== */
.cc-market-card__thumb,.cc-resource-thumb{position:relative!important;overflow:hidden!important}
.cc-card-canvas{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  -webkit-user-drag:none!important;
}
.cc-card-bg{}

/* ==========================================================
   v0.8.26 Flow restoration + home balance + preview source bridge
   ========================================================== */

/* Processing: game returns to the right rail; Tips live on confirmation. */
.cc-processing-side .cc-mini-game{flex:1 1 auto!important;min-height:390px!important}
.cc-processing-side .cc-processing-ad--compact{flex:0 0 auto!important}


/* Confirmation: editor on the left, persistent Tips/ads on the right. */
.cc-submit-card.cc-confirm-card{max-width:1120px!important;padding:30px!important}
.cc-confirm-workspace{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(300px,.72fr)!important;gap:22px!important;align-items:start!important;margin-top:4px!important}
.cc-confirm-editor{min-width:0!important}
.cc-confirm-editor .cc-form{margin-top:0!important}
.cc-confirm-side{min-width:0!important;display:flex!important;flex-direction:column!important;gap:14px!important;position:sticky!important;top:22px!important}
.cc-confirm-tips{margin:0!important;min-height:360px!important;display:flex!important;flex-direction:column!important}
.cc-confirm-tips .cc-tips-carousel__viewport{flex:1 1 auto!important;min-height:205px!important}
.cc-confirm-tips .cc-tip-slide{min-height:205px!important}
.cc-confirm-tip__note{display:block!important;margin-top:10px!important;padding-top:10px!important;border-top:1px dashed currentColor!important;opacity:.7!important;font-size:9px!important;line-height:1.6!important}
.cc-confirm-ad{margin:0!important}
.cc-cancel-confirm-form{margin-top:14px!important}
@media(max-width:900px){
  .cc-submit-card.cc-confirm-card{max-width:760px!important;padding:24px!important}
  .cc-confirm-workspace{grid-template-columns:1fr!important}
  .cc-confirm-side{position:static!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.72fr)!important;align-items:stretch!important}
  .cc-confirm-tips{min-height:0!important}
}
@media(max-width:620px){
  .cc-submit-card.cc-confirm-card{padding:18px 14px!important}
  .cc-confirm-side{grid-template-columns:1fr!important}
}

/* Hidden provider source. It allows Preview/lazy-load plugins to resolve an
   image URL, while Canvas remains the only visible thumbnail surface. */
.cc-market-card__thumb,.cc-resource-thumb{isolation:isolate!important}
.cc-card-canvas{z-index:1!important;background:transparent!important}
.cc-card-thumb-source{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:2px!important;
  height:2px!important;
  overflow:hidden!important;
  opacity:.001!important;
  pointer-events:none!important;
  user-select:none!important;
  z-index:0!important;
}
.cc-card-thumb-source,.cc-card-thumb-source *{pointer-events:none!important}
.cc-card-thumb-source img,.cc-card-thumb-source picture,.cc-card-thumb-source source{max-width:2px!important;max-height:2px!important;width:2px!important;height:2px!important;object-fit:cover!important}

/* Top-page rhythm: avoid a second giant About hero and reduce vertical dead space. */
.cc-home-discovery .cc-discovery-inner{max-width:1240px!important}
.cc-home-discovery .cc-discovery-section{padding-top:58px!important;padding-bottom:58px!important}
.cc-home-discovery .cc-discovery-section--seasonal-prep{padding-top:52px!important}
.cc-home-discovery .cc-discovery-section--creators{padding-bottom:52px!important}
.cc-home-discovery .cc-discovery-head{margin-bottom:22px!important}
.cc-home-discovery .cc-creator-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
.cc-home-discovery .cc-creator-card{min-width:0!important}


@media(max-width:1080px){
  .cc-home-discovery .cc-creator-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .cc-home-discovery .cc-discovery-section{padding-top:46px!important;padding-bottom:46px!important}
  .cc-home-discovery .cc-creator-grid{grid-template-columns:1fr!important}
  
}

/* ==========================================================
   v0.8.27 Marketplace card rhythm
   Keep every title on the same visual row and pin CTA to the card bottom.
   ========================================================== */
.cc-home-discovery .cc-market-grid{align-items:stretch!important;grid-auto-rows:1fr!important}
.cc-home-discovery .cc-market-card{height:100%!important;display:flex!important;flex-direction:column!important}
.cc-home-discovery .cc-market-card__thumb{flex:0 0 auto!important}
.cc-home-discovery .cc-market-card__body{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:52px 48px minmax(58px,1fr) auto!important;
  align-content:stretch!important;
}
.cc-home-discovery .cc-market-card__tags{
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  padding:0 0 8px!important;
  align-content:flex-start!important;
  overflow:hidden!important;
}
.cc-home-discovery .cc-market-card__body h3{
  min-height:48px!important;
  max-height:48px!important;
  margin:0!important;
  padding:0 0 8px!important;
  align-self:start!important;
  overflow:hidden!important;
}
.cc-home-discovery .cc-market-card__body p{
  min-height:58px!important;
  margin:0!important;
  padding:0 0 12px!important;
  align-self:start!important;
}
.cc-home-discovery .cc-market-card__meta{
  align-self:end!important;
  margin-top:auto!important;
  min-height:38px!important;
  padding-top:10px!important;
}
.cc-home-discovery .cc-market-card__use{margin-left:auto!important}
@media(max-width:780px){
  .cc-home-discovery .cc-market-card__body{grid-template-rows:46px 44px minmax(50px,1fr) auto!important}
  .cc-home-discovery .cc-market-card__tags{min-height:46px!important;max-height:46px!important}
  .cc-home-discovery .cc-market-card__body h3{min-height:44px!important;max-height:44px!important}
  .cc-home-discovery .cc-market-card__body p{min-height:50px!important}
}
@media(max-width:520px){
  .cc-home-discovery .cc-market-card__body{grid-template-rows:42px 40px auto!important}
  .cc-home-discovery .cc-market-card__tags{min-height:42px!important;max-height:42px!important}
  .cc-home-discovery .cc-market-card__body h3{min-height:40px!important;max-height:40px!important;padding-bottom:5px!important}
  .cc-home-discovery .cc-market-card__body p{display:none!important}
  .cc-home-discovery .cc-market-card__meta{min-height:34px!important}
}
.cc-market-grid>.cc-market-card{align-self:stretch}


/* ==========================================================
   v0.8.28 Thumbnail / creator hardening
   - No listing <img>/<canvas> surface: thumbnails are background layers.
   - Keep creator avatars fully inside cards despite THE THOR avatar rules.
   ========================================================== */
.cc-market-card__thumb,.cc-resource-thumb{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.cc-market-card__thumb .cc-card-bg,.cc-resource-thumb .cc-card-bg,.cc-card-bg.cc-card-bg--image{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  pointer-events:none!important;
  user-select:none!important;
}
.cc-card-canvas,.cc-card-thumb-source{
  display:none!important;
}
.cc-market-card__thumb > img,.cc-market-card__thumb > picture,.cc-market-card__thumb > canvas,.cc-resource-thumb > img,.cc-resource-thumb > picture,.cc-resource-thumb > canvas{
  display:none!important;
}
.cc-home-discovery .cc-creator-card{
  overflow:hidden!important;
}
.cc-home-discovery .cc-creator-card__head{
  min-width:0!important;
  overflow:hidden!important;
}
.cc-home-discovery img.cc-creator-card__avatar,.cc-home-discovery .cc-creator-card__avatar{
  position:static!important;
  float:none!important;
  display:block!important;
  flex:0 0 52px!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  transform:none!important;
  translate:none!important;
  object-fit:cover!important;
  box-shadow:none!important;
  clip-path:none!important;
}
.cc-home-discovery .cc-creator-card__head > div{
  min-width:0!important;
  flex:1 1 auto!important;
}
.cc-home-discovery .cc-creator-card__works,.cc-home-discovery .cc-creator-card__works a{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

/* Privacy / registration legal content */
.cc-policy-wrap{width:100%;max-width:980px;margin:0 auto;padding:34px 20px 72px}
.cc-policy-card{padding:34px!important}
.cc-policy-card h1{margin:8px 0 10px!important;font-size:clamp(28px,4vw,42px)!important;line-height:1.35!important}
.cc-policy-card h2{margin:34px 0 12px!important;font-size:20px!important;line-height:1.5!important}
.cc-policy-card h3{margin:24px 0 9px!important;font-size:16px!important}
.cc-policy-card p,.cc-policy-card li{font-size:14px!important;line-height:1.9!important}
.cc-policy-card ul{margin:10px 0 0!important;padding-left:1.4em!important}
.cc-policy-card li{list-style:disc!important;margin:5px 0!important}
.cc-policy-version{margin-top:6px!important;font-size:11px!important;opacity:.72}
.cc-policy-important{margin:18px 0!important;padding:16px 18px!important;border:1px solid var(--cc-line)!important;border-left:4px solid var(--cc-mint-dark,#58a897)!important;border-radius:12px!important;background:var(--cc-yellow-soft,#fff8e9)!important}
.cc-policy-contact{margin-top:34px!important;padding:18px!important;border:1px solid var(--cc-line)!important;border-radius:14px!important;background:var(--cc-paper,#fff)!important}
.cc-consent-economy-note{margin:14px 0 4px;padding:14px 15px;border:1px solid #cfe8df;border-radius:15px;background:linear-gradient(135deg,#f0faf6,#fffaf0);box-shadow:0 8px 22px rgba(32,93,74,.06)}.cc-consent-economy-note>strong{display:block;margin-bottom:7px;color:#236c58;font-size:13px}.cc-consent-economy-note p{margin:5px 0!important;color:#52665f;font-size:12px;line-height:1.75!important}
.cc-consent-legal-link{display:inline-flex!important;margin-top:8px!important;font-size:12px!important;font-weight:800!important;text-decoration:underline!important;text-underline-offset:3px!important}
.cc-consent-liability{margin:18px 0!important;padding:16px!important;border:1px solid var(--cc-line)!important;border-radius:14px!important;background:var(--cc-mint-soft,#eaf6f2)!important}
@media(max-width:640px){
  .cc-policy-wrap{padding:18px 12px 48px}
  .cc-policy-card{padding:22px 16px!important}
}


/* ==========================================================
   v0.8.30 Thumbnail / avatar / seasonal illustration final hardening
   ========================================================== */
.cc-seasonal-set-card{
  overflow:hidden!important;
  isolation:isolate!important;
}
.cc-seasonal-set-card > *:not(.cc-seasonal-set-card__illust){
  position:relative!important;
  z-index:2!important;
}
.cc-seasonal-set-card__illust{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:1!important;
  width:104px!important;
  height:104px!important;
  display:block!important;
  color:var(--cc-mint-dark,#58a897)!important;
  opacity:.13!important;
  pointer-events:none!important;
  user-select:none!important;
  transform:rotate(2deg)!important;
}
.cc-seasonal-set-card__illust svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:visible!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.cc-seasonal-set-card__top,.cc-seasonal-set-card h3,.cc-seasonal-set-card p{
  max-width:calc(100% - 58px)!important;
}
@media(max-width:780px){
  .cc-seasonal-set-card__illust{width:86px!important;height:86px!important;top:13px!important;right:13px!important;opacity:.11!important}
}

/* Do not expose creator avatars as <img>; THE THOR applies legacy negative
   margins/positioning to .avatar images. A background span is immune to it. */
.cc-home-discovery .cc-creator-card,.cc-home-discovery .cc-creator-card__head{
  overflow:hidden!important;
}
.cc-home-discovery .cc-creator-card__head{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}
.cc-home-discovery .cc-creator-card__avatar{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  flex:0 0 52px!important;
  display:block!important;
  width:52px!important;
  min-width:52px!important;
  max-width:52px!important;
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:50%!important;
  background-color:#d9dcda!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
}
.cc-home-discovery .cc-creator-card__avatar:not(.has-image)::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:10px!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  border-radius:50%!important;
  background:#fff!important;
  transform:translateX(-50%)!important;
}
.cc-home-discovery .cc-creator-card__avatar:not(.has-image)::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:7px!important;
  width:31px!important;
  height:18px!important;
  margin:0!important;
  border-radius:18px 18px 8px 8px!important;
  background:#fff!important;
  transform:translateX(-50%)!important;
}

/* Preview images are backgrounds only. Keep every native image/lightbox target
   out of resource listing thumbnails. */
.cc-market-card__thumb,.cc-resource-thumb{
  isolation:isolate!important;
  overflow:hidden!important;
}
.cc-market-card__thumb .cc-card-bg--image,.cc-resource-thumb .cc-card-bg--image{
  z-index:0!important;
}
.cc-market-card__thumb .cc-market-card__placeholder,.cc-market-card__thumb .cc-market-card__price{
  position:relative!important;
  z-index:2!important;
}
.cc-market-card__thumb .cc-market-card__price{
  position:absolute!important;
}

/* ==========================================================
   v0.8.32 avatar containment + universal file preview
   ========================================================== */
.cc-home-discovery .cc-creator-card{
  overflow:hidden!important;
  clip-path:inset(0 round 20px)!important;
}
.cc-home-discovery .cc-creator-card__head{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:86px!important;
  padding:16px 18px!important;
  overflow:hidden!important;
}
.cc-home-discovery .cc-creator-card__avatar{
  position:relative!important;
  inset:auto!important;
  float:none!important;
  display:block!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0!important;
  justify-self:start!important;
  align-self:center!important;
  overflow:hidden!important;
  border-radius:14px!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  translate:none!important;
  clip-path:inset(0 round 14px)!important;
}
.cc-home-discovery .cc-creator-card__avatar:not(.has-image)::before{
  top:7px!important;
  width:14px!important;
  height:14px!important;
}
.cc-home-discovery .cc-creator-card__avatar:not(.has-image)::after{
  bottom:5px!important;
  width:27px!important;
  height:16px!important;
}
.cc-home-discovery .cc-creator-card__head > div{
  min-width:0!important;
  overflow:hidden!important;
}

.cc-card-bg--image{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}

.cc-universal-preview{
  width:100%!important;
  margin:0 0 18px!important;
}
.cc-universal-preview__native{
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  border:1px solid var(--cc-line)!important;
  border-radius:18px!important;
  background:var(--cc-paper,#fff)!important;
}
.cc-universal-preview__native iframe,.cc-universal-preview__native embed,.cc-universal-preview__native object{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-height:560px!important;
  border:0!important;
}
.cc-universal-preview__simple{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:10px!important;
}
.cc-universal-preview.has-native .cc-universal-preview__simple{
  display:none!important;
}
.cc-universal-preview__visual{
  width:100%!important;
  aspect-ratio:16/10!important;
  border:1px solid var(--cc-line)!important;
  border-radius:18px!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
.cc-universal-preview__caption{
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  padding:10px 2px 0!important;
}
.cc-universal-preview__caption strong{
  font-size:12px!important;
  color:var(--cc-ink)!important;
}
.cc-universal-preview__caption span{
  font-size:12px!important;
  line-height:1.7!important;
  color:var(--cc-muted)!important;
}
@media(max-width:780px){
  .cc-universal-preview__native{
    display:none!important;
  }
  .cc-universal-preview.has-native .cc-universal-preview__simple,.cc-universal-preview.no-native .cc-universal-preview__simple{
    display:grid!important;
  }
  .cc-universal-preview__visual{
    border-radius:14px!important;
  }
  .cc-home-discovery .cc-creator-card{
    clip-path:inset(0 round 16px)!important;
  }
  .cc-home-discovery .cc-creator-card__head{
    grid-template-columns:40px minmax(0,1fr)!important;
    padding:14px 15px!important;
  }
  .cc-home-discovery .cc-creator-card__avatar{
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    border-radius:12px!important;
  }
}


/* ==========================================================
   v0.8.33 reliable resource thumbnails
   Dedicated thumbnail endpoint is the visible background source.
   ========================================================== */
.cc-market-card__thumb .cc-card-bg--image,.cc-resource-thumb .cc-card-bg--image{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:1!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  pointer-events:none!important;
}
.cc-market-card__thumb .cc-market-card__price{z-index:3!important}
.cc-home-discovery .cc-market-card__thumb::after{z-index:2!important}


/* ===== v0.8.34 community profile / actions ===== */
.cc-dashboard-grid--three{grid-template-columns:repeat(3,minmax(0,1fr));}
.cc-profile-bio{margin:10px 0 0;line-height:1.8;color:#4d554f;}
.cc-profile-bio--empty{color:#8a918c;}
.cc-profile-linkline{margin:10px 0 0;}
.cc-profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
.cc-profile-edit-panel .cc-panel-body,.cc-report-section,.cc-comments-section{padding:26px;}
.cc-avatar{width:56px;height:56px;border-radius:18px;background:#eaf6f2;color:#58a897;display:grid;place-items:center;font-weight:800;font-size:22px;overflow:hidden;flex:0 0 auto;}
.cc-avatar--profile{width:88px;height:88px;border-radius:28px;font-size:34px;}
.cc-avatar--tiny{width:44px;height:44px;border-radius:16px;font-size:18px;}
.cc-avatar__img{object-fit:cover;display:block;}
.cc-creator-page{display:grid;gap:28px;}
.cc-detail-byline--creator{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;}
.cc-detail-creator{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none;}
.cc-detail-creator span{display:grid;gap:2px;}
.cc-detail-creator small{color:#8b918c;font-size:12px;}
.cc-resource-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0;}
.cc-action-form{margin:0;}
.cc-action-chip{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 18px;border:1px solid #dfe6e2;border-radius:16px;background:#fff;color:#2e332f;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 6px 18px rgba(65,58,48,.04);}
.cc-action-chip--link{cursor:pointer;}
.cc-action-chip__icon{font-size:22px;line-height:1;}
.cc-action-chip__label{font-size:14px;}
.cc-action-chip__count{font-size:14px;color:#6f756f;}
.cc-action-chip.is-active{background:#eaf6f2;border-color:#b8ddd4;color:#348774;}
.cc-report-form,.cc-profile-form{display:grid;gap:16px;}
.cc-report-form select,.cc-report-form textarea,.cc-profile-form input[type="text"],.cc-profile-form input[type="file"],.cc-profile-form textarea{width:100%;}
.cc-comment-list{display:grid;gap:16px;margin:0 0 22px;}
.cc-comment-item{padding:18px 20px;border:1px solid #ebe9e3;border-radius:18px;background:#fff;}
.cc-comment-item__head{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin:0 0 10px;color:#6f756f;}
.cc-comment-item__body p:last-child{margin-bottom:0;}
.cc-comment-form-wrap{padding-top:6px;}
.cc-comment-form-wrap .comment-form-comment,.cc-comment-form-wrap .form-submit{margin:0 0 14px;}
.cc-comment-form-wrap textarea{width:100%;border:1px solid #dfe6e2;border-radius:14px;padding:14px;min-height:140px;}
.cc-comment-form-wrap label{display:block;margin:0 0 8px;font-weight:700;}
.cc-check--inline{display:inline-flex;align-items:center;gap:8px;margin-top:10px;}
@media (max-width: 980px){
  .cc-dashboard-grid--three,.cc-profile-form-grid{grid-template-columns:1fr;}
}


/* ===== v0.8.35 preview quality improvements ===== */
.cc-universal-preview__visual--image{display:grid!important;place-items:center!important;background:#fff!important;}
.cc-universal-preview__visual--image img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;background:#fff!important;}
.cc-universal-preview__caption strong{font-size:13px!important;}


/* ===== v0.8.36 creator links / report toggle / comments ===== */
.cc-creator-card__profile{display:block!important;color:inherit!important;text-decoration:none!important;}
.cc-creator-card__profile:hover .cc-creator-card__head h3{color:var(--cc-mint-dark,#58a897)!important;}
.cc-creator-card__profile .cc-creator-card__head small{display:block;margin-top:4px;color:var(--cc-mint-dark,#58a897);font-size:10px;font-weight:800;}
.cc-report-section[hidden]{display:none!important;}
.cc-report-section.is-open{display:block!important;}
.cc-report-section__head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 10px;}
.cc-report-section__head h2{margin:0!important;}
.cc-report-close{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border:1px solid var(--cc-line);border-radius:999px;background:#fff;color:var(--cc-muted)!important;text-decoration:none!important;font-size:12px;font-weight:800;}
.cc-comment-form{display:grid!important;gap:14px!important;margin-top:18px!important;}
.cc-comment-form label{display:grid!important;gap:8px!important;font-weight:800!important;color:var(--cc-ink)!important;}
.cc-comment-form textarea{display:block!important;width:100%!important;min-height:150px!important;padding:14px 16px!important;border:1px solid #dfe6e2!important;border-radius:14px!important;background:#fff!important;color:#303230!important;font:inherit!important;line-height:1.7!important;resize:vertical!important;opacity:1!important;pointer-events:auto!important;visibility:visible!important;}
.cc-comment-form textarea:focus{outline:2px solid rgba(88,168,151,.24)!important;border-color:var(--cc-mint-dark,#58a897)!important;}


/* ===== v0.8.37 native XLSX thumbnail renderer ===== */
.cc-market-card__thumb .cc-card-bg--xlsx,.cc-market-card__thumb .cc-card-bg--xltx,.cc-resource-thumb .cc-card-bg--xlsx,.cc-resource-thumb .cc-card-bg--xltx{
  background-size:contain!important;
  background-color:#fff!important;
}


/* ===== v0.8.38 detail community block under download button ===== */
.cc-download-community{display:grid;gap:12px;margin:14px 0 4px!important;padding-top:14px;border-top:1px solid var(--cc-line)!important;}
.cc-download-creator{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:10px!important;border:1px solid #dfe8e4!important;border-radius:15px!important;background:#f8fcfa!important;color:inherit!important;text-decoration:none!important;}
.cc-download-creator:hover{border-color:#b8ddd4!important;background:#f0faf6!important;}
.cc-download-creator__copy{display:grid!important;gap:2px!important;min-width:0!important;}
.cc-download-creator__copy strong{color:var(--cc-ink)!important;font-size:13px!important;line-height:1.35!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.cc-download-creator__copy small{color:var(--cc-muted)!important;font-size:10px!important;line-height:1.35!important;}
.cc-download-creator__usage{color:var(--cc-muted)!important;font-size:10px!important;white-space:nowrap!important;}
.cc-download-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
.cc-download-actions .cc-action-form{display:block!important;margin:0!important;min-width:0!important;}
.cc-download-actions .cc-action-chip{width:100%!important;min-width:0!important;min-height:48px!important;padding:0 10px!important;gap:6px!important;justify-content:center!important;border-radius:14px!important;box-shadow:none!important;}
.cc-download-actions .cc-action-chip__icon{font-size:19px!important;}
.cc-download-actions .cc-action-chip__label,.cc-download-actions .cc-action-chip__count{font-size:12px!important;}
.cc-download-card .cc-use-note{margin-top:10px!important;}
@media(max-width:860px){
  .cc-download-community{max-width:560px!important;}
  .cc-download-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:560px){
  .cc-download-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .cc-download-creator{grid-template-columns:44px minmax(0,1fr)!important;}
  .cc-download-creator__usage{grid-column:2!important;}
}

/* ===== v0.8.40 points / notifications / engagement ===== */
.cc-stat--points{background:linear-gradient(145deg,#fffbea,#fff)!important;border-color:#eadf9a!important;}
.cc-stat--points strong{color:#8a7600!important;}
.cc-btn--notice{position:relative!important;gap:7px!important;}
.cc-notice-badge{display:inline-grid!important;place-items:center!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:#ef5c73!important;color:#fff!important;font-size:11px!important;line-height:1!important;}
.cc-dashboard-grid--engagement{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;margin:22px 0!important;}
.cc-points-total{display:flex!important;align-items:baseline!important;gap:4px!important;font-size:28px!important;color:#7e7100!important;}
.cc-points-total small{font-size:12px!important;color:#8b918c!important;}
.cc-point-history,.cc-mini-notice-list{display:grid!important;gap:0!important;}
.cc-point-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:13px 0!important;border-bottom:1px solid #efede8!important;}
.cc-point-row:last-child{border-bottom:0!important;}
.cc-point-row>span{display:grid!important;gap:2px!important;min-width:0!important;}
.cc-point-row strong{font-size:13px!important;color:#303230!important;}
.cc-point-row small{font-size:11px!important;color:#919692!important;}
.cc-point-row>b{flex:0 0 auto!important;font-size:14px!important;}
.cc-point-row>b.is-plus{color:#409982!important;}.cc-point-row>b.is-minus{color:#c85d69!important;}
.cc-mini-notice{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important;padding:12px 0!important;border-bottom:1px solid #efede8!important;color:inherit!important;text-decoration:none!important;}
.cc-mini-notice:last-child{border-bottom:0!important;}
.cc-mini-notice>span{width:34px!important;height:34px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:#edf7f3!important;color:#58a897!important;font-weight:900!important;}
.cc-mini-notice>div{display:grid!important;gap:3px!important;min-width:0!important;}
.cc-mini-notice strong{font-size:12px!important;line-height:1.5!important;color:#3b413d!important;}
.cc-mini-notice small{font-size:10px!important;color:#949a95!important;}
.cc-mini-notice.is-unread strong:after{content:' NEW'!important;color:#ef5c73!important;font-size:9px!important;font-weight:900!important;}
.cc-notifications-page{display:grid!important;gap:22px!important;max-width:980px!important;margin:0 auto!important;}
.cc-notifications-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;padding:28px!important;border:1px solid #ebe9e3!important;border-radius:24px!important;background:#fff!important;box-shadow:0 12px 34px rgba(65,58,48,.055)!important;}
.cc-notifications-head h2{margin:6px 0 4px!important;}
.cc-notice-balance{display:grid!important;gap:3px!important;min-width:150px!important;padding:16px 18px!important;border-radius:18px!important;background:#fffbea!important;border:1px solid #ece0a4!important;}
.cc-notice-balance small{font-size:11px!important;color:#8c8358!important;}.cc-notice-balance strong{font-size:28px!important;color:#7d7100!important;}.cc-notice-balance strong span{font-size:12px!important;margin-left:4px!important;}
.cc-notice-filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
.cc-notice-filters a{display:inline-flex!important;align-items:center!important;min-height:38px!important;padding:0 14px!important;border:1px solid #dfe5e1!important;border-radius:999px!important;background:#fff!important;color:#59615c!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;}
.cc-notice-filters a.is-active{background:#e8f5f1!important;color:#3f8d7b!important;border-color:#b9ddd4!important;}
.cc-notice-list{display:grid!important;gap:10px!important;}
.cc-notice-item{display:grid!important;grid-template-columns:54px minmax(0,1fr)!important;gap:14px!important;align-items:center!important;padding:17px 19px!important;border:1px solid #ebe9e3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 7px 20px rgba(65,58,48,.035)!important;}
.cc-notice-item.is-unread{border-color:#b9ddd4!important;background:#fbfffd!important;box-shadow:inset 4px 0 0 #78c4b3,0 7px 20px rgba(65,58,48,.035)!important;}
.cc-avatar--notice{width:52px!important;height:52px!important;border-radius:16px!important;}
.cc-notice-system-icon{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;border-radius:16px!important;background:#fff7d8!important;color:#8a7600!important;font-size:22px!important;font-weight:900!important;}
.cc-notice-item__body{min-width:0!important;}.cc-notice-item__meta{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-bottom:5px!important;color:#969b97!important;font-size:10px!important;}.cc-notice-item__meta span{font-weight:900!important;color:#69a99a!important;}
.cc-notice-item__message{display:block!important;margin:0!important;color:#303531!important;font-size:14px!important;font-weight:700!important;line-height:1.65!important;text-decoration:none!important;}
@media(max-width:980px){.cc-dashboard-grid--engagement{grid-template-columns:1fr!important;}.cc-notifications-head{align-items:stretch!important;flex-direction:column!important;}.cc-notice-balance{min-width:0!important;}}


/* ===== v0.8.41 mobile preview lightbox ===== */
.cc-preview-open{position:relative!important;padding:0!important;border:0!important;cursor:zoom-in!important;-webkit-appearance:none!important;appearance:none!important;}
.cc-preview-open__hint{position:absolute!important;right:12px!important;bottom:12px!important;display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:0 12px!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#4c9d8c!important;font-size:12px!important;font-weight:800!important;box-shadow:0 4px 16px rgba(45,65,55,.12)!important;pointer-events:none!important;}
.cc-preview-modal[hidden]{display:none!important;}
.cc-preview-modal{position:fixed!important;inset:0!important;z-index:2147483640!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;background:rgba(20,24,22,.96)!important;color:#fff!important;}
html.cc-preview-modal-open,html.cc-preview-modal-open body{overflow:hidden!important;overscroll-behavior:none!important;}
.cc-preview-modal__toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:max(10px,env(safe-area-inset-top)) 12px 10px!important;background:rgba(16,19,18,.98)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;}
.cc-preview-modal__title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;font-weight:800!important;}
.cc-preview-modal__controls{display:flex!important;gap:7px!important;flex:0 0 auto!important;}
.cc-preview-modal__controls button{min-width:40px!important;height:40px!important;margin:0!important;padding:0 10px!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:11px!important;background:#272c29!important;color:#fff!important;font-size:18px!important;font-weight:800!important;line-height:1!important;}
.cc-preview-modal__controls [data-cc-preview-reset]{min-width:62px!important;font-size:12px!important;}
.cc-preview-modal__controls .cc-preview-modal__close{font-size:26px!important;}
.cc-preview-modal__stage{min-height:0!important;width:100%!important;height:100%!important;overflow:auto!important;display:block!important;padding:14px!important;background:#3b403d!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y!important;text-align:center!important;box-sizing:border-box!important;}
.cc-preview-modal__stage img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0 auto!important;background:#fff!important;box-shadow:0 8px 34px rgba(0,0,0,.3)!important;user-select:none!important;-webkit-user-drag:none!important;}
.cc-preview-modal__help{padding:8px 14px calc(8px + env(safe-area-inset-bottom))!important;background:#171a18!important;color:#cbd1cd!important;font-size:11px!important;line-height:1.5!important;text-align:center!important;}
@media(max-width:780px){
  .cc-preview-open__hint{right:8px!important;bottom:8px!important;min-height:30px!important;font-size:11px!important;}
  .cc-universal-preview__caption strong{font-size:15px!important;}
}


/* ===== v0.8.43 point reward celebration ===== */
.cc-point-celebration{position:fixed!important;inset:0!important;z-index:2147483000!important;display:grid!important;place-items:center!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;transition:opacity .18s ease,visibility .18s ease!important;overflow:hidden!important;}
.cc-point-celebration.is-active{opacity:1!important;visibility:visible!important;}
.cc-point-celebration__veil{position:absolute!important;inset:0!important;background:radial-gradient(circle at 50% 46%,rgba(255,255,255,.12),rgba(16,27,23,.42) 52%,rgba(13,20,18,.58))!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;opacity:0!important;}
.cc-point-celebration.is-active .cc-point-celebration__veil{animation:ccPointVeil 2.2s ease both!important;}
.cc-point-celebration__card{position:relative!important;z-index:5!important;width:min(390px,calc(100vw - 42px))!important;min-height:330px!important;padding:34px 30px 28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:1px solid rgba(255,255,255,.78)!important;border-radius:34px!important;background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(245,255,251,.96))!important;color:#28322d!important;box-shadow:0 32px 90px rgba(24,48,39,.28),inset 0 1px 0 rgba(255,255,255,.9)!important;transform:scale(.55) translateY(24px)!important;opacity:0!important;}
.cc-point-celebration.is-active .cc-point-celebration__card{animation:ccPointCard 2.15s cubic-bezier(.17,.88,.28,1.15) both!important;}
.cc-point-celebration__badge{position:relative!important;width:82px!important;height:82px!important;display:grid!important;place-items:center!important;margin:0 0 12px!important;border-radius:26px!important;background:linear-gradient(145deg,#fff2a3,#f1ca33)!important;color:#574400!important;font-size:38px!important;font-weight:950!important;line-height:1!important;box-shadow:0 15px 34px rgba(194,145,0,.28)!important;}
.cc-point-celebration__badge:before,.cc-point-celebration__badge:after{content:""!important;position:absolute!important;inset:-12px!important;border:2px solid rgba(242,203,69,.5)!important;border-radius:34px!important;opacity:0!important;}
.cc-point-celebration.is-active .cc-point-celebration__badge:before{animation:ccPointRing 1.15s .2s ease-out!important;}
.cc-point-celebration.is-active .cc-point-celebration__badge:after{animation:ccPointRing 1.15s .42s ease-out!important;}
.cc-point-celebration__title{font-size:22px!important;font-weight:900!important;letter-spacing:.04em!important;line-height:1.3!important;color:#34423b!important;}
.cc-point-celebration__amount{display:flex!important;align-items:baseline!important;justify-content:center!important;margin:3px 0 5px!important;color:#2e9d82!important;line-height:1!important;text-shadow:0 8px 22px rgba(46,157,130,.18)!important;}
.cc-point-celebration__amount b{font-size:38px!important;font-weight:900!important;}.cc-point-celebration__amount span{font-size:76px!important;font-weight:950!important;letter-spacing:-.055em!important;}.cc-point-celebration__amount small{margin-left:7px!important;font-size:22px!important;font-weight:900!important;}
.cc-point-celebration__label{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 12px!important;border-radius:999px!important;background:#e8f6f2!important;color:#448d7b!important;font-size:11px!important;font-weight:900!important;letter-spacing:.05em!important;}
.cc-point-celebration__message{max-width:310px!important;margin:14px 0 0!important;color:#6d766f!important;font-size:12px!important;font-weight:700!important;line-height:1.75!important;}
.cc-point-celebration__balance{margin-top:12px!important;padding-top:11px!important;border-top:1px solid #e9eeeb!important;color:#7b837e!important;font-size:11px!important;}.cc-point-celebration__balance strong{margin-left:7px!important;color:#38443e!important;font-size:15px!important;}
.cc-point-celebration__particles{position:absolute!important;left:50%!important;top:50%!important;width:0!important;height:0!important;z-index:4!important;}
.cc-point-particle{position:absolute!important;left:0!important;top:0!important;display:block!important;font-style:normal!important;font-size:18px!important;line-height:1!important;opacity:0!important;transform:translate(-50%,-50%) scale(.2)!important;text-shadow:0 4px 12px rgba(0,0,0,.08)!important;}
.cc-point-particle--0{color:#f3cb42!important}.cc-point-particle--1{color:#69c9b3!important}.cc-point-particle--2{color:#f4a48a!important}.cc-point-particle--3{color:#86aee8!important}.cc-point-particle--4{color:#d895d2!important}
.cc-point-celebration.is-active .cc-point-particle{animation:ccPointParticle 1.35s var(--cc-delay) cubic-bezier(.15,.82,.32,1) both!important;}
.cc-point-celebration__halo{position:absolute!important;left:50%!important;top:50%!important;width:230px!important;height:230px!important;border-radius:50%!important;transform:translate(-50%,-50%) scale(.2)!important;opacity:0!important;}
.cc-point-celebration__halo--a{background:radial-gradient(circle,rgba(238,211,86,.42),rgba(238,211,86,0) 68%)!important;}.cc-point-celebration__halo--b{background:radial-gradient(circle,rgba(90,193,166,.34),rgba(90,193,166,0) 70%)!important;}
.cc-point-celebration.is-active .cc-point-celebration__halo--a{animation:ccPointHalo 1.25s .05s ease-out both!important;}.cc-point-celebration.is-active .cc-point-celebration__halo--b{animation:ccPointHalo 1.35s .23s ease-out both!important;}
.cc-point-celebration.is-mini .cc-point-celebration__veil{display:none!important}.cc-point-celebration.is-mini .cc-point-celebration__card{width:250px!important;min-height:190px!important;padding:22px!important;border-radius:25px!important}.cc-point-celebration.is-mini .cc-point-celebration__badge{width:54px!important;height:54px!important;border-radius:18px!important;font-size:26px!important}.cc-point-celebration.is-mini .cc-point-celebration__title{font-size:16px!important}.cc-point-celebration.is-mini .cc-point-celebration__amount span{font-size:48px!important}.cc-point-celebration.is-mini .cc-point-celebration__amount b{font-size:26px!important}.cc-point-celebration.is-mini .cc-point-celebration__amount small{font-size:15px!important}.cc-point-celebration.is-mini .cc-point-celebration__message,.cc-point-celebration.is-mini .cc-point-celebration__balance{display:none!important}
@keyframes ccPointCard{0%{opacity:0;transform:scale(.52) translateY(28px) rotate(-2deg)}16%{opacity:1;transform:scale(1.08) translateY(-5px) rotate(1deg)}28%{transform:scale(.98) translateY(0) rotate(0)}76%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.96) translateY(-15px)}}
@keyframes ccPointVeil{0%{opacity:0}15%,78%{opacity:1}100%{opacity:0}}
@keyframes ccPointParticle{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotate(0)}12%{opacity:1}78%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--cc-px)),calc(-50% + var(--cc-py))) scale(var(--cc-scale)) rotate(var(--cc-pr))}}
@keyframes ccPointRing{0%{opacity:.9;transform:scale(.72)}100%{opacity:0;transform:scale(1.65)}}
@keyframes ccPointHalo{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}
@media(max-width:600px){.cc-point-celebration__card{width:calc(100vw - 34px)!important;min-height:310px!important;padding:29px 24px 24px!important;border-radius:30px!important}.cc-point-celebration__amount span{font-size:68px!important}}
@media(prefers-reduced-motion:reduce){.cc-point-celebration.is-active .cc-point-celebration__card{animation:ccPointCardReduced 1.65s ease both!important}.cc-point-celebration__particles,.cc-point-celebration__halo{display:none!important}@keyframes ccPointCardReduced{0%{opacity:0}15%,80%{opacity:1}100%{opacity:0}}}


/* ===== v0.8.44 mypage spacious two-row layout ===== */
.cc-dashboard{
  max-width:1120px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.cc-dashboard > .cc-notice{
  margin-bottom:28px!important;
  padding:16px 20px!important;
  border-radius:14px!important;
}

/* Row 1: identity / Row 2: stats + primary actions */
.cc-dashboard > .cc-profile-card{
  grid-template-columns:1fr!important;
  align-items:stretch!important;
  gap:26px!important;
  margin-bottom:30px!important;
  padding:34px 36px!important;
  border-radius:26px!important;
  box-shadow:0 16px 42px rgba(52,69,60,.065)!important;
}
.cc-dashboard > .cc-profile-card .cc-profile-main{
  gap:22px!important;
  align-items:center!important;
}
.cc-dashboard > .cc-profile-card .cc-avatar--profile{
  flex:0 0 92px!important;
  width:92px!important;
  height:92px!important;
  border-radius:28px!important;
  font-size:36px!important;
}
.cc-dashboard > .cc-profile-card .cc-profile-copy .cc-eyebrow{
  margin-bottom:8px!important;
  font-size:11px!important;
  letter-spacing:.12em!important;
}
.cc-dashboard > .cc-profile-card .cc-profile-copy h2{
  font-size:29px!important;
  line-height:1.28!important;
}
.cc-dashboard > .cc-profile-card .cc-profile-copy p{
  max-width:640px!important;
  margin-top:8px!important;
  font-size:13.5px!important;
  line-height:1.7!important;
}
.cc-dashboard > .cc-profile-card .cc-profile-tools{
  width:100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,auto)!important;
  align-items:stretch!important;
  gap:22px!important;
  padding-top:24px!important;
  border-top:1px solid var(--cc-line)!important;
}
.cc-dashboard > .cc-profile-card .cc-profile-stats{
  width:100%!important;
  height:78px!important;
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  overflow:hidden!important;
  border-radius:18px!important;
  background:#fffdfa!important;
}
.cc-dashboard > .cc-profile-card .cc-stat{
  min-width:0!important;
  height:78px!important;
  padding:10px 12px!important;
}
.cc-dashboard > .cc-profile-card .cc-stat strong{
  font-size:25px!important;
}
.cc-dashboard > .cc-profile-card .cc-stat span{
  margin-top:7px!important;
  font-size:11px!important;
}
.cc-dashboard > .cc-profile-card .cc-profile-actions{
  width:100%!important;
  min-width:360px!important;
  height:78px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:10px!important;
}
.cc-dashboard > .cc-profile-card .cc-profile-actions .cc-btn{
  min-width:0!important;
  width:100%!important;
  height:78px!important;
  min-height:78px!important;
  padding:0 16px!important;
  border-radius:16px!important;
  font-size:13px!important;
  line-height:1.35!important;
  text-align:center!important;
}

/* More breathing room for points / notifications */
.cc-dashboard-grid--engagement{
  gap:28px!important;
  margin:0 0 30px!important;
}
.cc-dashboard-grid--engagement > .cc-panel{
  min-height:410px!important;
  padding:28px!important;
  border-radius:24px!important;
}
.cc-dashboard-grid--engagement > .cc-panel .cc-panel-head{
  width:100%!important;
  height:auto!important;
  min-height:78px!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin:0 0 18px!important;
  padding:0!important;
}
.cc-dashboard-grid--engagement > .cc-panel .cc-panel-head h3{
  margin-top:2px!important;
  font-size:23px!important;
}
.cc-dashboard-grid--engagement .cc-points-total{
  flex:0 0 auto!important;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid #ece0a4!important;
  border-radius:14px!important;
  background:#fffbea!important;
  font-size:34px!important;
  line-height:1!important;
}
.cc-dashboard-grid--engagement > .cc-panel .cc-panel-body{
  min-height:270px!important;
  padding:22px!important;
  overflow:visible!important;
  border-radius:18px!important;
}
.cc-dashboard-grid--engagement > .cc-panel .cc-panel-body > .cc-muted:first-child{
  margin:0 0 18px!important;
  font-size:13px!important;
  line-height:1.75!important;
}
.cc-dashboard-grid--engagement .cc-point-row{
  min-height:64px!important;
  padding:14px 2px!important;
}
.cc-dashboard-grid--engagement .cc-mini-notice{
  min-height:66px!important;
  padding:13px 2px!important;
}
.cc-dashboard-grid--engagement .cc-mini-notice strong{
  font-size:12.5px!important;
}

/* Keep later dashboard sections visually separated. */
.cc-dashboard > .cc-profile-edit-panel{
  margin-top:0!important;
  margin-bottom:30px!important;
  padding:28px!important;
  border-radius:24px!important;
}
.cc-dashboard > .cc-dashboard-grid--three{
  gap:24px!important;
}

@media(max-width:1080px){
  .cc-dashboard > .cc-profile-card .cc-profile-tools{
    grid-template-columns:1fr!important;
  }
  .cc-dashboard > .cc-profile-card .cc-profile-actions{
    min-width:0!important;
  }
}

@media(max-width:780px){
  .cc-dashboard{
    width:100%!important;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .cc-dashboard > .cc-profile-card{
    gap:22px!important;
    padding:24px 20px!important;
    border-radius:22px!important;
  }
  .cc-dashboard > .cc-profile-card .cc-profile-main{
    align-items:flex-start!important;
    gap:16px!important;
  }
  .cc-dashboard > .cc-profile-card .cc-avatar--profile{
    flex-basis:76px!important;
    width:76px!important;
    height:76px!important;
    border-radius:24px!important;
    font-size:30px!important;
  }
  .cc-dashboard > .cc-profile-card .cc-profile-copy h2{
    font-size:25px!important;
  }
  .cc-dashboard > .cc-profile-card .cc-profile-tools{
    gap:16px!important;
    padding-top:20px!important;
  }
  .cc-dashboard > .cc-profile-card .cc-profile-stats{
    height:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    overflow:visible!important;
    border-radius:16px!important;
  }
  .cc-dashboard > .cc-profile-card .cc-stat{
    min-height:70px!important;
    height:auto!important;
    border-left:0!important;
    border-bottom:1px solid var(--cc-line)!important;
  }
  .cc-dashboard > .cc-profile-card .cc-stat:nth-child(even){
    border-left:1px solid var(--cc-line)!important;
  }
  .cc-dashboard > .cc-profile-card .cc-stat:nth-child(n+5){border-bottom:0!important;}
  .cc-dashboard > .cc-profile-card .cc-stat:last-child{grid-column:auto!important;}
  .cc-dashboard > .cc-profile-card .cc-profile-actions{
    height:auto!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .cc-dashboard > .cc-profile-card .cc-profile-actions .cc-btn{
    height:58px!important;
    min-height:58px!important;
    font-size:14px!important;
  }
  .cc-dashboard-grid--engagement{
    gap:18px!important;
  }
  .cc-dashboard-grid--engagement > .cc-panel{
    min-height:0!important;
    padding:22px 18px!important;
  }
  .cc-dashboard-grid--engagement > .cc-panel .cc-panel-head{
    min-height:0!important;
    margin-bottom:14px!important;
  }
  .cc-dashboard-grid--engagement .cc-points-total{
    font-size:28px!important;
  }
  .cc-dashboard-grid--engagement > .cc-panel .cc-panel-body{
    min-height:0!important;
    padding:18px!important;
  }
}


/* ===== v0.8.45 preview close reliability ===== */
html.cc-preview-modal-open body,body.cc-preview-modal-open{overflow:hidden!important;overscroll-behavior:none!important;}
.cc-preview-modal__stage{cursor:zoom-out!important;}
.cc-preview-modal__stage img{cursor:grab!important;}
.cc-preview-modal__controls,.cc-preview-modal__toolbar{position:relative!important;z-index:3!important;pointer-events:auto!important;}
.cc-preview-modal__close{pointer-events:auto!important;touch-action:manipulation!important;}


/* ===== v0.8.46 Seasonal Picks richer presentation ===== */
.cc-discovery-section--seasonal-prep{
  position:relative!important;
  overflow:hidden!important;
  padding-top:72px!important;
  padding-bottom:82px!important;
  background:
    radial-gradient(circle at 8% 16%,rgba(255,210,120,.22) 0 105px,transparent 106px),
    radial-gradient(circle at 92% 12%,rgba(125,199,183,.16) 0 135px,transparent 136px),
    radial-gradient(circle at 72% 96%,rgba(239,178,146,.17) 0 150px,transparent 151px),
    linear-gradient(180deg,#fffaf4 0%,#fffdf9 58%,#fff8f1 100%)!important;
}
.cc-discovery-section--seasonal-prep:before,.cc-discovery-section--seasonal-prep:after{
  content:""!important;position:absolute!important;pointer-events:none!important;border-radius:999px!important;opacity:.75!important;
}
.cc-discovery-section--seasonal-prep:before{width:12px!important;height:12px!important;left:5.5%!important;top:54%!important;background:#f1cf62!important;box-shadow:34px -52px 0 3px rgba(125,199,183,.45),78px 26px 0 1px rgba(239,178,146,.48),calc(88vw - 40px) -170px 0 3px rgba(242,215,143,.5)!important;}
.cc-discovery-section--seasonal-prep:after{width:170px!important;height:170px!important;right:-68px!important;top:40%!important;border:28px solid rgba(125,199,183,.08)!important;background:transparent!important;}
.cc-seasonal-prep__head{position:relative!important;z-index:2!important;margin-bottom:34px!important;}
.cc-seasonal-prep__head>div>span{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:7px 12px!important;border-radius:999px!important;background:#fff3db!important;color:#9a7131!important;font-size:10px!important;font-weight:950!important;letter-spacing:.12em!important;box-shadow:0 5px 18px rgba(134,97,36,.06)!important;}
.cc-seasonal-prep__head>div>span:before{content:"✦"!important;color:#e4a94a!important;font-size:12px!important;}
.cc-seasonal-prep__head h2{margin-top:16px!important;font-size:clamp(30px,3.1vw,43px)!important;letter-spacing:.01em!important;}
.cc-seasonal-prep__head p{max-width:720px!important;font-size:15px!important;line-height:1.9!important;}
.cc-seasonal-set-grid{position:relative!important;z-index:2!important;gap:22px!important;}
.cc-seasonal-set-grid:before{content:""!important;position:absolute!important;left:7%!important;right:7%!important;top:52%!important;height:2px!important;background:linear-gradient(90deg,transparent,rgba(222,184,108,.26) 12%,rgba(125,199,183,.28) 50%,rgba(239,178,146,.28) 88%,transparent)!important;z-index:-1!important;}
.cc-seasonal-set-card{
  min-height:286px!important;
  padding:26px 26px 24px!important;
  border:1px solid rgba(210,197,175,.62)!important;
  border-radius:28px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 48px rgba(72,62,46,.09),inset 0 1px 0 rgba(255,255,255,.95)!important;
  transform:translateZ(0)!important;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease!important;
}
.cc-seasonal-set-card:before{content:""!important;position:absolute!important;width:175px!important;height:175px!important;right:-52px!important;top:-50px!important;border-radius:50%!important;z-index:0!important;opacity:.75!important;transition:transform .3s ease!important;}
.cc-seasonal-set-card:after{content:""!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:6px!important;border-radius:28px 28px 0 0!important;z-index:3!important;}
.cc-seasonal-set-card:nth-child(1):before{background:radial-gradient(circle,rgba(242,215,143,.52),rgba(242,215,143,0) 68%)!important;}
.cc-seasonal-set-card:nth-child(1):after{background:linear-gradient(90deg,#f0ca65,#7dc7b7)!important;}
.cc-seasonal-set-card:nth-child(2):before{background:radial-gradient(circle,rgba(197,165,221,.38),rgba(197,165,221,0) 68%)!important;}
.cc-seasonal-set-card:nth-child(2):after{background:linear-gradient(90deg,#b897cf,#efb292)!important;}
.cc-seasonal-set-card:nth-child(3):before{background:radial-gradient(circle,rgba(239,178,146,.42),rgba(239,178,146,0) 68%)!important;}
.cc-seasonal-set-card:nth-child(3):after{background:linear-gradient(90deg,#efb292,#e3c35f)!important;}
.cc-seasonal-set-card:hover{transform:translateY(-8px)!important;border-color:rgba(190,168,132,.72)!important;box-shadow:0 28px 64px rgba(72,62,46,.14),inset 0 1px 0 #fff!important;}
.cc-seasonal-set-card:hover:before{transform:scale(1.12)!important;}
.cc-seasonal-set-card__illust{width:122px!important;height:122px!important;top:18px!important;right:18px!important;opacity:.2!important;filter:drop-shadow(0 8px 14px rgba(75,92,82,.06))!important;}
.cc-seasonal-set-card:nth-child(1) .cc-seasonal-set-card__illust{color:#7eaf87!important;}
.cc-seasonal-set-card:nth-child(2) .cc-seasonal-set-card__illust{color:#9d78ad!important;}
.cc-seasonal-set-card:nth-child(3) .cc-seasonal-set-card__illust{color:#ce8d6c!important;}
.cc-seasonal-set-card__month{padding:6px 12px!important;background:rgba(255,255,255,.78)!important;border:1px solid rgba(215,205,188,.65)!important;box-shadow:0 4px 12px rgba(70,60,45,.04)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;}
.cc-seasonal-set-card h3{margin-top:3px!important;font-size:25px!important;line-height:1.35!important;}
.cc-seasonal-set-card p{font-size:14px!important;line-height:1.8!important;}
.cc-seasonal-set-card__hints{gap:7px!important;margin-top:18px!important;}
.cc-seasonal-set-card__hints span{min-height:28px!important;padding:4px 10px!important;border:1px solid rgba(120,170,150,.13)!important;background:#f2f8f5!important;font-size:10px!important;}
.cc-seasonal-set-card:nth-child(2) .cc-seasonal-set-card__hints span{background:#f7f2f8!important;border-color:rgba(157,120,173,.14)!important;}
.cc-seasonal-set-card:nth-child(3) .cc-seasonal-set-card__hints span{background:#fff3ed!important;border-color:rgba(206,141,108,.14)!important;}
.cc-seasonal-set-card__action{margin-top:auto!important;padding-top:20px!important;font-size:13px!important;}
.cc-seasonal-set-card__action b{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#eaf6f2!important;transition:transform .2s ease!important;}
.cc-seasonal-set-card:hover .cc-seasonal-set-card__action b{transform:translateX(4px)!important;}
@media(max-width:780px){
  .cc-discovery-section--seasonal-prep{padding-top:50px!important;padding-bottom:56px!important;}
  .cc-seasonal-set-grid{gap:16px!important;}
  .cc-seasonal-set-grid:before{display:none!important;}
  .cc-seasonal-set-card{min-height:230px!important;padding:21px!important;border-radius:22px!important;}
  .cc-seasonal-set-card:after{border-radius:22px 22px 0 0!important;}
  .cc-seasonal-set-card__illust{width:96px!important;height:96px!important;opacity:.16!important;}
  .cc-seasonal-set-card h3{font-size:22px!important;}
}

/* ===== v0.8.46 preview modal isolation / close hardening ===== */
.cc-preview-open.cc-universal-preview__visual--image{
  display:block!important;
  background-color:#fff!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
.cc-preview-modal{isolation:isolate!important;pointer-events:auto!important;}
.cc-preview-modal__floating-close{
  position:fixed!important;
  top:max(14px,calc(env(safe-area-inset-top) + 8px))!important;
  right:max(14px,calc(env(safe-area-inset-right) + 8px))!important;
  z-index:2147483647!important;
  width:48px!important;height:48px!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.34)!important;border-radius:15px!important;
  background:rgba(22,26,24,.94)!important;color:#fff!important;
  font-size:30px!important;font-weight:400!important;line-height:1!important;
  box-shadow:0 9px 28px rgba(0,0,0,.3)!important;
  cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;
  -webkit-appearance:none!important;appearance:none!important;
}
.cc-preview-modal__toolbar{padding-right:76px!important;}
.cc-preview-modal__stage{pointer-events:auto!important;}
.cc-preview-modal__stage img{pointer-events:auto!important;}
.cc-preview-modal__help{cursor:pointer!important;pointer-events:auto!important;}

/* ===== v0.8.47 My CotoCle profile hub / circular crop ===== */
.cc-avatar,.cc-avatar--profile,.cc-avatar--tiny,.cc-avatar__img{
  border-radius:50%!important;
}
.cc-avatar__img{object-fit:cover!important;}
.cc-profile-skill-chips{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 0!important;}
.cc-profile-skill-chips span{display:inline-flex;align-items:center;min-height:29px;padding:4px 10px;border-radius:999px;background:var(--cc-mint-soft,#eaf6f2);color:var(--cc-mint-dark,#58a897);font-size:12px;font-weight:800;line-height:1.3;}
.cc-profile-linkline{display:flex!important;flex-wrap:wrap!important;gap:16px!important;}

.cc-profile-hub{display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)!important;gap:20px!important;margin:22px 0!important;}
.cc-profile-completion-card,.cc-profile-quick-card{border:1px solid var(--cc-line,#ebe9e3)!important;border-radius:24px!important;background:var(--cc-paper,#fff)!important;box-shadow:0 12px 34px rgba(65,58,48,.055)!important;padding:24px!important;}
.cc-profile-completion-card{display:grid!important;grid-template-columns:116px minmax(0,1fr)!important;gap:22px!important;align-items:center!important;}
.cc-profile-completion-ring{--cc-profile-progress:0;position:relative!important;width:108px!important;height:108px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:conic-gradient(var(--cc-mint-dark,#58a897) calc(var(--cc-profile-progress) * 1%),#edf0ed 0)!important;}
.cc-profile-completion-ring:before{content:""!important;position:absolute!important;inset:10px!important;border-radius:50%!important;background:var(--cc-paper,#fff)!important;}
.cc-profile-completion-ring strong{position:relative!important;z-index:1!important;color:var(--cc-ink,#303230)!important;font-size:29px!important;line-height:1!important;}
.cc-profile-completion-ring small{font-size:12px!important;margin-left:2px!important;}
.cc-profile-completion-copy h3,.cc-profile-quick-card h3{margin:5px 0 8px!important;font-size:21px!important;color:var(--cc-ink,#303230)!important;}
.cc-profile-completion-copy p{margin:0!important;color:var(--cc-muted,#777)!important;font-size:13px!important;line-height:1.7!important;}
.cc-profile-checks{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-top:13px!important;}
.cc-profile-checks span{position:relative!important;padding:6px 10px 6px 25px!important;border-radius:999px!important;background:#f4f5f3!important;color:#8a8e8a!important;font-size:11px!important;font-weight:800!important;}
.cc-profile-checks span:before{content:"○"!important;position:absolute!important;left:9px!important;top:50%!important;transform:translateY(-50%)!important;}
.cc-profile-checks span.is-done{background:var(--cc-mint-soft,#eaf6f2)!important;color:var(--cc-mint-dark,#58a897)!important;}
.cc-profile-checks span.is-done:before{content:"✓"!important;}
.cc-profile-quick-card{display:flex!important;flex-direction:column!important;}
.cc-profile-quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:10px!important;}
.cc-profile-quick-grid a{display:flex!important;align-items:center!important;gap:10px!important;min-height:58px!important;padding:10px 12px!important;border:1px solid var(--cc-line,#ebe9e3)!important;border-radius:16px!important;background:#fbfcfa!important;color:var(--cc-ink,#303230)!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;}
.cc-profile-quick-grid a:hover{transform:translateY(-2px)!important;border-color:var(--cc-mint,#7dc7b7)!important;box-shadow:0 8px 20px rgba(60,80,70,.08)!important;}
.cc-profile-quick-grid b{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:11px!important;background:var(--cc-mint-soft,#eaf6f2)!important;color:var(--cc-mint-dark,#58a897)!important;font-size:16px!important;}

.cc-profile-edit-panel .cc-panel-head{align-items:flex-end!important;}
.cc-profile-editor-grid{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;gap:30px!important;align-items:start!important;}
.cc-profile-photo-editor{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding:22px!important;border:1px solid var(--cc-line,#ebe9e3)!important;border-radius:20px!important;background:#fafbf9!important;}
.cc-profile-field-title{width:100%!important;font-size:13px!important;font-weight:900!important;color:var(--cc-ink,#303230)!important;text-align:center!important;}
.cc-profile-photo-preview{width:180px!important;height:180px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:var(--cc-mint-soft,#eaf6f2)!important;overflow:hidden!important;box-shadow:0 0 0 7px #fff,0 8px 25px rgba(60,65,60,.10)!important;}
.cc-profile-photo-preview .cc-avatar--editor{width:180px!important;height:180px!important;border-radius:50%!important;object-fit:cover!important;font-size:56px!important;}
.cc-profile-photo-button{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:46px!important;padding:9px 12px!important;border-radius:14px!important;background:var(--cc-mint-soft,#eaf6f2)!important;color:var(--cc-mint-dark,#58a897)!important;font-size:12px!important;font-weight:900!important;text-align:center!important;cursor:pointer!important;overflow:hidden!important;}
.cc-profile-photo-button input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;}
.cc-profile-photo-editor .cc-help{text-align:center!important;line-height:1.6!important;}
.cc-profile-fields{display:grid!important;gap:17px!important;}
.cc-profile-fields label{display:grid!important;gap:7px!important;font-weight:800!important;}
.cc-profile-fields input,.cc-profile-fields textarea{width:100%!important;border:1px solid #dedfd9!important;border-radius:14px!important;background:#fff!important;padding:13px 14px!important;box-shadow:none!important;}
.cc-profile-fields textarea{min-height:132px!important;resize:vertical!important;}
.cc-profile-save-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;margin-top:22px!important;padding-top:20px!important;border-top:1px solid var(--cc-line,#ebe9e3)!important;}
.cc-profile-save-row .cc-btn{min-width:220px!important;}

html.cc-avatar-crop-open,body.cc-avatar-crop-open{overflow:hidden!important;}
.cc-avatar-crop-modal[hidden]{display:none!important;}
.cc-avatar-crop-modal{position:fixed!important;inset:0!important;z-index:2147483600!important;display:grid!important;place-items:center!important;padding:18px!important;}
.cc-avatar-crop-backdrop{position:absolute!important;inset:0!important;background:rgba(12,16,14,.74)!important;backdrop-filter:blur(5px)!important;}
.cc-avatar-crop-dialog{position:relative!important;z-index:1!important;width:min(520px,100%)!important;max-height:calc(100vh - 30px)!important;overflow:auto!important;padding:28px!important;border-radius:26px!important;background:#fff!important;box-shadow:0 28px 90px rgba(0,0,0,.28)!important;}
.cc-avatar-crop-dialog h3{margin:5px 0 7px!important;font-size:23px!important;}
.cc-avatar-crop-dialog > .cc-muted{margin:0 0 16px!important;font-size:13px!important;}
.cc-avatar-crop-close{position:absolute!important;right:14px!important;top:12px!important;width:42px!important;height:42px!important;border:0!important;border-radius:50%!important;background:#f1f2ef!important;color:#252925!important;font-size:26px!important;line-height:1!important;cursor:pointer!important;}
.cc-avatar-crop-stage{width:min(360px,100%)!important;margin:0 auto!important;border-radius:20px!important;overflow:hidden!important;background:#151a18!important;touch-action:none!important;}
.cc-avatar-crop-stage canvas{display:block!important;width:100%!important;height:auto!important;cursor:grab!important;touch-action:none!important;}
.cc-avatar-crop-stage canvas:active{cursor:grabbing!important;}
.cc-avatar-zoom{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important;gap:14px!important;margin:18px 0!important;font-size:12px!important;font-weight:800!important;}
.cc-avatar-zoom input{width:100%!important;}
.cc-avatar-crop-actions{display:grid!important;grid-template-columns:1fr 1.2fr!important;gap:10px!important;}
.cc-avatar-crop-actions .cc-btn{min-width:0!important;width:100%!important;}

@media(max-width:900px){
  .cc-profile-hub{grid-template-columns:1fr!important;}
  .cc-profile-editor-grid{grid-template-columns:1fr!important;}
  .cc-profile-photo-editor{max-width:none!important;}
}
@media(max-width:560px){
  .cc-profile-completion-card{grid-template-columns:88px minmax(0,1fr)!important;padding:18px!important;gap:14px!important;}
  .cc-profile-completion-ring{width:82px!important;height:82px!important;}
  .cc-profile-completion-ring:before{inset:8px!important;}
  .cc-profile-completion-ring strong{font-size:23px!important;}
  .cc-profile-quick-card{padding:18px!important;}
  .cc-profile-quick-grid a{min-height:54px!important;padding:9px!important;}
  .cc-profile-edit-panel .cc-panel-body{padding:18px!important;}
  .cc-profile-photo-editor{padding:18px!important;}
  .cc-profile-photo-preview,.cc-profile-photo-preview .cc-avatar--editor{width:150px!important;height:150px!important;}
  .cc-profile-save-row{align-items:stretch!important;flex-direction:column-reverse!important;}
  .cc-profile-save-row .cc-btn{width:100%!important;min-width:0!important;}
  .cc-avatar-crop-dialog{padding:22px 16px 18px!important;border-radius:22px!important;}
  .cc-avatar-crop-actions{grid-template-columns:1fr!important;}
}


/* ===== v0.8.48 invite + follow ===== */
.cc-invite-panel{margin:22px 0!important;overflow:hidden!important;}
.cc-invite-panel .cc-panel-head{align-items:center!important;background:linear-gradient(135deg,var(--cc-mint-soft,#eaf6f2),#fff8e9)!important;}
.cc-invite-badge{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:6px 12px!important;border-radius:999px!important;background:var(--cc-mint-dark,#58a897)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;white-space:nowrap!important;}
.cc-invite-body{display:grid!important;gap:18px!important;}
.cc-invite-copy{display:flex!important;align-items:center!important;gap:16px!important;}
.cc-invite-copy strong{display:block!important;margin-bottom:4px!important;color:var(--cc-ink,#303230)!important;font-size:17px!important;}
.cc-invite-copy p{margin:0!important;color:var(--cc-muted,#737873)!important;font-size:13px!important;line-height:1.75!important;}
.cc-invite-icon{flex:0 0 58px!important;width:58px!important;height:58px!important;display:grid!important;place-items:center!important;border-radius:18px!important;background:var(--cc-mint-soft,#eaf6f2)!important;color:var(--cc-mint-dark,#58a897)!important;font-size:28px!important;font-weight:900!important;}
.cc-invite-link-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;}
.cc-invite-link-row input{width:100%!important;min-width:0!important;height:50px!important;padding:0 14px!important;border:1px solid var(--cc-line,#e5e5df)!important;border-radius:14px!important;background:#fafbf9!important;color:#5b615d!important;font-size:12px!important;}
.cc-invite-link-row .cc-btn{min-width:150px!important;height:50px!important;}
.cc-invite-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;border:1px solid var(--cc-line,#ebe9e3)!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;}
.cc-invite-stats>div{display:grid!important;place-items:center!important;gap:4px!important;min-height:78px!important;padding:10px!important;border-left:1px solid var(--cc-line,#ebe9e3)!important;text-align:center!important;}
.cc-invite-stats>div:first-child{border-left:0!important;}
.cc-invite-stats strong{font-size:24px!important;line-height:1!important;color:var(--cc-ink,#303230)!important;}
.cc-invite-stats strong small{font-size:11px!important;margin-left:2px!important;}
.cc-invite-stats span{font-size:11px!important;color:var(--cc-muted,#777)!important;font-weight:800!important;}
.cc-invite-rule{margin:0!important;padding:11px 13px!important;border-radius:12px!important;background:#f7f8f5!important;color:#767b77!important;font-size:11px!important;line-height:1.7!important;}
.cc-follow-form{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;min-width:190px!important;}
.cc-follow-btn{min-width:190px!important;}
.cc-follow-btn.is-following{background:#fff!important;color:var(--cc-mint-dark,#58a897)!important;border:1px solid var(--cc-mint,#7dc7b7)!important;box-shadow:none!important;}
.cc-follow-form small{text-align:center!important;color:var(--cc-muted,#777)!important;font-size:10px!important;font-weight:700!important;}
.cc-profile-card--creator .cc-profile-tools{gap:16px!important;}
@media(max-width:760px){
  .cc-invite-panel .cc-panel-head{align-items:flex-start!important;gap:10px!important;}
  .cc-invite-link-row{grid-template-columns:1fr!important;}
  .cc-invite-link-row .cc-btn{width:100%!important;}
  .cc-invite-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .cc-invite-stats>div:nth-child(odd){border-left:0!important;}
  .cc-invite-stats>div:nth-child(n+3){border-top:1px solid var(--cc-line,#ebe9e3)!important;}
  .cc-profile-card--creator .cc-profile-tools{display:grid!important;grid-template-columns:1fr!important;}
  .cc-follow-form,.cc-follow-btn{width:100%!important;min-width:0!important;}
}


/* ===== v0.8.49 report button + preview close hardening ===== */
.cc-download-actions button.cc-action-chip{font:inherit!important;-webkit-appearance:none!important;appearance:none!important;}
.cc-report-section[hidden]{display:none!important;}
.cc-report-section.is-open{display:block!important;animation:ccReportReveal .18s ease-out both;}
.cc-report-close{cursor:pointer!important;-webkit-appearance:none!important;appearance:none!important;}
@keyframes ccReportReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.cc-preview-modal__floating-close{pointer-events:auto!important;touch-action:manipulation!important;}

/* ==========================================================
   CotoCle Rush v0.8.50
   ========================================================== */















.cc-processing-wait-note{padding:18px;border:1px solid #e6e8e4;border-radius:18px;background:linear-gradient(150deg,#f8fbfa,#fffaf1)}.cc-processing-wait-note small{display:block;color:#69a99a;font-size:9px;font-weight:900;letter-spacing:.12em}.cc-processing-wait-note strong{display:block;margin-top:2px;color:#4b554f;font-size:15px}.cc-processing-wait-note p{margin:9px 0 0;color:#828983;font-size:10.5px;line-height:1.65}




/* ==========================================================
   v0.8.51 preview rebuilt + avatar photo viewer
   ========================================================== */

/* CotoCle now owns the resource preview on every device. */
.cc-preview-owned .cc-universal-preview__simple{display:grid!important;}
.cc-preview-owned .cc-universal-preview__visual--image{
  display:block!important;
  position:relative!important;
  width:100%!important;
  aspect-ratio:16/10!important;
  min-height:220px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--cc-line,#ebe9e3)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background-color:#fff!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
  cursor:zoom-in!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  touch-action:manipulation!important;
}
.cc-preview-owned .cc-preview-open__hint{
  right:14px!important;bottom:14px!important;z-index:2!important;
  min-height:36px!important;padding:0 14px!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(88,168,151,.16)!important;
  color:var(--cc-mint-dark,#58a897)!important;
  box-shadow:0 8px 24px rgba(48,66,57,.12)!important;
}

.cc-preview-modal--v851[hidden]{display:none!important;}
.cc-preview-modal--v851{
  position:fixed!important;inset:0!important;z-index:2147483640!important;
  display:grid!important;place-items:center!important;
  padding:32px!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
.cc-preview-modal--v851 .cc-preview-modal__backdrop{
  position:absolute!important;inset:0!important;z-index:0!important;
  background:rgba(18,22,20,.78)!important;
  backdrop-filter:blur(7px)!important;-webkit-backdrop-filter:blur(7px)!important;
  cursor:zoom-out!important;
}
.cc-preview-modal--v851 .cc-preview-modal__dialog{
  position:relative!important;z-index:1!important;
  width:min(1120px,88vw)!important;
  height:min(760px,84vh)!important;
  min-height:420px!important;
  display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:24px!important;
  background:#f4f6f5!important;
  box-shadow:0 34px 110px rgba(0,0,0,.4)!important;
}
.cc-preview-modal--v851 .cc-preview-modal__toolbar{
  min-height:64px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:14px!important;padding:10px 12px 10px 18px!important;
  border-bottom:1px solid #dfe4e1!important;
  background:#fff!important;color:#303833!important;
}
.cc-preview-modal--v851 .cc-preview-modal__title{
  min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  color:#303833!important;font-size:14px!important;font-weight:900!important;
}
.cc-preview-modal--v851 .cc-preview-modal__controls{
  display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;
}
.cc-preview-modal--v851 .cc-preview-modal__controls button{
  width:42px!important;min-width:42px!important;height:42px!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border:1px solid #dde4e0!important;border-radius:12px!important;
  background:#f7f9f8!important;color:#39433d!important;
  font-size:20px!important;font-weight:900!important;line-height:1!important;
  box-shadow:none!important;cursor:pointer!important;touch-action:manipulation!important;
  -webkit-appearance:none!important;appearance:none!important;
}
.cc-preview-modal--v851 .cc-preview-modal__controls [data-cc-preview-reset]{
  width:70px!important;min-width:70px!important;font-size:11px!important;
}
.cc-preview-modal--v851 .cc-preview-modal__controls .cc-preview-modal__close{
  margin-left:4px!important;background:#28302c!important;border-color:#28302c!important;color:#fff!important;
  font-size:28px!important;font-weight:500!important;
}
.cc-preview-modal--v851 .cc-preview-modal__stage{
  min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;
  display:block!important;overflow:auto!important;
  padding:16px!important;
  background:
    linear-gradient(45deg,#e9eeeb 25%,transparent 25%) 0 0/20px 20px,
    linear-gradient(-45deg,#e9eeeb 25%,transparent 25%) 0 10px/20px 20px,
    linear-gradient(45deg,transparent 75%,#e9eeeb 75%) 10px -10px/20px 20px,
    linear-gradient(-45deg,transparent 75%,#e9eeeb 75%) -10px 0/20px 20px,
    #f2f5f3!important;
  text-align:center!important;overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;touch-action:pan-x pan-y pinch-zoom!important;
  box-sizing:border-box!important;
}
.cc-preview-modal--v851 .cc-preview-modal__canvas{
  display:block!important;flex:none!important;
  width:100%!important;height:100%!important;
  min-width:80px!important;min-height:80px!important;
  margin:0 auto!important;
  border:1px solid rgba(40,52,45,.12)!important;border-radius:8px!important;
  background-color:#fff!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;
  box-shadow:0 14px 42px rgba(38,50,44,.18)!important;
  user-select:none!important;-webkit-user-select:none!important;
}
.cc-preview-modal--v851 .cc-preview-modal__help{
  min-height:40px!important;padding:10px 16px!important;
  border-top:1px solid #dfe4e1!important;
  background:#fff!important;color:#7c8580!important;
  font-size:10.5px!important;line-height:1.5!important;text-align:center!important;
}
html.cc-preview-modal-open,html.cc-preview-modal-open body,body.cc-preview-modal-open{overflow:hidden!important;overscroll-behavior:none!important;}

/* Clickable profile photos. */
[data-cc-avatar-view]{cursor:zoom-in!important;outline-offset:3px!important;}
[data-cc-avatar-view]:focus-visible{outline:3px solid rgba(88,168,151,.38)!important;}
.cc-avatar-viewer[hidden]{display:none!important;}
.cc-avatar-viewer{
  position:fixed!important;inset:0!important;z-index:2147483644!important;
  display:grid!important;place-items:center!important;padding:24px!important;
  isolation:isolate!important;
}
.cc-avatar-viewer__backdrop{
  position:absolute!important;inset:0!important;z-index:0!important;
  background:rgba(13,17,15,.8)!important;
  backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
  cursor:zoom-out!important;
}
.cc-avatar-viewer__dialog{
  position:relative!important;z-index:1!important;
  width:min(520px,90vw)!important;
  display:grid!important;justify-items:center!important;gap:16px!important;
  padding:30px 28px 24px!important;
  border:1px solid rgba(255,255,255,.2)!important;border-radius:28px!important;
  background:#fff!important;
  box-shadow:0 32px 100px rgba(0,0,0,.42)!important;
}
.cc-avatar-viewer__close{
  position:absolute!important;right:13px!important;top:13px!important;
  width:44px!important;height:44px!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;
  border:0!important;border-radius:50%!important;
  background:#eef1ef!important;color:#303833!important;
  font-size:28px!important;font-weight:500!important;line-height:1!important;
  cursor:pointer!important;touch-action:manipulation!important;
  -webkit-appearance:none!important;appearance:none!important;
}
.cc-avatar-viewer__photo-wrap{
  width:min(390px,72vw)!important;aspect-ratio:1/1!important;
  display:grid!important;place-items:center!important;
  margin-top:10px!important;padding:8px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#eaf6f2,#fff8e9)!important;
  box-shadow:0 18px 52px rgba(48,71,60,.14)!important;
}
.cc-avatar-viewer__photo{
  display:block!important;width:100%!important;height:100%!important;
  border-radius:50%!important;object-fit:cover!important;background:#f6f8f7!important;
}
.cc-avatar-viewer__name{
  max-width:100%!important;color:#343d38!important;font-size:16px!important;font-weight:900!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
html.cc-avatar-view-open,html.cc-avatar-view-open body,body.cc-avatar-view-open{overflow:hidden!important;overscroll-behavior:none!important;}

@media(max-width:780px){
  .cc-preview-owned .cc-universal-preview__visual--image{min-height:190px!important;border-radius:15px!important;}
  .cc-preview-owned .cc-preview-open__hint{right:9px!important;bottom:9px!important;min-height:32px!important;padding:0 11px!important;font-size:10px!important;}
  .cc-preview-modal--v851{padding:8px!important;}
  .cc-preview-modal--v851 .cc-preview-modal__dialog{
    width:100%!important;height:calc(100dvh - 16px)!important;min-height:0!important;
    border-radius:20px!important;
  }
  .cc-preview-modal--v851 .cc-preview-modal__toolbar{min-height:58px!important;padding:8px 8px 8px 13px!important;gap:8px!important;}
  .cc-preview-modal--v851 .cc-preview-modal__title{font-size:11px!important;}
  .cc-preview-modal--v851 .cc-preview-modal__controls{gap:4px!important;}
  .cc-preview-modal--v851 .cc-preview-modal__controls button{width:38px!important;min-width:38px!important;height:38px!important;border-radius:11px!important;font-size:18px!important;}
  .cc-preview-modal--v851 .cc-preview-modal__controls [data-cc-preview-reset]{width:54px!important;min-width:54px!important;font-size:9px!important;}
  .cc-preview-modal--v851 .cc-preview-modal__controls .cc-preview-modal__close{font-size:25px!important;}
  .cc-preview-modal--v851 .cc-preview-modal__stage{padding:10px!important;}
  .cc-preview-modal--v851 .cc-preview-modal__help{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;font-size:9px!important;}
  .cc-avatar-viewer{padding:12px!important;}
  .cc-avatar-viewer__dialog{width:min(440px,94vw)!important;padding:26px 18px 20px!important;border-radius:24px!important;}
  .cc-avatar-viewer__photo-wrap{width:min(340px,78vw)!important;}
}

/* ==========================================================
   v0.8.52 CotoCle Games / Game Center / Rush Arena
   ========================================================== */





























/* Catch standalone */








/* Rush Arena - premium rebuild */



















/* ==========================================================
   v0.8.54 CotoCle Tower
   ========================================================== */













/* ==========================================================
   v0.8.55 mobile invite layout + split game leaderboards
   ========================================================== */


































@media(max-width:760px){
  /* Reset the old generic panel geometry only for the invite card. */
  .cc-dashboard .cc-invite-panel{
    min-height:0!important;
    margin:18px 0 24px!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:22px!important;
  }
  .cc-dashboard .cc-invite-panel .cc-panel-head{
    display:flex!important;
    flex:0 0 auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:20px 18px 17px!important;
    align-items:flex-start!important;
    justify-content:space-between!important;
    flex-direction:column!important;
    gap:12px!important;
    background:linear-gradient(135deg,var(--cc-mint-soft,#eaf6f2),#fff8e9)!important;
  }
  .cc-dashboard .cc-invite-panel .cc-panel-head>div{width:100%!important;min-width:0!important}
  .cc-dashboard .cc-invite-panel .cc-panel-head h3{
    max-width:100%!important;
    font-size:22px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
  }
  .cc-dashboard .cc-invite-panel .cc-invite-badge{align-self:flex-start!important;position:static!important}
  .cc-dashboard .cc-invite-panel .cc-panel-body{
    display:grid!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:18px!important;
    overflow:visible!important;
    border:0!important;
    border-top:1px solid var(--cc-line,#ebe9e3)!important;
    border-radius:0!important;
    background:#fff!important;
  }
  .cc-dashboard .cc-invite-copy{align-items:flex-start!important;gap:13px!important}
  .cc-dashboard .cc-invite-icon{flex:0 0 50px!important;width:50px!important;height:50px!important;border-radius:15px!important;font-size:24px!important}
  .cc-dashboard .cc-invite-copy>div:last-child{min-width:0!important}
  .cc-dashboard .cc-invite-copy strong{font-size:16px!important;line-height:1.45!important}
  .cc-dashboard .cc-invite-copy p{font-size:12px!important;line-height:1.7!important;overflow-wrap:anywhere!important}
  .cc-dashboard .cc-invite-link-row{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  .cc-dashboard .cc-invite-link-row input{
    display:block!important;
    height:48px!important;
    padding:0 12px!important;
    font-size:10.5px!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .cc-dashboard .cc-invite-link-row .cc-btn{min-width:0!important;width:100%!important;height:50px!important}
  .cc-dashboard .cc-invite-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;border-radius:16px!important}
  .cc-dashboard .cc-invite-stats>div{min-width:0!important;min-height:82px!important;padding:10px 6px!important}
  .cc-dashboard .cc-invite-stats strong{font-size:22px!important}
  .cc-dashboard .cc-invite-stats span{font-size:10px!important;line-height:1.4!important}
  .cc-dashboard .cc-invite-rule{font-size:10px!important;line-height:1.65!important}

  
  
  
  
  
  
  
  
  
  
  
  
  
  
}


/* ==========================================================
   v0.8.56 Tower simplification + viewport-fit play screen
   ========================================================== */


























/* Result tray: stays outside the tower floors, so the climb remains visible. */














/* v0.8.56 result-tray collision fixes against legacy Tower rules */



/* ==========================================================
   v0.8.58 Tower CTA / mascot / detail-preview fallback
   ========================================================== */
.cc-point-celebration.is-medal .cc-point-celebration__badge{background:linear-gradient(145deg,#ffe89a,#d9a822)!important;color:#5b4100!important;box-shadow:0 15px 36px rgba(209,157,26,.34)!important}
.cc-point-celebration.is-medal .cc-point-celebration__amount{color:#d59c16!important;text-shadow:0 8px 22px rgba(213,156,22,.2)!important}
.cc-point-celebration.is-medal .cc-point-celebration__label{background:#fff5d5!important;color:#9a7215!important}
.cc-point-celebration.is-medal .cc-point-celebration__halo--a{background:radial-gradient(circle,rgba(255,210,78,.52),rgba(255,210,78,0) 68%)!important}
.cc-point-celebration.is-medal .cc-point-particle--1,.cc-point-celebration.is-medal .cc-point-particle--3{color:#f1bd2d!important}













.cc-wallet-mini{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cc-medals-total{display:inline-flex!important;align-items:baseline;gap:3px;padding:8px 11px;border-radius:13px;background:#fff4c7;color:#9a7212!important;font-size:18px!important}.cc-medals-total small{font-size:8px!important}.cc-wallet-guide{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;margin-bottom:14px;padding:13px 14px;border:1px solid #eee1b4;border-radius:16px;background:linear-gradient(90deg,#fffdf5,#f8fffc)}.cc-wallet-guide>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,#ffe889,#d7a91f);color:#5d4300;font-weight:1000}.cc-wallet-guide p{margin:0!important}.cc-wallet-guide p strong{display:block;color:#4e5047;font-size:10px}.cc-wallet-guide p small{display:block;margin-top:2px;color:#969584;font-size:8px}.cc-wallet-guide a{color:#579a88;font-size:9px;font-weight:900;white-space:nowrap}



/* Tower: the machine itself always fits one viewport and every floor remains visible. */




















@media(max-width:640px){
  
  .cc-wallet-guide{grid-template-columns:34px minmax(0,1fr)}.cc-wallet-guide>a{grid-column:2}.cc-wallet-guide>span{width:34px;height:34px}
  
  
}



/* ===== v0.8.58 Tower CTA + mascot + detail preview fallback ===== */


.cc-universal-preview__visual{position:relative!important}.cc-universal-preview__visual .cc-card-bg--image{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;z-index:1!important;border-radius:inherit!important}.cc-universal-preview__visual .cc-preview-open__hint{position:relative!important;z-index:2!important}.cc-preview-open.cc-universal-preview__visual--image{background-color:#fff!important}


/* ==========================================================
   v0.8.59 Tower fixed retry dock + roaming floor mascot
   ========================================================== */
/* Keep a constant bottom dock at all times. GAME OVER no longer steals
   height from the 8-floor play field. */



















/* The player mascot lives inside the currently selectable floor. */






















/* ==========================================================
   CotoCle Core v0.8.60 - Rush character action mode
   ========================================================== */





















































/* ==========================================================
   v0.8.61 Tower warp-on-click + action sounds layout tweak
   ========================================================== */










/* ==========================================================
   v0.8.62 Tower bottom visibility + 8F welcome celebration
   ========================================================== */


















/* ==========================================================
   v0.8.63 Tower 6-door layout
   ========================================================== */




/* ==========================================================
   v0.8.64 Actual file-content preview
   ========================================================== */
.cc-preview-modal--content .cc-preview-modal__dialog{
  width:min(1260px,92vw)!important;
  height:min(860px,90vh)!important;
}
.cc-preview-modal--content .cc-preview-modal__heading{
  min-width:0!important;
  display:grid!important;
  gap:2px!important;
}
.cc-preview-modal--content .cc-preview-modal__heading small{
  color:#7d8782!important;
  font-size:9px!important;
  font-weight:800!important;
}
.cc-preview-modal--content .cc-preview-modal__controls .cc-preview-modal__close{
  width:42px!important;
  min-width:42px!important;
}
.cc-preview-modal--content .cc-preview-modal__stage{
  padding:0!important;
  overflow:hidden!important;
  background:#eef2f0!important;
  cursor:default!important;
  touch-action:auto!important;
}
.cc-preview-modal--content .cc-preview-modal__frame{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  border:0!important;
  background:#f3f6f4!important;
}
.cc-preview-modal--content .cc-preview-modal__help{
  color:#66716b!important;
}
.cc-preview-open__hint{
  min-width:108px!important;
  text-align:center!important;
}
@media(max-width:640px){
  .cc-preview-modal--content{padding:6px!important}
  .cc-preview-modal--content .cc-preview-modal__dialog{width:100%!important;height:92vh!important;min-height:0!important;border-radius:16px!important}
  .cc-preview-modal--content .cc-preview-modal__toolbar{min-height:54px!important}
  .cc-preview-modal--content .cc-preview-modal__heading small{font-size:8px!important}
  .cc-preview-modal--content .cc-preview-modal__help{font-size:8px!important}
}


/* ==========================================================
   v0.8.65 Tower 12F / progressive hazards / scrollable floors
   ========================================================== */










/* ==========================================================
   v0.8.66 Tower strong GAME OVER without hiding floors
   ========================================================== */




















/* v0.8.67 beta participation reward notice */
.cc-beta-reward-note{display:flex;align-items:center;gap:12px;margin:14px 0 18px;padding:12px 14px;border:1px solid rgba(242,202,79,.38);border-radius:14px;background:linear-gradient(135deg,rgba(255,244,193,.72),rgba(235,248,241,.82));box-shadow:0 8px 24px rgba(77,93,84,.05)}
.cc-beta-reward-note strong{flex:0 0 auto;color:#6b570f;font-size:12px;font-weight:1000}.cc-beta-reward-note span{color:#65706a;font-size:10px;line-height:1.55}
@media(max-width:640px){.cc-beta-reward-note{align-items:flex-start;flex-direction:column;gap:4px}.cc-beta-reward-note strong{font-size:11px}.cc-beta-reward-note span{font-size:9px}}


/* ==========================================================
   v0.8.68 Public creator directory
   ========================================================== */
.cc-creators-directory{width:min(1180px,calc(100% - 32px));margin:34px auto 110px;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:#303230}
.cc-creators-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:end;padding:34px 38px;border:1px solid #e6e9e5;border-radius:28px;background:linear-gradient(135deg,#f7fcf9,#fffaf2);box-shadow:0 16px 44px rgba(50,70,58,.07)}
.cc-creators-hero h1{margin:7px 0 9px;font-size:34px;line-height:1.15}.cc-creators-hero p{max-width:720px;margin:0;color:#6d756f;line-height:1.85;font-size:13px}.cc-creators-hero__count{min-width:150px;padding:17px 20px;text-align:center;border:1px solid #dfe9e3;border-radius:18px;background:#fff}.cc-creators-hero__count strong{display:block;font-size:30px;color:#58a897}.cc-creators-hero__count span{font-size:10px;color:#7d857f;font-weight:800}
.cc-creators-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 170px auto auto;gap:9px;align-items:center;margin:18px 0}.cc-creators-search{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border:1px solid #dfe5e1;border-radius:13px;background:#fff}.cc-creators-search input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;font-size:13px!important}.cc-creators-toolbar select{height:46px;border:1px solid #dfe5e1;border-radius:13px;background:#fff;padding:0 12px}.cc-creators-toolbar button{height:46px;padding:0 22px;border:0;border-radius:13px;background:#62ad9e;color:#fff;font-weight:900;cursor:pointer}.cc-creators-toolbar>a{font-size:11px;color:#77807a}
.cc-creators-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cc-creator-directory-card{min-width:0;padding:20px;border:1px solid #e4e8e5;border-radius:20px;background:#fff;box-shadow:0 9px 26px rgba(45,62,52,.055);transition:.2s ease}.cc-creator-directory-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(45,62,52,.09)}.cc-creator-directory-card__main{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;color:inherit!important;text-decoration:none!important}.cc-creator-directory-card__avatar .cc-avatar{width:70px!important;height:70px!important;border-radius:50%!important;object-fit:cover!important}.cc-creator-directory-card__copy h2{margin:1px 0 6px;font-size:17px;line-height:1.35}.cc-creator-directory-card__copy p{min-height:36px;margin:0;color:#69716c;font-size:11px;line-height:1.65}.cc-creator-directory-card__copy p.is-muted{color:#9ca29e}.cc-creator-directory-card__skills{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.cc-creator-directory-card__skills span{padding:4px 7px;border-radius:999px;background:#eef7f3;color:#568a7e;font-size:8px;font-weight:800}.cc-creator-directory-card__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:15px 0 12px;padding:10px 0;border-top:1px solid #eef0ee;border-bottom:1px solid #eef0ee}.cc-creator-directory-card__stats span{text-align:center;color:#848b86;font-size:8px}.cc-creator-directory-card__stats strong{display:block;color:#3f4641;font-size:14px}.cc-creator-directory-card__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.cc-creator-directory-card__foot>a{font-size:10px;font-weight:800;color:#58a897!important;text-decoration:none!important}.cc-creator-directory-card__foot form{margin:0}.cc-creator-directory-card__foot button{min-height:32px;padding:0 11px;border:1px solid #86c5b8;border-radius:10px;background:#edf8f4;color:#4f9788;font-size:9px;font-weight:900;cursor:pointer}.cc-creator-directory-card__foot button.is-following{border-color:#dfe3e0;background:#f3f4f3;color:#777e79}.cc-creators-pagination{display:flex;justify-content:center;gap:6px;margin-top:22px}.cc-creators-pagination a{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dde4df;border-radius:10px;background:#fff;color:#69716c!important;text-decoration:none!important;font-size:11px;font-weight:900}.cc-creators-pagination a.is-current{background:#62ad9e;color:#fff!important;border-color:#62ad9e}
@media(max-width:900px){.cc-creators-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-creators-toolbar{grid-template-columns:minmax(0,1fr) 150px auto}.cc-creators-toolbar>a{grid-column:1/-1}}
@media(max-width:640px){.cc-creators-directory{width:min(100% - 18px,700px);margin-top:16px}.cc-creators-hero{grid-template-columns:1fr;padding:23px 18px;border-radius:21px}.cc-creators-hero h1{font-size:27px}.cc-creators-hero__count{justify-self:stretch;display:flex;align-items:baseline;justify-content:center;gap:7px}.cc-creators-hero__count strong{font-size:25px}.cc-creators-toolbar{grid-template-columns:1fr 118px}.cc-creators-toolbar button{grid-column:1/-1}.cc-creators-grid{grid-template-columns:1fr}.cc-creator-directory-card{padding:17px}.cc-creator-directory-card__main{grid-template-columns:62px minmax(0,1fr)}.cc-creator-directory-card__avatar .cc-avatar{width:62px!important;height:62px!important}}


/* ==========================================================
   v0.8.71 Navigation cleanup + point palette + progress alignment
   ========================================================== */
:root{
  --cc-point-bg:var(--cc-soft,#eaf6f2);
  --cc-point-ink:var(--cc-primary-dark,#58a897);
  --cc-point-line:var(--cc-line,#ebe9e3);
}
.cc-points-total,.cc-dashboard-grid--engagement .cc-points-total{color:var(--cc-point-ink,#58a897)!important;}
.cc-points-total small,.cc-dashboard-grid--engagement .cc-points-total small{color:var(--cc-muted,#8b918c)!important;}
.cc-point-row>b.is-plus{color:var(--cc-point-ink,#58a897)!important;}

.cc-profile-completion-ring{
  position:relative!important;
  display:block!important;
  flex:none!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
  overflow:hidden!important;
}
.cc-profile-completion-ring:before{z-index:0!important;}
.cc-profile-completion-ring>strong{
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  transform:none!important;
  text-align:center!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
.cc-profile-completion-ring>strong>small{
  display:inline!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
  vertical-align:baseline!important;
  transform:none!important;
}


/* ==========================================================
   v0.8.72 Home primary CTA hard alignment + mobile navigation cleanup
   ========================================================== */
#cc-home .cc-hero-actions,body #cc-home .cc-hero-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  gap:18px!important;
  width:min(100%,720px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#cc-home .cc-hero-actions>a.cc-hero-action,#cc-home .cc-hero-actions>a.cc-hero-action:first-child,#cc-home .cc-hero-actions>a.cc-hero-action:last-child,#cc-home .cc-hero-actions>a.cc-hero-action:nth-child(1),#cc-home .cc-hero-actions>a.cc-hero-action:nth-child(2){
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  align-self:stretch!important;
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  margin:0!important;
  padding:0 28px!important;
  box-sizing:border-box!important;
  vertical-align:top!important;
  transform:none!important;
  translate:none!important;
  line-height:1!important;
}
#cc-home .cc-hero-actions>a.cc-hero-action>span{
  margin:0!important;
  padding:0!important;
  position:static!important;
  transform:none!important;
  line-height:1!important;
}
#cc-home .cc-hero-actions>a.cc-hero-action .cc-hero-action-arrow{
  display:grid!important;
  place-items:center!important;
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
}
/* Also normalize legacy/current hero CTA class names used by the home template. */
#cc-home .cc-market-hero-actions,#cc-home .cc-home-hero-actions{align-items:stretch!important;}
#cc-home .cc-market-hero-actions>a,#cc-home .cc-home-hero-actions>a{
  top:auto!important;bottom:auto!important;margin-top:0!important;margin-bottom:0!important;transform:none!important;align-self:stretch!important;
}
@media(max-width:640px){
  #cc-home .cc-hero-actions,body #cc-home .cc-hero-actions{grid-template-columns:1fr!important;gap:10px!important;width:100%!important;}
  #cc-home .cc-hero-actions>a.cc-hero-action{height:54px!important;min-height:54px!important;max-height:54px!important;padding:0 20px!important;}
}


/* ==========================================================
   v0.8.73 My Page wallet storage notice + invite layout reset
   ========================================================== */
.cc-wallet-guide--space{
  border-color:rgba(88,168,151,.24)!important;
  background:linear-gradient(90deg,#f2fbf8,#fffdf5)!important;
}
.cc-wallet-guide--space>span{
  background:linear-gradient(145deg,#78c8b7,#4fa18f)!important;
  color:#fff!important;
}
.cc-invite-panel{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
}
.cc-invite-head{
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:96px!important;
  margin:0!important;
  padding:22px 26px!important;
  border:0!important;
  border-bottom:1px solid var(--cc-line,#ebe9e3)!important;
  background:linear-gradient(135deg,var(--cc-mint-soft,#eaf6f2),#fff8e9)!important;
}
.cc-invite-head__copy{
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.cc-invite-head__copy .cc-panel-kicker{
  display:block!important;
  margin:0 0 6px!important;
}
.cc-invite-head__copy h3{
  margin:0!important;
  padding:0!important;
  color:var(--cc-ink,#303230)!important;
  font-size:25px!important;
  line-height:1.25!important;
  overflow-wrap:anywhere!important;
}
.cc-invite-head .cc-invite-badge{
  position:static!important;
  inset:auto!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  transform:none!important;
}
.cc-invite-panel>.cc-panel-body{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  border-radius:0!important;
}
@media(max-width:760px){
  .cc-dashboard .cc-invite-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    min-height:0!important;
    padding:20px 18px 17px!important;
  }
  .cc-dashboard .cc-invite-head__copy h3{font-size:22px!important;line-height:1.35!important}
  .cc-dashboard .cc-invite-head .cc-invite-badge{justify-self:start!important;align-self:start!important}
}


/* ==========================================================
   v0.8.74 Home hero CTA hard reset + Rush survival timer
   The site's legacy Additional CSS contains repeated CTA rules, including
   a submit-only translateY. This selector deliberately wins by specificity.
   ========================================================== */
html body:has(#cc-home) #cc-home .cc-market-hero-actions,html body:has(#cc-home) #cc-home .cc-home-hero-actions{
  display:grid!important;
  grid-template-columns:repeat(2,250px)!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:14px!important;
}
html body:has(#cc-home) #cc-home .cc-market-hero-actions>.cc-market-hero-button,html body:has(#cc-home) #cc-home .cc-home-hero-actions>.cc-market-hero-button{
  position:relative!important;
  top:0!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:stretch!important;
  width:250px!important;
  min-width:250px!important;
  max-width:250px!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  margin:0!important;
  padding:0 22px!important;
  transform:none!important;
  translate:none!important;
  vertical-align:top!important;
  line-height:1!important;
  box-sizing:border-box!important;
}
html body:has(#cc-home) #cc-home .cc-market-hero-actions>.cc-market-hero-button:hover,html body:has(#cc-home) #cc-home .cc-home-hero-actions>.cc-market-hero-button:hover{
  top:0!important;
  transform:none!important;
  translate:none!important;
}
@media(max-width:700px){
  html body:has(#cc-home) #cc-home .cc-market-hero-actions,html body:has(#cc-home) #cc-home .cc-home-hero-actions{
    grid-template-columns:minmax(0,320px)!important;
    gap:10px!important;
  }
  html body:has(#cc-home) #cc-home .cc-market-hero-actions>.cc-market-hero-button,html body:has(#cc-home) #cc-home .cc-home-hero-actions>.cc-market-hero-button{
    width:100%!important;
    min-width:0!important;
    max-width:320px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }
}



/* v0.8.75 Tower GAME OVER overlay visibility fix */




/* ==========================================================
   v0.8.76 HOME CTA visual recovery
   Restore the two primary hero buttons as one stable pair.
   This intentionally overrides the over-aggressive v0.8.74 reset.
   ========================================================== */
html body #cc-home .cc-hero-actions,html body #cc-home .cc-market-hero-actions,html body #cc-home .cc-home-hero-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  width:100%!important;
  max-width:720px!important;
  margin:27px auto 0!important;
}
html body #cc-home .cc-hero-action,html body #cc-home .cc-market-hero-button,html body #cc-home .cc-home-hero-button{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  display:flex!important;
  flex:0 0 250px!important;
  width:250px!important;
  min-width:250px!important;
  max-width:250px!important;
  height:58px!important;
  min-height:58px!important;
  max-height:58px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:20px!important;
  margin:0!important;
  padding:0 24px!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
  transform:none!important;
  translate:none!important;
  text-decoration:none!important;
  line-height:1!important;
  font-weight:900!important;
  overflow:hidden!important;
}
html body #cc-home .cc-hero-action--browse,html body #cc-home .cc-market-hero-button--browse,html body #cc-home .cc-home-hero-button--browse{
  background:var(--cc-home-primary,#ff4384)!important;
  border:1px solid var(--cc-home-primary,#ff4384)!important;
  color:#111!important;
  box-shadow:none!important;
}
html body #cc-home .cc-hero-action--submit,html body #cc-home .cc-market-hero-button--submit,html body #cc-home .cc-home-hero-button--submit{
  background:#fff!important;
  border:1px solid rgba(30,35,35,.16)!important;
  color:#111!important;
  box-shadow:0 6px 18px rgba(25,25,25,.04)!important;
}
html body #cc-home .cc-hero-action>span,html body #cc-home .cc-market-hero-button>span,html body #cc-home .cc-home-hero-button>span{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  translate:none!important;
  white-space:nowrap!important;
  line-height:1!important;
}
html body #cc-home .cc-hero-action:hover,html body #cc-home .cc-market-hero-button:hover,html body #cc-home .cc-home-hero-button:hover{
  top:auto!important;
  transform:none!important;
  translate:none!important;
}
@media(max-width:700px){
  html body #cc-home .cc-hero-actions,html body #cc-home .cc-market-hero-actions,html body #cc-home .cc-home-hero-actions{
    flex-direction:column!important;
    gap:10px!important;
    max-width:320px!important;
  }
  html body #cc-home .cc-hero-action,html body #cc-home .cc-market-hero-button,html body #cc-home .cc-home-hero-button{
    flex:0 0 54px!important;
    width:100%!important;
    min-width:0!important;
    max-width:320px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
  }
}


/* ==========================================================
   v0.8.78 Tower camera viewport
   - absolutely no internal field scrolling
   - floors move only by stack transform
   - GAME OVER overlay is attached to machine, not scroll content
   ========================================================== */





/* GAME OVER lives directly under .cc-tower-machine in v0.8.78. */





/* ==========================================================
   v0.8.80 Tower visibility/readability final override
   ========================================================== */
















\n\n/* ==========================================================\n   v0.8.81 Tower overlay RETRY + home CTA final alignment\n   ========================================================== */\n\n\n\n\nhtml body:has(#cc-home) #cc-home .cc-market-hero-actions,html body:has(#cc-home) #cc-home .cc-home-hero-actions,html body:has(#cc-home) #cc-home .cc-hero-actions{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;text-align:center!important;}\n@media (min-width:1181px){html body:has(#cc-home) #cc-home .cc-market-hero-actions,html body:has(#cc-home) #cc-home .cc-home-hero-actions,html body:has(#cc-home) #cc-home .cc-hero-actions{flex-direction:row!important;gap:14px!important;}}\n@media (max-width:1180px){html body:has(#cc-home) #cc-home .cc-market-hero-actions,html body:has(#cc-home) #cc-home .cc-home-hero-actions,html body:has(#cc-home) #cc-home .cc-hero-actions{flex-direction:column!important;gap:14px!important;}html body:has(#cc-home) #cc-home .cc-market-hero-actions > a,html body:has(#cc-home) #cc-home .cc-home-hero-actions > a,html body:has(#cc-home) #cc-home .cc-hero-actions > a{flex:0 0 58px!important;width:min(100%,320px)!important;min-width:0!important;max-width:320px!important;height:58px!important;min-height:58px!important;max-height:58px!important;margin-left:auto!important;margin-right:auto!important;}}\nhtml body:has(#cc-home) #cc-home a.cc-market-hero-button--submit,html body:has(#cc-home) #cc-home a.cc-home-hero-button--submit,html body:has(#cc-home) #cc-home a.cc-hero-action--submit{font-size:0!important;gap:0!important;}\nhtml body:has(#cc-home) #cc-home a.cc-market-hero-button--submit > *,html body:has(#cc-home) #cc-home a.cc-home-hero-button--submit > *,html body:has(#cc-home) #cc-home a.cc-hero-action--submit > *{display:none!important;}\nhtml body:has(#cc-home) #cc-home a.cc-market-hero-button--submit::before,html body:has(#cc-home) #cc-home a.cc-home-hero-button--submit::before,html body:has(#cc-home) #cc-home a.cc-hero-action--submit::before{content:"資料を投稿する　＋"!important;position:static!important;display:inline-block!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;color:inherit!important;font:900 14px/1 "Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,Meiryo,sans-serif!important;letter-spacing:0!important;transform:none!important;}\nhtml body:has(#cc-home) #cc-home a.cc-market-hero-button--submit::after,html body:has(#cc-home) #cc-home a.cc-home-hero-button--submit::after,html body:has(#cc-home) #cc-home a.cc-hero-action--submit::after{content:none!important;display:none!important;}\n

/* ==========================================================
   v0.8.82 Tower continuous camera + transient FX above player
   ========================================================== */











/* ==========================================================
   v0.8.84 Tower GAME OVER share action
   ========================================================== */








/* ==========================================================
   v0.8.85 Ranking system refresh
   ========================================================== */












/* ==========================================================
   v0.8.86 CotoCle Arcade — neon dark,original UI
   ========================================================== */






/* v0.8.87 five-second survival rules */




/* ==========================================================
   v0.8.88 Mobile header flow + Blocks redesign + Circle tuning
   ========================================================== */















/* Circle is a clean fixed-width digital pen: no glow/pressure-like variation. */





/* ==========================================================
   v0.8.91 Arcade polish: Circle / Blocks / Runner mascots
   ========================================================== */









@keyframes ccMascotGreat{50%{transform:translateY(-13px) rotate(-4deg) scale(1.1);filter:drop-shadow(0 0 18px rgba(246,212,95,.65))}}@keyframes ccMascotOk{50%{transform:translateY(-7px) scale(1.05)}}@keyframes ccMascotMiss{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}












/* ==========================================================
   v0.8.92 Circle calibration + unobtrusive Coto Coach + canvas START
   ========================================================== */
















/* ==========================================================
   v0.8.93 Runner: unobtrusive controls + 100m difficulty tiers
   ========================================================== */











/* ==========================================================
   v0.8.95 All-play ranking / infinite leaderboard / TOP10 awards
   ========================================================== */















/* ==========================================================
   v0.8.96 Blocks guide / game hub polish / ranking countdown
   ========================================================== */

/* Blocks: move all guidance outside the playfield. */






















/* Game hub: stronger information hierarchy and richer card surface. */




















/* Weekly countdown panel. */







/* ==========================================================
   v0.8.97 Ranking-first layout + working challenge share
   ========================================================== */










/* ==========================================================
   v0.8.98 document blocks + Catch mascot + Grid Blast
   ========================================================== */






















/* ==========================================================
   v0.8.99 game hub mobile recovery + document Blocks redesign
   ========================================================== */
/* The game hub must never inherit a theme/legacy hidden state. */









/* Catch mascot reused in Blocks guide, not on the playfield. */









/* Blocks: brighter premium document workspace and clearer guide. */







/* Mobile Games hub: compact, intentional app-like layout. */


/* ==========================================================
   v0.8.100 CotoCle Blocks - bold file blocks + round mascot
   ========================================================== */

























/* v0.8.102 stable Blocks mascot + shared audio switches */




/* v0.8.103 Grid Blast interaction polish */



/* v0.8.105 ranking period tabs */



/* v0.8.107 Grid Blast: white pop visual identity + deluxe effects */






















/* ==========================================================
   v0.8.108 Luxury ranking UI
   ========================================================== */























































/* ==========================================================
   v0.8.109 Grid Blast playability + document-pop redesign
   ========================================================== */










/* document-like pastel tiles */















/* score / clear feedback */












/* =========================================================
   v0.8.110 CotoCle Games / luxury black game-center refresh
   ========================================================= */












/* =========================================================
   v0.8.111 Game center wording + mobile wallet repair
   ========================================================= */

















/* ==========================================================
   CotoCle Core v0.8.112 - Ranking contrast / game icons / wallet order
   ========================================================== */














/* Redesigned 7 game icons: each game has a unique silhouette and palette */















/* v0.8.113 build version strip */
@media (min-width:961px){
.cc-build-version-bar-desktop{display:flex;align-items:center;justify-content:center;gap:10px;min-height:22px;padding:3px 10px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;background:#111814;color:#d7e8df;border-bottom:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:800;letter-spacing:.06em;line-height:1;position:relative;z-index:20}
.cc-build-version-bar-desktop b{color:#f1cf67}.cc-build-version-bar-desktop span+span:before{content:"•";margin-right:10px;color:#6b8377}
}
@media (max-width:960px){.cc-build-version-bar-desktop{display:none!important}}

@media(max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
}.cc-color-tool--fill{font-size:15px}
.cc-dashboard > .cc-profile-card .cc-profile-copy .cc-eyebrow{
  border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;
  padding:0!important;border-radius:0!important;text-decoration:none!important;
}
.cc-dashboard > .cc-profile-card .cc-profile-copy .cc-eyebrow{display:block!important;width:auto!important;max-width:none!important;}.cc-dedicated-editor-top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:42px;min-height:42px;padding:0 10px;border-bottom:1px solid #d8dfdc;background:#fff}.cc-dedicated-editor-top>div:first-child{min-width:0;display:flex;align-items:center;gap:8px}.cc-dedicated-editor-top strong{color:#0f7d49;font-size:11px}.cc-dedicated-editor-top span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#4e5853}.cc-dedicated-editor-top>div:last-child{display:flex;gap:6px}.cc-dedicated-editor-top a,.cc-dedicated-editor-top button{border:1px solid #dce3df;border-radius:8px;background:#fff;padding:6px 8px;color:#45514b!important;text-decoration:none!important;font-size:9px;font-weight:700}.cc-editor-emoji-pop{position:absolute;right:8px;bottom:58px;padding:6px;border:1px solid #dce4e0;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.15);white-space:nowrap}.cc-editor-emoji-pop button{min-width:34px;width:34px;height:34px;font-size:18px}

/* v0.8.134 - MySpace Excel AI design assistant */
.cc-ai-ribbon-trigger{margin-left:auto!important;min-width:76px!important;padding:0 12px!important;background:rgba(255,255,255,.16)!important;border-left:1px solid rgba(255,255,255,.2)!important;color:#fff!important;font-weight:800!important;letter-spacing:.01em!important}.cc-ai-ribbon-trigger:active{background:rgba(255,255,255,.26)!important}
@media(max-width:760px){.cc-ai-ribbon-trigger{min-width:70px!important;padding:0 8px!important;font-size:8px!important}}
.cc-dedicated-editor-top{height:56px;min-height:56px;padding:0 12px 0 16px;border-bottom:1px solid var(--cc-studio-line);background:linear-gradient(90deg,#fff 0%,#fbfdfc 68%,#f0faf5 100%);box-shadow:0 3px 14px rgba(24,74,51,.06)}
.cc-dedicated-brand{min-width:0;display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px!important;align-items:center!important}
.cc-dedicated-brand strong{grid-row:1/3;color:var(--cc-studio)!important;font-size:18px!important;letter-spacing:-.03em}.cc-dedicated-brand small{align-self:end;color:#b73f6d;font-size:8px;font-weight:900;letter-spacing:.16em}.cc-dedicated-brand span{align-self:start;max-width:min(42vw,430px);font-size:10px!important;color:#64716b!important}
.cc-dedicated-actions{display:flex!important;align-items:center;gap:7px!important}.cc-dedicated-editor-top .cc-editor-light-link,.cc-dedicated-editor-top .cc-editor-close{height:38px;padding:0 11px!important;display:grid;place-items:center;border:1px solid var(--cc-studio-line)!important;border-radius:11px!important;background:#fff!important;color:#45554d!important;font-size:9px!important;font-weight:800!important}.cc-dedicated-editor-top .cc-editor-close{cursor:pointer}
.cc-editor-teacher{height:44px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:3px 10px 3px 4px!important;border:1px solid #bfe4d0!important;border-radius:14px!important;background:linear-gradient(135deg,#e9fff3,#fffbe9)!important;color:#176641!important;box-shadow:0 5px 16px rgba(19,114,69,.10)!important;cursor:pointer}.cc-editor-teacher__icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#11a764,#087848);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.cc-editor-teacher__icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cc-editor-teacher>span:last-child{display:grid;text-align:left;line-height:1.05}.cc-editor-teacher b{font-size:10px}.cc-editor-teacher small{margin-top:3px;color:#a27e14;font-size:7px;font-weight:900}
@media(max-width:760px){.cc-dedicated-editor-top{height:52px;min-height:52px;padding:0 6px 0 10px}.cc-dedicated-brand{column-gap:7px!important}.cc-dedicated-brand strong{font-size:15px!important}.cc-dedicated-brand small{font-size:6px}.cc-dedicated-brand span{max-width:25vw;font-size:8px!important}.cc-editor-teacher{height:40px!important;padding-right:7px!important;gap:5px!important}.cc-editor-teacher__icon{width:31px;height:31px}.cc-editor-teacher b{font-size:8px}.cc-editor-teacher small{font-size:6px}.cc-dedicated-editor-top .cc-editor-light-link{display:none!important}.cc-dedicated-editor-top .cc-editor-close{height:38px;padding:0 8px!important;font-size:8px!important}}


/* v0.8.167 — AI result preview / persistent rollback */
.cc-ai-preview-undo[hidden]{display:none!important}
.cc-ai-preview-undo{
 position:fixed!important;left:50%!important;bottom:88px!important;transform:translateX(-50%)!important;
 z-index:2147482500!important;width:min(92vw,520px)!important;min-height:58px!important;
 display:grid!important;grid-template-columns:minmax(0,1fr) auto 34px!important;align-items:center!important;gap:9px!important;
 padding:9px 9px 9px 14px!important;border-radius:16px!important;
 background:rgba(18,31,27,.96)!important;color:#fff!important;border:1px solid rgba(111,230,174,.35)!important;
 box-shadow:0 12px 35px rgba(0,0,0,.34)!important;backdrop-filter:blur(14px)!important;
}
.cc-ai-preview-undo>div{display:grid!important;gap:2px!important;min-width:0!important}
.cc-ai-preview-undo b{font-size:12px!important;line-height:1.25!important}
.cc-ai-preview-undo small{font-size:9px!important;color:rgba(235,248,241,.68)!important}
.cc-ai-preview-undo [data-ai-preview-undo]{
 min-height:38px!important;padding:0 13px!important;border:0!important;border-radius:11px!important;
 background:#21b979!important;color:#fff!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;
}
.cc-ai-preview-dismiss{width:32px!important;height:32px!important;padding:0!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:18px!important}
@media(max-width:760px){
 .cc-ai-preview-undo{bottom:82px!important;width:calc(100vw - 18px)!important;grid-template-columns:minmax(0,1fr) auto 30px!important;padding-left:11px!important}
 .cc-ai-preview-undo b{font-size:11px!important}.cc-ai-preview-undo small{font-size:8px!important}
 .cc-ai-preview-undo [data-ai-preview-undo]{padding:0 10px!important;font-size:9px!important}
}

/* v0.8.167 — professional AI Excel design engine: palette + column widths + row heights + hierarchy */

/* v0.8.167 — low-token AI art direction + deterministic professional Excel renderer */


/* v0.8.167 — compact AI result window; persistent bottom preview bar retired */
.cc-ai-preview-undo{display:none!important}

/* v0.8.168 temporary My Page point-test trigger */
.cc-temp-point-name{appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;padding:0;margin:0;cursor:pointer;text-align:left}
.cc-temp-point-name:disabled{opacity:.72;cursor:wait}
.cc-temp-point-name.is-point-added{transform:scale(1.035)}
.is-ribbon-focus{
  outline:2px solid rgba(49,196,143,.55)!important;
  outline-offset:2px!important;
  transition:outline-color .45s ease!important;
}\n@media(max-width:760px){.cc-cell-resize-handle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.cc-cell-resize-handle span{font-size:30px!important}}

/* v0.8.225: publication attestations and report safety UI */
.cc-safety-attestation{
  margin:18px 0;
  padding:16px;
  border:1px solid rgba(73,105,92,.18);
  border-radius:16px;
  background:linear-gradient(180deg,#fbfdfa,#f5faf7);
  box-shadow:0 8px 28px rgba(45,70,58,.06);
}
.cc-safety-attestation.is-error{animation:ccSafetyShake .25s ease 0s 2;border-color:#cf5b5b;background:#fff7f7}
.cc-safety-attestation__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.cc-safety-attestation__head strong{font-size:15px;color:#263c33}
.cc-safety-attestation__head span{font-size:11px;font-weight:800;letter-spacing:.04em;padding:4px 8px;border-radius:999px;background:#e8f2ed;color:#39725c}
.cc-safety-attestation--publish .cc-safety-attestation__head span{background:#fff0d9;color:#895813}
.cc-safety-attestation p{margin:0 0 10px;color:#58665f;font-size:13px;line-height:1.7}
.cc-safety-attestation>small{display:block;margin-top:9px;color:#718078;line-height:1.6}
.cc-safety-check{display:flex!important;align-items:flex-start!important;gap:10px!important;margin:10px 0!important;padding:11px 12px!important;border:1px solid rgba(73,105,92,.12)!important;border-radius:12px!important;background:#fff!important;cursor:pointer}
.cc-safety-check input[type="checkbox"]{flex:0 0 auto;width:18px!important;height:18px!important;margin:2px 0 0!important;accent-color:#4e9176}
.cc-safety-check span{font-size:13px;line-height:1.65;color:#33453d}
.cc-report-priority-note{display:flex;flex-direction:column;gap:4px;margin:12px 0 16px;padding:12px 14px;border-radius:12px;background:#fff4f1;border:1px solid #f0d1c9;color:#704138}
.cc-report-priority-note strong{font-size:13px}.cc-report-priority-note span{font-size:12px;line-height:1.6}
.cc-report-privacy-note{font-size:11px!important;color:#747d79!important;line-height:1.6!important;margin:4px 0 14px!important}
@keyframes ccSafetyShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
@media(max-width:680px){.cc-safety-attestation{padding:13px;border-radius:13px}.cc-safety-check{padding:10px!important}.cc-safety-check span{font-size:12px}}


/* v0.8.226 site-wide legal / safety policy surfaces */
.cc-policy-nav{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 22px}.cc-policy-nav a,.cc-safety-policy-links a{display:inline-flex;align-items:center;min-height:32px;padding:7px 11px;border:1px solid #dfe8e3;border-radius:999px;background:#fff;color:#39735d!important;font-size:11px;font-weight:900;text-decoration:none!important}.cc-policy-nav a:hover,.cc-safety-policy-links a:hover{background:#f3faf7}
.cc-policy-flow{display:flex;align-items:stretch;gap:7px;margin:22px 0 28px;overflow-x:auto;padding-bottom:4px}.cc-policy-flow>div{flex:1 0 150px;min-height:108px;padding:14px;border:1px solid #e1ebe6;border-radius:16px;background:#f8fbfa}.cc-policy-flow>div b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#4c9678;color:#fff;font-size:11px}.cc-policy-flow>div strong{display:block;margin:9px 0 3px;color:#2f473d;font-size:13px}.cc-policy-flow>div span{display:block;color:#728079;font-size:10px;line-height:1.55}.cc-policy-flow>i{align-self:center;color:#8da399;font-style:normal;font-weight:900}
.cc-register-policy-note{margin:14px 0;padding:14px 15px;border:1px solid #dce9e3;border-radius:14px;background:linear-gradient(135deg,#f8fcfa,#f2f8f5)}.cc-register-policy-note strong{display:block;color:#304b40;font-size:12px}.cc-register-policy-note>span{display:block;margin-top:5px;color:#68766f;font-size:10px;line-height:1.75}.cc-register-policy-note>div{display:flex;gap:12px;margin-top:8px}.cc-register-policy-note a{color:#3d8067!important;font-size:10px;font-weight:900;text-decoration:underline!important;text-underline-offset:2px}
.cc-safety-policy-links{display:flex;gap:8px;flex-wrap:wrap;margin:9px 0}.cc-safety-policy-links a{min-height:28px;padding:5px 9px;font-size:10px}
.cc-report-response-note{display:grid;gap:4px;margin:10px 0 14px;padding:12px 13px;border:1px solid #dae9e2;border-radius:13px;background:#f6fbf8}.cc-report-response-note strong{color:#315647;font-size:12px}.cc-report-response-note span{color:#64756d;font-size:11px;line-height:1.65}.cc-report-response-note a{justify-self:start;color:#3f876d!important;font-size:10px;font-weight:900;text-decoration:underline!important;text-underline-offset:2px}
.cc-legal-footer{width:min(1180px,calc(100% - 28px));margin:26px auto 100px;padding:12px 14px;border:1px solid rgba(83,117,103,.13);border-radius:14px;background:rgba(249,252,250,.96);display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}.cc-legal-footer>span{color:#789087;font-size:9px;font-weight:1000;letter-spacing:.11em}.cc-legal-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.cc-legal-footer a{color:#536b61!important;font-size:9px;font-weight:800;text-decoration:none!important}.cc-legal-footer a:hover{text-decoration:underline!important}
@media(max-width:680px){.cc-policy-flow{gap:5px}.cc-policy-flow>div{flex-basis:138px;min-height:100px;padding:12px}.cc-policy-flow>i{font-size:11px}.cc-legal-footer{align-items:flex-start;flex-direction:column;margin-bottom:90px}.cc-legal-footer nav{justify-content:flex-start}.cc-consent-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.cc-consent-summary{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.cc-consent-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.cc-consent-summary{grid-template-columns:1fr!important}}

/* v0.8.230 My CotoCle profile edit anchor */
.cc-dashboard .cc-profile-linkline .cc-profile-edit-anchor{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:7px 11px!important;border:1px solid #bcdccf!important;border-radius:999px!important;background:linear-gradient(135deg,#eef8f4,#fff)!important;color:#2d775f!important;font-size:9px!important;font-weight:950!important;line-height:1!important;text-decoration:none!important;box-shadow:0 5px 14px rgba(43,121,93,.07)!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important}.cc-dashboard .cc-profile-linkline .cc-profile-edit-anchor:hover{background:#e3f4ed!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(43,121,93,.12)!important}.cc-dashboard .cc-profile-linkline .cc-profile-edit-anchor span{display:grid!important;place-items:center!important;width:19px!important;height:19px!important;border-radius:50%!important;background:#4a967b!important;color:#fff!important;font-size:9px!important}.cc-dashboard #cc-profile-settings{scroll-margin-top:96px!important}
@media(max-width:600px){.cc-dashboard .cc-profile-linkline{gap:8px!important}.cc-dashboard .cc-profile-linkline .cc-profile-edit-anchor{padding:7px 10px!important;font-size:8.5px!important}}
\n\n/* ==========================================================\n   v0.8.234 - Grid Blast overlay/layer cleanup\n   Keep score/combo feedback readable and GAME OVER inside game stage.\n   ========================================================== */\n\n\n\n\n\n\n/* GAME OVER is a local overlay: board/tray remain visible underneath. */\n\n\n\n\n\n\n\n@media(max-width:700px){\n  \n  \n  \n  \n  \n}

/* Dynamic post completion reward: actual value comes from reward_total,
   never from a CSS/JS hard-coded reward amount. */
.cc-point-celebration.is-upload{
  pointer-events:auto!important;
}
.cc-point-celebration.is-upload .cc-point-celebration__veil{
  background:rgba(21,34,29,.56)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
}
.cc-point-celebration.is-upload .cc-point-celebration__card{
  width:min(410px,calc(100vw - 30px))!important;
  min-height:350px!important;
  border:2px solid rgba(95,178,150,.36)!important;
  background:
    radial-gradient(circle at 50% 5%,rgba(255,238,152,.38),transparent 36%),
    linear-gradient(155deg,#ffffff,#f0faf6)!important;
  box-shadow:0 34px 100px rgba(14,38,29,.4),0 0 0 1px rgba(255,255,255,.7) inset!important;
}
.cc-point-celebration.is-upload .cc-point-celebration__title{
  color:#263930!important;
  font-size:24px!important;
}
.cc-point-celebration.is-upload .cc-point-celebration__amount{
  margin:8px 0 8px!important;
}
.cc-point-celebration.is-upload .cc-point-celebration__amount span{
  font-size:84px!important;
}
.cc-point-celebration.is-upload .cc-point-celebration__label{
  background:#dff4ec!important;
  color:#327a64!important;
}
.cc-point-celebration.is-upload .cc-point-celebration__message{
  color:#5e6d66!important;
  font-size:13px!important;
}
@media(max-width:600px){
  .cc-point-celebration.is-upload .cc-point-celebration__card{
    min-height:330px!important;
    padding:28px 22px 25px!important;
  }
  .cc-point-celebration.is-upload .cc-point-celebration__amount span{
    font-size:72px!important;
  }
}


/* ==========================================================
   v0.8.258 - Grid Blast mobile game-over fit + cell/block alignment
   ========================================================== */

/* The real DOM cells define the visible grid. Keep a fixed 8x8 geometry. */



/* Occupied tiles sit inside the actual cell border so the tile edges
   and grid lines never appear offset by the cell stroke. */



/* Game over stays inside the game shell and scales to its available width.
   It does not replace or extend past the game area. */












/* ==========================================================
   v0.8.259 - Grid Blast idle assist: real swipe / release motion
   ========================================================== */






/* ==========================================================
   v0.8.260 - Grid Blast centered score HUD + flashy centered score text
   ========================================================== */












/* ==========================================================
   v0.8.261 - derivative detection confirmation status
   ========================================================== */
.cc-derivative-detect{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;margin:14px 0;padding:14px 15px;border-radius:16px;border:1px solid #d8e8e2;background:#f7fbfa;box-shadow:0 8px 24px rgba(54,89,76,.06)}
.cc-derivative-detect__mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e6f5ef;color:#397e69;font-size:23px;font-weight:1000}
.cc-derivative-detect small{display:block;color:#57927f;font-size:8px;font-weight:1000;letter-spacing:.16em}.cc-derivative-detect strong{display:block;margin-top:2px;color:#31473f;font-size:13px}.cc-derivative-detect p{margin:4px 0 0;color:#68766f;font-size:10.5px;line-height:1.65}.cc-derivative-detect>span{align-self:start;padding:6px 9px;border-radius:999px;background:#e0f4ed;color:#2f725d;font-size:8px;font-weight:1000;letter-spacing:.08em;white-space:nowrap}
.cc-derivative-detect--possible{border-color:#eadfb7;background:#fffdf5}.cc-derivative-detect--possible .cc-derivative-detect__mark{background:#fff2bd;color:#886c16}.cc-derivative-detect--possible>span{background:#fff0b5;color:#7c651b}
@media(max-width:700px){.cc-derivative-detect{grid-template-columns:40px minmax(0,1fr);padding:12px}.cc-derivative-detect__mark{width:38px;height:38px}.cc-derivative-detect>span{grid-column:2;justify-self:start}.cc-derivative-detect p{font-size:10px}}

/* ==========================================================
   v0.8.265 - reward feedback for profile completion progress
   ========================================================== */
.cc-point-celebration.is-progress .cc-point-celebration__badge{
  background:linear-gradient(145deg,#dff8ff,#71d8f1)!important;
  color:#075b70!important;
  box-shadow:0 15px 34px rgba(47,176,211,.24)!important;
}
.cc-point-celebration.is-progress .cc-point-celebration__badge:before,.cc-point-celebration.is-progress .cc-point-celebration__badge:after{
  border-color:rgba(87,205,232,.48)!important;
}
.cc-point-celebration.is-progress .cc-point-celebration__amount{
  color:#168da9!important;
  text-shadow:0 8px 22px rgba(37,158,187,.16)!important;
}
.cc-point-celebration.is-progress .cc-point-celebration__label{
  background:#e6f7fb!important;
  color:#267f94!important;
}

/* ==========================================================
   v0.8.267 - reward celebration top-layer reliability
   ========================================================== */
.cc-point-celebration{
  z-index:2147483646!important;
  isolation:isolate!important;
}

/* ==========================================================
   v0.8.270 - Resource explore page card visibility refresh
   Improve readability with clearer background and stronger shadow.
   ========================================================== */
.cc-resource-index{
  position:relative!important;
}
.cc-resource-index .cc-resource-grid{
  align-items:stretch!important;
}
.cc-resource-index .cc-resource-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:100%!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;
  border:1px solid #d8e4de!important;
  border-radius:16px!important;
  box-shadow:
    0 14px 34px rgba(39,69,56,.10),
    0 3px 10px rgba(39,69,56,.05),
    inset 0 1px 0 rgba(255,255,255,.92)!important;
  overflow:hidden!important;
}
.cc-resource-index .cc-resource-card:hover{
  transform:translateY(-4px)!important;
  border-color:#bcd5cb!important;
  box-shadow:
    0 22px 40px rgba(34,63,51,.13),
    0 8px 18px rgba(34,63,51,.08),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.cc-resource-index .cc-resource-thumb{
  background:linear-gradient(145deg,#edf7f2,#fdfcf6)!important;
  border-bottom:1px solid #e2ebe6!important;
}
.cc-resource-index .cc-resource-body{
  flex:1 1 auto!important;
  padding:18px 18px 16px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,251,249,.98))!important;
}
.cc-resource-index .cc-resource-body h3{
  color:#263630!important;
  font-size:18px!important;
  line-height:1.45!important;
}
.cc-resource-index .cc-resource-body p{
  color:#5f7168!important;
  line-height:1.75!important;
}
.cc-resource-index .cc-card-tags span{
  background:#f4f8f6!important;
  border:1px solid #d8e5de!important;
  color:#556760!important;
}
.cc-resource-index .cc-card-tags .cc-primary-tag,.cc-resource-index .cc-card-tags span:first-child{
  background:#eaf6f0!important;
  border-color:#b8dbc9!important;
  color:#2c7156!important;
}
.cc-resource-index .cc-resource-meta{
  margin-top:15px!important;
  padding-top:13px!important;
  border-top:1px solid #e1ebe5!important;
  color:#6d7d76!important;
}
@media(max-width:560px){
  .cc-resource-index .cc-resource-card{
    border-radius:14px!important;
    box-shadow:0 10px 24px rgba(39,69,56,.08),0 2px 8px rgba(39,69,56,.04)!important;
  }
  .cc-resource-index .cc-resource-body{
    padding:16px 15px 14px!important;
  }
}

/* ==========================================================
   v0.8.270 - Resource library card separation / readability
   Scope only to the dedicated "資料を探す" page.
   ========================================================== */
.cc-resource-index{
  padding:28px 26px 64px!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 8% 0%,rgba(104,190,164,.10),transparent 24%),
    radial-gradient(circle at 95% 18%,rgba(86,130,220,.07),transparent 23%),
    linear-gradient(180deg,#f5faf7 0%,#eef5f1 100%)!important;
}
.cc-resource-index .cc-index-head{
  margin-top:4px!important;
}
.cc-resource-index .cc-resource-grid{
  gap:24px!important;
  align-items:stretch!important;
}
.cc-resource-index .cc-resource-card{
  position:relative!important;
  height:100%!important;
  border:1px solid #d4e0da!important;
  border-radius:18px!important;
  background:#ffffff!important;
  box-shadow:
    0 3px 7px rgba(35,62,51,.05),
    0 14px 32px rgba(35,62,51,.11)!important;
  overflow:hidden!important;
  transform:translateZ(0);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.cc-resource-index .cc-resource-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
  pointer-events:none;
}
.cc-resource-index .cc-resource-card:hover{
  transform:translateY(-5px)!important;
  border-color:#9fcbbc!important;
  box-shadow:
    0 5px 10px rgba(35,62,51,.06),
    0 22px 44px rgba(35,62,51,.17)!important;
}
.cc-resource-index .cc-resource-thumb{
  border-bottom:1px solid #dbe5e0!important;
  background:
    radial-gradient(circle at 30% 20%,rgba(113,207,180,.18),transparent 38%),
    linear-gradient(145deg,#e9f4ef,#f7f3e9)!important;
}
.cc-resource-index .cc-resource-body{
  min-height:190px!important;
  padding:18px 18px 16px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdfc 100%)!important;
}
.cc-resource-index .cc-resource-body h3{
  color:#26342e!important;
  font-weight:950!important;
}
.cc-resource-index .cc-resource-body p{
  color:#66756e!important;
}
.cc-resource-index .cc-card-tags span{
  border-color:#d5dfda!important;
  background:#f3f7f5!important;
}
.cc-resource-index .cc-card-tags span:first-child{
  border-color:#63a990!important;
  background:#e9f5f0!important;
  color:#367b64!important;
}
.cc-resource-index .cc-resource-meta{
  margin-top:16px!important;
  border-top:1px solid #e4ebe7!important;
  color:#66756e!important;
}
@media(max-width:860px){
  .cc-resource-index{padding:20px 16px 52px!important;border-radius:22px!important}
  .cc-resource-index .cc-resource-grid{gap:16px!important}
}
@media(max-width:560px){
  .cc-resource-index{padding:16px 12px 44px!important;border-radius:18px!important}
  .cc-resource-index .cc-resource-card{border-radius:16px!important;box-shadow:0 10px 24px rgba(35,62,51,.11)!important}
}

/* ==========================================================
   v0.8.271 - MyPage Google Drive / 100% profile reward / URL helper
   ========================================================== */
.cc-profile-completion-reward{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px;padding:10px 12px;border:1px solid #f0d992;border-radius:13px;background:linear-gradient(135deg,#fff9df,#fffdf6);box-shadow:inset 0 1px rgba(255,255,255,.88)}
.cc-profile-completion-reward b{color:#7d6410;font-size:10px;font-weight:1000;white-space:nowrap}.cc-profile-completion-reward span{color:#837a5c;font-size:8px;line-height:1.55}
.cc-profile-completion-reward.is-claimed{border-color:#cce4da;background:linear-gradient(135deg,#eef9f4,#fbfffd)}.cc-profile-completion-reward.is-claimed b{color:#347860}.cc-profile-completion-reward.is-claimed span{color:#6d8179}
.cc-profile-google-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 22px;padding:18px 20px;border:1px solid #d9e4e0;border-radius:22px;background:linear-gradient(135deg,#fff,#f7faf9);box-shadow:0 12px 34px rgba(48,67,59,.055)}
.cc-profile-google-card.is-connected{border-color:#bfe0d3;background:linear-gradient(135deg,#f1faf6,#fff)}
.cc-profile-google-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff;color:#4285f4;font-size:25px;font-weight:1000;box-shadow:inset 0 0 0 1px #e0e7e4,0 7px 18px rgba(55,75,67,.06)}
.cc-profile-google-copy{min-width:0}.cc-profile-google-copy h3{margin:4px 0 4px;color:#2f3f38;font-size:16px}.cc-profile-google-copy p{margin:0;color:#738079;font-size:9px;line-height:1.65}
.cc-profile-google-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.cc-profile-google-actions form{margin:0}.cc-profile-google-actions .cc-btn{min-height:38px;padding:8px 12px!important;font-size:8.5px!important}
.cc-btn--google-profile{border-color:#3f9477!important;background:linear-gradient(135deg,#479b7e,#61af96)!important;color:#fff!important;box-shadow:0 7px 16px rgba(52,135,106,.14)!important}
.cc-profile-google-disconnect{min-height:36px;padding:7px 10px;border:1px solid #e0e4e2;border-radius:9px;background:#fff;color:#76817c;font-size:8px;font-weight:850;cursor:pointer}.cc-profile-google-disconnect:hover{border-color:#e4c9c9;background:#fff8f8;color:#9b5151}
.cc-profile-quick-google b{color:#4285f4!important}.cc-profile-quick-google.is-connected{border-color:#c7e3d8!important;background:#f3faf7!important}
.cc-profile-fields input[data-cc-profile-website]{font-family:inherit!important}
@media(max-width:760px){.cc-profile-google-card{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:15px;border-radius:18px}.cc-profile-google-icon{width:48px;height:48px;border-radius:14px;font-size:21px}.cc-profile-google-actions{grid-column:1/3;justify-content:flex-start}.cc-profile-google-actions .cc-btn,.cc-profile-google-actions form,.cc-profile-google-actions form button{flex:1}.cc-profile-completion-reward{align-items:flex-start;display:grid;gap:4px}.cc-profile-completion-reward b{white-space:normal}}

/* ==========================================================
   v0.8.277 - emphasize Google status/rewards on MyPage and signup
   ========================================================== */
.cc-profile-google-strip{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:12px!important;
}
.cc-profile-google-pill{
  display:grid!important;
  gap:2px!important;
  min-width:180px!important;
  padding:10px 12px!important;
  border-radius:14px!important;
  border:1px solid #d6e5df!important;
  background:linear-gradient(135deg,#fff,#f7fbfa)!important;
  box-shadow:0 8px 18px rgba(53,77,67,.05)!important;
}
.cc-profile-google-pill.is-connected{
  border-color:#bfe0d3!important;
  background:linear-gradient(135deg,#eff9f4,#fff)!important;
}
.cc-profile-google-pill.is-pending{
  border-color:#ecd897!important;
  background:linear-gradient(135deg,#fffbe8,#fff)!important;
}
.cc-profile-google-pill__kicker{
  font-size:7px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  color:#66736d!important;
  text-transform:uppercase!important;
}
.cc-profile-google-pill strong{
  font-size:11px!important;
  color:#26352f!important;
  line-height:1.3!important;
}
.cc-profile-google-pill small{
  font-size:7.4px!important;
  color:#6a7a73!important;
  line-height:1.55!important;
}
.cc-profile-quick-meta{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  margin:8px 0 14px!important;
  padding:10px 12px!important;
  border:1px solid #d9e5df!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#fff,#f6fbf9)!important;
}
.cc-profile-quick-meta.is-connected{
  border-color:#c3e1d5!important;
  background:linear-gradient(135deg,#eff9f4,#fff)!important;
}
.cc-profile-quick-meta span{
  display:block!important;
  color:#2d3d36!important;
  font-size:9px!important;
  font-weight:850!important;
}
.cc-profile-quick-meta span b{color:#4285f4!important;}
.cc-profile-quick-meta small{
  color:#6a7872!important;
  font-size:7.5px!important;
  line-height:1.5!important;
  text-align:right!important;
}
.cc-profile-google-reward{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
  margin-top:12px!important;
  padding:10px 12px!important;
  border:1px solid #f0d992!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#fff9df,#fffdf6)!important;
}
.cc-profile-google-reward b{
  color:#7d6410!important;
  font-size:10px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
}
.cc-profile-google-reward span{
  color:#837a5c!important;
  font-size:8px!important;
  line-height:1.55!important;
}
.cc-profile-google-reward.is-claimed{
  border-color:#cce4da!important;
  background:linear-gradient(135deg,#eef9f4,#fbfffd)!important;
}
.cc-profile-google-reward.is-claimed b{color:#347860!important;}
.cc-profile-google-reward.is-claimed span{color:#6d8179!important;}

.cc-auth-card .cc-social-auth.is-signup{
  margin-top:18px!important;
}
.cc-google-auth-promo{
  width:100%!important;
  max-width:520px!important;
  margin:0 auto 12px!important;
  padding:14px 16px!important;
  border:1px solid #d7e6df!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#f4fbf7,#fff)!important;
  box-shadow:0 12px 28px rgba(50,78,66,.06)!important;
}
.cc-google-auth-promo__badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#4285f4,#67a0ff)!important;
  color:#fff!important;
  font-size:7px!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.cc-google-auth-promo strong{
  display:block!important;
  margin-top:8px!important;
  color:#24372f!important;
  font-size:13px!important;
}
.cc-google-auth-promo p{
  margin:6px 0 0!important;
  color:#677770!important;
  font-size:8px!important;
  line-height:1.7!important;
}
.cc-google-auth-promo p b{color:#2b8d69!important;}
.cc-auth-card .cc-google-auth-caption{
  margin:7px 0 0!important;
  color:#6b7a74!important;
  font-size:7.5px!important;
  line-height:1.5!important;
  text-align:center!important;
}
@media(max-width:760px){
  .cc-profile-google-strip{display:grid!important;grid-template-columns:1fr!important;}
  .cc-profile-google-pill{min-width:0!important;}
  .cc-profile-quick-meta{display:grid!important;justify-content:stretch!important;}
  .cc-profile-quick-meta small{text-align:left!important;}
  .cc-google-auth-promo{padding:12px 13px!important;border-radius:16px!important;}
}

/* v0.8.281 - unified Google account/Drive status */
.cc-profile-google-strip--unified{grid-template-columns:minmax(0,1fr)!important;}
.cc-profile-google-strip--unified .cc-profile-google-pill{width:100%;}


/* v0.8.283 - self-only Safety Contribution status */
.cc-safety-coop-card{margin:20px 0!important;padding:22px 24px!important;border:1px solid var(--cc-line,#ebe9e3)!important;border-radius:24px!important;background:#fff!important;box-shadow:0 12px 34px rgba(65,58,48,.055)!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px 28px!important;align-items:center!important;position:relative!important;overflow:hidden!important}
.cc-safety-coop-card:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#a9b4ad}
.cc-safety-coop-card--good:before{background:#63a98f}.cc-safety-coop-card--watch:before{background:#d4ad58}.cc-safety-coop-card--review:before{background:#bd746d}
.cc-safety-coop-main{min-width:0}.cc-safety-coop-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cc-safety-coop-title h3{margin:3px 0 6px!important;font-size:20px!important}.cc-safety-coop-title strong{display:inline-flex;padding:5px 10px;border-radius:999px;background:#eef4f0;font-size:12px}.cc-safety-coop-main p{margin:0!important;color:#626963;font-size:13px;line-height:1.7}
.cc-safety-coop-stats{display:flex;gap:10px}.cc-safety-coop-stats span{min-width:96px;padding:11px 13px;border-radius:15px;background:#f7f8f6;text-align:center}.cc-safety-coop-stats b{display:block;font-size:19px}.cc-safety-coop-stats b i{font-size:10px;font-style:normal;margin-left:2px}.cc-safety-coop-stats small{font-size:10px;color:#777d78}.cc-safety-coop-foot{grid-column:1/-1;color:#8a908b;font-size:10px}.cc-safety-coop-alert{grid-column:1/-1;padding:10px 12px;border-radius:12px;background:#fff2e7;color:#8c5936;font-size:12px;font-weight:700}
@media(max-width:780px){.cc-safety-coop-card{grid-template-columns:1fr!important;padding:18px!important}.cc-safety-coop-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.cc-safety-coop-stats span{min-width:0;padding:9px 6px}}


/* v0.8.284 community: contribution rank / CotoGift showroom / profile gallery / activity feed */







/* ==========================================================
   v0.8.291 - CotoCle Library premium discovery redesign
   Code-rendered decorative SVGs, search, discovery and lists.
   ========================================================== */
.cc-library-v291{
  --cc-lib-ink:#11212b;
  --cc-lib-muted:#65726f;
  --cc-lib-mint:#14a889;
  --cc-lib-mint-dark:#0f856f;
  --cc-lib-line:#e6ece9;
  --cc-lib-paper:#fff;
  width:min(1280px,calc(100vw - 28px))!important;
  max-width:none!important;
  margin:0 0 72px 50%!important;
  padding:0 0 32px!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  color:var(--cc-lib-ink)!important;
  overflow:visible!important;
}
.cc-library-v291 *{box-sizing:border-box}
.cc-library-v291 a{text-decoration:none!important}
.cc-library-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  align-items:center;
  min-height:365px;
  padding:44px 44px 28px;
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 81% 18%,rgba(138,222,199,.24),transparent 31%),
    radial-gradient(circle at 35% 80%,rgba(232,248,241,.92),transparent 46%),
    linear-gradient(115deg,#fbfffd 0%,#f8fcfa 48%,#f0faf6 100%);
}
.cc-library-hero::after{content:"";position:absolute;inset:auto -8% -46% 43%;height:85%;border-radius:50%;background:rgba(212,239,230,.42);transform:rotate(-9deg);pointer-events:none}
.cc-library-hero__copy{position:relative;z-index:2;min-width:0}
.cc-library-kicker{display:block;margin-bottom:14px;color:#148f7a;font-size:13px;font-weight:1000;letter-spacing:.18em}
.cc-library-hero h1,.cc-library-hero h2{margin:0!important;color:#0d1e28!important;font-size:clamp(40px,4.9vw,64px)!important;line-height:1.05!important;letter-spacing:-.045em!important;font-weight:1000!important}
.cc-library-hero__copy>p{margin:18px 0 0!important;color:#168b78!important;font-size:clamp(16px,1.6vw,22px)!important;font-weight:850!important;letter-spacing:.035em}
.cc-library-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:30px;max-width:690px}
.cc-library-stats>span{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:9px;min-height:74px;padding:12px 14px;border:1px solid rgba(215,230,224,.9);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 10px 28px rgba(54,89,76,.07);backdrop-filter:blur(4px)}
.cc-library-stats i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e7f8f2;color:#149875;font-style:normal;font-weight:1000}
.cc-library-stats>span:nth-child(2) i{background:#fff1df;color:#df8b2c}.cc-library-stats>span:nth-child(3) i{background:#eaf3ff;color:#4f83d6}.cc-library-stats>span:nth-child(4) i{background:#f3ebff;color:#8a60d4}
.cc-library-stats small{align-self:end;color:#63706d;font-size:8px;font-weight:850;line-height:1.1}
.cc-library-stats strong{align-self:start;color:#17252c;font-size:17px;line-height:1.1;font-weight:1000}.cc-library-stats em{margin-left:2px;font-size:8px;font-style:normal;font-weight:800}
.cc-library-hero__art{position:relative;z-index:1;min-width:0}.cc-library-hero__art svg{display:block;width:100%;height:auto;max-height:315px;overflow:visible}

.cc-library-searchpanel{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin:20px 20px 0;padding:18px;border:1px solid var(--cc-lib-line);border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(42,66,58,.07)}
.cc-library-crosspromo{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:center;margin:18px 20px 0;padding:24px 24px 22px;border:1px solid #e3ece7;border-radius:28px;overflow:hidden;box-shadow:0 14px 40px rgba(42,66,58,.08)}
.cc-library-crosspromo::before,.cc-library-crosspromo::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.cc-library-crosspromo::before{width:240px;height:240px;right:-55px;top:-70px;opacity:.58}
.cc-library-crosspromo::after{width:170px;height:170px;left:-54px;bottom:-76px;opacity:.46}
.cc-library-crosspromo.is-resource{background:linear-gradient(135deg,#f9fffd 0%,#effaf5 52%,#fef8ef 100%)}
.cc-library-crosspromo.is-resource::before{background:radial-gradient(circle at 35% 35%,rgba(255,214,120,.95),rgba(255,214,120,0) 68%)}
.cc-library-crosspromo.is-resource::after{background:radial-gradient(circle at 50% 50%,rgba(164,225,205,.95),rgba(164,225,205,0) 70%)}
.cc-library-crosspromo.is-material{background:linear-gradient(135deg,#fffaf4 0%,#fff5f8 46%,#f3fbff 100%)}
.cc-library-crosspromo.is-material::before{background:radial-gradient(circle at 35% 35%,rgba(255,184,147,.95),rgba(255,184,147,0) 68%)}
.cc-library-crosspromo.is-material::after{background:radial-gradient(circle at 50% 50%,rgba(183,219,255,.95),rgba(183,219,255,0) 70%)}
.cc-library-crosspromo__copy,.cc-library-crosspromo__art{position:relative;z-index:2;min-width:0}
.cc-library-crosspromo__eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.85);color:#6c7b74;font-size:10px;font-weight:1000;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 6px 18px rgba(43,70,60,.06)}
.cc-library-crosspromo__eyebrow::before{content:"✦";font-size:12px;color:#f2a93b}
.cc-library-crosspromo__copy h3{margin:0!important;color:#13242c!important;font-size:clamp(24px,3vw,34px)!important;line-height:1.24!important;letter-spacing:-.03em!important;font-weight:1000!important}
.cc-library-crosspromo__copy p{margin:12px 0 0!important;color:#5a6661!important;font-size:13px!important;line-height:1.8!important;font-weight:700!important}
.cc-library-crosspromo__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.cc-library-crosspromo__chips span{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid rgba(217,228,222,.94);color:#54625c;font-size:10px;font-weight:900;box-shadow:0 5px 12px rgba(44,68,59,.04)}
.cc-library-crosspromo__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}
.cc-library-crosspromo__cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:0 20px;border-radius:999px;color:#fff!important;font-size:13px;font-weight:1000;box-shadow:0 12px 26px rgba(36,92,75,.18)}
.cc-library-crosspromo__note{color:#71807a;font-size:10px;font-weight:800}
.cc-library-crosspromo.is-resource .cc-library-crosspromo__cta{background:linear-gradient(135deg,#18af8f,#149875)}
.cc-library-crosspromo.is-material .cc-library-crosspromo__cta{background:linear-gradient(135deg,#eb7d74,#d96ca2)}
.cc-library-crosspromo__art{display:grid;place-items:center;min-height:210px}
.cc-library-crosspromo__spark{position:absolute;display:grid;place-items:center;border-radius:50%;font-size:18px;background:rgba(255,255,255,.76);box-shadow:0 10px 20px rgba(49,76,66,.08)}
.cc-library-crosspromo__spark.is-a{top:14px;left:14px;width:32px;height:32px;color:#f0ab36}
.cc-library-crosspromo__spark.is-b{right:24px;top:22px;width:28px;height:28px;color:#84cdb7}
.cc-library-crosspromo__spark.is-c{left:34px;bottom:18px;width:38px;height:38px;color:#7fb0ff}
.cc-library-crosspromo__mascot{position:absolute;margin:0}
.cc-library-crosspromo__mascot img{display:block;width:86px;height:auto;filter:drop-shadow(0 16px 20px rgba(64,90,82,.15))}
.cc-library-crosspromo__mascot.is-left{left:8px;bottom:6px}
.cc-library-crosspromo__mascot.is-right{right:0;bottom:-2px}
.cc-library-crosspromo__card{position:relative;width:min(100%,238px);padding:16px 16px 14px;border-radius:24px;background:rgba(255,255,255,.96);border:1px solid rgba(228,236,232,.98);box-shadow:0 18px 34px rgba(52,87,74,.12)}
.cc-library-crosspromo__card::before{content:"";position:absolute;inset:10px;border-radius:18px;border:1px dashed rgba(165,192,182,.55);pointer-events:none}
.cc-library-crosspromo__cardhead{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cc-library-crosspromo__cardicon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;font-size:18px;font-weight:1000;color:#fff}
.cc-library-crosspromo.is-resource .cc-library-crosspromo__cardicon{background:linear-gradient(135deg,#38b899,#129270)}
.cc-library-crosspromo.is-material .cc-library-crosspromo__cardicon{background:linear-gradient(135deg,#ed8d64,#d66ca1)}
.cc-library-crosspromo__cardtitle{display:block;color:#213029;font-size:15px;font-weight:1000}
.cc-library-crosspromo__cardsub{display:block;margin-top:3px;color:#71807a;font-size:10px;font-weight:800}
.cc-library-crosspromo__mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cc-library-crosspromo__mini span{display:grid;place-items:center;min-height:44px;padding:8px;border-radius:14px;font-size:10px;font-weight:1000;text-align:center;line-height:1.35}
.cc-library-crosspromo.is-resource .cc-library-crosspromo__mini span{background:#eff9f4;color:#237961}
.cc-library-crosspromo.is-material .cc-library-crosspromo__mini span{background:#fff1f5;color:#b5547e}
.cc-library-searchpanel__main{min-width:0;padding:0 4px}
.cc-library-tabs{display:flex;gap:0;border-bottom:1px solid #e4e9e7}
.cc-library-tabs a{position:relative;display:flex;align-items:center;gap:7px;padding:13px 28px 14px;color:#283831!important;font-size:12px;font-weight:900}
.cc-library-tabs a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:3px;background:#15aa8a}.cc-library-tabs b{padding:2px 6px;border-radius:999px;background:#6f68dc;color:#fff;font-size:7px;line-height:1.3}
.cc-library-search{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;margin-top:18px;border:1px solid #dfe7e3;border-radius:999px;background:#fff;overflow:hidden;box-shadow:inset 0 1px 2px rgba(34,50,44,.02)}
.cc-library-search>span{display:grid;place-items:center;color:#75827d;font-size:24px;line-height:1}.cc-library-search input{width:100%!important;height:46px!important;padding:0 6px!important;border:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;color:#1b2923!important;font-size:12px!important}.cc-library-search button{height:40px;margin-right:4px;padding:0 28px;border:0;border-radius:999px;background:linear-gradient(135deg,#18af8f,#139574);color:#fff;font-size:11px;font-weight:900;box-shadow:0 7px 18px rgba(20,155,123,.2);cursor:pointer}
.cc-library-keywords{margin-top:13px}.cc-library-keywords strong{display:block;margin-bottom:7px;color:#485650;font-size:9px}.cc-library-keywords>div{display:flex;flex-wrap:wrap;gap:6px}.cc-library-keywords a{padding:5px 9px;border-radius:999px;background:#f2f5f4;color:#59665f!important;font-size:8px;font-weight:800;transition:.18s ease}.cc-library-keywords a:hover{background:#e6f5ef;color:#13866f!important}
.cc-library-reviewpromo{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:172px;padding:22px 128px 20px 22px;border-radius:19px;overflow:hidden;background:linear-gradient(135deg,#f3efff 0%,#f9f2ff 47%,#fff0e4 100%);color:#28305b!important}.cc-library-reviewpromo>span{margin-bottom:8px;color:#6a61bd;font-size:8px;font-weight:900}.cc-library-reviewpromo>strong{font-size:16px;line-height:1.45;font-weight:1000}.cc-library-reviewpromo>em{align-self:flex-start;margin-top:13px;padding:8px 13px;border-radius:999px;background:linear-gradient(135deg,#8f5be4,#7750d7);color:#fff;font-size:8px;font-style:normal;font-weight:900;box-shadow:0 7px 14px rgba(114,76,206,.2)}.cc-library-reviewpromo svg{position:absolute;right:0;bottom:0;width:145px;height:auto}

.cc-library-format,.cc-library-featured,.cc-library-listpanels,.cc-library-results,.cc-library-allresources{margin:28px 20px 0}
.cc-library-sectionhead{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.cc-library-sectionhead h3{margin:0!important;color:#15262d!important;font-size:18px!important;font-weight:1000!important;letter-spacing:-.02em}.cc-library-sectionhead p{margin:3px 0 0!important;color:#7a8581!important;font-size:9px!important}.cc-library-sectionhead>a{color:#139176!important;font-size:9px;font-weight:900}
.cc-library-formatgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.cc-library-formatitem{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:84px;padding:12px 6px;border:1px solid #e4e9e7;border-radius:14px;background:#fff;color:#263630!important;box-shadow:0 6px 18px rgba(53,73,66,.045);transition:.2s ease}.cc-library-formatitem:hover{transform:translateY(-2px);border-color:#b6dbcf;box-shadow:0 10px 22px rgba(43,91,74,.08)}.cc-library-formatitem.is-active{border-color:#66c4aa;background:linear-gradient(160deg,#f4fffb,#ebfaf5);box-shadow:0 0 0 1px rgba(76,190,157,.08),0 9px 22px rgba(43,129,104,.08)}
.cc-library-formatitem i{display:grid;place-items:center;min-width:32px;height:32px;padding:0 5px;border-radius:9px;background:#edf3ff;color:#3078cc;font-size:12px;font-style:normal;font-weight:1000}.cc-library-formatitem strong{font-size:9px;font-weight:900}.cc-library-formatitem--excel i{background:#e4f6ec;color:#159357}.cc-library-formatitem--pdf i{background:#fff0f0;color:#e24b4b}.cc-library-formatitem--word i{background:#e9f1ff;color:#347ad2}.cc-library-formatitem--powerpoint i{background:#fff0e7;color:#e56a35}.cc-library-formatitem--image i{background:#eaf5ff;color:#3a8bd9}.cc-library-formatitem--figma i,.cc-library-formatitem--design i,.cc-library-formatitem--illustrator i{background:#f4edff;color:#8357cd}.cc-library-formatitem--cad i,.cc-library-formatitem--dtp i{background:#edf0f3;color:#68727c}.cc-library-formatitem--text i,.cc-library-formatitem--csv i{background:#eeefff;color:#5b63cf}.cc-library-formatitem--zip i{background:#fff7df;color:#ae7b17}.cc-library-formatitem .is-all{background:#e4f8f1;color:#0c9875}

.cc-library-featuregrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cc-library-featuregrid>a{position:relative;display:block;min-height:150px;padding:18px 122px 18px 18px;border:1px solid rgba(223,230,227,.85);border-radius:17px;overflow:hidden;color:#20312b!important}.cc-library-featuregrid span,.cc-library-featuregrid small,.cc-library-featuregrid b{display:block;position:relative;z-index:2}.cc-library-featuregrid span{font-size:12px;font-weight:1000}.cc-library-featuregrid small{margin-top:5px;color:#66746f;font-size:8px;line-height:1.5}.cc-library-featuregrid b{margin-top:13px;color:#398c72;font-size:8px}.cc-library-featuregrid svg{position:absolute;right:7px;bottom:5px;width:115px;height:82px}.cc-library-featuregrid .is-mint{background:linear-gradient(135deg,#edf9f2,#f8fcfa)}.cc-library-featuregrid .is-peach{background:linear-gradient(135deg,#fff3e6,#fff9f2)}.cc-library-featuregrid .is-blue{background:linear-gradient(135deg,#edf6ff,#f8fbff)}.cc-library-featuregrid .is-pink{background:linear-gradient(135deg,#fff0f3,#fff8f9)}

.cc-library-listpanels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cc-library-listpanel{padding:0 14px 14px;border:1px solid #e5ebe8;border-radius:18px;background:#fff;box-shadow:0 9px 26px rgba(50,70,63,.05);overflow:hidden}.cc-library-listpanel__head{display:flex;align-items:center;justify-content:space-between;padding:14px 2px 10px;border-bottom:1px solid #edf0ef}.cc-library-listpanel__head h3{margin:0!important;color:#1d2e35!important;font-size:14px!important;font-weight:1000!important}.cc-library-listpanel__head a{color:#13a084!important;font-size:8px;font-weight:900}
.cc-library-leadlists{display:grid;gap:16px;margin:20px 20px 0}.cc-library-leadpanel{padding:0 16px 16px;border:1px solid #e5ebe8;border-radius:22px;background:#fff;box-shadow:0 10px 30px rgba(50,70,63,.06);overflow:hidden}.cc-library-leadpanel .cc-library-listpanel__head{padding:16px 2px 12px}.cc-library-leadpanel .cc-library-listpanel__head h3{font-size:16px!important}.cc-library-leadpanel .cc-library-listpanel__head p{margin:4px 0 0;color:#7d8883;font-size:10px;font-weight:700}.cc-library-minigrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cc-library-minigrid .cc-library-minirow{margin:0;border:1px solid #e8efeb;border-radius:16px;padding:10px 12px;background:#fbfcfc;min-width:0;min-height:76px;box-shadow:none}.cc-library-minigrid .cc-library-minirow__body strong{font-size:11px}.cc-library-minigrid .cc-library-minirow__body small{font-size:8px;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cc-library-minigrid .cc-library-minirow__count{font-size:9px}.cc-library-morewrap{display:flex;justify-content:center;padding-top:14px}.cc-library-morebtn{display:inline-flex;align-items:center;justify-content:center;min-width:160px;min-height:42px;padding:0 20px;border-radius:999px;background:linear-gradient(135deg,#18af8f,#139574);box-shadow:0 10px 24px rgba(22,152,122,.18);color:#fff!important;font-size:12px;font-weight:1000}
.cc-library-minirow{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:57px;padding:8px 2px;border-bottom:1px solid #f0f2f1;color:#23322d!important}.cc-library-minirow:last-child{border-bottom:0}.cc-library-minirow__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef3f1;color:#62726b;font-size:9px;font-weight:1000}.cc-library-minirow__icon--excel{background:#e2f6eb;color:#139358}.cc-library-minirow__icon--word{background:#e8f1ff;color:#337bd2}.cc-library-minirow__icon--pdf{background:#fff0f0;color:#df4e4e}.cc-library-minirow__icon--powerpoint{background:#fff0e7;color:#e26731}.cc-library-minirow__body{min-width:0}.cc-library-minirow__body strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#26362f;font-size:10px;font-weight:900}.cc-library-minirow__body small{display:block;margin-top:3px;color:#89918e;font-size:7px}.cc-library-minirow__count{color:#6e7a75;font-size:8px;font-weight:800}.cc-library-emptyline{padding:20px 4px;color:#86908b;font-size:9px}

.cc-library-v291 .cc-resource-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}.cc-library-v291 .cc-resource-card{overflow:hidden;border:1px solid #e2e9e5!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(40,67,57,.06)!important;transition:transform .2s ease,box-shadow .2s ease!important}.cc-library-v291 .cc-resource-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 32px rgba(40,80,65,.1)!important}.cc-library-v291 .cc-resource-thumb{min-height:150px!important}.cc-library-v291 .cc-resource-body{min-height:170px!important;padding:15px!important}.cc-library-v291 .cc-resource-body h3{font-size:13px!important;line-height:1.45!important}.cc-library-v291 .cc-resource-body p{font-size:9px!important;line-height:1.65!important}.cc-library-v291 .cc-card-tags span{font-size:7px!important}.cc-library-v291 .cc-resource-meta{font-size:8px!important}.cc-library-allresources{padding-bottom:8px}

@media(max-width:1050px){
  .cc-library-hero{grid-template-columns:minmax(0,1fr) 390px;padding:38px 30px 26px}.cc-library-stats{grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px}.cc-library-crosspromo{grid-template-columns:minmax(0,1fr) 250px}.cc-library-crosspromo__mascot img{width:74px}.cc-library-searchpanel{grid-template-columns:minmax(0,1fr) 280px}.cc-library-formatgrid{grid-template-columns:repeat(5,minmax(0,1fr))}.cc-library-featuregrid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-library-v291 .cc-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .cc-library-v291{width:100%!important;margin:0!important;padding:0 0 92px!important;transform:none!important;background:#fff!important}.cc-library-hero{display:block;min-height:auto;margin:0 12px;padding:28px 22px 18px;border-radius:24px}.cc-library-hero h1,.cc-library-hero h1,.cc-library-hero h2{font-size:40px!important}.cc-library-hero__copy>p{font-size:15px!important;line-height:1.55}.cc-library-hero__art{height:180px;margin-top:4px;overflow:hidden}.cc-library-hero__art svg{width:116%;max-width:none;margin-left:-8%;transform:translateY(-12px)}.cc-library-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}.cc-library-stats>span{min-height:68px;padding:10px}.cc-library-crosspromo{display:block;margin:14px 12px 0;padding:20px 18px 16px;border-radius:24px}.cc-library-crosspromo__copy h3{font-size:26px!important}.cc-library-crosspromo__copy p{font-size:12px!important;line-height:1.75!important}.cc-library-crosspromo__art{min-height:176px;margin-top:12px}.cc-library-crosspromo__card{width:min(100%,210px)}.cc-library-crosspromo__mascot img{width:72px}.cc-library-searchpanel{display:block;margin:14px 12px 0;padding:14px;border-radius:20px}.cc-library-reviewpromo{margin-top:13px;min-height:145px;padding-right:124px}.cc-library-tabs a{padding:11px 16px;font-size:11px}.cc-library-format,.cc-library-featured,.cc-library-listpanels,.cc-library-results,.cc-library-allresources{margin:22px 12px 0}.cc-library-formatgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cc-library-formatitem{min-height:74px}.cc-library-featuregrid{grid-template-columns:1fr 1fr;gap:9px}.cc-library-featuregrid>a{min-height:130px;padding:15px 90px 15px 14px}.cc-library-featuregrid svg{width:90px}.cc-library-leadlists,.cc-library-listpanels{margin:18px 12px 0}.cc-library-minigrid{gap:8px}.cc-library-leadpanel{padding:0 12px 12px;border-radius:18px}.cc-library-leadpanel .cc-library-listpanel__head{padding:14px 2px 10px}.cc-library-listpanels{grid-template-columns:1fr}.cc-library-v291 .cc-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.cc-library-v291 .cc-resource-thumb{min-height:118px!important}.cc-library-v291 .cc-resource-body{min-height:150px!important;padding:12px!important}
}
@media(max-width:480px){
  .cc-library-hero{padding:24px 18px 16px}.cc-library-kicker{font-size:10px}.cc-library-hero h1,.cc-library-hero h1,.cc-library-hero h2{font-size:36px!important}.cc-library-hero__copy>p{font-size:13px!important}.cc-library-stats>span{grid-template-columns:30px minmax(0,1fr);column-gap:7px;padding:9px}.cc-library-stats i{width:30px;height:30px}.cc-library-stats strong{font-size:14px}.cc-library-hero__art{height:155px}.cc-library-crosspromo{padding:18px 16px 14px}.cc-library-crosspromo__eyebrow{font-size:9px}.cc-library-crosspromo__copy h3{font-size:22px!important}.cc-library-crosspromo__chips{gap:6px}.cc-library-crosspromo__chips span{font-size:9px;padding:6px 10px}.cc-library-crosspromo__actions{display:block}.cc-library-crosspromo__cta{width:100%;min-height:42px;font-size:12px}.cc-library-crosspromo__note{display:block;margin-top:10px;font-size:9px}.cc-library-crosspromo__art{min-height:158px}.cc-library-crosspromo__card{padding:14px 14px 12px;border-radius:20px}.cc-library-crosspromo__cardtitle{font-size:14px}.cc-library-crosspromo__cardsub{font-size:9px}.cc-library-crosspromo__mini span{min-height:40px;font-size:9px}.cc-library-crosspromo__mascot.is-left{left:-2px;bottom:-2px}.cc-library-crosspromo__mascot.is-right{right:-8px;bottom:-6px}.cc-library-crosspromo__spark.is-a{top:8px;left:8px}.cc-library-crosspromo__spark.is-b{right:12px;top:12px}.cc-library-crosspromo__spark.is-c{left:18px;bottom:4px}.cc-library-search{grid-template-columns:28px minmax(0,1fr) auto}.cc-library-search input{height:42px!important;font-size:10px!important}.cc-library-search button{height:36px;padding:0 16px;font-size:9px}.cc-library-keywords>div{gap:5px}.cc-library-keywords a{font-size:7px}.cc-library-reviewpromo{min-height:132px;padding:17px 108px 16px 16px}.cc-library-reviewpromo>strong{font-size:13px}.cc-library-reviewpromo svg{width:120px}.cc-library-formatgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-library-formatitem{min-height:70px}.cc-library-formatitem strong{font-size:8px}.cc-library-featuregrid{grid-template-columns:1fr}.cc-library-featuregrid>a{min-height:115px;padding-right:108px}.cc-library-featuregrid svg{width:105px}.cc-library-leadlists{margin:16px 10px 0}.cc-library-leadpanel{padding:0 10px 10px}.cc-library-minigrid{gap:7px}.cc-library-minigrid .cc-library-minirow{padding:9px 10px;min-height:72px;grid-template-columns:34px minmax(0,1fr) auto;gap:8px}.cc-library-minigrid .cc-library-minirow__icon{width:34px;height:34px}.cc-library-minigrid .cc-library-minirow__body strong{font-size:10px}.cc-library-minigrid .cc-library-minirow__body small{font-size:7px}.cc-library-morebtn{width:100%;min-width:0;min-height:40px;font-size:11px}.cc-library-v291 .cc-resource-grid{grid-template-columns:1fr!important}.cc-library-v291 .cc-resource-card{display:grid!important;grid-template-columns:108px minmax(0,1fr)!important}.cc-library-v291 .cc-resource-thumb{min-height:100%!important;height:100%!important}.cc-library-v291 .cc-resource-body{min-height:128px!important}.cc-library-sectionhead h3{font-size:16px!important}
}

/* v0.8.293 - clickable library stats, categories and infinite resource feed */
.cc-library-v291 .cc-library-stats>a{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;column-gap:9px;min-height:82px;padding:12px 14px;border:1px solid rgba(215,230,224,.9);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(54,89,76,.07);color:inherit!important;transition:.18s ease}
.cc-library-v291 .cc-library-stats>a:hover,.cc-library-v291 .cc-library-stats>a:focus-visible{transform:translateY(-2px);border-color:#9dd9c8;box-shadow:0 14px 34px rgba(54,89,76,.12);outline:none}
.cc-library-v291 .cc-library-stats>a i{grid-row:1/4}.cc-library-v291 .cc-library-stats>a b{align-self:start;color:#159378;font-size:8px;font-weight:900;opacity:.82}
.cc-library-v291 .cc-library-stats>a:nth-child(2) i{background:#fff1df;color:#df8b2c}.cc-library-v291 .cc-library-stats>a:nth-child(3) i{background:#eaf3ff;color:#4f83d6}.cc-library-v291 .cc-library-stats>a:nth-child(4) i{background:#f3ebff;color:#8a60d4}
.cc-library-categories{margin:28px 20px 0;scroll-margin-top:120px}.cc-library-categorychips{display:flex;flex-wrap:wrap;gap:9px}.cc-library-categorychips a{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #e1e8e5;border-radius:999px;background:#fff;color:#53615b!important;font-size:10px;font-weight:850;box-shadow:0 4px 12px rgba(45,72,63,.04);transition:.18s ease}.cc-library-categorychips a:hover,.cc-library-categorychips a.is-active{border-color:#68c5ad;background:#eefbf6;color:#12856d!important}.cc-library-categorychips span{display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#f0f4f2;color:#74817c;font-size:8px}
.cc-library-allresources,.cc-library-results{scroll-margin-top:120px}.cc-library-infinite-status{display:grid;place-items:center;min-height:72px;margin:16px 0 8px;color:#74817c;font-size:11px;text-align:center}.cc-library-infinite-status strong{padding:10px 18px;border-radius:999px;background:#f3f6f5;color:#7b8581;font-weight:800}.cc-library-loader.is-loading:before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border:2px solid #cfe6df;border-top-color:#159378;border-radius:50%;vertical-align:-2px;animation:ccLibSpin .7s linear infinite}.cc-library-retry{padding:9px 14px;border:1px solid #b6dbcf;border-radius:999px;background:#fff;color:#15866f;font-weight:850;cursor:pointer}.cc-library-infinite-sentinel{height:1px}@keyframes ccLibSpin{to{transform:rotate(360deg)}}
@media(max-width:640px){.cc-library-v291 .cc-library-stats>a{min-height:74px;padding:10px}.cc-library-v291 .cc-library-stats>a b{font-size:7px}.cc-library-categories{margin:22px 14px 0}.cc-library-categorychips{gap:7px}.cc-library-categorychips a{padding:8px 11px;font-size:9px}}


/* v0.8.293: daily login bonus */
.cc-login-bonus-mini{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 12px;padding:13px 14px;border:1px solid rgba(234,174,72,.24);border-radius:16px;background:linear-gradient(135deg,#fffaf0 0%,#fff 56%,#f3fbf8 100%);box-shadow:0 8px 24px rgba(38,70,61,.06)}
.cc-login-bonus-mini__mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#ffe8a7,#fff4ce);font-size:21px;box-shadow:inset 0 0 0 1px rgba(231,169,48,.16)}
.cc-login-bonus-mini div{min-width:0;display:flex;flex-direction:column;gap:2px}.cc-login-bonus-mini strong{font-size:14px;color:#263b35}.cc-login-bonus-mini small{font-size:11px;color:#74827d;line-height:1.45}.cc-login-bonus-mini b{white-space:nowrap;padding:7px 10px;border-radius:999px;background:#eaf8f3;color:#15906f;font-size:13px}
@media(max-width:560px){.cc-login-bonus-mini{grid-template-columns:38px minmax(0,1fr) auto;padding:11px}.cc-login-bonus-mini__mark{width:38px;height:38px;border-radius:12px}.cc-login-bonus-mini b{padding:6px 8px}}

/* v0.8.294: forgiving cumulative login bonus */
.cc-login-bonus-mini__rule{color:#9a8770!important;font-size:10px!important}.cc-login-bonus-mini b{max-width:120px;text-align:center}

/* v0.8.295 — gentle surprise point moments */
.cc-surprise-layer{position:fixed;inset:0;z-index:99990;pointer-events:none}
.cc-surprise-box,.cc-surprise-paper{pointer-events:auto;border:0;cursor:pointer;font:inherit}
.cc-surprise-box{position:absolute;right:max(18px,4vw);bottom:calc(92px + env(safe-area-inset-bottom));width:92px;height:96px;background:transparent;filter:drop-shadow(0 14px 18px rgba(41,93,78,.2));animation:ccBoxPop .55s cubic-bezier(.2,.9,.25,1.2)}
.cc-surprise-box__body{position:absolute;left:12px;right:12px;bottom:8px;height:58px;border-radius:10px 10px 15px 15px;background:linear-gradient(145deg,#78d0b2,#4eaa8c);color:#fff;display:grid;place-items:center;font-weight:900;font-size:30px;border:3px solid rgba(255,255,255,.75)}
.cc-surprise-box__lid{position:absolute;left:6px;right:6px;top:19px;height:20px;border-radius:9px;background:linear-gradient(145deg,#a7e6cf,#68c5a5);border:3px solid rgba(255,255,255,.8);z-index:2;transform-origin:10% 100%}
.cc-surprise-box small{position:absolute;left:50%;top:0;transform:translateX(-50%);white-space:nowrap;background:#fff;color:#397b68;border-radius:999px;padding:4px 9px;font-weight:800;box-shadow:0 5px 16px rgba(45,90,76,.13)}
.cc-surprise-box.is-opened .cc-surprise-box__lid{animation:ccBoxLid .55s ease forwards}
.cc-surprise-box.is-opened .cc-surprise-box__body:after{content:'✦  P  ✦';position:absolute;left:0;right:0;top:-18px;color:#e8b83e;font-weight:900;font-size:22px;animation:ccBoxPoints .6s ease-out forwards}
.cc-surprise-paper{position:absolute;top:-110px;width:70px;height:88px;border-radius:7px;background:#fff;color:#4c7d70;box-shadow:0 10px 25px rgba(40,80,70,.2);border:2px solid #cdece1;transform:rotate(-8deg)}
.cc-surprise-paper:before{content:'';position:absolute;left:11px;right:11px;top:25px;height:4px;background:#a8ddca;box-shadow:0 12px 0 #d5eee5,0 24px 0 #d5eee5}
.cc-surprise-paper span{font-size:11px;font-weight:900}.cc-surprise-paper small{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);white-space:nowrap;background:#3d8d76;color:#fff;border-radius:999px;padding:3px 8px;font-weight:800}
.cc-surprise-paper.is-falling{animation:ccPaperFall 12s linear forwards}
@keyframes ccBoxPop{0%{opacity:0;transform:translateY(35px) scale(.7)}100%{opacity:1;transform:none}}
@keyframes ccBoxLid{to{transform:translate(-8px,-20px) rotate(-28deg)}}
@keyframes ccBoxPoints{0%{opacity:0;transform:translateY(8px) scale(.6)}50%{opacity:1}100%{opacity:0;transform:translateY(-70px) scale(1.35)}}
@keyframes ccPaperFall{0%{top:-110px;transform:translateX(0) rotate(-12deg)}25%{transform:translateX(42px) rotate(10deg)}50%{transform:translateX(-25px) rotate(-7deg)}75%{transform:translateX(36px) rotate(13deg)}100%{top:calc(100vh + 140px);transform:translateX(-15px) rotate(-10deg)}}
@media(max-width:600px){.cc-surprise-box{width:82px;height:88px;right:14px}.cc-surprise-paper{width:62px;height:80px}}
@media(prefers-reduced-motion:reduce){.cc-surprise-box,.cc-surprise-paper,.cc-surprise-box *{animation-duration:.01ms!important}}

/* v0.8.296 — optional rough-region profile + per-resource disclosure */
.cc-profile-region-field{padding:14px;border:1px solid #dcebe6;border-radius:16px;background:linear-gradient(135deg,#fbfffd,#f2faf7)}
.cc-profile-region-field select{width:100%;min-height:46px;border:1px solid #cfded9;border-radius:12px;background:#fff;padding:0 12px}
.cc-profile-region-note{margin:8px 0 0;display:grid;gap:2px;font-size:12px;line-height:1.55;color:#678078}
.cc-profile-region-note strong{color:#456e62}
.cc-region-share-prompt{display:flex;align-items:center;gap:16px;margin:18px 0;padding:16px 18px;border:1px solid #d5e9e2;border-radius:20px;background:linear-gradient(135deg,#f7fffb,#eff9f5);box-shadow:0 8px 26px rgba(54,104,89,.06)}
.cc-region-share-prompt__character{flex:0 0 82px;width:82px;height:76px;display:grid;place-items:center}
.cc-region-share-prompt__character svg{width:78px;height:72px}
.cc-region-share-prompt__copy{min-width:0;display:grid;gap:6px}
.cc-region-share-prompt__copy>small:first-child{font-size:10px;letter-spacing:.12em;font-weight:900;color:#5e9d89}
.cc-region-share-prompt__copy strong{font-size:15px;color:#315e52;line-height:1.45}
.cc-region-share-prompt__copy p{margin:0;color:#60766f;font-size:13px;line-height:1.65}
.cc-region-share-toggle{display:flex!important;align-items:flex-start;gap:9px;margin-top:4px;padding:10px 12px;border:1px solid #c9e3da;border-radius:13px;background:#fff;cursor:pointer}
.cc-region-share-toggle input{margin-top:3px;accent-color:#55a98f}
.cc-region-share-toggle span{font-weight:800;color:#376f60;font-size:13px}
.cc-region-privacy{color:#7d8f89!important;font-size:11px!important}
.cc-region-settings-link{width:max-content;margin-top:3px}
.cc-region-badge{background:#edf8f4!important;border-color:#cce7de!important;color:#397565!important}
@media(max-width:640px){
  .cc-region-share-prompt{align-items:flex-start;gap:10px;padding:14px}
  .cc-region-share-prompt__character{flex-basis:62px;width:62px;height:62px}
  .cc-region-share-prompt__character svg{width:60px;height:58px}
}

/* v0.8.297 surprise event behavior */
.cc-surprise-box{pointer-events:none!important}
.cc-surprise-paper.is-caught{animation:none!important;transform:scale(1.18) rotate(2deg);opacity:0;transition:transform .28s ease,opacity .28s ease}
.cc-surprise-feedback{position:fixed;z-index:2147483645;min-width:140px;padding:10px 16px;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:linear-gradient(135deg,#2f806b,#62c8ad);color:#fff;font-size:18px;font-weight:1000;text-align:center;letter-spacing:.02em;box-shadow:0 12px 30px rgba(29,91,73,.28);opacity:0;transform:translateY(12px) scale(.88);pointer-events:none;transition:opacity .18s ease,transform .24s cubic-bezier(.2,.9,.25,1.25)}
.cc-surprise-feedback.is-show{opacity:1;transform:translateY(0) scale(1)}
.cc-surprise-feedback.is-paper{background:linear-gradient(135deg,#397b68,#76cdb1)}
.cc-surprise-feedback.is-box{background:linear-gradient(135deg,#b77916,#efc44f);color:#fffdf5}


/* ==========================================================
   v0.8.299 — lifetime points + CotoCle contribution titles
   ========================================================== */
.cc-profile-title-chip{
  display:inline-flex;align-items:center;gap:7px;margin:5px 0 7px;
  padding:5px 10px 5px 6px;border:1px solid #d9eee6;border-radius:999px;
  background:linear-gradient(135deg,#fbfffd,#eef9f5);box-shadow:0 5px 16px rgba(47,112,91,.07)
}
.cc-profile-title-chip>span{
  width:25px;height:25px;border-radius:50%;display:grid;place-items:center;
  background:linear-gradient(145deg,#77cbb0,#4ba286);color:#fff;font-weight:900;font-size:11px
}
.cc-profile-title-chip strong{font-size:12px;color:#315f52;line-height:1}
.cc-profile-title-chip small{font-size:9px;color:#82a197;border-left:1px solid #d9eee6;padding-left:7px}

.cc-contribution-hero{
  padding:18px;border:1px solid #dcefe8;border-radius:20px;
  background:
    radial-gradient(circle at 92% 10%,rgba(238,205,112,.16),transparent 25%),
    linear-gradient(135deg,#fbfffd 0%,#f0faf6 100%);
  box-shadow:0 10px 26px rgba(47,105,87,.06);margin-bottom:13px
}
.cc-contribution-hero__title{display:flex;align-items:center;gap:13px}
.cc-contribution-emblem{
  flex:0 0 54px;width:54px;height:54px;border-radius:18px;display:grid;place-items:center;
  color:#fff;font-size:21px;font-weight:900;
  background:linear-gradient(145deg,#78cdb1,#3e967a);
  box-shadow:0 10px 20px rgba(59,140,113,.22),inset 0 1px rgba(255,255,255,.65)
}
.cc-contribution-hero__title>div{min-width:0}
.cc-contribution-hero__title small{display:block;color:#8aa79d;font-weight:900;font-size:9px;letter-spacing:.13em}
.cc-contribution-hero__title strong{display:block;color:#284f44;font-size:20px;line-height:1.35;margin:2px 0}
.cc-contribution-hero__title div>span{display:block;color:#718b82;font-size:11px}
.cc-contribution-progress{margin-top:15px}
.cc-contribution-progress__bar{height:9px;border-radius:999px;background:#dfeee9;overflow:hidden}
.cc-contribution-progress__bar i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#76c9ad,#55aa8e);transition:width .7s ease}
.cc-contribution-progress p{display:flex;justify-content:space-between;gap:10px;margin:7px 2px 0;font-size:11px;color:#718d83}
.cc-contribution-progress p strong{color:#426c5f}

.cc-title-ladder{
  display:flex;gap:7px;overflow-x:auto;padding:2px 1px 10px;margin-bottom:8px;
  scrollbar-width:thin;scroll-snap-type:x proximity
}
.cc-title-step{
  flex:0 0 112px;min-height:75px;border-radius:15px;padding:10px 8px;text-align:center;
  border:1px solid #e7efec;background:#f8faf9;color:#91a29c;scroll-snap-align:start
}
.cc-title-step>span{
  width:27px;height:27px;margin:0 auto 5px;border-radius:50%;display:grid;place-items:center;
  background:#e7eeeb;color:#82958e;font-weight:900;font-size:10px
}
.cc-title-step strong{display:block;font-size:10px;line-height:1.25;min-height:25px}
.cc-title-step small{display:block;font-size:9px;margin-top:3px}
.cc-title-step.is-unlocked{background:#f4fbf8;border-color:#d6ede4;color:#4d7669}
.cc-title-step.is-unlocked>span{background:#78c7ad;color:#fff}
.cc-title-step.is-current{
  border-color:#76bea6;background:linear-gradient(145deg,#f7fffb,#eaf8f2);
  box-shadow:0 6px 18px rgba(64,135,111,.12);transform:translateY(-1px)
}
.cc-title-step.is-current strong{color:#2e6655}

.cc-point-stat-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 13px
}
.cc-point-stat-grid>div{
  min-width:0;padding:11px;border:1px solid #e4efeb;border-radius:14px;background:#fff
}
.cc-point-stat-grid small,.cc-point-stat-grid span{display:block;color:#8a9d96;font-size:9px}
.cc-point-stat-grid strong{display:block;color:#345f52;font-size:18px;line-height:1.25;margin:2px 0}
.cc-point-stat-grid strong b{font-size:9px;font-weight:800;margin-left:2px;color:#77958b}
.cc-point-stat-grid>div:nth-child(2){background:linear-gradient(145deg,#fffdf7,#fff9e9);border-color:#f2e6c7}
.cc-point-stat-grid>div:nth-child(2) strong{color:#806932}

@media(max-width:680px){
  .cc-contribution-hero{padding:14px}
  .cc-contribution-emblem{flex-basis:47px;width:47px;height:47px;border-radius:15px}
  .cc-contribution-hero__title strong{font-size:17px}
  .cc-point-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-title-step{flex-basis:103px}
  .cc-profile-title-chip small{display:none}
}


/* ==========================================================
   v0.8.300 — CotoCle Store
   ========================================================== */
.cc-mypage-store-card{
  display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:18px;
  margin:16px 0;padding:18px 20px;border:1px solid #d8ede5;border-radius:22px;
  background:linear-gradient(135deg,#fbfffd 0%,#eef9f5 64%,#fff9e9 100%);
  box-shadow:0 12px 30px rgba(47,105,87,.08);text-decoration:none!important;color:inherit!important;
  transition:transform .18s ease,box-shadow .18s ease
}
.cc-mypage-store-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(47,105,87,.12)}
.cc-mypage-store-card__art{height:84px;border-radius:18px;background:#fff;display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:12px;box-shadow:inset 0 -12px #edf8f4}
.cc-mypage-store-card__art span{width:28px;height:38px;border-radius:9px 9px 5px 5px;display:grid;place-items:center;background:#74c6aa;color:#fff;font-weight:900;box-shadow:0 6px 12px rgba(63,140,114,.15)}
.cc-mypage-store-card__art span:nth-child(2){height:52px;background:#edc965}
.cc-mypage-store-card__art span:nth-child(3){height:45px;background:#88a7d1}
.cc-mypage-store-card__copy small{font-size:9px;letter-spacing:.13em;color:#7d9b91;font-weight:900}
.cc-mypage-store-card__copy strong{display:block;font-size:17px;color:#315f52;margin:3px 0}
.cc-mypage-store-card__copy p{margin:0;color:#718b82;font-size:11px}
.cc-mypage-store-card__side{text-align:right}
.cc-mypage-store-card__side b{display:block;font-size:20px;color:#466f62}.cc-mypage-store-card__side b small{font-size:9px;margin-left:2px}
.cc-mypage-store-card__side span{display:inline-block;margin-top:8px;padding:7px 11px;border-radius:999px;background:#4fa487;color:#fff;font-size:10px;font-weight:900}































.cc-mobile-main-store{display:flex!important;justify-content:space-between!important;align-items:center!important}
.cc-mobile-main-store small{font-size:9px!important;color:#91a39d!important}


@media(max-width:640px){
  .cc-mypage-store-card{grid-template-columns:72px minmax(0,1fr);gap:12px;padding:13px}
  .cc-mypage-store-card__art{height:66px;padding:8px}.cc-mypage-store-card__art span{width:18px;height:29px;font-size:10px}.cc-mypage-store-card__art span:nth-child(2){height:40px}.cc-mypage-store-card__art span:nth-child(3){height:35px}
  .cc-mypage-store-card__copy strong{font-size:13px}.cc-mypage-store-card__copy p{font-size:10px}
  .cc-mypage-store-card__side{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;text-align:left}.cc-mypage-store-card__side b{font-size:16px}.cc-mypage-store-card__side span{margin-top:0}
  .cc-store{padding:7px 8px 90px}.cc-store-hero{grid-template-columns:1fr;padding:20px;border-radius:22px}.cc-store-hero__art{min-height:145px}
  .cc-store-gift-art{width:62px;height:70px;font-size:27px}.cc-store-gift-art--b{height:96px}.cc-store-gift-art--c{height:82px}
  .cc-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cc-store-item__visual{height:110px}
  .cc-store-present-item{grid-template-columns:48px 1fr}.cc-store-present-item label,.cc-store-present-item button{grid-column:1/-1}
}


/* ==========================================================
   v0.8.301 — varied point reward celebrations + beta tap fix
   ========================================================== */
.cc-point-celebration.cc-anim-rain .cc-point-particle{
  animation-name:ccPointRain!important;
  animation-duration:1.25s!important;
  top:-18vh!important;
}
.cc-point-celebration.cc-anim-rain .cc-point-celebration__card{
  animation:ccRewardCardBounce .58s cubic-bezier(.2,.9,.25,1.25) both!important;
}
.cc-point-celebration.cc-anim-orbit .cc-point-particle{
  animation-name:ccPointOrbit!important;
  animation-duration:1.15s!important;
}
.cc-point-celebration.cc-anim-orbit .cc-point-celebration__badge{
  animation:ccRewardBadgeSpin .75s cubic-bezier(.2,.8,.25,1.1) both!important;
}
.cc-point-celebration.cc-anim-ribbon .cc-point-particle{
  animation-name:ccPointRibbon!important;
  animation-duration:1.3s!important;
}
.cc-point-celebration.cc-anim-ribbon .cc-point-celebration__amount{
  animation:ccRewardAmountFloat .72s cubic-bezier(.16,.86,.3,1.15) both!important;
}
.cc-point-celebration.cc-anim-stamp .cc-point-celebration__card{
  animation:ccRewardStamp .55s cubic-bezier(.18,.9,.25,1.25) both!important;
}
.cc-point-celebration.cc-anim-stamp .cc-point-celebration__badge{
  animation:ccRewardStampBadge .7s ease both!important;
}
.cc-point-celebration.cc-anim-burst .cc-point-celebration__amount{
  animation:ccRewardPop .56s cubic-bezier(.18,.9,.3,1.3) both!important;
}

@keyframes ccPointRain{
  0%{opacity:0;transform:translate3d(var(--cc-px),-38vh,0) rotate(0) scale(var(--cc-scale))}
  18%{opacity:1}
  100%{opacity:0;transform:translate3d(calc(var(--cc-px) * .25),72vh,0) rotate(var(--cc-pr)) scale(var(--cc-scale))}
}
@keyframes ccPointOrbit{
  0%{opacity:0;transform:rotate(0deg) translateX(38px) rotate(0deg) scale(.35)}
  20%{opacity:1}
  75%{opacity:1}
  100%{opacity:0;transform:rotate(430deg) translateX(150px) rotate(-430deg) scale(var(--cc-scale))}
}
@keyframes ccPointRibbon{
  0%{opacity:0;transform:translate3d(-45vw,-15vh,0) rotate(-70deg) scale(.4)}
  18%{opacity:1}
  100%{opacity:0;transform:translate3d(55vw,40vh,0) rotate(330deg) scale(var(--cc-scale))}
}
@keyframes ccRewardCardBounce{
  0%{opacity:0;transform:translateY(42px) scale(.72)}
  65%{opacity:1;transform:translateY(-8px) scale(1.04)}
  100%{opacity:1;transform:none}
}
@keyframes ccRewardBadgeSpin{
  0%{transform:scale(.1) rotate(-280deg);opacity:0}
  70%{transform:scale(1.15) rotate(18deg);opacity:1}
  100%{transform:none;opacity:1}
}
@keyframes ccRewardAmountFloat{
  0%{opacity:0;transform:translateY(30px) rotate(-4deg) scale(.55)}
  65%{opacity:1;transform:translateY(-6px) rotate(2deg) scale(1.08)}
  100%{opacity:1;transform:none}
}
@keyframes ccRewardStamp{
  0%{opacity:0;transform:scale(1.65) rotate(-5deg)}
  65%{opacity:1;transform:scale(.94) rotate(1deg)}
  100%{opacity:1;transform:none}
}
@keyframes ccRewardStampBadge{
  0%{opacity:0;transform:scale(2.2)}
  55%{opacity:1;transform:scale(.88)}
  100%{opacity:1;transform:none}
}
@keyframes ccRewardPop{
  0%{opacity:0;transform:scale(.35)}
  70%{opacity:1;transform:scale(1.16)}
  100%{opacity:1;transform:scale(1)}
}


/* ==========================================================
   v0.8.302 — premium 3D CotoGift art
   ========================================================== */























/* Level finish: higher tiers gain stronger material treatments without changing the base object identity. */










@keyframes ccGiftLegendFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@keyframes ccGiftLegendPulse{
  0%,100%{opacity:.4;transform:scale(.92)}
  50%{opacity:1;transform:scale(1.08)}
}




/* ==========================================================
   v0.8.303 — CotoCle original character sticker collection
   ========================================================== */
.cc-character-sticker-intro{
  display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:15px 17px;
  border:1px solid #dceee7;border-radius:18px;background:linear-gradient(135deg,#fbfffd,#f0faf6 62%,#fff7e8)
}
.cc-character-sticker-intro__faces{display:flex;flex:0 0 auto}
.cc-character-sticker-intro__faces span{
  width:48px;height:48px;margin-left:-8px;border:4px solid #fff;border-radius:50%;
  display:grid;place-items:center;background:linear-gradient(145deg,#73c9ad,#4b9c82);color:#fff;
  font-weight:900;box-shadow:0 7px 16px rgba(49,105,88,.15)
}
.cc-character-sticker-intro__faces span:first-child{margin-left:0;background:linear-gradient(145deg,#e9919f,#c76b7d)}
.cc-character-sticker-intro__faces span:nth-child(2){background:linear-gradient(145deg,#6fa4cf,#4e739e)}
.cc-character-sticker-intro__faces span:nth-child(3){background:linear-gradient(145deg,#e5bf5c,#a97823)}
.cc-character-sticker-intro strong{display:block;color:#345f52;font-size:15px}
.cc-character-sticker-intro p{margin:4px 0 0;color:#718b82;font-size:11px;line-height:1.7}


















/* Sticker rarity finish follows the existing 5-level merge system. */






@media(max-width:640px){
  .cc-character-sticker-intro{padding:12px;gap:10px}
  .cc-character-sticker-intro__faces span{width:38px;height:38px;font-size:11px}
  .cc-character-sticker-intro p{font-size:10px}
  .cc-store-grid--stickers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cc-store-item__visual--sticker{height:145px!important}
}


/* v0.8.304 — stronger premium material treatment */











/* document mascots: paper-like body with subtle bounce on hover */





/* v0.8.305 — deformed CotoCle core mascots */





/* v0.8.306 — CotoCle先生 / Cotoちゃん in upload processing */
.cc-processing-mascot-team{position:relative;width:112px;height:126px;flex:0 0 112px;display:grid;place-items:center}
.cc-processing-mascot-team>[data-cc-processing-mascot]{
  position:absolute!important;inset:0;opacity:0;transform:translateY(9px) scale(.88);
  pointer-events:none;transition:opacity .35s ease,transform .42s cubic-bezier(.2,.85,.25,1.15)
}
.cc-processing-mascot-team>[data-cc-processing-mascot].is-active{opacity:1;transform:none}
.cc-processing-mascot-team .cc-guide-mascot{margin:auto}
.cc-doc-mascot{display:flex;align-items:center;justify-content:center}
.cc-doc-mascot__paper{
  position:absolute;left:24px;top:7px;width:70px;height:92px;border:4px solid #4f9c83;border-radius:13px 13px 20px 20px;
  background:linear-gradient(145deg,#fff,#e9f7f1);box-shadow:0 10px 18px rgba(43,83,69,.15);transform:rotate(-2deg)
}
.cc-doc-mascot__fold{position:absolute;right:-4px;top:-4px;width:24px;height:24px;background:#ccebe0;border-left:4px solid #4f9c83;border-bottom:4px solid #4f9c83;border-radius:0 8px 0 7px}
.cc-doc-mascot__eye{position:absolute;top:43px;width:6px;height:7px;border-radius:50%;background:#26383a}
.cc-doc-mascot__eye--l{left:19px}.cc-doc-mascot__eye--r{right:19px}
.cc-doc-mascot__mouth{position:absolute;left:29px;top:59px;width:14px;height:7px;border-bottom:3px solid #9a5c64;border-radius:0 0 14px 14px}
.cc-doc-mascot__paper b{position:absolute;left:9px;right:9px;top:15px;padding:3px 0;border-radius:7px;background:#4f9c83;color:#fff;text-align:center;font:900 8px/1 Arial,sans-serif}
.cc-doc-mascot__glasses:before,.cc-doc-mascot__glasses:after{content:"";position:absolute;top:38px;width:21px;height:17px;border:2px solid #4d5d5d;border-radius:7px;z-index:2}
.cc-doc-mascot__glasses:before{left:8px}.cc-doc-mascot__glasses:after{right:8px}
.cc-doc-mascot__book,.cc-doc-mascot__mini-paper{
  position:absolute;left:31px;top:76px;width:56px;height:30px;border-radius:7px;background:#fff4ce;border:2px solid #ddb95d;
  display:grid;place-items:center;color:#96762b;font:900 7px/1 Arial,sans-serif;transform:rotate(3deg)
}
.cc-doc-mascot em{position:absolute;bottom:1px;left:0;right:0;text-align:center;color:#497264;font-style:normal;font-size:9px;font-weight:900}
.cc-doc-mascot--coto .cc-doc-mascot__paper{border-color:#73c9ad;background:linear-gradient(145deg,#fff,#e9faf4);transform:rotate(2deg)}
.cc-doc-mascot--coto .cc-doc-mascot__fold{border-color:#73c9ad;background:#d5f4e9}
.cc-doc-mascot--coto .cc-doc-mascot__paper b{background:#73c9ad}
.cc-doc-mascot--coto .cc-doc-mascot__eye{height:4px;background:transparent;border-top:3px solid #26383a;border-radius:50%}
.cc-doc-mascot--coto .cc-doc-mascot__mini-paper{left:34px;top:77px;width:51px;background:#fff;border-color:#9fd9c8;color:#55a98f}
.cc-processing-mascot-team .is-active .cc-doc-mascot__paper{animation:ccProcessingMascotFloat 2.1s ease-in-out infinite}
.cc-processing-mascot-team .is-active .cc-doc-mascot__book,.cc-processing-mascot-team .is-active .cc-doc-mascot__mini-paper{animation:ccProcessingProp 2.1s ease-in-out infinite}
@keyframes ccProcessingMascotFloat{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes ccProcessingProp{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -3px;rotate:-2deg}}
@media(max-width:640px){
  .cc-processing-mascot-team{width:90px;height:112px;flex-basis:90px;transform:scale(.88);transform-origin:center}
}
@media(prefers-reduced-motion:reduce){
 .cc-processing-mascot-team .is-active .cc-doc-mascot__paper,.cc-processing-mascot-team .is-active .cc-doc-mascot__book,.cc-processing-mascot-team .is-active .cc-doc-mascot__mini-paper{animation:none!important}
}


/* v0.8.309 — CotoCle collection encyclopedia */










/* v0.8.313 — unified CotoCle gallery-object art direction */
.cc-gift-art3d--flower svg,.cc-gift-art3d--coffee svg,.cc-gift-art3d--star svg,.cc-gift-art3d--trophy svg,.cc-gift-art3d--coto svg,[class*="cc-gift-art3d--fusion_"] svg{filter:drop-shadow(0 10px 12px rgba(60,78,72,.13)) saturate(.98)}





/* v0.8.314 — adopted exhibit artwork + mobile label safety */
.cc-coto-reference-art{display:block;width:100%;height:100%;object-fit:contain;border-radius:14px;mix-blend-mode:multiply}









@media(max-width:560px){.cc-store-product__name{font-size:12.5px!important;min-height:2.75em;margin-top:7px!important}.cc-store-product__visual{height:98px!important}.cc-store-product__visual .cc-gift-art3d{height:91px!important}.cc-coto-reference-art{object-position:center center}}


/* ==========================================================
   v0.8.320 - point reward effect reliability
   Always render above fixed app/store headers and keep the mini card visible
   long enough to be perceived on mobile devices.
   ========================================================== */
.cc-point-celebration{
  z-index:2147483647!important;
  position:fixed!important;
  inset:0!important;
  contain:none!important;
  isolation:isolate!important;
}
.cc-point-celebration.is-active{
  display:grid!important;
  opacity:1!important;
  visibility:visible!important;
}
.cc-point-celebration.is-active .cc-point-celebration__card{
  visibility:visible!important;
  pointer-events:none!important;
}
.cc-point-celebration.is-mini.is-active .cc-point-celebration__card{
  animation-duration:.72s!important;
  animation-fill-mode:forwards!important;
}
@media(max-width:700px){
  .cc-point-celebration.is-mini .cc-point-celebration__card{
    width:min(286px,calc(100vw - 28px))!important;
    min-height:205px!important;
    margin-top:-4vh!important;
  }
}

/* v0.8.321 - follow reward is a one-shot delivery on the next page */


/* ==========================================================
   v0.8.322 — Store wallet bottom-right / title ladder sizing / showroom title alignment
   ========================================================== */
/* Store: keep the points wallet visible at the bottom-right instead of the top-right. */



/* My page title ladder: every title card must be exactly the same outer size. */
.cc-title-ladder{
  align-items:stretch!important;
}
.cc-title-ladder>.cc-title-step,.cc-title-ladder>.cc-title-step:first-child,.cc-title-ladder>.cc-title-step.is-current,.cc-title-ladder>.cc-title-step.is-unlocked,.cc-title-ladder>.cc-title-step.is-locked{
  box-sizing:border-box!important;
  flex:0 0 112px!important;
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:118px!important;
  min-height:118px!important;
  max-height:118px!important;
  padding:10px 8px!important;
  margin:0!important;
  transform:none!important;
}
.cc-title-ladder>.cc-title-step>strong{
  min-height:32px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
@media(max-width:680px){
  .cc-title-ladder>.cc-title-step,.cc-title-ladder>.cc-title-step:first-child,.cc-title-ladder>.cc-title-step.is-current,.cc-title-ladder>.cc-title-step.is-unlocked,.cc-title-ladder>.cc-title-step.is-locked{
    flex-basis:103px!important;
    width:103px!important;
    min-width:103px!important;
    max-width:103px!important;
    height:118px!important;
    min-height:118px!important;
    max-height:118px!important;
  }
}

/* Showroom: item names are centered and get a stable two-line title area. */




/* ==========================================================
   v0.8.338 — CotoGift evolution visual tiers
   Evolved gifts must look physically more prestigious, not
   merely receive a different border color.
   ========================================================== */

/* Shared stage upgrade */
.cc-gift-object,.cc-profile-gift{
  isolation:isolate;
}
.cc-gift-object__stage,.cc-profile-gift__art{
  position:relative;
  overflow:visible;
}
.cc-gift-object__stage:before,.cc-profile-gift:before{
  content:"";
  position:absolute;
  pointer-events:none;
  opacity:0;
  transition:opacity .25s ease,transform .25s ease;
}

/* Lv1 — standard */


/* Lv2 — silver / polished */
.cc-gift-object--l2 .cc-gift-object__stage,.cc-profile-gift--l2{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.98),rgba(255,255,255,.2) 34%),
    linear-gradient(145deg,#f9fbfc,#dfe6ea 58%,#cbd4d9)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.95),
    inset 0 -10px 24px rgba(61,82,93,.08),
    0 9px 18px rgba(59,77,87,.10)!important;
}


/* Lv3 — gold */
.cc-gift-object--l3 .cc-gift-object__stage,.cc-profile-gift--l3{
  background:
    radial-gradient(circle at 50% 18%,rgba(255,255,255,.98),rgba(255,242,190,.42) 38%,transparent 58%),
    linear-gradient(145deg,#fffdf5,#f5e1a0 54%,#d6b750)!important;
  box-shadow:
    inset 0 0 0 2px rgba(232,193,79,.52),
    0 0 0 1px rgba(255,255,255,.8),
    0 11px 24px rgba(168,127,28,.18),
    0 0 18px rgba(238,198,75,.18)!important;
}
.cc-gift-object--l3 .cc-gift-object__stage:before,.cc-profile-gift--l3:before{
  opacity:.9;
  inset:-8px;
  border-radius:22px;
  background:
    radial-gradient(circle at 12% 24%,rgba(255,255,255,.95) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 18%,rgba(255,231,142,.95) 0 2px,transparent 3px),
    radial-gradient(circle at 74% 82%,rgba(255,255,255,.9) 0 1.5px,transparent 2.5px);
  filter:drop-shadow(0 0 5px rgba(245,205,84,.55));
  animation:ccGiftSparkle327 2.6s ease-in-out infinite;
}


/* Lv4 — platinum / aura */
.cc-gift-object--l4 .cc-gift-object__stage,.cc-profile-gift--l4{
  background:
    radial-gradient(circle at 50% 30%,rgba(255,255,255,1),rgba(216,245,255,.72) 42%,rgba(187,224,239,.86) 76%),
    linear-gradient(145deg,#fff,#dff4fb)!important;
  box-shadow:
    inset 0 0 0 2px rgba(184,220,235,.85),
    0 0 0 1px rgba(255,255,255,.95),
    0 12px 28px rgba(93,154,180,.20),
    0 0 24px rgba(120,210,238,.24)!important;
}
.cc-gift-object--l4 .cc-gift-object__stage:before,.cc-profile-gift--l4:before{
  opacity:.95;
  inset:-12px;
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 50%,rgba(167,233,255,.28),transparent 58%),
    conic-gradient(from 0deg,transparent,rgba(200,244,255,.48),transparent 18%,transparent 45%,rgba(255,255,255,.6),transparent 63%);
  filter:blur(.4px);
  animation:ccGiftAura327 6s linear infinite;
}


/* Lv5 — legendary / rainbow premium */
.cc-gift-object--l5 .cc-gift-object__stage,.cc-profile-gift--l5{
  background:
    radial-gradient(circle at 50% 28%,#fff 0%,#f7fff9 28%,#ecf5ff 48%,#f7efff 68%,#fff6df 100%)!important;
  box-shadow:
    inset 0 0 0 2px rgba(255,255,255,.96),
    0 0 0 2px rgba(111,220,183,.42),
    0 14px 34px rgba(60,119,102,.25),
    0 0 26px rgba(115,213,183,.34),
    0 0 42px rgba(172,140,255,.17)!important;
}
.cc-gift-object--l5 .cc-gift-object__stage:before,.cc-profile-gift--l5:before{
  opacity:1;
  inset:-14px;
  border-radius:30px;
  background:
    conic-gradient(from 0deg,
      rgba(110,225,190,.18),
      rgba(123,191,255,.20),
      rgba(195,142,255,.20),
      rgba(255,207,116,.22),
      rgba(110,225,190,.18));
  filter:blur(1.5px);
  animation:ccGiftLegend327 4.8s linear infinite;
  z-index:-1;
}

.cc-gift-object--l5:hover .cc-gift-object__stage,.cc-profile-gift--l5:hover{
  transform:translateY(-2px) scale(1.015);
}

/* Level badge for showroom cards */






@keyframes ccGiftSparkle327{
  0%,100%{transform:scale(.98);opacity:.62}
  50%{transform:scale(1.03);opacity:1}
}
@keyframes ccGiftAura327{
  to{transform:rotate(360deg)}
}
@keyframes ccGiftLegend327{
  to{transform:rotate(360deg)}
}

@media (prefers-reduced-motion:reduce){
  .cc-gift-object__stage:before,.cc-profile-gift:before{animation:none!important}
}


/* v0.8.338 — 15-step CotoGift evolution */
.cc-gift-object[class*="cc-gift-object--l"],.cc-profile-gift[class*="cc-profile-gift--l"]{position:relative}

/* 6-7 platinum advanced */
.cc-gift-object--l6 .cc-gift-object__stage,.cc-profile-gift--l6,.cc-gift-object--l7 .cc-gift-object__stage,.cc-profile-gift--l7{
 background:radial-gradient(circle at 50% 25%,#fff,#dff8ff 44%,#b9dce9)!important;
 box-shadow:inset 0 0 0 2px #c7edf7,0 0 25px rgba(93,195,224,.28),0 14px 30px rgba(59,119,137,.20)!important}
.cc-gift-object--l7 .cc-gift-object__stage,.cc-profile-gift--l7{filter:saturate(1.12)}

/* 8-9 diamond */
.cc-gift-object--l8 .cc-gift-object__stage,.cc-profile-gift--l8,.cc-gift-object--l9 .cc-gift-object__stage,.cc-profile-gift--l9{
 background:conic-gradient(from 30deg,#f5ffff,#dff1ff,#f0e5ff,#e5fff7,#f5ffff)!important;
 box-shadow:inset 0 0 0 2px rgba(255,255,255,.95),0 0 28px rgba(131,177,255,.32),0 14px 34px rgba(82,116,170,.22)!important}

/* 10-11 master */
.cc-gift-object--l10 .cc-gift-object__stage,.cc-profile-gift--l10,.cc-gift-object--l11 .cc-gift-object__stage,.cc-profile-gift--l11{
 background:radial-gradient(circle,#fff 5%,#fff1c5 34%,#f1c85e 70%,#c89225)!important;
 box-shadow:inset 0 0 0 2px #fff0a6,0 0 32px rgba(241,186,49,.40),0 15px 36px rgba(139,91,18,.24)!important}

/* 12-13 legend */
.cc-gift-object--l12 .cc-gift-object__stage,.cc-profile-gift--l12,.cc-gift-object--l13 .cc-gift-object__stage,.cc-profile-gift--l13{
 background:conic-gradient(from 0deg,#effff8,#dff5ff,#efe1ff,#fff0d7,#effff8)!important;
 box-shadow:inset 0 0 0 2px #fff,0 0 34px rgba(120,218,187,.40),0 0 52px rgba(165,133,255,.20),0 16px 38px rgba(54,103,90,.25)!important;
 animation:ccGiftLegend327 7s linear infinite}

/* 14 mythic */
.cc-gift-object--l14 .cc-gift-object__stage,.cc-profile-gift--l14{
 background:conic-gradient(from 0deg,#fff2cf,#dffcff,#eadfff,#ffdfe9,#fff2cf)!important;
 box-shadow:inset 0 0 0 2px #fff,0 0 38px rgba(255,198,83,.45),0 0 62px rgba(164,113,255,.30),0 17px 40px rgba(85,57,121,.25)!important;
 animation:ccGiftLegend327 4.5s linear infinite}

/* 15 CotoCle MAX */
.cc-gift-object--l15 .cc-gift-object__stage,.cc-profile-gift--l15{
 background:conic-gradient(from 0deg,#dffff3,#dcecff,#f0ddff,#fff0c9,#ffdfe9,#dffff3)!important;
 box-shadow:inset 0 0 0 3px rgba(255,255,255,.96),0 0 0 2px rgba(91,211,174,.55),0 0 45px rgba(91,211,174,.48),0 0 72px rgba(157,117,255,.34),0 18px 44px rgba(45,91,77,.30)!important;
 animation:ccGiftLegend327 3.2s linear infinite}


/* compact numeric evolution marker for 6-15 */








/* ==========================================================
   v0.8.338 — contribution badge colors + always-on avatar badge
   ========================================================== */
.cc-avatar-badge-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  overflow:visible!important;
  flex:0 0 auto;
}
.cc-avatar-title-badge{
  position:absolute;
  z-index:30;
  left:50%;
  top:0;
  transform:translate(-50%,-64%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  min-height:18px;
  max-width:118px;
  padding:2px 6px 2px 3px;
  border:1px solid rgba(255,255,255,.94);
  border-radius:999px;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(31,48,43,.18),inset 0 1px 0 rgba(255,255,255,.55);
  font-size:8px;
  font-style:normal;
  font-weight:900;
  line-height:1;
  pointer-events:none;
}
.cc-avatar-title-badge b{
  width:14px;height:14px;display:grid;place-items:center;
  border-radius:50%;background:rgba(255,255,255,.82);
  font-size:7px;line-height:1;flex:0 0 14px
}
.cc-avatar-title-badge em{
  overflow:hidden;text-overflow:ellipsis;font-style:normal;
  font-size:8px;font-weight:900;letter-spacing:-.02em
}

/* Rank 1 — starter / stone */
.cc-title-rank-1{
  background:linear-gradient(145deg,#eceae5,#cfcac0)!important;
  color:#625e55!important;
  border-color:#ded9cf!important;
}
/* Rank 2 — beginner / bronze-brown */
.cc-title-rank-2{
  background:linear-gradient(145deg,#c9915e,#8d5b31)!important;
  color:#fffaf4!important;
  border-color:#d9a878!important;
}
/* Rank 3 — share member / green */
.cc-title-rank-3{
  background:linear-gradient(145deg,#79c7a8,#429276)!important;
  color:#fff!important;
  border-color:#8bd6b8!important;
}
/* Rank 4 — supporter / blue */
.cc-title-rank-4{
  background:linear-gradient(145deg,#7bbce7,#407fae)!important;
  color:#fff!important;
  border-color:#93cbed!important;
}
/* Rank 5 — contributor / purple */
.cc-title-rank-5{
  background:linear-gradient(145deg,#aa8bd9,#7653ad)!important;
  color:#fff!important;
  border-color:#bea5e3!important;
}
/* Rank 6 — master / gold */
.cc-title-rank-6{
  background:linear-gradient(145deg,#f4d474,#c59427)!important;
  color:#5e4310!important;
  border-color:#f7df90!important;
  box-shadow:0 4px 13px rgba(187,137,31,.25),inset 0 1px 0 rgba(255,255,255,.65)!important;
}
/* Rank 7 — legend / premium iridescent */
.cc-title-rank-7{
  background:linear-gradient(120deg,#58cbaa,#64a8e9,#a77ce4,#e5b454)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.95)!important;
  box-shadow:0 4px 15px rgba(94,132,178,.30),0 0 12px rgba(112,211,184,.22)!important;
}

/* Existing profile title chip uses the same rank identity without losing its layout. */
.cc-profile-title-chip[class*="cc-title-rank-"]{
  border-width:1px;
  border-style:solid;
}
.cc-profile-title-chip[class*="cc-title-rank-"]>span{
  background:rgba(255,255,255,.86)!important;
  color:inherit!important;
}
.cc-profile-title-chip[class*="cc-title-rank-"] strong,.cc-profile-title-chip[class*="cc-title-rank-"] small{
  color:inherit!important;
}
.cc-profile-title-chip[class*="cc-title-rank-"] small{
  border-left-color:rgba(255,255,255,.45)!important;
}

/* Tiny navigation avatars keep the badge readable without becoming oversized. */
.cc-mobile-app-top .cc-avatar-title-badge,.cc-mobile-app-avatar + .cc-avatar-title-badge{
  transform:translate(-50%,-58%);
  max-width:82px;
  min-height:16px;
  padding:1px 4px 1px 2px;
}
.cc-mobile-app-top .cc-avatar-title-badge em{font-size:7px;max-width:58px}
.cc-mobile-app-top .cc-avatar-title-badge b{width:12px;height:12px;flex-basis:12px;font-size:6px}

@media(max-width:520px){
  .cc-avatar-title-badge{max-width:94px}
  .cc-avatar-title-badge em{max-width:70px}
}


/* ==========================================================
   v0.8.338 — title badge below avatar, never overlapping it
   ========================================================== */
.cc-avatar-badge-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  vertical-align:top!important;
  overflow:visible!important;
  flex:0 0 auto!important;
  padding-bottom:22px!important;
}
.cc-avatar-title-badge{
  top:calc(100% - 18px)!important;
  bottom:auto!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  min-height:18px!important;
  max-width:124px!important;
  padding:2px 7px 2px 3px!important;
  z-index:30!important;
}
.cc-avatar-title-badge b{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}
.cc-avatar-title-badge em{
  max-width:94px!important;
}

/* Large profile avatar gets a little more breathing room. */
.cc-avatar-badge-wrap:has(.cc-avatar--profile){
  padding-bottom:25px!important;
}
.cc-avatar-badge-wrap:has(.cc-avatar--profile) .cc-avatar-title-badge{
  top:calc(100% - 20px)!important;
  min-height:20px!important;
  max-width:145px!important;
  padding:3px 8px 3px 4px!important;
}
.cc-avatar-badge-wrap:has(.cc-avatar--profile) .cc-avatar-title-badge em{
  max-width:112px!important;
  font-size:9px!important;
}

/* Prevent surrounding cards/rows from clipping the badge. */
.cc-profile-card,.cc-creator-directory-card,.cc-notice-item,.cc-mobile-app-top,.cc-mobile-app-top *,.cc-panel-head,.cc-profile-hero{
  overflow:visible!important;
}

@media(max-width:520px){
  .cc-avatar-badge-wrap{padding-bottom:20px!important}
  .cc-avatar-title-badge{
    top:calc(100% - 16px)!important;
    max-width:96px!important;
  }
  .cc-avatar-title-badge em{max-width:70px!important}
}


/* ==========================================================
   v0.8.338 — clearly distinguish MY/PUBLIC profile + stronger evolution art
   ========================================================== */
.cc-profile-mode-banner{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0 0 16px;padding:13px 16px;border-radius:18px;border:1px solid;
  box-shadow:0 8px 22px rgba(38,71,61,.07)
}
.cc-profile-mode-banner>div{display:grid;gap:2px}
.cc-profile-mode-banner small{font-size:9px;font-weight:1000;letter-spacing:.12em}
.cc-profile-mode-banner strong{font-size:16px;line-height:1.2}
.cc-profile-mode-banner span{font-size:10px;opacity:.72}
.cc-profile-mode-banner a{flex:0 0 auto;border-radius:999px;padding:8px 11px;text-decoration:none;font-size:10px;font-weight:900}
.cc-profile-mode-banner--mine{background:linear-gradient(135deg,#effaf6,#f8fffc);border-color:#cde8de;color:#285f50}
.cc-profile-mode-banner--mine a{background:#317e68;color:#fff}
.cc-profile-mode-banner--public{background:linear-gradient(135deg,#fff9ed,#fffdf8);border-color:#eadcb7;color:#71571d}
.cc-profile-mode-banner--public a{background:#826925;color:#fff}

.cc-public-edit-zone{position:relative!important}
.cc-public-mini-edit{
  position:absolute;z-index:20;right:12px;top:10px;
  display:inline-flex;align-items:center;gap:4px;
  padding:5px 8px;border:1px solid #d7e3de;border-radius:999px;
  background:rgba(255,255,255,.96);color:#397765;text-decoration:none;
  font-size:9px;font-weight:900;box-shadow:0 4px 12px rgba(40,81,68,.09)
}
.cc-public-mini-edit--inline{position:static}
.cc-public-section-edit-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px 0 2px}
.cc-public-section-edit-row>span{font-size:9px;font-weight:900;color:#75817d;letter-spacing:.08em}

/* Evolution changes the object itself visually from the very first upgrade. */



/* Lv2: unmistakable silver ring + corner gems */




/* Lv3: double silver crest */




/* Lv4-5: gold crown/frame begins */




/* Lv6+: increasingly prestigious halo shapes */






@media(max-width:640px){
  .cc-profile-mode-banner{align-items:flex-start;padding:11px 12px}
  .cc-profile-mode-banner strong{font-size:14px}
  .cc-profile-mode-banner span{font-size:9px}
  .cc-profile-mode-banner a{font-size:9px;padding:7px 9px}
  .cc-public-mini-edit{right:8px;top:8px;font-size:8px;padding:4px 7px}
}


/* ==========================================================
   v0.8.338 — My Profile gets its own page background
   ========================================================== */
body.page-cotocle-mypage,body[class*="cotocle-mypage"]{
  background:
    radial-gradient(circle at 12% 0%,rgba(145,170,214,.14),transparent 28%),
    radial-gradient(circle at 92% 18%,rgba(176,190,225,.12),transparent 24%),
    linear-gradient(180deg,#eef3fb 0%,#f5f7fc 46%,#f0f3fa 100%)!important;
}

body.page-cotocle-mypage .site,body.page-cotocle-mypage #page,body[class*="cotocle-mypage"] .site,body[class*="cotocle-mypage"] #page{
  background:transparent!important;
}

body.page-cotocle-mypage .cc-dashboard,body[class*="cotocle-mypage"] .cc-dashboard{
  position:relative;
}

body.page-cotocle-mypage .cc-dashboard:before,body[class*="cotocle-mypage"] .cc-dashboard:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(135deg,rgba(255,255,255,.34),transparent 36%),
    repeating-linear-gradient(
      0deg,
      rgba(73,92,132,.018) 0,
      rgba(73,92,132,.018) 1px,
      transparent 1px,
      transparent 22px
    );
}

/* Panels stay white so editing areas remain clear against the tinted page. */
body.page-cotocle-mypage .cc-panel,body.page-cotocle-mypage .cc-profile-card,body[class*="cotocle-mypage"] .cc-panel,body[class*="cotocle-mypage"] .cc-profile-card{
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 28px rgba(66,81,122,.075);
}

@media(max-width:640px){
  body.page-cotocle-mypage,body[class*="cotocle-mypage"]{
    background:linear-gradient(180deg,#eef3fb 0%,#f7f8fc 58%,#f0f3fa 100%)!important;
  }
}


/* v0.8.338 — public profile collection stays transparent; effects are particles, not rings */
.cc-creator-page .cc-profile-gift,.cc-creator-page .cc-profile-gift[class*="cc-profile-gift--l"]{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}
.cc-creator-page .cc-profile-gift__art,.cc-creator-page .cc-profile-gift .cc-gift-art3d{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* v0.8.338 public shelf editor */



/* v0.8.339 — processed CotoGift sprites have transparent edge-connected studio backgrounds. */





/* v0.8.342 — profile exhibit safety overrides */




/* ==========================================================
   v0.8.342 — transparent sprite hardening
   The actual PNG assets contain alpha. Keep every showcase image
   layer transparent and never paint a fallback rectangle behind it.
   ========================================================== */



/* v0.8.342 — normalize visible sprite bounds and seat every profile gift on the shelf baseline. */





/* Sparkles share the same shelf baseline instead of using the whole grid cell. */

/* Collection decorations also sit on the shelf rather than the cell bottom. */




/* ==========================================================
   v0.8.343 — 15-level CotoGift evolution pedestal system
   Particle/effect concepts remain intact; evolution is now primarily
   communicated by the physical base beneath each character/object.
   ========================================================== */






/* Level 1–3: simple starter bases. */




/* Level 4–6: bronze / silver / mint alloy. */





/* Level 7–9: gem-inlaid bases. */





/* Level 10–12: premium double-ring bases. */







/* Level 13–14: elite luminous bases. */





/* Level 15: unique MAX pedestal. */





@keyframes ccPedestalGlimmer343{0%,100%{opacity:.28;transform:scale(.7) rotate(-8deg)}50%{opacity:1;transform:scale(1.12) rotate(7deg)}}

/* Seat artwork on the top surface, not directly on the wooden plank. */





/* Editable evolution cards use the same pedestal language. */




/* Drag preview includes the level pedestal as one object. */









/* ==========================================================
   v0.8.344 — Shelf/pedestal physical seating correction
   Shelf surface is the single baseline: shelf -> pedestal -> artwork.
   ========================================================== */

/* Each level exports its pedestal height to the shelf item so artwork can sit on it. */
















/* Pedestal bottom touches the upper surface of the wooden plank. */

/* Artwork overlaps the top ellipse by a few pixels, creating visible weight/contact. */


/* Keep collection silhouettes aligned to the same shelf surface. */

/* A soft contact shadow belongs to the pedestal, never under the wooden shelf. */

/* Drag ghost uses the same seat geometry so the figure and base travel as one object. */





/* ==========================================================
   v0.8.346 — unified pedestal seating stack
   Every exhibit uses one physical baseline: shelf -> pedestal -> art.
   ========================================================== */






/* The pedestal is code-owned. Never show an additional object base/shadow as layout. */

/* Compact objects sit slightly lower so their visual mass still meets the pedestal. */

/* Generated document-character cutouts from the approved collection sheet. */



/* v0.8.349 — file motif collection + pedestal-free CotoCle object */




/* ==========================================================
   v0.8.350 — public showcase interaction + physical seating
   ========================================================== */








/* ==========================================================
   v0.8.353 — Simple My Page showroom / pedestal-only evolution
   Evolution level changes pedestal and subtle effect only.
   The artwork itself never gains rings, circles, gems or geometry changes.
   ========================================================== */









/* No evolution decoration may be attached to the image itself. */


/* Keep the small generic shine as the subtle evolution-compatible effect layer. */


/* ==========================================================
   v0.8.355 — prevent eye highlights from blowing out
   Keep source sprite contrast intact in store and showroom.
   ========================================================== */





/* ==========================================================
   v0.8.359 — beta MY COTOCLE bonus trigger + wide public shelf
   ========================================================== */
.cc-temp-point-trigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  width:auto!important;
  max-width:max-content!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  font:inherit!important;
  font-size:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  text-align:left!important;
  cursor:pointer!important;
  transition:transform .15s ease,filter .15s ease!important;
}
.cc-temp-point-trigger:hover{transform:translateY(-1px)!important;filter:brightness(.92)!important}
.cc-temp-point-trigger:disabled{opacity:.62!important;cursor:wait!important}
.cc-temp-point-trigger.is-point-added{animation:ccBetaMyCotoclePulse359 .62s ease!important}
@keyframes ccBetaMyCotoclePulse359{0%,100%{transform:scale(1)}35%{transform:scale(1.11)}65%{transform:scale(.98)}}






/* ==========================================================
   v0.8.361 — Responsive public showcase + museum-grade plinths
   + 50 code-rendered collectible effects.
   ========================================================== */

/* Public creator card: stats remain readable instead of collapsing into four tiny cells. */
.cc-creator-page .cc-profile-card--creator{
  grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr)!important;
  gap:clamp(24px,4vw,58px)!important;
  align-items:center!important;
  padding:clamp(24px,3.2vw,42px)!important;
}
.cc-creator-page .cc-profile-card--creator .cc-profile-tools{width:100%!important;display:block!important;min-width:0!important}
.cc-creator-page .cc-profile-card--creator .cc-profile-stats{
  width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  border:1px solid #e4e7e5!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;
  box-shadow:0 8px 24px rgba(42,58,51,.05)!important;
}
.cc-creator-page .cc-profile-card--creator .cc-stat{
  min-width:0!important;min-height:76px!important;padding:13px 10px!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;gap:3px!important;border:0!important;border-radius:0!important;background:linear-gradient(180deg,#fff,#fbfcfb)!important;
}
.cc-creator-page .cc-profile-card--creator .cc-stat:nth-child(odd){border-right:1px solid #e8ebe9!important}
.cc-creator-page .cc-profile-card--creator .cc-stat:nth-child(-n+2){border-bottom:1px solid #e8ebe9!important}
.cc-creator-page .cc-profile-card--creator .cc-stat strong{font-size:clamp(20px,2vw,27px)!important;line-height:1!important}
.cc-creator-page .cc-profile-card--creator .cc-stat span{font-size:11px!important;line-height:1.3!important;text-align:center!important;white-space:nowrap!important}
@media(max-width:1050px){
  .cc-creator-page .cc-profile-card--creator{grid-template-columns:1fr!important}
  .cc-creator-page .cc-profile-card--creator .cc-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .cc-creator-page .cc-profile-card--creator .cc-stat{min-height:68px!important;border-right:1px solid #e8ebe9!important;border-bottom:0!important}
  .cc-creator-page .cc-profile-card--creator .cc-stat:last-child{border-right:0!important}
}
@media(max-width:620px){
  .cc-creator-page .cc-profile-card--creator{padding:21px 18px!important;gap:22px!important}
  .cc-creator-page .cc-profile-card--creator .cc-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cc-creator-page .cc-profile-card--creator .cc-stat:nth-child(odd){border-right:1px solid #e8ebe9!important}
  .cc-creator-page .cc-profile-card--creator .cc-stat:nth-child(even){border-right:0!important}
  .cc-creator-page .cc-profile-card--creator .cc-stat:nth-child(-n+2){border-bottom:1px solid #e8ebe9!important}
}

/* Shelf shell / controls. */









/* Flexible exhibit grid. 3 items occupy three balanced zones; many items pack naturally. */






/* Heavy museum plinth. Grade is carved into the front face instead of using a generic C mark. */




















/* 50 effect renderer: one DOM shape, five families, ten variants each. */















/* Snow globe family */



@keyframes ccFxSnow361{0%{transform:translateY(-10px) rotate(0deg)}100%{transform:translateY(34px) rotate(160deg)}}

/* Bubble family */



@keyframes ccFxBubble361{0%{transform:translateY(6px) scale(.65);opacity:0}22%{opacity:.9}100%{transform:translateY(-92px) translateX(12px) scale(1.08);opacity:0}}

/* Lighting family */




@keyframes ccFxLight361{0%,100%{opacity:.42;filter:blur(1.5px)}50%{opacity:.9;filter:blur(.4px)}}@keyframes ccFxRay361{0%,100%{opacity:.15}50%{opacity:.8}}

/* Aura family */




@keyframes ccFxAura361{0%,100%{transform:scale(.88);opacity:.5}50%{transform:scale(1.07);opacity:1}}@keyframes ccFxAuraRing361{0%{transform:translate(-50%,-50%) scale(.72);opacity:.7}100%{transform:translate(-50%,-50%) scale(1.35);opacity:0}}@keyframes ccFxAuraOrbit361{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Special / magic family */




@keyframes ccFxMagic361{0%,100%{opacity:.18;filter:blur(.4px)}45%{opacity:1;transform:translateY(-8px) scale(1.12)}65%{opacity:.42}}@keyframes ccFxMagicSpin361{to{transform:rotate(360deg)}}

/* Effect preview in Store runs outside shelf geometry. */


/* Store collection for the 50 effects. */














/* Editor controls for effect selection. */




/* ==========================================================
   v0.8.361 final — Store full-character framing / stronger depth
   Product-grid treatment inspired by modern avatar marketplaces.
   ========================================================== */




















/* Evolution reward line is intentionally compact so it fits the celebration on phones. */







/* ==========================================================
   v0.8.362 — final crop polish for flower / turtle / heart
   Keep the full silhouette visible and prevent alpha-edge studio haze.
   ========================================================== */




/* ==========================================================
   v0.8.363 — evolution polish / live level-up / store cart dock
   ========================================================== */

/* Evolution celebration: preserve the character's original colors. The page is
   only gently dimmed; sparkle particles + sound carry the celebration. */










@keyframes ccEvoSpark363{0%{opacity:0;transform:rotate(var(--a)) translateY(-42px) scale(.25)}18%{opacity:1}70%{opacity:.86;transform:rotate(var(--a)) translateY(-150px) scale(1)}100%{opacity:0;transform:rotate(var(--a)) translateY(-190px) scale(.55)}}
@keyframes ccEvoPop332{0%{transform:scale(.64) translateY(12px);opacity:.2;filter:brightness(1)}58%{transform:scale(1.06) translateY(-2px);opacity:1;filter:brightness(1)}100%{transform:scale(1);opacity:1;filter:brightness(1)}}


/* User title level-up: small premium card and stars, no white veil. */
.cc-levelup-celebration{position:fixed!important;inset:0!important;z-index:2147483647!important;display:grid!important;place-items:center!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;background:rgba(12,22,18,.14)!important;transition:opacity .2s ease,visibility .2s ease!important;overflow:hidden!important}
.cc-levelup-celebration.is-show{opacity:1!important;visibility:visible!important}
.cc-levelup-celebration__card{position:relative!important;z-index:4!important;width:min(330px,calc(100vw - 38px))!important;padding:24px 24px 22px!important;border-radius:28px!important;text-align:center!important;background:linear-gradient(155deg,rgba(255,255,255,.97),rgba(244,252,249,.96))!important;border:1px solid rgba(255,255,255,.96)!important;box-shadow:0 28px 75px rgba(19,49,39,.24)!important;transform:translateY(20px) scale(.78)!important;opacity:0!important;animation:none!important}
.cc-levelup-celebration.is-show .cc-levelup-celebration__card{animation:ccLevelCard363 2.45s cubic-bezier(.18,.85,.28,1) both!important}
.cc-levelup-celebration__card small{display:block!important;font-size:9px!important;font-weight:1000!important;letter-spacing:.18em!important;color:#4d9a83!important}
.cc-levelup-celebration__mark{display:grid!important;place-items:center!important;width:68px!important;height:68px!important;margin:9px auto!important;border-radius:22px!important;background:linear-gradient(145deg,#fff2b3,#ddbd4e)!important;color:#664b10!important;font:1000 28px/1 Georgia,serif!important;box-shadow:0 11px 28px rgba(178,139,37,.24)!important}
.cc-levelup-celebration__card strong{display:block!important;font-size:25px!important;line-height:1.15!important;color:#245e4e!important}.cc-levelup-celebration__card b{display:block!important;margin-top:5px!important;font-size:17px!important;color:#26352f!important}.cc-levelup-celebration__card span{display:block!important;margin-top:8px!important;font-size:11px!important;color:#77827d!important}.cc-levelup-celebration__card em{display:block!important;margin-top:11px!important;padding:7px 10px!important;border-radius:12px!important;background:#eef8f5!important;color:#397c69!important;font-size:10px!important;font-style:normal!important;font-weight:900!important}
.cc-levelup-celebration__sparks{position:absolute!important;left:50%!important;top:50%!important;width:0!important;height:0!important;z-index:3!important}.cc-levelup-celebration__sparks i{--a:calc(var(--i) * 15deg);position:absolute!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#f5d75c!important;box-shadow:0 0 8px rgba(245,215,92,.7)!important;opacity:0!important;animation:ccLevelSpark363 1.55s calc((var(--i) % 6) * .045s) ease-out both!important;transform:rotate(var(--a)) translateY(-55px)}.cc-levelup-celebration__sparks i:nth-child(3n){background:#69caae!important;box-shadow:0 0 8px rgba(105,202,174,.72)!important}.cc-levelup-celebration__sparks i:nth-child(4n){background:#c5a8ef!important;box-shadow:0 0 8px rgba(197,168,239,.72)!important}
@keyframes ccLevelCard363{0%{opacity:0;transform:translateY(18px) scale(.78)}14%,82%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-12px) scale(1.02)}}
@keyframes ccLevelSpark363{0%{opacity:0;transform:rotate(var(--a)) translateY(-50px) scale(.2)}18%{opacity:1}75%{opacity:.85;transform:rotate(var(--a)) translateY(-185px) scale(1)}100%{opacity:0;transform:rotate(var(--a)) translateY(-220px) scale(.5)}}

/* Gift showroom / MySpace collection guidance. */
.cc-showroom-store-cta{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;margin:0 0 16px!important;padding:13px 15px!important;border:1px solid #dcebe5!important;border-radius:16px!important;background:linear-gradient(135deg,#f3fbf8,#fffaf0)!important}.cc-showroom-store-cta>div{display:grid!important;gap:2px!important;min-width:0!important}.cc-showroom-store-cta span{font-size:8px!important;letter-spacing:.13em!important;font-weight:1000!important;color:#4e9a83!important}.cc-showroom-store-cta strong{font-size:14px!important;color:#273a34!important}.cc-showroom-store-cta small{font-size:10px!important;line-height:1.45!important;color:#74817c!important}.cc-showroom-store-cta a{flex:0 0 auto!important;text-decoration:none!important;padding:9px 13px!important;border-radius:999px!important;background:#3f977d!important;color:#fff!important;font-size:10px!important;font-weight:1000!important;box-shadow:0 6px 14px rgba(63,151,125,.18)!important}
@media(max-width:620px){.cc-showroom-store-cta{align-items:flex-start!important;flex-direction:column!important}.cc-showroom-store-cta a{width:100%!important;text-align:center!important}}

/* Product cards have their own one-tap cart action and every product description
   remains visible on desktop. */




/* PC wallet + cart: one permanent bottom-right dock. */




/* Public display shelf: increase the actual board face so the larger museum
   plinths sit clearly on the shelf instead of appearing to hang over its edge. */




@media(prefers-reduced-motion:reduce){.cc-evolution-burst__spark i,.cc-levelup-celebration__sparks i,.cc-levelup-celebration__card{animation:none!important}.cc-levelup-celebration.is-show .cc-levelup-celebration__card{opacity:1!important;transform:none!important}}


/* ==========================================================
   v0.8.364 — Store artwork safe-frame + sticker retirement
   - Stop legacy 3D pseudo overlays from drawing rectangular highlight blocks.
   - Keep every sprite inside an inset safe area so source aspect ratios cannot clip.
   - Former sticker characters are normal exhibit products; no sticker-only UI remains.
   ========================================================== */


/* Old premium-material pseudo layers created a hard-edged white rectangle on the
   flower/CotoCle object. Store cards use their own unified studio background now. */


/* Wide CotoCle infinity object needs extra horizontal breathing room. */

/* Flower no longer needs the old per-item shrink rule; a symmetric transparent
   safe frame prevents its studio background from appearing cut at the top. */



/* ==========================================================
   v0.8.366 — universal sprite safe-frame / unified cart / dark showcase
   ========================================================== */

/* Collection/encyclopedia cards previously let the native 384/512px PNG size
   escape a much smaller art box. Keep every sprite inside a predictable inset
   frame instead of relying on each source image's transparent margins. */


/* A slightly larger safety inset in the Store makes even the widest/tallest
   silhouettes safe when cards shrink responsively. */




/* Evolution overlay gets its own art context. Never let natural image dimensions
   participate in layout; this fixes large items escaping to the lower-right. */







/* Selected item and cart are one permanent purchase card. The compact point/cart
   dock remains available at bottom-right on PC, but the detailed cart now lives
   inside the selected-item panel instead of behaving like a separate widget. */

















/* Dark museum shelf: effect families gain contrast without changing the actual
   object artwork. Keep the large physical shelf face and add a subtle brass edge. */








/* ==========================================================
   v0.8.366 — Showcase FX artwork-anchor alignment
   FX used to be positioned from the shelf item's baseline.  That made the
   visual centre drift whenever pedestal height, responsive art size or shelf
   surface height changed.  The effect node now lives inside the artwork box,
   so every family follows the exact same centre as the displayed object.
   ========================================================== */


/* Artwork stays on the same optical axis; FX may surround it without changing
   the pedestal/contact calculation. */


/* Sparkle/snow/bubble families benefit from a few foreground particles while
   their main body remains centred behind the object. */

/* Prevent historical shelf-baseline overrides from moving the anchored FX. */



/* ==========================================================
   v0.8.367 — Public profile visual system / responsive bento layout
   Public creator pages now use a cohesive layered backdrop, stronger card
   hierarchy and a non-monotonous desktop composition. Functionality is
   unchanged; this block only changes presentation and responsive layout.
   ========================================================== */
.cc-creator-page{
  --cc-public-ink:#17243a;
  --cc-public-blue:#315eaa;
  --cc-public-blue-deep:#23477f;
  --cc-public-mint:#42a78f;
  --cc-public-gold:#b78a38;
  --cc-public-gold-soft:#f2dfb8;
  --cc-public-line:rgba(48,75,104,.12);
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:clamp(16px,2vw,26px)!important;
  padding:clamp(8px,1vw,14px) 0 clamp(32px,5vw,72px)!important;
}
.cc-creator-page:before{
  content:"";
  position:absolute;
  z-index:-2;
  top:-54px;
  bottom:-110px;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 3%,rgba(74,151,201,.16),transparent 29%),
    radial-gradient(circle at 93% 9%,rgba(232,192,112,.18),transparent 26%),
    radial-gradient(circle at 78% 52%,rgba(74,174,147,.10),transparent 33%),
    linear-gradient(180deg,#f6f9fe 0%,#fffaf1 31%,#f7fbfa 63%,#f4f7fb 100%);
}
.cc-creator-page:after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-25px;
  left:50%;
  width:min(1180px,96vw);
  height:260px;
  transform:translateX(-50%);
  pointer-events:none;
  border-radius:48px;
  opacity:.54;
  background:
    linear-gradient(115deg,rgba(255,255,255,.82),rgba(255,255,255,0) 46%),
    repeating-linear-gradient(135deg,rgba(49,94,170,.025) 0 1px,transparent 1px 14px);
}
.cc-creator-page>*{grid-column:1/-1;min-width:0;position:relative;z-index:1}

/* Public-mode banner becomes a compact premium page switcher. */
.cc-creator-page>.cc-profile-mode-banner--public{
  margin:0!important;
  min-height:76px!important;
  padding:15px clamp(16px,2vw,24px)!important;
  border:1px solid rgba(183,138,56,.28)!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 88% 25%,rgba(228,192,111,.24),transparent 24%),
    linear-gradient(120deg,rgba(255,255,255,.96),rgba(255,249,235,.92))!important;
  box-shadow:0 16px 40px rgba(47,68,91,.075)!important;
  color:#664d1f!important;
}
.cc-creator-page>.cc-profile-mode-banner--public:before{
  content:"";position:absolute;left:0;top:15px;bottom:15px;width:4px;border-radius:0 5px 5px 0;
  background:linear-gradient(180deg,#d6aa50,#8b681f);
}
.cc-creator-page>.cc-profile-mode-banner--public small{font-size:10px!important;letter-spacing:.16em!important;color:#8f6d28!important}
.cc-creator-page>.cc-profile-mode-banner--public strong{font-size:clamp(17px,1.6vw,21px)!important;color:#4b3917!important}
.cc-creator-page>.cc-profile-mode-banner--public span{font-size:11px!important;color:#8f815e!important}
.cc-creator-page>.cc-profile-mode-banner--public a{
  min-height:40px!important;padding:9px 16px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid rgba(255,255,255,.26)!important;border-radius:13px!important;
  background:linear-gradient(135deg,#9b7828,#755818)!important;color:#fff!important;
  box-shadow:0 8px 18px rgba(112,83,25,.20)!important;font-size:11px!important;letter-spacing:.01em!important;
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.cc-creator-page>.cc-profile-mode-banner--public a:hover{transform:translateY(-2px)!important;box-shadow:0 11px 23px rgba(112,83,25,.27)!important;filter:saturate(1.08)!important}

/* Hero creator card. */
.cc-creator-page .cc-profile-card--creator{
  min-height:0!important;
  padding:clamp(24px,3vw,38px)!important;
  grid-template-columns:minmax(0,1fr) minmax(380px,.86fr)!important;
  gap:clamp(28px,5vw,68px)!important;
  border:1px solid rgba(53,91,132,.13)!important;
  border-radius:30px!important;
  overflow:visible!important;
  background:
    radial-gradient(circle at 90% 8%,rgba(61,160,142,.14),transparent 27%),
    radial-gradient(circle at 8% 95%,rgba(67,108,181,.10),transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(248,252,255,.96) 55%,rgba(247,252,249,.97))!important;
  box-shadow:0 20px 50px rgba(38,60,84,.09)!important;
}
.cc-creator-page .cc-profile-card--creator:before{
  content:"";position:absolute;left:0;top:28px;bottom:28px;width:5px;border-radius:0 8px 8px 0;
  background:linear-gradient(180deg,var(--cc-public-blue),var(--cc-public-mint));
}
.cc-creator-page .cc-profile-card--creator .cc-profile-main{align-items:center!important;gap:clamp(16px,2vw,24px)!important}
.cc-creator-page .cc-profile-card--creator .cc-avatar--profile{width:104px!important;height:104px!important;box-shadow:0 12px 30px rgba(38,64,98,.19),0 0 0 6px rgba(255,255,255,.86)!important}
.cc-creator-page .cc-profile-card--creator .cc-eyebrow{font-size:11px!important;letter-spacing:.13em!important;color:var(--cc-public-blue)!important}
.cc-creator-page .cc-profile-card--creator h1{font-size:clamp(25px,2.35vw,34px)!important;line-height:1.05!important;color:var(--cc-public-ink)!important;margin:5px 0 8px!important}
.cc-creator-page .cc-profile-card--creator .cc-profile-bio{font-size:13px!important;line-height:1.75!important;color:#5e6b7a!important;max-width:56ch!important}
.cc-creator-page .cc-profile-card--creator .cc-profile-linkline a{font-size:12px!important;font-weight:850!important;color:#318c9b!important;text-decoration:none!important}
.cc-creator-page .cc-profile-card--creator .cc-profile-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  border:0!important;border-radius:22px!important;gap:8px!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;
}
.cc-creator-page .cc-profile-card--creator .cc-stat{
  min-height:96px!important;padding:14px 8px!important;border:1px solid rgba(48,75,104,.11)!important;border-radius:17px!important;
  background:rgba(255,255,255,.88)!important;box-shadow:0 9px 20px rgba(42,61,82,.055)!important;
}
.cc-creator-page .cc-profile-card--creator .cc-stat:nth-child(n){border-right:1px solid rgba(48,75,104,.11)!important;border-bottom:1px solid rgba(48,75,104,.11)!important}
.cc-creator-page .cc-profile-card--creator .cc-stat strong{font-size:clamp(22px,2vw,29px)!important;color:#1f3453!important}
.cc-creator-page .cc-profile-card--creator .cc-stat span{font-size:10px!important;font-weight:850!important;color:#778393!important}

/* Unified public-page actions: large enough to be intentional, but not dominant. */
.cc-creator-page .cc-public-mini-edit,.cc-creator-page .cc-public-showcase-wide-zone [data-cc-showcase-edit],.cc-creator-page .cc-follow-btn,.cc-creator-page .cc-btn{
  min-height:38px!important;padding:8px 14px!important;border-radius:12px!important;font-size:10px!important;font-weight:900!important;
  letter-spacing:.015em!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease!important;
}
.cc-creator-page .cc-public-mini-edit{
  top:14px!important;right:14px!important;border:1px solid rgba(49,94,170,.18)!important;
  background:linear-gradient(135deg,#fff,#f3f7ff)!important;color:#315eaa!important;box-shadow:0 7px 18px rgba(49,94,170,.10)!important;
}
.cc-creator-page .cc-public-mini-edit:hover,.cc-creator-page .cc-public-showcase-wide-zone [data-cc-showcase-edit]:hover,.cc-creator-page .cc-btn:hover{transform:translateY(-2px)!important}

/* Showcase gets a more deliberate museum-card frame. */








/* Bento break: rank + gallery sit together on desktop instead of forming a long
   single-column stack. */
.cc-creator-page>.cc-public-rank-zone{grid-column:1/span 5!important;align-self:stretch!important}
.cc-creator-page>.cc-public-gallery-zone{grid-column:6/-1!important;align-self:stretch!important}







/* Public panels no longer look like empty admin boxes. */
.cc-creator-page .cc-panel{
  border:1px solid rgba(50,77,105,.12)!important;border-radius:28px!important;overflow:hidden!important;
  background:rgba(255,255,255,.93)!important;box-shadow:0 16px 42px rgba(44,63,84,.07)!important;
}
.cc-creator-page .cc-panel-head{
  min-height:78px!important;height:auto!important;padding:18px 22px!important;border-bottom:1px solid rgba(50,77,105,.08)!important;
  background:linear-gradient(135deg,rgba(246,250,255,.96),rgba(255,252,245,.92))!important;
}
.cc-creator-page .cc-panel-kicker{font-size:10px!important;letter-spacing:.13em!important;color:#45699b!important}
.cc-creator-page .cc-panel-head h3{font-size:clamp(18px,1.6vw,23px)!important;color:#1c2f48!important}
.cc-creator-page .cc-panel-head>.cc-muted{font-size:10px!important;color:#8a96a3!important}
.cc-creator-page .cc-panel-body{padding:clamp(18px,2vw,24px)!important}



/* Activity becomes a card grid on wide screens, breaking the long timeline look. */






/* Creator works gets its own stronger cap so the page ends with a clear content area. */
.cc-creator-page .cc-public-works-zone{border-color:rgba(49,94,170,.15)!important}
.cc-creator-page .cc-public-works-zone>.cc-panel-head{background:linear-gradient(135deg,#edf4ff,#f7fbff 55%,#f6fbf8)!important}

@media(max-width:1100px){
  .cc-creator-page .cc-profile-card--creator{grid-template-columns:1fr!important;gap:24px!important}
  .cc-creator-page .cc-profile-card--creator .cc-profile-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .cc-creator-page .cc-profile-card--creator .cc-stat{min-height:82px!important}
}
@media(max-width:900px){
  .cc-creator-page{grid-template-columns:1fr!important;gap:16px!important}
  .cc-creator-page>*{grid-column:1!important}
  .cc-creator-page>.cc-public-rank-zone,.cc-creator-page>.cc-public-gallery-zone{grid-column:1!important}
  .cc-creator-page .cc-contribution-rank{min-height:0!important}
  .cc-creator-page .cc-activity-feed .cc-activity-list{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .cc-creator-page{padding-top:2px!important;gap:13px!important}
  .cc-creator-page:before{top:-28px;bottom:-70px}
  .cc-creator-page>.cc-profile-mode-banner--public{min-height:0!important;padding:13px 14px!important;border-radius:18px!important;align-items:flex-start!important}
  .cc-creator-page>.cc-profile-mode-banner--public a{min-height:36px!important;padding:7px 10px!important;border-radius:10px!important;font-size:9px!important}
  .cc-creator-page .cc-profile-card--creator{padding:22px 17px!important;border-radius:22px!important}
  .cc-creator-page .cc-profile-card--creator .cc-avatar--profile{width:84px!important;height:84px!important}
  .cc-creator-page .cc-profile-card--creator .cc-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .cc-creator-page .cc-profile-card--creator .cc-stat{min-height:74px!important;border-radius:14px!important}
  .cc-creator-page .cc-public-showcase-wide-zone{padding:13px!important;border-radius:22px!important}
  .cc-creator-page .cc-public-showcase-wide-zone .cc-showcase-ownerbar{align-items:center!important;flex-direction:row!important;gap:8px!important}
  .cc-creator-page .cc-showcase-owner-actions{width:auto!important;margin-left:auto!important;justify-content:flex-end!important}
  .cc-creator-page .cc-showcase-global-toggle,.cc-creator-page .cc-public-showcase-wide-zone [data-cc-showcase-edit]{min-height:34px!important;padding:6px 9px!important;border-radius:10px!important;font-size:9px!important}
  .cc-creator-page .cc-panel,.cc-creator-page .cc-contribution-rank{border-radius:21px!important}
  .cc-creator-page .cc-panel-head{min-height:64px!important;padding:14px 16px!important}
  .cc-creator-page .cc-panel-body{padding:15px!important}
  .cc-creator-page .cc-public-mini-edit{top:9px!important;right:9px!important;min-height:32px!important;padding:5px 8px!important;border-radius:10px!important;font-size:8px!important}
}

/* ==========================================================
   v0.8.368 — mobile cart restore + uncropped code-art framing
   ========================================================== */
/* Code-rendered replacements use the same safe box as PNG sprites. */


/* On phones the cart must remain visible and purchasable without opening the
   desktop-only side panel. Keep it above the app bottom navigation. */


\n\n/* ==========================================================\n   v0.8.369 — mobile wallet/cart single-location layout\n   ========================================================== */\n@media(max-width:920px){\n  /* Points and cart intentionally share one compact horizontal wallet card. */\n  .cc-store-v318 .cc-store-wallet-dock{\n    grid-template-columns:minmax(104px,.88fr) minmax(132px,1.12fr)!important;\n    gap:0!important;\n    width:min(326px,calc(100vw - 20px))!important;\n    padding:8px 9px!important;\n    align-items:stretch!important;\n  }\n  .cc-store-v318 .cc-store-wallet__points{\n    min-width:0!important;\n    padding:2px 9px 2px 1px!important;\n    border-bottom:0!important;\n    border-right:1px solid #eee7dc!important;\n  }\n  .cc-store-v318 .cc-store-wallet__points .cc-store-wallet__coin{\n    width:34px!important;height:34px!important;min-width:34px!important;font-size:14px!important;\n  }\n  .cc-store-v318 .cc-store-wallet__points small{font-size:8px!important;white-space:nowrap!important}\n  .cc-store-v318 .cc-store-wallet__points strong{font-size:17px!important;white-space:nowrap!important}\n  .cc-store-v318 .cc-store-wallet__cart{\n    grid-template-columns:minmax(0,1fr) auto!important;\n    gap:5px!important;\n    min-width:0!important;\n    padding:1px 0 1px 9px!important;\n  }\n  .cc-store-v318 .cc-store-wallet__carticon{display:none!important}\n  .cc-store-v318 .cc-store-wallet__cart small{font-size:8px!important;white-space:nowrap!important}\n  .cc-store-v318 .cc-store-wallet__cart strong{font-size:11px!important;white-space:nowrap!important}\n  .cc-store-v318 .cc-store-wallet__cart button{\n    min-width:48px!important;height:34px!important;padding:0 7px!important;font-size:9px!important;\n  }\n  .cc-store-v318{padding-bottom:150px!important}\n}\n@media(max-width:390px){\n  .cc-store-v318 .cc-store-wallet-dock{width:calc(100vw - 14px)!important;right:7px!important}\n  .cc-store-v318 .cc-store-wallet__points{padding-right:6px!important}\n  .cc-store-v318 .cc-store-wallet__cart{padding-left:6px!important}\n  .cc-store-v318 .cc-store-wallet__points .cc-store-wallet__coin{width:30px!important;height:30px!important;min-width:30px!important}\n  .cc-store-v318 .cc-store-wallet__points strong{font-size:15px!important}\n}









/* The visual-effect node is artwork-local. Clip moving particles/rays to that
   local box so bubbles/snow do not drift into neighbouring shelf rows. */




/* ==========================================================
   v0.8.372 — public profile mobile layout hardening
   ========================================================== */
/* Keep every public-profile block inside the phone viewport even when the
   WordPress/theme wrapper applies inherited widths or min-widths. */
.cc-creator-page,.cc-creator-page > *,.cc-creator-page .cc-profile-card--creator,.cc-creator-page .cc-profile-main,.cc-creator-page .cc-profile-copy,.cc-creator-page .cc-profile-tools,.cc-creator-page .cc-profile-stats{
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}

@media(max-width:620px){
  /* Header: do not let the return button squeeze the Japanese title into a
     broken two-line word. It remains a compact two-column switcher. */
  .cc-creator-page>.cc-profile-mode-banner--public{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:10px!important;
    row-gap:5px!important;
    align-items:center!important;
    padding:13px 13px 13px 15px!important;
    overflow:hidden!important;
  }
  .cc-creator-page>.cc-profile-mode-banner--public>div{
    min-width:0!important;
    display:grid!important;
    gap:3px!important;
  }
  .cc-creator-page>.cc-profile-mode-banner--public small{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:9px!important;
    letter-spacing:.12em!important;
  }
  .cc-creator-page>.cc-profile-mode-banner--public strong{
    display:block!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    font-size:15px!important;
    line-height:1.3!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
  }
  .cc-creator-page>.cc-profile-mode-banner--public span{
    display:block!important;
    font-size:9px!important;
    line-height:1.5!important;
    white-space:normal!important;
    word-break:keep-all!important;
  }
  .cc-creator-page>.cc-profile-mode-banner--public a{
    width:auto!important;
    max-width:122px!important;
    min-width:0!important;
    min-height:36px!important;
    padding:7px 9px!important;
    font-size:9px!important;
    line-height:1.35!important;
    text-align:center!important;
    white-space:normal!important;
    word-break:keep-all!important;
  }

  /* Creator hero: reserve room for the edit chip and prevent the avatar/name
     row from colliding with it. */
  .cc-creator-page .cc-profile-card--creator{
    width:100%!important;
    padding:20px 15px 17px!important;
    gap:18px!important;
    overflow:hidden!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-profile-main{
    width:100%!important;
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    align-items:center!important;
    gap:13px!important;
    padding-right:0!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-avatar--profile{
    width:82px!important;
    height:82px!important;
    min-width:82px!important;
    max-width:82px!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-profile-copy{
    width:100%!important;
    padding-top:4px!important;
    overflow:visible!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-eyebrow{
    display:block!important;
    padding-right:52px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    font-size:10px!important;
  }
  .cc-creator-page .cc-profile-card--creator h1{
    max-width:100%!important;
    margin:5px 0 7px!important;
    font-size:28px!important;
    line-height:1.08!important;
    overflow-wrap:anywhere!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-profile-bio{
    width:100%!important;
    margin:0!important;
    font-size:12px!important;
    line-height:1.65!important;
    overflow-wrap:anywhere!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-profile-linkline{
    margin:7px 0 0!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-profile-linkline a{
    display:inline-block!important;
    max-width:100%!important;
    font-size:11px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
  }
  .cc-creator-page .cc-public-mini-edit{
    top:10px!important;
    right:10px!important;
    min-height:30px!important;
    padding:5px 8px!important;
    font-size:8px!important;
    white-space:nowrap!important;
  }

  /* Stats must always be a clean 2 x 2 grid with no inherited borders or
     widths pushing the second column outside the card. */
  .cc-creator-page .cc-profile-card--creator .cc-profile-stats{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    border:0!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-stat,.cc-creator-page .cc-profile-card--creator .cc-stat:nth-child(n){
    width:100%!important;
    min-width:0!important;
    min-height:74px!important;
    padding:11px 6px!important;
    border:1px solid rgba(48,75,104,.11)!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.90)!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-stat strong{
    font-size:24px!important;
    line-height:1!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-stat span{
    max-width:100%!important;
    font-size:9px!important;
    white-space:normal!important;
    word-break:keep-all!important;
  }
}

@media(max-width:380px){
  .cc-creator-page>.cc-profile-mode-banner--public{
    grid-template-columns:1fr!important;
  }
  .cc-creator-page>.cc-profile-mode-banner--public a{
    justify-self:start!important;
    max-width:none!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-profile-main{
    grid-template-columns:74px minmax(0,1fr)!important;
    gap:11px!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-avatar--profile{
    width:74px!important;height:74px!important;min-width:74px!important;max-width:74px!important;
  }
  .cc-creator-page .cc-profile-card--creator h1{font-size:25px!important}
}
\n@media(max-width:640px){\n  .cc-showcase-owner-actions{gap:5px!important}\n  .cc-showcase-global-toggle span{font-size:8px!important}\n  .cc-evo-pedestal__owned{min-width:23px!important;height:18px!important;padding:0 5px!important}\n}




/* Trial mode deliberately overrides the owner's normal ON/OFF settings, but never saves them. */



/* PC: points and cart are one fixed wallet. It remains at the same top-right
   position while the product list scrolls, so neither part can be left behind. */



/* ==========================================================
   v0.8.375 — public shelf state persistence / visible counts / creator title guard
   ========================================================== */
/* The count badge belongs visually to the pedestal, but the artwork previously
   sat in a higher stacking layer and could cover it completely.  Bring the
   pedestal front lip above the artwork so the owned-count chip is always visible. */






/* The switches are public-profile settings, not a private preview. */




/* THE THOR can render the fixed-page title "クリエイター" immediately above
   the shortcode.  It is redundant with PUBLIC PROFILE and could be clipped by
   the CotoCle header.  Hide only the theme title shell, never CotoCle content. */
body:has(.cc-creator-page) .heading.heading-primary,body:has(.cc-creator-page) h1.heading-primary,body:has(.cc-creator-page) .article__header > h1,body:has(.cc-creator-page) .article__title,body:has(.cc-creator-page) .page-title,body:has(.cc-creator-page) .pageTitle{
  display:none!important;
}


/* ==========================================================
   v0.8.376 — fixed bottom-right wallet/cart + centred snow FX
   ========================================================== */
/* Desktop store: point balance and cart are one compact floating controller.
   Keep the single wallet in the lower-right while the product grid scrolls. */



/* Snow family: the old particles were positioned with fixed positive x-offset
   box-shadows. After responsive resizing that made every snow variant appear
   left-heavy. Rebuild the flakes as percentage-based layers around the true
   centre so store previews, desktop shelves and mobile shelves share the same
   optical axis. */





@keyframes ccFxSnow376{
  0%{transform:translate(-50%,-8%)}
  100%{transform:translate(-50%,42%)}
}
/* The public shelf uses smaller responsive effect boxes. Keep the snow globe
   itself centred within that box instead of inheriting any historical nudge. */


/* ==========================================================
   v0.8.397 — profile switch alignment + dark MY PROFILE outer canvas
   ========================================================== */
/* Keep the MY/PUBLIC page switch action pinned to the far right even when
   theme/global flex rules alter the banner's distribution. */
.cc-profile-mode-banner > a,.cc-dashboard > .cc-profile-mode-banner--mine > a,.cc-creator-page > .cc-profile-mode-banner--public > a{
  margin-left:auto!important;
  margin-right:0!important;
  justify-self:end!important;
  align-self:center!important;
}

/* MY PROFILE: paint a true full-viewport dark canvas behind the CotoCle
   dashboard. This avoids THE THOR / page-wrapper white backgrounds showing
   through the outer margins while leaving the actual cards light. */
.cc-dashboard:has(> .cc-profile-mode-banner--mine),body.page-cotocle-mypage .cc-dashboard,body[class*="cotocle-mypage"] .cc-dashboard{
  position:relative!important;
  isolation:isolate!important;
}

.cc-dashboard:has(> .cc-profile-mode-banner--mine)::before,body.page-cotocle-mypage .cc-dashboard::before,body[class*="cotocle-mypage"] .cc-dashboard::before{
  content:""!important;
  position:fixed!important;
  inset:0!important;
  z-index:-1!important;
  pointer-events:none!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 12% 4%,rgba(38,105,88,.25),transparent 30%),
    radial-gradient(circle at 90% 18%,rgba(54,78,119,.22),transparent 29%),
    radial-gradient(circle at 72% 78%,rgba(90,68,39,.13),transparent 34%),
    linear-gradient(180deg,#06100e 0%,#091512 46%,#08110f 100%)!important;
}

/* Theme wrappers can carry their own white surface. When :has() is
   supported, make only the MY PROFILE page wrappers transparent so the
   dark CotoCle canvas is visible all the way to the viewport edges. */
body:has(.cc-dashboard > .cc-profile-mode-banner--mine) .site,body:has(.cc-dashboard > .cc-profile-mode-banner--mine) #page,body:has(.cc-dashboard > .cc-profile-mode-banner--mine) #content,body:has(.cc-dashboard > .cc-profile-mode-banner--mine) .site-content,body:has(.cc-dashboard > .cc-profile-mode-banner--mine) .siteContent,body:has(.cc-dashboard > .cc-profile-mode-banner--mine) .l-wrapper,body:has(.cc-dashboard > .cc-profile-mode-banner--mine) .l-main{
  background-color:transparent!important;
  background-image:none!important;
}

/* Preserve compact right alignment on phones without allowing the switch
   button to stretch across the row. */
@media(max-width:640px){
  .cc-profile-mode-banner > a,.cc-dashboard > .cc-profile-mode-banner--mine > a,.cc-creator-page > .cc-profile-mode-banner--public > a{
    width:auto!important;
    max-width:132px!important;
    margin-left:auto!important;
    justify-self:end!important;
  }
}


/* ==========================================================
   v0.8.408 Compact Top Page
   トップは「探す・投稿する」を最優先。説明の重複と縦スクロールを削減。
   ========================================================== */
.cc-contribute-gateway--compact{
  position:relative!important;
  overflow:hidden!important;
  padding:30px 18px!important;
  border-top:1px solid #dfe8e3!important;
  border-bottom:1px solid #dfe8e3!important;
  background:linear-gradient(120deg,#f6fbf8 0%,#fffdf8 60%,#f6f2e9 100%)!important;
}
.ccg-compact{
  width:min(1180px,100%)!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr)!important;
  gap:22px 34px!important;
  align-items:center!important;
}
.ccg-compact__eyebrow{
  display:block!important;
  margin-bottom:7px!important;
  color:#2f8f69!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.15em!important;
}
.ccg-compact__copy h2{
  margin:0!important;
  color:#17251f!important;
  font-size:clamp(27px,3.1vw,42px)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
}
.ccg-compact__copy p{
  max-width:690px!important;
  margin:10px 0 0!important;
  color:#65756d!important;
  font-size:13px!important;
  line-height:1.75!important;
}
.ccg-compact__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:9px!important;
  margin-top:16px!important;
}
.ccg-compact__primary,.ccg-compact__secondary{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 16px!important;
  border-radius:11px!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:900!important;
}
.ccg-compact__primary{background:#176046!important;color:#fff!important;border:1px solid #176046!important}
.ccg-compact__secondary{background:#fff!important;color:#315147!important;border:1px solid #d8e4de!important}
.ccg-compact__side{
  display:grid!important;
  gap:7px!important;
  padding:13px!important;
  border:1px solid #dce8e1!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 10px 28px rgba(41,67,56,.07)!important;
}
.ccg-compact__file{
  display:grid!important;
  grid-template-columns:48px 1fr!important;
  gap:9px!important;
  align-items:center!important;
  min-height:39px!important;
  padding:7px 9px!important;
  border-radius:10px!important;
  background:#f9fbfa!important;
}
.ccg-compact__file b{
  display:grid!important;
  place-items:center!important;
  min-height:27px!important;
  border-radius:7px!important;
  background:#eaf5ef!important;
  color:#287256!important;
  font-size:9px!important;
}
.ccg-compact__file span{color:#53645c!important;font-size:11px!important;font-weight:800!important}
.ccg-compact__trust{
  grid-column:1/-1!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  padding-top:1px!important;
}
.ccg-compact__trust span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:26px!important;
  padding:0 9px!important;
  border:1px solid #dce9e2!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#64756d!important;
  font-size:9.5px!important;
  font-weight:850!important;
}
.ccg-compact__trust span:before{content:"✓";margin-right:5px;color:#2f8f69;font-weight:950}

.cc-home-quick{
  position:sticky!important;
  top:0!important;
  z-index:12!important;
  width:calc(100% - 32px)!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:12px 0 10px!important;
  background:rgba(255,253,250,.94)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.cc-home-quick__search{
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:center!important;
  min-height:50px!important;
  padding:5px 6px 5px 13px!important;
  border:1px solid #d7ddd9!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(45,58,51,.06)!important;
}
.cc-home-quick__search>span{color:#79857f!important;font-size:20px!important}
.cc-home-quick__search input{
  min-width:0!important;
  width:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#28332e!important;
  font:inherit!important;
  font-size:13px!important;
}
.cc-home-quick__search button{
  min-height:38px!important;
  padding:0 15px!important;
  border:0!important;
  border-radius:10px!important;
  background:#1d6b4e!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
.cc-home-quick__links{
  display:flex!important;
  gap:6px!important;
  overflow-x:auto!important;
  padding:8px 1px 0!important;
  scrollbar-width:none!important;
}
.cc-home-quick__links::-webkit-scrollbar{display:none!important}
.cc-home-quick__links a{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:0 10px!important;
  border:1px solid #e3e7e4!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#5d6b64!important;
  text-decoration:none!important;
  font-size:10px!important;
  font-weight:850!important;
}

.cc-home-discovery .cc-discovery-section{
  padding-top:40px!important;
  padding-bottom:40px!important;
}
.cc-home-discovery .cc-discovery-head{
  margin-bottom:16px!important;
}
.cc-home-discovery .cc-discovery-head h2{
  margin-bottom:4px!important;
  font-size:clamp(23px,2.6vw,32px)!important;
}
.cc-home-discovery .cc-discovery-head p{
  font-size:12px!important;
  line-height:1.65!important;
}
.cc-home-discovery .cc-discovery-section--seasonal-prep{
  padding-top:34px!important;
  padding-bottom:38px!important;
}
.cc-home-discovery .cc-seasonal-set-card{
  min-height:178px!important;
  padding:17px!important;
}
.cc-home-discovery .cc-seasonal-set-card h3{
  font-size:19px!important;
}
.cc-home-discovery .cc-seasonal-set-card p{
  display:-webkit-box!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  font-size:10.5px!important;
}
.cc-home-discovery .cc-seasonal-set-card__hints{
  max-height:29px!important;
  overflow:hidden!important;
}
.cc-home-discovery .cc-home-category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
.cc-home-discovery .cc-home-category-card{
  min-height:66px!important;
  padding:12px 13px!important;
}
.cc-home-discovery .cc-creator-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}
.cc-home-discovery .cc-creator-card__works a:nth-child(n+2){display:none!important}

@media(max-width:780px){
  .ccg-compact{grid-template-columns:1fr!important;gap:14px!important}
  .ccg-compact__trust{grid-column:auto!important}
  .ccg-compact__side{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .ccg-compact__file{grid-template-columns:1fr!important;text-align:center!important}
  .cc-home-discovery .cc-home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cc-home-discovery .cc-creator-grid{grid-template-columns:1fr!important}
}
@media(max-width:520px){
  .cc-contribute-gateway--compact{padding:22px 14px!important}
  .ccg-compact__copy h2{font-size:29px!important}
  .ccg-compact__copy p{font-size:12px!important}
  .ccg-compact__actions{display:grid!important;grid-template-columns:1fr 1fr!important}
  .ccg-compact__primary,.ccg-compact__secondary{padding:0 10px!important}
  .ccg-compact__side{grid-template-columns:1fr!important;gap:5px!important;padding:9px!important}
  .ccg-compact__file{grid-template-columns:44px 1fr!important;text-align:left!important;min-height:34px!important;padding:5px 7px!important}
  .ccg-compact__trust{gap:5px!important}
  .ccg-compact__trust span{font-size:8.5px!important;min-height:23px!important;padding:0 7px!important}
  .cc-home-quick{width:calc(100% - 20px)!important;padding:8px 0!important}
  .cc-home-quick__search{min-height:45px!important;border-radius:12px!important}
  .cc-home-quick__search button{min-height:34px!important;padding:0 12px!important}
  .cc-home-discovery .cc-discovery-section{padding-top:30px!important;padding-bottom:30px!important}
  .cc-home-discovery .cc-discovery-inner{width:calc(100% - 24px)!important}
  .cc-home-discovery .cc-discovery-head{margin-bottom:12px!important}
  .cc-home-discovery .cc-discovery-head h2{font-size:23px!important}
  .cc-home-discovery .cc-discovery-head p{font-size:11px!important}
  .cc-home-discovery .cc-seasonal-set-grid{
    display:flex!important;
    overflow-x:auto!important;
    gap:10px!important;
    scroll-snap-type:x mandatory!important;
    scrollbar-width:none!important;
  }
  .cc-home-discovery .cc-seasonal-set-grid::-webkit-scrollbar{display:none!important}
  .cc-home-discovery .cc-seasonal-set-card{
    flex:0 0 82%!important;
    min-height:165px!important;
    scroll-snap-align:start!important;
  }
}


/* ===== v0.8.412 transplanted processing screen from v0.8.411 ===== */
/* v0.8.408 — real processing mascots + truthful server-driven progress */
.cc-processing-mascot-team{
  position:relative!important;width:126px!important;height:132px!important;flex:0 0 126px!important;
  display:grid!important;place-items:center!important;overflow:visible!important
}
.cc-processing-real-mascot{
  position:absolute!important;inset:0!important;margin:0!important;display:grid!important;place-items:center!important;
  opacity:0!important;transform:translateY(8px) scale(.92)!important;pointer-events:none!important;
  transition:opacity .35s ease,transform .35s ease!important
}
.cc-processing-real-mascot.is-active{opacity:1!important;transform:translateY(0) scale(1)!important}
.cc-processing-real-mascot img{
  width:108px!important;height:108px!important;object-fit:contain!important;display:block!important;
  filter:drop-shadow(0 10px 14px rgba(54,95,82,.16))!important
}
.cc-processing-real-mascot.is-active img{animation:ccRealMascotFloat 2.15s ease-in-out infinite!important}
.cc-processing-real-mascot.is-active:after{
  content:""!important;position:absolute!important;left:50%!important;bottom:20px!important;width:58px!important;height:12px!important;
  transform:translateX(-50%)!important;border-radius:50%!important;background:rgba(81,135,118,.12)!important;
  animation:ccRealMascotShadow 2.15s ease-in-out infinite!important;z-index:-1!important
}
.cc-processing-real-mascot figcaption{
  position:absolute!important;left:0!important;right:0!important;bottom:-1px!important;text-align:center!important;
  font-size:10px!important;font-weight:900!important;color:#4d776a!important;letter-spacing:.02em!important
}
@keyframes ccRealMascotFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes ccRealMascotShadow{0%,100%{transform:translateX(-50%) scale(1);opacity:.8}50%{transform:translateX(-50%) scale(.8);opacity:.45}}

.cc-processing-progress-head{
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:14px!important;margin:8px 0 8px!important
}
.cc-processing-progress-head>div{display:grid!important;gap:2px!important}
.cc-processing-progress-head small{font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important;color:#85a198!important}
.cc-processing-progress-head strong{font-size:13px!important;color:#28493f!important}
.cc-processing-progress-head>b{font-size:25px!important;line-height:1!important;color:#397e6e!important;font-variant-numeric:tabular-nums!important}
.cc-processing-progress{position:relative!important;height:12px!important;margin:0 0 8px!important;overflow:hidden!important;border-radius:999px!important;background:#e4ede9!important}
.cc-processing-progress>span{
  position:relative!important;display:block!important;min-width:8px!important;width:8%;height:100%!important;border-radius:inherit!important;
  background:linear-gradient(90deg,#67bba8,#8cd0bd,#efd27e)!important;transition:width .4s ease!important;overflow:hidden!important
}
.cc-processing-progress>span>i{
  position:absolute!important;top:0!important;bottom:0!important;width:46%!important;left:-48%!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent)!important;
  transform:skewX(-20deg)!important;animation:ccProgressSweep 1.35s ease-in-out infinite!important
}
@keyframes ccProgressSweep{0%{left:-48%}100%{left:110%}}
.cc-processing-detail{
  min-height:31px!important;margin:0 0 16px!important;padding:8px 10px!important;border:1px solid #dbe8e2!important;
  border-radius:10px!important;background:#f8fbfa!important;color:#657a72!important;font-size:10px!important;line-height:1.55!important
}
@media(max-width:640px){
 .cc-processing-mascot-team{width:94px!important;height:108px!important;flex-basis:94px!important}
 .cc-processing-real-mascot img{width:88px!important;height:88px!important}
 .cc-processing-real-mascot figcaption{font-size:9px!important}
 .cc-processing-progress-head>b{font-size:21px!important}
}
@media(prefers-reduced-motion:reduce){
 .cc-processing-real-mascot.is-active img,.cc-processing-real-mascot.is-active:after,.cc-processing-progress>span>i{animation:none!important}
}

/* v0.8.410 — viewport-safe processing overlay + always-visible live status */
.cc-processing-overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  width:100dvw!important;
  min-height:100vh!important;
  height:100dvh!important;
  z-index:2147483640!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
  padding:74px 24px 24px!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  background:#f2f8f5!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.cc-processing-livebar{
  position:fixed!important;
  z-index:2147483646!important;
  top:max(8px,env(safe-area-inset-top))!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(760px,calc(100vw - 24px))!important;
  min-height:52px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:9px!important;
  padding:8px 11px!important;
  border:1px solid #cfe1da!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.98)!important;
  box-shadow:0 10px 30px rgba(38,67,58,.16)!important;
  color:#2f5147!important;
}
.cc-processing-livebar .cc-processing-spinner{width:20px!important;height:20px!important;margin:0!important}
.cc-processing-livebar__text{display:grid!important;gap:1px!important;min-width:0!important}
.cc-processing-livebar__text small{font-size:8px!important;font-weight:900!important;letter-spacing:.12em!important;color:#7b9b91!important}
.cc-processing-livebar__text strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:11px!important;color:#2e5d50!important}
#cc-processing-live-percent{font-size:18px!important;line-height:1!important;color:#348876!important;font-variant-numeric:tabular-nums!important}
#cc-processing-live-elapsed{min-width:36px!important;text-align:right!important;font-size:9px!important;color:#778780!important;font-variant-numeric:tabular-nums!important}
.cc-processing-footer{display:none!important}

@media(max-width:820px){
  .cc-processing-overlay{padding:70px 10px 14px!important;align-items:flex-start!important}
  .cc-processing-shell{width:100%!important;margin:0 auto!important}
}
@media(max-width:520px){
  .cc-processing-overlay{padding:68px 8px 12px!important;background:#f3f9f6!important}
  .cc-processing-livebar{
    top:max(6px,env(safe-area-inset-top))!important;
    width:calc(100vw - 16px)!important;
    min-height:50px!important;
    grid-template-columns:24px minmax(0,1fr) auto!important;
    gap:7px!important;
    padding:7px 9px!important;
    border-radius:14px!important;
  }
  .cc-processing-livebar .cc-processing-spinner{width:18px!important;height:18px!important}
  #cc-processing-live-percent{font-size:17px!important}
  #cc-processing-live-elapsed{grid-column:2/4!important;text-align:left!important;min-width:0!important;margin-top:-4px!important;font-size:8px!important}
  .cc-processing-head{padding-top:2px!important}
}


/* v0.8.411 — owner submissions hub + actionable upload notices */
.cc-notice-my-submissions{display:inline-flex;margin-top:8px;font-weight:800;font-size:11px;color:#2f806b;text-decoration:none!important}
.cc-my-submissions,.cc-my-resource-detail{max-width:1100px;margin:0 auto;padding:18px 14px 40px}
.cc-my-submissions__head,.cc-my-resource-detail__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px}
.cc-my-submissions__head h2,.cc-my-resource-detail__head h2{margin:4px 0 6px}.cc-my-submissions__head p,.cc-my-resource-detail__head p{margin:0;color:#74817b;font-size:12px}
.cc-my-submission-list{display:grid;gap:9px}.cc-my-submission-card{display:grid;grid-template-columns:54px minmax(0,1fr) 24px;align-items:center;gap:11px;padding:11px;border:1px solid #dce7e2;border-radius:14px;background:#fff;text-decoration:none!important;color:inherit!important;box-shadow:0 5px 16px rgba(43,85,70,.05)}
.cc-my-submission-card__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#edf7f3;color:#2e7966;font-size:10px;font-weight:900}.cc-my-submission-card__body{min-width:0}.cc-my-submission-card__body>strong,.cc-my-submission-card__body>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-my-submission-card__body>strong{font-size:13px;margin:5px 0 3px}.cc-my-submission-card__body>small{font-size:10px;color:#7a8781}.cc-my-submission-card__top{display:flex;justify-content:space-between;gap:8px;align-items:center}.cc-my-submission-card__top time{font-size:9px;color:#99a39e}.cc-my-submission-card__arrow{color:#7d9d92}
.cc-my-status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:900;background:#eef3f1;color:#65766f}.cc-my-status--published{background:#e6f7ef;color:#27775f}.cc-my-status--pending{background:#fff3d8;color:#826322}.cc-my-status--confirm{background:#e9f1ff;color:#456b9b}.cc-my-status--draft{background:#f0f0f0;color:#737373}
.cc-my-resource-detail__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 14px}.cc-my-resource-detail__facts>div{padding:10px;border:1px solid #dfe8e4;border-radius:12px;background:#fff}.cc-my-resource-detail__facts small,.cc-my-resource-detail__facts b{display:block}.cc-my-resource-detail__facts small{font-size:9px;color:#83908a}.cc-my-resource-detail__facts b{margin-top:3px;font-size:11px}.cc-my-pack-note{margin:0 0 12px;padding:10px 12px;border-radius:11px;background:#eaf6f1;color:#456c60;font-size:11px}.cc-my-resource-detail__preview{padding:12px;border:1px solid #dce7e2;border-radius:16px;background:#f8faf9}.cc-my-resource-detail__preview>h3{margin:2px 4px 10px;font-size:14px}.cc-my-resource-detail__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@media(max-width:640px){.cc-my-submissions__head,.cc-my-resource-detail__head{align-items:flex-start;flex-direction:column}.cc-my-resource-detail__facts{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-my-submission-card{grid-template-columns:46px minmax(0,1fr) 18px;padding:9px}.cc-my-submission-card__icon{width:44px;height:44px}.cc-my-submission-card__top{align-items:flex-start;flex-direction:column;gap:3px}}


/* v0.8.413 — Material pages use the same detail/action language as resources. */
.cc-material-resource-detail{max-width:1180px;margin:0 auto;padding:14px 0}
.cc-material-resource-preview{min-height:520px;display:grid;place-items:center;padding:28px;margin-bottom:18px;border:1px solid #dce6e1;border-radius:20px;background-color:#fff;background-image:linear-gradient(45deg,#edf1ef 25%,transparent 25%),linear-gradient(-45deg,#edf1ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf1ef 75%),linear-gradient(-45deg,transparent 75%,#edf1ef 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;overflow:hidden}
.cc-material-resource-preview img{max-width:100%;max-height:620px;object-fit:contain}
.cc-material-resource-title{margin:12px 0 8px;color:#24322c;font-size:clamp(28px,3.4vw,42px);line-height:1.25}
.cc-material-meta-list{margin:18px 0 0}.cc-material-meta-list>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #edf0ee}.cc-material-meta-list dt{color:#7b8882;font-size:12px}.cc-material-meta-list dd{margin:0;font-weight:750}
.cc-material-status{margin:0 0 16px;padding:12px 14px;border-radius:12px;font-size:12px;font-weight:800}.cc-material-status.is-success{background:#edf8f3;color:#27705b}.cc-material-status.is-error{background:#fff1eb;color:#8d4c2a}
@media(max-width:720px){.cc-material-resource-detail{padding:8px}.cc-material-resource-preview{min-height:330px;padding:14px}.cc-material-meta-list>div{grid-template-columns:80px 1fr}}


/* ==========================================================
   v0.8.417 Nursery-first managed home
   ========================================================== */
.cc-nursery-hero{position:relative;overflow:hidden;margin:0!important;padding:46px 0 42px!important;background:var(--cch-bg,#fff9f4)!important;color:var(--cch-ink,#30423c)!important;border-bottom:1px solid color-mix(in srgb,var(--cch-primary,#69b9a6) 18%,transparent)!important}
.cc-nursery-hero:before{content:"";position:absolute;width:380px;height:380px;left:-180px;top:-210px;border-radius:50%;background:color-mix(in srgb,var(--cch-primary,#69b9a6) 13%,transparent)!important;pointer-events:none}.cc-nursery-hero:after{content:"";position:absolute;width:330px;height:330px;right:-150px;bottom:-210px;border-radius:50%;background:color-mix(in srgb,var(--cch-accent,#f3b28f) 18%,transparent)!important;pointer-events:none}
.cc-nursery-hero__inner{position:relative;z-index:2;width:min(1180px,calc(100% - 40px));margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr)!important;gap:46px!important;align-items:center!important}.cc-nursery-hero__copy{min-width:0!important}.cc-nursery-hero__badge{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 13px!important;border:1px solid color-mix(in srgb,var(--cch-primary) 28%,transparent)!important;border-radius:999px!important;background:color-mix(in srgb,var(--cch-surface) 88%,transparent)!important;color:color-mix(in srgb,var(--cch-primary) 82%,#234c40)!important;font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important;box-shadow:0 7px 18px rgba(56,82,72,.05)!important}.cc-nursery-hero__copy h1{max-width:720px!important;margin:17px 0 13px!important;padding:0!important;color:var(--cch-ink)!important;font-size:clamp(35px,4.25vw,58px)!important;font-weight:900!important;line-height:1.32!important;letter-spacing:-.025em!important}.cc-nursery-hero__copy>p{max-width:660px!important;margin:0 0 20px!important;color:color-mix(in srgb,var(--cch-ink) 72%,#fff)!important;font-size:15px!important;line-height:1.9!important;font-weight:600!important}
.cc-nursery-hero__search{max-width:650px!important;min-height:58px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;gap:8px!important;align-items:center!important;margin:0!important;padding:7px 7px 7px 16px!important;border:1px solid color-mix(in srgb,var(--cch-primary) 20%,#e7e3df)!important;border-radius:17px!important;background:var(--cch-surface)!important;box-shadow:0 16px 38px rgba(60,72,66,.09)!important}.cc-nursery-hero__search>span{font-size:22px!important;color:#87918c!important}.cc-nursery-hero__search input{width:100%!important;min-width:0!important;height:42px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--cch-ink)!important;font-size:14px!important}.cc-nursery-hero__search button{height:44px!important;margin:0!important;padding:0 19px!important;border:0!important;border-radius:12px!important;background:var(--cch-primary)!important;color:#fff!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important}.cc-nursery-hero__actions{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:12px 0 0!important}.cc-nursery-hero__actions a{min-height:46px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:0 18px!important;border:1px solid color-mix(in srgb,var(--cch-primary) 20%,#d9dfdc)!important;border-radius:13px!important;background:var(--cch-surface)!important;color:var(--cch-ink)!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important;box-shadow:none!important}.cc-nursery-hero__actions a.is-primary{background:var(--cch-primary)!important;color:#fff!important;border-color:var(--cch-primary)!important}.cc-nursery-hero__chips{display:flex!important;gap:6px!important;flex-wrap:wrap!important;margin-top:14px!important}.cc-nursery-hero__chips a{display:inline-flex!important;align-items:center!important;min-height:27px!important;padding:0 10px!important;border-radius:999px!important;background:color-mix(in srgb,var(--cch-surface) 76%,transparent)!important;color:color-mix(in srgb,var(--cch-ink) 72%,#fff)!important;text-decoration:none!important;font-size:10px!important;font-weight:850!important}
.cc-nursery-hero__visual{position:relative!important;min-height:372px!important;padding:28px 25px 24px!important;border:1px solid color-mix(in srgb,var(--cch-primary) 18%,#ece9e5)!important;border-radius:30px!important;background:color-mix(in srgb,var(--cch-surface) 90%,transparent)!important;box-shadow:0 26px 70px rgba(63,77,71,.11)!important}.cc-nursery-note{position:relative!important;z-index:2!important;padding:24px 24px 21px!important;border-radius:22px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--cch-primary) 15%,var(--cch-surface)),var(--cch-surface))!important;border:1px solid color-mix(in srgb,var(--cch-primary) 20%,transparent)!important;transform:rotate(-1deg)!important}.cc-nursery-note>span{display:inline-flex!important;margin-bottom:8px!important;color:color-mix(in srgb,var(--cch-primary) 80%,#23493f)!important;font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important}.cc-nursery-note>strong{display:block!important;color:var(--cch-ink)!important;font-size:24px!important;line-height:1.55!important;font-weight:900!important}.cc-nursery-note>small{display:block!important;margin-top:7px!important;color:#718078!important;font-size:10px!important;font-weight:700!important}.cc-nursery-mini-grid{position:relative!important;z-index:3!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin-top:12px!important}.cc-nursery-mini-card{min-width:0!important;min-height:116px!important;display:flex!important;flex-direction:column!important;padding:13px!important;border:1px solid #ece8e3!important;border-radius:16px!important;background:var(--cch-surface)!important;color:var(--cch-ink)!important;text-decoration:none!important;box-shadow:0 7px 18px rgba(54,67,61,.05)!important}.cc-nursery-mini-card:nth-child(2){background:color-mix(in srgb,var(--cch-accent) 12%,var(--cch-surface))!important}.cc-nursery-mini-card:nth-child(3){background:color-mix(in srgb,#f1d66d 13%,var(--cch-surface))!important}.cc-nursery-mini-card>span{color:#849089!important;font-size:8px!important;font-weight:900!important}.cc-nursery-mini-card>strong{display:block!important;margin-top:6px!important;color:var(--cch-ink)!important;font-size:14px!important;line-height:1.4!important}.cc-nursery-mini-card>small{display:block!important;margin-top:auto!important;color:#748078!important;font-size:8px!important;line-height:1.5!important}.cc-nursery-doodle{position:absolute!important;z-index:1!important;display:block!important;border-radius:50%!important;pointer-events:none!important}.cc-nursery-doodle--a{width:18px!important;height:18px!important;right:18px!important;top:18px!important;background:var(--cch-accent)!important;opacity:.65!important}.cc-nursery-doodle--b{width:9px!important;height:9px!important;right:47px!important;top:12px!important;background:#f1cf62!important;opacity:.7!important}.cc-nursery-doodle--c{width:13px!important;height:13px!important;left:12px!important;bottom:44px!important;background:var(--cch-primary)!important;opacity:.4!important}
.cc-home-discovery{background:#fffdf9!important}.cc-home-discovery .cc-discovery-section:nth-of-type(even){background:linear-gradient(180deg,#fffdf9,#fffaf5)!important}.cc-home-discovery .cc-discovery-head h2{letter-spacing:-.015em!important}.cc-home-discovery .cc-market-card,.cc-home-discovery .cc-seasonal-set-card,.cc-home-discovery .cc-home-category-card,.cc-home-discovery .cc-creator-card{box-shadow:0 9px 28px rgba(55,68,62,.06)!important;border-color:#ece8e3!important}.cc-home-discovery .cc-market-card:hover,.cc-home-discovery .cc-seasonal-set-card:hover,.cc-home-discovery .cc-home-category-card:hover{transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(55,68,62,.10)!important}
@media(max-width:1000px){.cc-nursery-hero__inner{grid-template-columns:1fr!important;gap:24px!important}.cc-nursery-hero__visual{min-height:0!important}.cc-nursery-note{transform:none!important}}
@media(max-width:640px){.cc-nursery-hero{padding:28px 0 24px!important}.cc-nursery-hero__inner{width:calc(100% - 24px)!important;gap:18px!important}.cc-nursery-hero__copy h1{font-size:32px!important;line-height:1.4!important;margin-top:13px!important}.cc-nursery-hero__copy>p{font-size:12px!important;line-height:1.8!important;margin-bottom:14px!important}.cc-nursery-hero__search{min-height:52px!important;padding:5px 5px 5px 12px!important;border-radius:14px!important}.cc-nursery-hero__search input{font-size:12px!important}.cc-nursery-hero__search button{height:40px!important;padding:0 13px!important}.cc-nursery-hero__actions{display:grid!important;grid-template-columns:1fr 1fr!important}.cc-nursery-hero__actions a{padding:0 9px!important;font-size:11px!important}.cc-nursery-hero__chips{overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:2px!important;scrollbar-width:none!important}.cc-nursery-hero__chips::-webkit-scrollbar{display:none!important}.cc-nursery-hero__chips a{white-space:nowrap!important}.cc-nursery-hero__visual{padding:17px 14px 14px!important;border-radius:22px!important}.cc-nursery-note{padding:17px!important;border-radius:17px!important}.cc-nursery-note>strong{font-size:19px!important}.cc-nursery-mini-grid{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}.cc-nursery-mini-grid::-webkit-scrollbar{display:none!important}.cc-nursery-mini-card{flex:0 0 46%!important;min-height:104px!important;scroll-snap-align:start!important}.cc-home-quick{position:relative!important;top:auto!important}}

/* v0.8.419: subtle Google Drive alternative on submit */
.cc-submit-drive-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.cc-submit-drive-btn{appearance:none;border:1px solid #d9e1de;background:#fff;color:#52615c;border-radius:14px;padding:10px 14px;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:14px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(25,52,44,.04);transition:.18s ease}.cc-submit-drive-btn:hover,.cc-submit-drive-btn:focus-visible{border-color:#bfcfc9;background:#fbfdfc;transform:translateY(-1px)}.cc-submit-drive-btn:disabled{opacity:.55;cursor:wait;transform:none}.cc-submit-drive-g{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#f4f6f5;color:#4d5e58;font-size:13px;font-weight:900}.cc-submit-drive-row>small{color:#88938f;font-size:12px}.cc-submit-drive-status{display:block;flex-basis:100%;min-height:1px;color:#5f8d7d;font-size:12px;font-weight:700}.cc-submit-drive-status.is-error{color:#b65b5b}.cc-submit-drive-guide[hidden]{display:none!important}.cc-submit-drive-guide{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px}.cc-submit-drive-guide__backdrop{position:absolute;inset:0;background:rgba(15,24,21,.42);backdrop-filter:blur(4px)}.cc-submit-drive-guide__card{position:relative;z-index:1;width:min(420px,100%);background:#fff;border:1px solid #e0e8e5;border-radius:24px;padding:28px 24px 22px;text-align:center;box-shadow:0 24px 70px rgba(17,38,31,.2)}.cc-submit-drive-guide__close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#f3f6f5;color:#73807c;font-size:22px;line-height:1;cursor:pointer}.cc-submit-drive-guide__g{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 10px;border-radius:16px;background:#f2f7f5;color:#4d7869;font-size:25px;font-weight:900}.cc-submit-drive-guide__card>small{display:block;color:#7d948c;font-size:10px;letter-spacing:.16em;font-weight:900}.cc-submit-drive-guide__card h3{margin:8px 0 10px;color:#273b34;font-size:21px;line-height:1.4}.cc-submit-drive-guide__card p{margin:0 auto 18px;color:#66736f;font-size:14px;line-height:1.75}.cc-submit-drive-guide__connect,.cc-submit-drive-guide__later{width:100%;min-height:46px;border-radius:13px;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box}.cc-submit-drive-guide__connect{border:0;background:#3f826d;color:#fff;margin-bottom:8px}.cc-submit-drive-guide__later{border:1px solid #dce5e2;background:#fff;color:#65736e;cursor:pointer}.cc-submit-drive-guide-open{overflow:hidden}.cc-submit-drive-guide-open body{overflow:hidden}@media(max-width:640px){.cc-submit-drive-row{margin-top:10px;gap:8px}.cc-submit-drive-btn{padding:9px 12px;font-size:13px;border-radius:12px}.cc-submit-drive-row>small{font-size:11px}.cc-submit-drive-guide__card{padding:26px 18px 18px;border-radius:21px}}

/* v0.8.628: submission OCR conversion (Core-only; shared Word/Excel output flow). */
.cc-submit-convert-row[hidden],.cc-submit-ocr[hidden],.cc-submit-ocr [hidden]{display:none!important}.cc-submit-convert-row{display:flex;align-items:center;gap:11px;margin:-4px 0 18px;padding:11px 12px;border:1px solid #dce9e4;border-radius:14px;background:#f8fcfa}.cc-submit-convert-btn{appearance:none;border:0;border-radius:11px;background:#3f826d;color:#fff;min-height:40px;padding:8px 15px;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 5px 14px rgba(63,130,109,.18)}.cc-submit-convert-btn span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.17);font-size:10px;letter-spacing:-.05em}.cc-submit-convert-btn:disabled{opacity:.55;cursor:wait}.cc-submit-convert-row small{color:#60736c;font-size:12px;line-height:1.55}.cc-submit-ocr{position:fixed;inset:0;z-index:100100;display:grid;place-items:center;padding:22px}.cc-submit-ocr__backdrop{position:absolute;inset:0;background:rgba(15,27,23,.52);backdrop-filter:blur(5px)}.cc-submit-ocr__card{position:relative;z-index:1;width:min(560px,100%);max-height:min(760px,calc(100vh - 34px));overflow:auto;box-sizing:border-box;background:#fff;border:1px solid #deebe6;border-radius:25px;padding:30px 27px 24px;text-align:center;box-shadow:0 30px 80px rgba(16,38,31,.25)}.cc-submit-ocr__close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#f1f5f3;color:#6d7c77;font-size:23px;line-height:1;cursor:pointer}.cc-submit-ocr__kicker{display:block;color:#4f8b77;font-size:10px;letter-spacing:.18em;font-weight:900}.cc-submit-ocr__card h3{margin:8px 34px 8px;color:#263c34;font-size:23px;line-height:1.35}.cc-submit-ocr__card>p{margin:0 auto 19px;color:#6d7b76;font-size:13px;line-height:1.7}.cc-submit-ocr__targets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.cc-submit-ocr__targets button{border:1px solid #dce8e4;border-radius:18px;background:#fbfdfc;padding:19px 14px 17px;display:grid;place-items:center;gap:6px;color:#334a42;font:inherit;cursor:pointer;transition:.18s ease}.cc-submit-ocr__targets button:hover,.cc-submit-ocr__targets button:focus-visible{border-color:#72af9b;background:#f2faf7;transform:translateY(-2px)}.cc-submit-ocr__targets b{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#3f826d;color:#fff;font-size:19px}.cc-submit-ocr__targets strong{font-size:15px}.cc-submit-ocr__targets span{color:#7b8883;font-size:11px}.cc-submit-ocr__confirm dl{margin:18px 0;display:grid;border:1px solid #e0e9e6;border-radius:15px;overflow:hidden;text-align:left}.cc-submit-ocr__confirm dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:10px 13px;background:#fff;border-bottom:1px solid #edf2f0}.cc-submit-ocr__confirm dl div:last-child{border-bottom:0}.cc-submit-ocr__confirm dt{color:#7b8883;font-size:12px}.cc-submit-ocr__confirm dd{margin:0;color:#33473f;font-size:12px;font-weight:800;overflow-wrap:anywhere}.cc-submit-ocr__confirm dd strong{color:#2e7a61;font-size:15px}.cc-submit-ocr__consent{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid #dce8e4;border-radius:13px;background:#f8fcfa;text-align:left;color:#465b53;font-size:12px;line-height:1.65;cursor:pointer}.cc-submit-ocr__consent input{flex:0 0 auto;margin-top:3px;width:18px;height:18px;accent-color:#3f826d}.cc-submit-ocr__warning{margin:11px 0!important;color:#86692f!important;font-size:11px!important}.cc-submit-ocr__run{width:100%;min-height:48px;border:0;border-radius:13px;background:#3f826d;color:#fff;font:inherit;font-size:14px;font-weight:900;cursor:pointer}.cc-submit-ocr__run:disabled{background:#cbd5d1;cursor:not-allowed}.cc-submit-ocr__busy{padding:28px 10px 20px}.cc-submit-ocr__busy>span{display:block;width:40px;height:40px;margin:0 auto 13px;border:4px solid #dceae5;border-top-color:#3f826d;border-radius:50%;animation:cc-submit-ocr-spin .8s linear infinite}.cc-submit-ocr__busy strong{display:block;color:#31483f;font-size:16px}.cc-submit-ocr__busy p{margin:7px auto 0;color:#73807c;font-size:12px;line-height:1.7}.cc-submit-ocr__error{margin:16px 0!important;padding:12px;border:1px solid #ecc9c2;border-radius:12px;background:#fff4f1;color:#a04c3f!important;font-weight:700}.cc-submit-ocr__price{display:block;margin-top:16px;color:#85918d;font-size:10.5px;line-height:1.6}.cc-submit-ocr-open,.cc-submit-ocr-open body{overflow:hidden}@keyframes cc-submit-ocr-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.cc-submit-convert-row{align-items:flex-start}.cc-submit-ocr{padding:10px}.cc-submit-ocr__card{padding:27px 17px 19px;border-radius:21px}.cc-submit-ocr__targets{grid-template-columns:1fr}.cc-submit-ocr__confirm dl div{grid-template-columns:95px minmax(0,1fr)}}

/* ==========================================================
   v0.8.420 — MY PROFILE hero layout / workflow counts / public CTA contrast
   ========================================================== */
.cc-dashboard > .cc-profile-card--mypage-v420{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
  padding:24px!important;
}
.cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-main{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  justify-items:stretch!important;
  gap:14px!important;
  min-width:0!important;
}
.cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-avatar-top{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  width:100%!important;
  min-width:0!important;
  padding:2px 0 10px!important;
}
.cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-copy{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  text-align:left!important;
}
/* The avatar badge remains the single title representation in the first box. */
.cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-title-chip{display:none!important}
.cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-copy h2,.cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-copy p,.cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-linkline,.cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-google-strip{
  max-width:none!important;
  width:100%!important;
}
.cc-profile-workflow-stats{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:15px 0 12px!important;
}
.cc-profile-workflow-stat{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"label count" "hint count"!important;
  align-items:center!important;
  gap:3px 12px!important;
  min-width:0!important;
  padding:13px 14px!important;
  border:1px solid #dbe7e2!important;
  border-radius:15px!important;
  background:#f8fbfa!important;
  color:#263d36!important;
  text-decoration:none!important;
  box-shadow:0 6px 18px rgba(35,76,63,.06)!important;
  transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease!important;
}
.cc-profile-workflow-stat:hover,.cc-profile-workflow-stat:focus-visible{
  transform:translateY(-1px)!important;
  border-color:#9fc9bb!important;
  box-shadow:0 9px 22px rgba(35,76,63,.10)!important;
  outline:none!important;
}
.cc-profile-workflow-stat>span{grid-area:label;font-size:11px!important;font-weight:950!important;line-height:1.25!important}
.cc-profile-workflow-stat>strong{grid-area:count;display:flex!important;align-items:baseline!important;gap:3px!important;font-size:27px!important;line-height:1!important;color:#245f50!important;white-space:nowrap!important}
.cc-profile-workflow-stat>strong small{font-size:10px!important;font-weight:900!important;color:#6c8079!important}
.cc-profile-workflow-stat>em{grid-area:hint;font-style:normal!important;font-size:9px!important;font-weight:800!important;color:#73827d!important;white-space:nowrap!important}
.cc-profile-workflow-stat--pending{background:linear-gradient(135deg,#fffaf0,#fffdf8)!important;border-color:#eadfbd!important}
.cc-profile-workflow-stat--pending>strong{color:#8b651e!important}
.cc-my-post-status-anchors{position:relative!important;height:0!important;overflow:visible!important}
#cc-my-posts-draft,#cc-my-posts-pending{position:absolute!important;top:-96px!important;left:0!important;width:1px!important;height:1px!important;pointer-events:none!important}

/* Public-profile CTA: stronger contrast than the old muted green pill. */
.cc-dashboard > .cc-profile-mode-banner--mine > a{
  background:linear-gradient(135deg,#163f35,#225f50)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:0 7px 18px rgba(15,59,48,.24)!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}
.cc-dashboard > .cc-profile-mode-banner--mine > a:hover,.cc-dashboard > .cc-profile-mode-banner--mine > a:focus-visible{
  background:linear-gradient(135deg,#0f332b,#194d40)!important;
  box-shadow:0 9px 22px rgba(15,59,48,.30)!important;
  outline:2px solid #b9e7d7!important;
  outline-offset:2px!important;
}
.cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-linkline a:not(.cc-profile-edit-anchor){
  color:#155b49!important;
  font-weight:900!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
}
@media(max-width:640px){
  .cc-dashboard > .cc-profile-card--mypage-v420{padding:20px 15px!important;gap:16px!important}
  .cc-dashboard > .cc-profile-card--mypage-v420 .cc-profile-avatar-top{padding-bottom:8px!important}
  .cc-dashboard > .cc-profile-card--mypage-v420 .cc-avatar--profile{width:92px!important;height:92px!important}
  .cc-profile-workflow-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .cc-profile-workflow-stat{padding:11px 10px!important;gap:2px 8px!important}
  .cc-profile-workflow-stat>span{font-size:10px!important}
  .cc-profile-workflow-stat>strong{font-size:23px!important}
  .cc-profile-workflow-stat>em{font-size:8px!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
@media(max-width:390px){
  .cc-profile-workflow-stat{grid-template-columns:1fr!important;grid-template-areas:"label" "count" "hint"!important}
  .cc-profile-workflow-stat>strong{margin-top:3px!important}
}


/* v0.8.421 - submission confirmation document preview + editor bridge */
.cc-confirm-document{margin:22px 0;padding:16px;border:1px solid rgba(57,113,96,.18);border-radius:22px;background:linear-gradient(180deg,#fbfefd 0%,#f2f8f5 100%);box-shadow:0 14px 38px rgba(33,62,50,.07)}
.cc-confirm-document__head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}.cc-confirm-document__head>div{min-width:0}.cc-confirm-document__head small{display:block;margin-bottom:3px;color:#5b9b89;font-size:10px;font-weight:900;letter-spacing:.18em}.cc-confirm-document__head h3{margin:0 0 5px;font-size:18px;color:#233a32}.cc-confirm-document__head p{margin:0;max-width:720px;color:#6b7872;font-size:12px;line-height:1.65}.cc-confirm-document__edit{flex:0 0 auto;white-space:nowrap}.cc-confirm-document__readonly{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#edf2ef;color:#75817c;font-size:11px;font-weight:800}
.cc-confirm-document__frame{position:relative;overflow:hidden;height:min(64vh,680px);min-height:390px;border:1px solid #d9e5df;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 8px 28px rgba(38,63,52,.08)}.cc-confirm-document__frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}.cc-confirm-document__foot{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 4px 0;color:#6c7973;font-size:11px}.cc-confirm-document__foot a{color:#367c6b;font-weight:900;text-decoration:none;white-space:nowrap}
@media(max-width:720px){.cc-confirm-document{margin:16px 0;padding:11px;border-radius:17px}.cc-confirm-document__head{align-items:stretch;flex-direction:column;gap:10px}.cc-confirm-document__edit{width:100%;justify-content:center;text-align:center}.cc-confirm-document__frame{height:58vh;min-height:340px;border-radius:13px}.cc-confirm-document__foot{align-items:flex-start;flex-direction:column;gap:5px}}
\n\n/* v0.8.422 — CotoCle-wide control alignment normalization.\n   Prevent theme/browser line-height,border and padding defaults from shifting button baselines/heights. */\nbutton[class^="cc-"],button[class*=" cc-"],\na[class^="cc-"][role="button"],a[class*=" cc-"][role="button"],\n.cc-btn,.cc-button{\n  box-sizing:border-box!important;\n  vertical-align:middle!important;\n  line-height:1!important;\n}\nbutton[class^="cc-"],button[class*=" cc-"],.cc-btn,.cc-button{\n  align-items:center!important;\n  justify-content:center!important;\n}\nbutton[class^="cc-"]>svg,button[class*=" cc-"]>svg,\nbutton[class^="cc-"]>span,button[class*=" cc-"]>span{\n  box-sizing:border-box;\n}\n
.cc-build-version-bar-desktop::-webkit-scrollbar,.cc-build-version-bar::-webkit-scrollbar{display:none}


/* v0.8.424 — compact title badges for cramped avatar contexts */
.cc-game-rank-row .cc-avatar-title-badge,.cc-notice-item .cc-avatar-title-badge,.cc-compact-user .cc-avatar-title-badge{
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  gap:0!important;
  border-radius:50%!important;
}
.cc-game-rank-row .cc-avatar-title-badge em,.cc-notice-item .cc-avatar-title-badge em,.cc-compact-user .cc-avatar-title-badge em{
  display:none!important;
}
.cc-game-rank-row .cc-avatar-title-badge b,.cc-notice-item .cc-avatar-title-badge b,.cc-compact-user .cc-avatar-title-badge b{
  width:16px!important;
  height:16px!important;
  min-width:16px!important;
  flex:0 0 16px!important;
  padding:0!important;
  border-radius:50%!important;
  font-size:0!important;
  line-height:16px!important;
  text-align:center!important;
  background:rgba(255,255,255,.18)!important;
}
.cc-game-rank-row .cc-avatar-title-badge b::after,.cc-notice-item .cc-avatar-title-badge b::after,.cc-compact-user .cc-avatar-title-badge b::after{
  content:attr(data-rank)!important;
  display:block!important;
  font-size:8px!important;
  line-height:16px!important;
  font-weight:1000!important;
  color:currentColor!important;
}
@media(max-width:520px){
  .cc-creator-directory-card .cc-avatar-title-badge,.cc-profile-list-row .cc-avatar-title-badge{
    width:18px!important;min-width:18px!important;max-width:18px!important;height:18px!important;min-height:18px!important;padding:0!important;gap:0!important;border-radius:50%!important;
  }
  .cc-creator-directory-card .cc-avatar-title-badge em,.cc-profile-list-row .cc-avatar-title-badge em{display:none!important}
  .cc-creator-directory-card .cc-avatar-title-badge b,.cc-profile-list-row .cc-avatar-title-badge b{width:16px!important;height:16px!important;min-width:16px!important;flex:0 0 16px!important;font-size:0!important;line-height:16px!important}
  .cc-creator-directory-card .cc-avatar-title-badge b::after,.cc-profile-list-row .cc-avatar-title-badge b::after{content:attr(data-rank)!important;display:block!important;font-size:8px!important;line-height:16px!important;font-weight:1000!important;color:currentColor!important}
}


/* ==========================================================
   v0.8.437 - Google GIS native render reset
   CotoCle must not style GIS-generated wrapper/iframe descendants.
   ========================================================== */
.cc-auth-card .cc-social-auth{
  width:100%!important;
  overflow:visible!important;
}
.cc-auth-card .cc-google-auth{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
}
.cc-auth-card .cc-google-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:none!important;
  min-height:40px!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  line-height:normal!important;
}
.cc-auth-card .cc-google-auth-caption{display:none!important;}
@media(max-width:760px){
  body.cc-auth-page{padding-bottom:0!important;}
  body.cc-auth-page .cc-auth-wrap{padding-bottom:48px!important;}
  body.cc-auth-page .cc-mobile-app-bottom,body.cc-auth-page .cc-mobile-main-sheet,body.cc-auth-page .cc-mobile-user-sheet{display:none!important;}
}


/* ==========================================================
   v0.8.438 - Samsung/Android GIS visual isolation
   The Google-rendered control remains the real click target.
   CotoCle renders only the visible shell so browser text/font
   scaling inside Google's iframe can no longer clip the label.
   ========================================================== */
.cc-auth-card .cc-google-button-shell{
  position:relative!important;
  display:block!important;
  width:min(100%,400px)!important;
  height:44px!important;
  min-height:44px!important;
  margin:0 auto!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.cc-auth-card .cc-google-button-visual{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0 48px!important;
  box-sizing:border-box!important;
  border:1px solid #dadce0!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#3c4043!important;
  box-shadow:none!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:500!important;
  font-style:normal!important;
  letter-spacing:.1px!important;
  line-height:20px!important;
  text-align:center!important;
  white-space:nowrap!important;
  pointer-events:none!important;
  transform:none!important;
}
.cc-auth-card .cc-google-gmark{
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-50%)!important;
  line-height:1!important;
}
.cc-auth-card .cc-google-gmark svg{
  display:block!important;
  width:18px!important;
  height:18px!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.cc-auth-card .cc-google-button-visual__text{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#3c4043!important;
  font:500 14px/20px Roboto,Arial,sans-serif!important;
  letter-spacing:.1px!important;
  text-align:center!important;
  white-space:nowrap!important;
  transform:none!important;
}
/* Keep GIS in the exact same box as a nearly transparent, real control.
   Do not depend on its broken visual alignment on affected Android browsers. */
.cc-auth-card .cc-google-button-shell .cc-google-button{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:44px!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  opacity:.002!important;
  cursor:pointer!important;
  transform:none!important;
}
.cc-auth-card .cc-google-button-shell:hover .cc-google-button-visual{
  background:#f8faff!important;
  border-color:#c6cacf!important;
}
.cc-auth-card .cc-google-button-shell:focus-within .cc-google-button-visual{
  outline:2px solid rgba(66,133,244,.28)!important;
  outline-offset:2px!important;
}
@media(max-width:560px){
  .cc-auth-card .cc-google-button-shell,.cc-auth-card .cc-google-button-visual,.cc-auth-card .cc-google-button-shell .cc-google-button{
    height:46px!important;
    min-height:46px!important;
  }
}

/* v0.8.440 material-list quick like + free-save labels */
.cc-material-card{position:relative!important}.cc-material-card__link{display:block!important;color:inherit!important;text-decoration:none!important}.cc-material-card__like-form{position:absolute!important;z-index:8!important;top:8px!important;right:8px!important;margin:0!important}.cc-material-card__like{display:inline-flex!important;align-items:center!important;gap:4px!important;min-height:30px!important;padding:0 9px!important;border:1px solid rgba(40,65,56,.12)!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;color:#52605a!important;box-shadow:0 5px 14px rgba(42,69,59,.12)!important;font-size:10px!important;font-weight:900!important;line-height:1!important;cursor:pointer!important}.cc-material-card__like span{font-size:15px!important}.cc-material-card__like.is-active{background:#fff0f3!important;color:#c64f68!important;border-color:#f1c4cf!important}





























































@media(max-width:640px){
  

  /* The switcher belongs after the sample, not over the hero. */
  
  
  
  
  

  /* Category row: closer spacing and slightly lighter density. */
  
  

  /* Featured autumn card: target is a compact horizontal banner. */
  
  
  
  
  
  
  
  

  /* Season heading and cards: reference uses low, wide cards rather than tall tiles. */
  
  
  
  
  
  
  
  
  
  
  
}


@media(max-width:640px){
  /* Remove development chrome from the visual reference only while design 3 is active. */
  
  
  

  /* Reference-like compact white top bar. Keep the real CotoCle controls functional. */
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  

  /* Hero block: the reference is intentionally shallow, with text at left and photo clipped at right. */
  
  
  
  
  
  
  

  /* Search sits immediately below hero, not after a large blank field. */
  
  
  
  
  

  /* Two main actions match the reference button height / icon-to-copy ratio. */
  
  
  
  
  
  

  
  

  /* Five chips fit in one calm row, as in the source image. */
  
  

  /* Featured horizontal banner. */
  
  
  
  
  
  
  

  /* Season section deliberately remains compact enough to sit above the bottom nav in one screen. */
  
  
  
  
  
  
  
  
  
  
  

  /* Switcher stays below design 3, as requested, but does not dominate the mockup. */
  
  
  
  

  /* Bottom navigation proportions from the same reference. */
  
  
  
  
  
}







@media(max-width:640px){
  
  

  /* Match the reference's compact hero: same photo footprint, less dead air. */
  
  
  
  
  
  
  

  /* Reference CTA row has slightly more white breathing room than 0.8.446. */
  
  
  
  
  
  

  /* The reference feature is taller and shows all text/art; never crop the copy. */
  
  
  
  
  
  
  
  

  /* Slightly taller seasonal tiles match the original mockup proportions. */
  
  
  
  
  
}




@media(max-width:640px){
  

  /* Hero: reference uses a rounded, bold Gothic—not Mincho/serif. */
  
  
  
  
  
  

  /* Search / CTAs / topic chips use the same compact weight as the reference. */
  
  
  
  
  

  /* Autumn feature: same text hierarchy and fixed two-line copy as the mockup. */
  
  
  
  
  
  
  

  /* "季節のおすすめ" in the source image is small, bold Gothic with a leaf accent. */
  
  
  
  

  /* Recommendation cards: softer type hierarchy and slightly larger illustrations. */
  
  
  
  
  
  
  
}



/* v0.8.449 — Design 3: use the exact sampled logo artwork instead of live title text. */


















/* Resource cards */











/* Category cards */











/* Creator cards */








/* Contribution CTA becomes a soft editorial banner instead of a dark utility panel. */











@media(max-width:640px){
  /* Design 3 already owns search/categories above, so remove the repeated utility bar below the design switcher. */
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  

  
  
  
  
  

  
  
  

  
  
  
  
  
  
  
  
  
  
  
  
}

/* ==========================================================
   v0.8.452 — Design 3 embedded About / lower story repair
   The bundled About template owns its stylesheet on the standalone
   page, but that stylesheet is intentionally removed when embedded
   into Home. Recreate the lower-story visual system here so CYCLE,
   UNIQUE, POINT SYSTEM, FIELDS and FINAL never fall back to raw HTML.
   ========================================================== */











/* Problem / first story cards */






/* Core cards */











/* CYCLE — make every step a real card; this is the area that had fallen back to raw rows. */










/* UNIQUE / derivative tree */















/* POINT SYSTEM and generic lower grids */

















/* Final CTA */






@media(max-width:700px){
  
  
  
  
  
  
  
  

  
  
  
  

  
  
  
  
  

  /* Mobile cycle is a compact 5-row timeline rather than giant raw blocks. */
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
}












/* CYCLE */







/* UNIQUE */
















/* POINT SYSTEM / FIELDS — normalize raw template grids */













/* FINAL */






/* Design controls are obsolete. */





/* ==========================================================
   v0.8.454 — Design 3 reference lock + continuous lower page
   The supplied mobile reference is the visual source of truth.
   ========================================================== */
@media(max-width:768px){
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  /* Lower page: keep the same cream paper, thin mint borders, small rounded labels and compact cards. */
  
  
  
  
  
  
  
  
  
  
  
  
  
}


/* ==========================================================
   v0.8.455 — Design 3 hero reconstruction
   Text is foreground; photo is trimmed as an organic right-side mask.
   ========================================================== */






/* ==========================================================
   v0.8.459 — detail discovery / helpful / home content tabs
   ========================================================== */
.cc-action-chip--helpful{
  position:relative!important;
  border-color:#d9e9e3!important;
  background:linear-gradient(180deg,#fff,#f7fbf9)!important;
}
.cc-action-chip--helpful .cc-action-chip__icon{color:#22a887!important;font-weight:900!important}
.cc-action-chip--helpful.is-active{
  border-color:#1fad8c!important;
  background:#e8f8f3!important;
  color:#126e5b!important;
  box-shadow:0 8px 22px rgba(31,173,140,.14)!important;
}
.cc-action-form--helpful{position:relative}
.cc-action-form--helpful:after{
  content:"投稿者 +2pt / あなた +1pt";
  position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);
  white-space:nowrap;font-size:9px;font-weight:800;color:#7b8b85;opacity:0;pointer-events:none;transition:.18s ease;
}
.cc-action-form--helpful:hover:after,.cc-action-form--helpful:focus-within:after{opacity:1}

.cc-detail-recommendation{margin:38px 0 0!important;padding:32px!important;border:1px solid #e5ece8!important;border-radius:30px!important;background:#fff!important;box-shadow:0 16px 45px rgba(48,62,56,.06)!important;overflow:hidden!important;position:relative!important}
.cc-detail-recommendation:before{content:"";position:absolute;right:-48px;top:-58px;width:150px;height:150px;border-radius:50%;background:rgba(92,196,164,.10);pointer-events:none}
.cc-detail-recommendation--recommended:before{background:rgba(244,203,92,.16)}
.cc-detail-recommendation--popular:before{background:rgba(240,151,125,.13)}
.cc-detail-recommendation__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px;position:relative;z-index:1}
.cc-detail-recommendation__head span{display:block;font-size:11px;font-weight:900;letter-spacing:.16em;color:#20a989;margin-bottom:7px}
.cc-detail-recommendation__head h2{margin:0!important;font-size:clamp(22px,2.2vw,30px)!important;line-height:1.35!important;color:#27352f!important}
.cc-detail-recommendation__head p{margin:7px 0 0!important;color:#78847f!important;font-size:13px!important}
.cc-detail-recommendation__grid{position:relative;z-index:1}

.cc-home-content-tabs{padding:34px 0 56px!important;background:linear-gradient(180deg,#fbfffd 0%,#fff 100%)!important}
.cc-home-content-tabs .cc-discovery-inner{position:relative!important;padding:36px!important;border:1px solid #e2ebe7!important;border-radius:34px!important;background:#fff!important;box-shadow:0 22px 65px rgba(43,68,58,.07)!important;overflow:hidden!important}
.cc-home-content-tabs .cc-discovery-inner:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-80px;top:-105px;background:rgba(89,196,163,.10);pointer-events:none}
.cc-home-content-tabs .cc-discovery-inner:after{content:"";position:absolute;width:150px;height:150px;border-radius:42px;left:-78px;bottom:-90px;transform:rotate(22deg);background:rgba(247,210,92,.11);pointer-events:none}
.cc-home-content-tabs__head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:25px;position:relative;z-index:1}
.cc-home-content-tabs__eyebrow{display:block!important;font-size:11px!important;font-weight:900!important;letter-spacing:.17em!important;color:#20aa89!important;margin-bottom:7px!important}
.cc-home-content-tabs__head h2{margin:0!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.25!important;color:#27352f!important;font-weight:900!important}
.cc-home-content-tabs__head p{margin:8px 0 0!important;color:#77837e!important;font-size:14px!important}
.cc-home-content-tabs__all{display:inline-flex!important;align-items:center!important;gap:9px!important;padding:12px 18px!important;border-radius:999px!important;border:1px solid #dce8e3!important;background:#fff!important;color:#355249!important;font-weight:800!important;white-space:nowrap!important}
.cc-home-content-tabs__nav{position:relative;z-index:2;display:flex;gap:9px;overflow-x:auto;padding:5px 4px 14px;margin:0 0 18px;scrollbar-width:none}
.cc-home-content-tabs__nav::-webkit-scrollbar{display:none}
.cc-home-content-tabs__nav button{appearance:none;border:1px solid #dfe8e4;background:#f9fbfa;color:#5d6b66;border-radius:999px;padding:12px 20px;font:inherit;font-size:14px;font-weight:850;white-space:nowrap;cursor:pointer;transition:.18s ease}
.cc-home-content-tabs__nav button:hover{transform:translateY(-1px);border-color:#9bd8c6}
.cc-home-content-tabs__nav button.is-active{background:#e9f8f3;border-color:#52c4a4;color:#14745f;box-shadow:0 8px 22px rgba(42,177,143,.12)}
.cc-home-content-tabs__panel{position:relative;z-index:1;animation:cc459tabin .24s ease both}
.cc-home-content-tabs__panel[hidden]{display:none!important}
.cc-home-content-tabs__panelhead{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:#31433c}
.cc-home-content-tabs__panelhead span{font-size:10px;font-weight:900;letter-spacing:.13em;color:#8d9994}
.cc-home-content-tabs__panelhead strong{font-size:16px;font-weight:900}
@keyframes cc459tabin{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Home lower half: bring the visual quality up to the managed hero. */





















@media(max-width:760px){
  .cc-detail-recommendation{padding:22px 16px!important;border-radius:24px!important;margin-top:26px!important}
  .cc-action-form--helpful:after{display:none}
  .cc-home-content-tabs{padding:20px 0 34px!important}
  .cc-home-content-tabs .cc-discovery-inner{padding:24px 14px!important;border-radius:25px!important}
  .cc-home-content-tabs__head{align-items:flex-start;flex-direction:column!important}
  .cc-home-content-tabs__head h2{font-size:28px!important}
  .cc-home-content-tabs__all{padding:10px 15px!important}
  .cc-home-content-tabs__nav{margin-left:-2px;margin-right:-2px}
  .cc-home-content-tabs__nav button{padding:10px 15px;font-size:13px}
  
  
  
  
}
.cc-helpful-reward-note{display:flex!important;align-items:center!important;gap:7px!important;margin:11px 0 4px!important;padding:9px 11px!important;border-radius:13px!important;background:#f3fbf8!important;color:#4e6f64!important;font-size:11px!important;font-weight:800!important;line-height:1.45!important}
.cc-helpful-reward-note span{color:#1daa87!important;font-size:14px!important}

/* v0.8.462: product detail recommendation rails — 6 visible on desktop, horizontal scroll, More at the end. */
.cc-detail-recommendation--rail{overflow:hidden!important}
.cc-detail-recommendation--rail .cc-detail-recommendation__grid,.cc-detail-recommendation__rail{
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:calc((100% - 70px)/6)!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scroll-padding-inline:2px;
  padding:2px 2px 12px!important;
  margin:0!important;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.cc-detail-recommendation--rail .cc-detail-recommendation__grid>*{min-width:0;scroll-snap-align:start}
.cc-detail-recommendation--rail .cc-market-card,.cc-detail-recommendation--rail .cc-material-card{height:100%;margin:0!important}
.cc-detail-more-card{
  min-height:100%;
  border:1px dashed #b9d9cf;
  border-radius:24px;
  background:linear-gradient(145deg,#f7fcfa 0%,#eef9f5 100%);
  color:#2b463d!important;
  text-decoration:none!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:22px 14px;
  text-align:center;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.cc-detail-more-card:hover{transform:translateY(-2px);border-color:#61c9aa;background:#eaf8f3}
.cc-detail-more-card__mark{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #d5e9e2;color:#159b7d;font-size:25px;font-weight:500}
.cc-detail-more-card strong{font-size:15px;font-weight:900}
.cc-detail-more-card small{font-size:11px;color:#78847f;line-height:1.5}
.cc-detail-more-card b{font-size:18px;color:#159b7d}
.cc-detail-recommendation--same-category:before{background:rgba(104,170,220,.10)!important}
.cc-detail-recommendation--same-category .cc-detail-recommendation__head span{color:#4788b7!important}
@media(max-width:1180px){
  .cc-detail-recommendation--rail .cc-detail-recommendation__grid,.cc-detail-recommendation__rail{grid-auto-columns:calc((100% - 42px)/4)!important}
}
@media(max-width:780px){
  .cc-detail-recommendation--rail .cc-detail-recommendation__grid,.cc-detail-recommendation__rail{grid-auto-columns:calc((100% - 12px)/2.15)!important;gap:12px!important;padding-bottom:10px!important}
  .cc-detail-more-card{border-radius:20px;padding:18px 12px}
}
@media(max-width:480px){
  .cc-detail-recommendation--rail .cc-detail-recommendation__grid,.cc-detail-recommendation__rail{grid-auto-columns:76%!important;gap:10px!important}
}

/* ==========================================================
   v0.8.463 — compact premium detail pages / comment action / rail end stop
   ========================================================== */
.cc-detail{
  position:relative!important;
  padding-top:18px!important;
  padding-bottom:96px!important;
}
.cc-detail-head{
  padding:20px!important;
  border:1px solid #e1ebe6!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 96% 2%,rgba(55,189,151,.10),transparent 29%),
    linear-gradient(145deg,#fbfefd 0%,#f7fbf9 45%,#fff 100%)!important;
  box-shadow:0 18px 52px rgba(39,67,56,.07)!important;
}
.cc-detail-main{padding:0!important}
.cc-detail-main>h1,.cc-material-resource-title{
  color:#23362f!important;
  letter-spacing:-.025em!important;
  font-weight:900!important;
}
.cc-detail-lead{margin:12px 0 4px!important;color:#697a73!important;line-height:1.75!important}
.cc-download-card{
  position:sticky;
  border:1px solid #dce9e4!important;
  border-top:1px solid #dce9e4!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfefd 100%)!important;
  box-shadow:0 18px 45px rgba(35,66,54,.09)!important;
  overflow:hidden!important;
}
.cc-download-card:before{
  content:"";
  display:block;
  position:absolute;
  left:0;right:0;top:0;
  height:4px;
  background:linear-gradient(90deg,#22ae8c 0%,#70cdb4 58%,#efd173 100%);
}
.cc-download-card .cc-price{color:#243a32!important;font-size:40px!important;margin-top:10px!important}
.cc-download-card .cc-action-chip{
  border-color:#dce8e3!important;
  background:#fff!important;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.cc-download-card .cc-action-chip:hover{transform:translateY(-1px)!important;border-color:#9bd7c6!important;box-shadow:0 7px 18px rgba(45,122,97,.08)!important}
.cc-download-card .cc-action-chip.is-active{background:#edf9f5!important;border-color:#76cdb5!important}
.cc-content-section{
  border:1px solid #e2ebe7!important;
  border-radius:26px!important;
  background:linear-gradient(180deg,#fff 0%,#fcfefd 100%)!important;
  box-shadow:0 14px 38px rgba(47,72,62,.055)!important;
}
.cc-content-section>h2{
  margin:0 0 14px!important;
  color:#263b33!important;
  font-size:clamp(20px,2.2vw,28px)!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.cc-comments-section[hidden]{display:none!important}
.cc-comments-section.is-open{display:block!important}
.cc-comments-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}
.cc-comments-section__head span{display:block;margin-bottom:3px;color:#20a989;font-size:10px;font-weight:900;letter-spacing:.14em}
.cc-comments-section__head h2{margin:0!important;color:#263b33!important;font-size:23px!important;font-weight:900!important}
.cc-comments-section__head>b{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:30px;padding:0 10px;border-radius:999px;background:#edf8f4;color:#1a8d71;font-size:11px}
.cc-comments-section--empty{border-color:#cee7dd!important;background:linear-gradient(180deg,#fbfffd,#f4fbf8)!important}
.cc-comments-section--empty .cc-comment-form{margin-top:4px!important}
.cc-comments-section--empty .cc-comment-form textarea{min-height:110px!important}

/* Material information: compact card grid instead of tall table rows. */
.cc-material-resource-detail>.cc-content-section:not(.cc-report-section):not(.cc-comments-section){
  margin-top:20px!important;
  padding:20px!important;
}
.cc-material-resource-detail>.cc-content-section:not(.cc-report-section):not(.cc-comments-section) .cc-prose>p:first-child{
  margin:0 0 12px!important;
  color:#6d7a75!important;
  font-size:13px!important;
  line-height:1.65!important;
}
.cc-material-meta-list{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin:10px 0 0!important;
}
.cc-material-meta-list>div{
  display:block!important;
  min-width:0!important;
  padding:11px 13px!important;
  border:1px solid #e4ece8!important;
  border-radius:14px!important;
  background:#f8fbfa!important;
}
.cc-material-meta-list>div:nth-child(1){background:linear-gradient(145deg,#f3fbf8,#fff)!important;border-color:#d9ebe4!important}
.cc-material-meta-list dt{
  margin:0 0 3px!important;
  color:#84918c!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
}
.cc-material-meta-list dd{
  margin:0!important;
  min-width:0!important;
  color:#35443e!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.45!important;
  overflow-wrap:anywhere!important;
}
.cc-material-meta-list dd a{color:#198f74!important;text-decoration:none!important}
.cc-material-resource-preview{
  border-color:#dce9e4!important;
  border-radius:26px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 14px 35px rgba(48,75,64,.06)!important;
}

/* Recommendation rails: true flex rail, More is the physical end-stop. */
.cc-detail-recommendation--rail .cc-detail-recommendation__grid,.cc-detail-recommendation__rail{
  display:flex!important;
  grid-template-columns:none!important;
  grid-auto-flow:unset!important;
  grid-auto-columns:unset!important;
  align-items:stretch!important;
  gap:14px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:none!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-inline:2px!important;
  padding:2px 2px 12px!important;
  -webkit-overflow-scrolling:touch!important;
}
.cc-detail-recommendation--rail .cc-detail-recommendation__grid>*{
  flex:0 0 calc((100% - 70px)/6)!important;
  min-width:0!important;
  scroll-snap-align:start!important;
  scroll-snap-stop:always!important;
}
.cc-detail-recommendation--rail .cc-detail-more-card{
  flex:0 0 calc((100% - 70px)/6)!important;
  scroll-snap-align:end!important;
  scroll-snap-stop:always!important;
  border-style:solid!important;
  border-color:#bee2d7!important;
  background:linear-gradient(145deg,#effaf6 0%,#e7f7f1 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)!important;
}
.cc-detail-more-card:after{content:"ここが最後";display:block;margin-top:2px;color:#86a29a;font-size:9px;font-weight:800;letter-spacing:.04em}

@media(max-width:1180px){
  .cc-detail-recommendation--rail .cc-detail-recommendation__grid>*{flex-basis:calc((100% - 42px)/4)!important}
  .cc-detail-recommendation--rail .cc-detail-more-card{flex-basis:calc((100% - 42px)/4)!important}
}
@media(max-width:860px){
  .cc-detail{padding-top:8px!important}
  .cc-detail-head{padding:14px!important;border-radius:24px!important;gap:18px!important}
  .cc-download-card{position:static!important;border-radius:22px!important}
  .cc-material-meta-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:780px){
  .cc-detail-recommendation--rail .cc-detail-recommendation__grid>*{flex-basis:calc((100% - 12px)/2.15)!important}
  .cc-detail-recommendation--rail .cc-detail-more-card{flex-basis:calc((100% - 12px)/2.15)!important}
  .cc-detail-recommendation__head{margin-bottom:14px!important}
}
@media(max-width:560px){
  .cc-detail{padding-left:10px!important;padding-right:10px!important;padding-bottom:126px!important}
  .cc-detail-head{padding:10px!important;border-radius:20px!important;background:linear-gradient(180deg,#f8fdfb,#fff)!important}
  .cc-material-resource-preview{min-height:285px!important;padding:10px!important;margin-bottom:12px!important;border-radius:19px!important}
  .cc-material-resource-detail>.cc-content-section:not(.cc-report-section):not(.cc-comments-section){padding:15px!important;border-radius:20px!important;margin-top:14px!important}
  .cc-material-resource-detail>.cc-content-section:not(.cc-report-section):not(.cc-comments-section)>h2{font-size:20px!important;margin-bottom:8px!important}
  .cc-material-resource-detail>.cc-content-section:not(.cc-report-section):not(.cc-comments-section) .cc-prose>p:first-child{font-size:12px!important;margin-bottom:9px!important}
  .cc-material-meta-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:7px!important}
  .cc-material-meta-list>div{padding:9px 10px!important;border-radius:12px!important}
  .cc-material-meta-list dt{font-size:9px!important;margin-bottom:2px!important}
  .cc-material-meta-list dd{font-size:12px!important}
  .cc-comments-section{padding:16px!important;border-radius:20px!important}
  .cc-comments-section__head h2{font-size:20px!important}
  .cc-comment-form textarea{min-height:110px!important}
  .cc-detail-recommendation{padding:18px 12px!important;border-radius:22px!important}
}
@media(max-width:480px){
  .cc-detail-recommendation--rail .cc-detail-recommendation__grid>*{flex-basis:76%!important}
  .cc-detail-recommendation--rail .cc-detail-more-card{flex-basis:76%!important}
}









/* Featured / play-idea card: image fills the entire right side and is trimmed by an organic mask. */







/* Seasonal cards: add soft celebratory patterns without competing with the illustrations. */












/* v0.8.465 — mobile hamburger usability */
@media(max-width:960px){
  .cc-mobile-app-hamburger{appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important}
  .cc-mobile-app-hamburger svg{width:27px!important;height:27px!important;stroke-width:2!important}
}

/* ==========================================================
   v0.8.466 — Home Design 3 lower-page quality pass
   Keep the visual language of the hero/feature/season area all the
   way to the bottom: warm paper,pastel shapes{
  --cc466-paper:#fffaf4;
  --cc466-ink:#273631;
  --cc466-text:#66736d;
  --cc466-line:#dfe9e4;
  --cc466-mint:#61bea9;
  --cc466-mint-soft:#e8f7f2;
  --cc466-yellow:#efc95f;
  --cc466-yellow-soft:#fff4cd;
  --cc466-pink:#ef8f9d;
  --cc466-pink-soft:#fff0f2;
  --cc466-blue:#7fb6d9;
  --cc466-blue-soft:#edf7fc;
  background:var(--cc466-paper)!important;
}









/* CORE — three editorial cards rather than isolated white form rows. */
















/* CYCLE — connected pastel strip. */










/* UNIQUE / derivative card. */






/* POINT / FIELD cards use the same editorial system as seasonal cards. */













/* FINAL — softer than the old corporate dark block, matching the home palette. */







@media(max-width:760px){
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  

  /* Horizontal story strips keep the long lower page visually light. */
  
  
  
  
  
  

  
  
  
  
  
  
  

  
  
  
  
  
  

  
  
  

  
  
  
  
}


/* ==========================================================
   v0.8.467 — Design 3 feature card mobile composition fix
   Feature label sits outside the image card; title is anchored at
   the top of the copy column and description gets real breathing room.
   ========================================================== */








/* ==========================================================
   v0.8.468 — Design 3 feature composition: kicker back inside card
   ========================================================== */














/* ==========================================================
   v0.8.469 — Design 3 polish: feature age text, centered season heading,
   and a full lower-page visual rebuild matching the pastel home system.
   ========================================================== */






/* Lower page canvas */










/* CYCLE — one deliberate visual story instead of raw rows */















/* UNIQUE */

















/* Point cards and future fields retain the same card language */


















/* v0.8.496 library showcase overrides */
.cc-resource-thumb__img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover}
.cc-resource-thumb__placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:inherit;font-size:42px;color:#5db39b;background:linear-gradient(145deg,#eef7f3,#fff7e4)}
.cc-library-showcasegrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.cc-library-showcasegrid .cc-resource-card{display:block!important;border:1px solid #e2e9e5!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 26px rgba(40,67,57,.06)!important;overflow:hidden!important}
.cc-library-showcasegrid .cc-resource-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 32px rgba(40,80,65,.1)!important}
.cc-library-showcasegrid .cc-resource-thumb{min-height:138px!important;background:#f2f7f4!important;height:auto!important}
.cc-library-showcasegrid .cc-resource-body{min-height:164px!important;padding:14px!important}
.cc-library-showcasegrid .cc-resource-body h3{font-size:12px!important;line-height:1.45!important;margin-top:8px!important}
.cc-library-showcasegrid .cc-resource-body p{font-size:9px!important;line-height:1.6!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cc-library-showcasegrid .cc-card-tags span{font-size:7px!important}
.cc-library-showcasegrid .cc-resource-meta{font-size:8px!important}
@media(max-width:960px){
  .cc-library-showcasegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
}
@media(max-width:520px){
  .cc-library-showcasegrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .cc-library-showcasegrid .cc-resource-thumb{min-height:108px!important}
  .cc-library-showcasegrid .cc-resource-body{padding:10px!important;min-height:136px!important}
  .cc-library-showcasegrid .cc-resource-body h3{font-size:10px!important}
  .cc-library-showcasegrid .cc-resource-body p{font-size:7px!important}
  .cc-library-showcasegrid .cc-card-tags span{font-size:6px!important}
  .cc-library-showcasegrid .cc-resource-meta{font-size:7px!important}
}

/* v0.8.497 resource page top order + flush fixed library header */
.cc-library-v291 > .cc-library-crosspromo.is-resource{margin-top:0!important}
@media(max-width:780px){.cc-library-v291 > .cc-library-crosspromo.is-resource{margin:0 10px!important}}


/* v0.8.498 popular-first top density + reliable library thumbnails */
.cc-library-v291 > .cc-library-leadlists{margin-top:0!important}
.cc-library-v291 > .cc-library-leadlists .cc-library-leadpanel:first-child{margin-top:0!important}
.cc-resource-thumb > img.cc-resource-thumb__img,
.cc-library-showcasegrid .cc-resource-thumb > img.cc-resource-thumb__img,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-width:none!important;
  object-fit:cover!important;
  z-index:3!important;
  margin:0!important;
  padding:0!important;
}
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--doc,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--docx,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--dotx,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--rtf,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--odt,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--ott,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--pages,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--pdf{
  object-fit:contain!important;
  background:#f5f7f8!important;
}
@media(max-width:780px){
  .cc-library-v291 > .cc-library-leadlists{margin:0 8px!important}
}
@media(max-width:480px){
  .cc-library-v291 > .cc-library-leadlists{margin:0 6px!important}
}

/* v0.8.499 actual file-content thumbnails + file type badges */
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--xls,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--xlsx,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--xltx,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--ppt,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--pptx,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--pps,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--ppsx,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--pot,
.cc-library-v291 .cc-resource-thumb > img.cc-resource-thumb__img--potx{
  object-fit:contain!important;
  background:#f5f7f8!important;
}
.cc-resource-filebadge{
  position:absolute!important;
  top:8px!important;
  left:8px!important;
  z-index:8!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:30px!important;
  padding:4px 9px 4px 5px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  border-radius:10px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 5px 14px rgba(29,47,39,.16)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  color:#34413b!important;
  line-height:1!important;
  pointer-events:none!important;
}
.cc-resource-filebadge i{
  display:grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  border-radius:6px!important;
  color:#fff!important;
  font:900 13px/1 Arial,sans-serif!important;
  font-style:normal!important;
}
.cc-resource-filebadge b{
  color:inherit!important;
  font-size:9px!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
}
.cc-resource-filebadge--excel{color:#166c43!important}.cc-resource-filebadge--excel i{background:#168653!important}
.cc-resource-filebadge--word{color:#245f9e!important}.cc-resource-filebadge--word i{background:#2b70c9!important}
.cc-resource-filebadge--pdf{color:#b44343!important}.cc-resource-filebadge--pdf i{background:#df4d4d!important}
.cc-resource-filebadge--powerpoint{color:#a9532e!important}.cc-resource-filebadge--powerpoint i{background:#df6538!important}
.cc-resource-filebadge--text{color:#59645f!important}.cc-resource-filebadge--text i{background:#6f7975!important}
.cc-resource-filebadge--zip{color:#8a5a16!important}.cc-resource-filebadge--zip i{background:#c98a2e!important}
.cc-resource-filebadge--image{color:#6b4c8f!important}.cc-resource-filebadge--image i{background:#8b67b7!important}
.cc-resource-filebadge--file{color:#5d6863!important}.cc-resource-filebadge--file i{background:#737e79!important}
@media(max-width:720px){
  .cc-resource-filebadge{top:6px!important;left:6px!important;min-height:28px!important;padding:4px 8px 4px 5px!important;gap:5px!important;border-radius:9px!important}
  .cc-resource-filebadge i{width:21px!important;height:21px!important;border-radius:6px!important;font-size:12px!important;font-weight:900!important}
  .cc-resource-filebadge b{font-size:9px!important;line-height:1.05!important;white-space:nowrap!important}
}
@media(max-width:520px){
  .cc-resource-filebadge{top:6px!important;left:6px!important;min-height:28px!important;padding:4px 8px 4px 5px!important;gap:5px!important;border-radius:9px!important}
  .cc-resource-filebadge i{width:21px!important;height:21px!important;border-radius:6px!important;font-size:12px!important;font-weight:900!important}
  .cc-resource-filebadge b{font-size:9px!important;line-height:1.05!important;white-space:nowrap!important}
}


/* v0.8.514 — semantic primary headings for managed SEO surfaces. */
.cc-detail-title{margin:15px 0 10px!important;color:#26342f!important;font-size:clamp(25px,3vw,38px)!important;font-weight:900!important;line-height:1.28!important;letter-spacing:-.025em!important;overflow-wrap:anywhere!important;}
.cc-material-page__intro{margin:0;padding:2px 2px 0;}
.cc-material-page__intro h1{margin:4px 0 5px;color:#25332e;font-size:clamp(26px,3vw,36px);font-weight:950;line-height:1.2;letter-spacing:-.03em;}
.cc-material-page__intro p{margin:0;color:#737c78;font-size:12px;line-height:1.7;}
@media(max-width:760px){.cc-detail-title{margin:12px 0 8px!important;font-size:24px!important}.cc-material-page__intro{padding:0 2px}.cc-material-page__intro h1{font-size:25px}.cc-material-page__intro p{font-size:11px}}

/* v0.8.558 material content metadata */
.cc-material-related-tags{margin-top:18px}.cc-material-related-tags>strong{display:block;margin-bottom:8px;font-size:13px}.cc-material-related-tags .cc-card-tags a{display:inline-flex;text-decoration:none!important}.cc-material-related-tags .cc-card-tags a span{cursor:pointer}
.cc-material-related-tags .cc-card-tags a.cc-detail-tag{align-items:center;background:#f5f8f6!important;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;line-height:1.35;color:#66726b!important;transition:background .15s ease,color .15s ease}.cc-material-related-tags .cc-card-tags a.cc-detail-tag:hover{background:#eaf3ed!important;color:#335e45!important}

/* v0.8.575 user action progress center */
.cc-progress-panel{display:grid!important;gap:16px!important;margin:22px 0!important;padding:22px!important;border:1px solid #dce7e2!important;border-radius:22px!important;background:linear-gradient(180deg,#fbfefd,#f5faf8)!important;box-shadow:0 10px 28px rgba(35,76,63,.06)!important;color:#263a33!important}
.cc-notifications-page>.cc-progress-panel{margin:0!important}
.cc-progress-panel__head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important}.cc-progress-panel__head h3{margin:3px 0 5px!important;font-size:21px!important}.cc-progress-panel__head p{margin:0!important;color:#697970!important;font-size:12px!important;line-height:1.65!important}.cc-progress-panel__head>a{flex:0 0 auto!important;color:#236d58!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important}
.cc-progress-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}.cc-progress-summary span{display:flex!important;align-items:center!important;gap:9px!important;padding:11px 13px!important;border:1px solid #e1e8e5!important;border-radius:13px!important;background:#fff!important;color:#607068!important;font-size:11px!important;font-weight:850!important}.cc-progress-summary b{font-size:20px!important;line-height:1!important}.cc-progress-summary .is-action b{color:#bd514a!important}.cc-progress-summary .is-progress b{color:#9a701f!important}.cc-progress-summary .is-done b{color:#278067!important}
.cc-progress-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}.cc-progress-item{display:grid!important;gap:8px!important;padding:15px!important;border:1px solid #dfe8e4!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 15px rgba(39,68,57,.035)!important}.cc-progress-item.is-action{border-color:#efd1cd!important;background:#fffafa!important}.cc-progress-item.is-progress{border-color:#eadfbd!important;background:#fffdf8!important}.cc-progress-item.is-done{border-color:#cfe5dc!important;background:#fbfffd!important}
.cc-progress-item__top,.cc-progress-item__foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}.cc-progress-item__top span{color:#6d7b75!important;font-size:10px!important;font-weight:900!important;letter-spacing:.06em!important}.cc-progress-item__top b{padding:4px 8px!important;border-radius:999px!important;background:#eef5f2!important;color:#36705e!important;font-size:10px!important}.cc-progress-item.is-action .cc-progress-item__top b{background:#fff0ee!important;color:#a9423d!important}.cc-progress-item.is-progress .cc-progress-item__top b{background:#fff5d9!important;color:#8a651e!important}
.cc-progress-item h4{margin:0!important;color:#263a33!important;font-size:15px!important;line-height:1.45!important}.cc-progress-item p{margin:0!important;min-height:3.2em!important;color:#68766f!important;font-size:11px!important;line-height:1.6!important}.cc-progress-meter{overflow:hidden!important;height:7px!important;border-radius:999px!important;background:#e8eeeb!important}.cc-progress-meter i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#56b49b,#2b8068)!important}.cc-progress-item.is-action .cc-progress-meter i{background:linear-gradient(90deg,#ef9e8f,#cf5b52)!important}.cc-progress-item.is-progress .cc-progress-meter i{background:linear-gradient(90deg,#eacb6d,#ba8527)!important}
.cc-progress-item__foot time{color:#929c97!important;font-size:9px!important}.cc-progress-item__foot a{color:#225f50!important;font-size:11px!important;font-weight:900!important;text-decoration:none!important}.cc-progress-empty{padding:22px!important;border-radius:14px!important;background:#fff!important;color:#68766f!important;text-align:center!important;font-size:12px!important}
@media(max-width:720px){.cc-progress-panel{margin:16px 0!important;padding:16px!important;border-radius:18px!important}.cc-progress-panel__head{display:grid!important;gap:8px!important}.cc-progress-summary{grid-template-columns:1fr!important;gap:6px!important}.cc-progress-summary span{padding:9px 11px!important}.cc-progress-list{grid-template-columns:1fr!important}.cc-progress-item p{min-height:0!important}}

/* v0.8.589 — declared derivative workflow and visible provenance. */
.cc-derivative-hub{display:grid!important;gap:18px!important;border:1px solid #cfe3db!important;background:linear-gradient(145deg,#f8fffc,#fffdf6)!important}
.cc-derivative-hub.is-derivative{border-color:#c9d9ee!important;background:linear-gradient(145deg,#f7fbff,#fffdf8)!important}
.cc-derivative-hub__head{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.cc-derivative-hub__head h2{margin:4px 0 7px!important}.cc-derivative-hub__head p{margin:0;color:#68766f;font-size:13px;line-height:1.7}
.cc-derivative-hub__stats{display:flex;gap:8px;flex:0 0 auto}.cc-derivative-hub__stats span{display:grid;min-width:82px;padding:10px 12px;border:1px solid #dde9e4;border-radius:14px;background:#fff;color:#758078;font-size:9px;font-weight:850;text-align:center}.cc-derivative-hub__stats b{color:#27715c;font-size:20px;line-height:1.1}
.cc-derivative-lineage{display:flex;align-items:stretch;gap:10px}.cc-derivative-lineage>a,.cc-derivative-lineage>div{display:grid;flex:1;gap:4px;padding:15px;border:1px solid #dce6e2;border-radius:15px;background:#fff;color:#263a33;text-decoration:none!important}.cc-derivative-lineage small{color:#7a8982;font-size:9px;font-weight:900;letter-spacing:.08em}.cc-derivative-lineage strong{font-size:14px;line-height:1.45}.cc-derivative-lineage span{color:#65756d;font-size:11px}.cc-derivative-lineage__arrow{align-self:center;color:#5caa93!important;font-size:22px!important;font-weight:900}
.cc-derivative-summary{padding:14px 16px;border-left:4px solid #6cb9a3;border-radius:6px 13px 13px 6px;background:#fff}.cc-derivative-summary strong{font-size:12px}.cc-derivative-summary p{margin:5px 0 0;color:#596961;font-size:12px;line-height:1.75}
.cc-derivative-start{overflow:hidden;border:1px solid #bcded2;border-radius:17px;background:#fff}.cc-derivative-start>summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:15px 17px;cursor:pointer;list-style:none}.cc-derivative-start>summary::-webkit-details-marker{display:none}.cc-derivative-start>summary>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e4f5ef;color:#27755f;font-size:19px;font-weight:900}.cc-derivative-start>summary strong{font-size:15px}.cc-derivative-start>summary small{color:#718078;font-size:10px}.cc-derivative-start__form{margin:0!important;padding:17px!important;border-top:1px solid #e0ebe7!important}.cc-derivative-start__notice{display:grid;gap:3px;padding:11px 13px;border-radius:12px;background:#f1f9f6}.cc-derivative-start__notice strong{color:#2b6f5b;font-size:11px}.cc-derivative-start__notice span{color:#67766f;font-size:10px;line-height:1.6}
.cc-derivative-closed{display:grid;gap:3px;padding:14px 16px;border:1px solid #e4ddd0;border-radius:13px;background:#fffaf2}.cc-derivative-closed strong{font-size:12px}.cc-derivative-closed span{color:#786f61;font-size:10px}
.cc-derivative-owner-setting{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #dce7e3;border-radius:14px;background:#fff}.cc-derivative-owner-setting>div{display:grid;flex:1}.cc-derivative-owner-setting>div strong{font-size:12px}.cc-derivative-owner-setting>div span{color:#79857f;font-size:9px}.cc-derivative-owner-setting label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:850}.cc-derivative-owner-setting .cc-btn{width:auto!important;min-height:36px!important;padding:7px 12px!important;font-size:10px!important}
.cc-confirm-derivative-fields,.cc-derivative-permission-field{display:grid!important;gap:12px!important;padding:16px!important;border:1px solid #cfe2da!important;border-radius:16px!important;background:#f8fcfa!important}.cc-confirm-derivative-fields__head{display:flex;align-items:center;gap:10px}.cc-confirm-derivative-fields__head>span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#dff3ec;color:#2b785f;font-size:19px;font-weight:900}.cc-confirm-derivative-fields__head>div{display:grid}.cc-confirm-derivative-fields__head small{color:#718078;font-size:10px}.cc-derivative-permission-field legend{padding:0 5px;font-size:13px;font-weight:900}.cc-derivative-permission-field>p{margin:0;color:#64736c;font-size:10px;line-height:1.6}.cc-derivative-permission-field>label{display:flex!important;align-items:flex-start!important;gap:8px!important;margin:0!important;padding:11px!important;border:1px solid #dce8e3!important;border-radius:12px!important;background:#fff!important}.cc-derivative-permission-field>label span{display:grid}.cc-derivative-permission-field>label strong{font-size:12px}.cc-derivative-permission-field>label small{color:#748079;font-size:9px;line-height:1.5}
@media(max-width:720px){.cc-derivative-hub__head{display:grid}.cc-derivative-hub__stats{width:100%}.cc-derivative-hub__stats span{flex:1}.cc-derivative-lineage{display:grid}.cc-derivative-lineage__arrow{justify-self:center;transform:rotate(90deg)}.cc-derivative-start>summary{grid-template-columns:auto 1fr}.cc-derivative-start>summary small{grid-column:2}.cc-derivative-owner-setting{display:grid;grid-template-columns:1fr 1fr}.cc-derivative-owner-setting>div{grid-column:1/-1}.cc-derivative-owner-setting .cc-btn{grid-column:1/-1;width:100%!important}.cc-derivative-login{font-size:12px!important}}

/* ==========================================================
   v0.8.594 - unified CotoCle site footer
   ========================================================== */
body>.l-footer{display:none!important}
.cc-site-footer{
  --cc-footer-accent:var(--cc-theme-primary,#69cbb0);
  --cc-footer-accent-2:var(--cc-theme-secondary,#f2c86a);
  position:relative!important;z-index:2!important;isolation:isolate!important;overflow:hidden!important;width:100%!important;margin:58px 0 0!important;padding:54px max(22px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))!important;
  border-top:1px solid rgba(255,255,255,.12)!important;background:
    radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--cc-footer-accent) 33%,transparent) 0 1px,transparent 2px) 0 0/18px 18px,
    linear-gradient(145deg,color-mix(in srgb,var(--cc-theme-footer-bg,#172b2c) 20%,transparent) 0%,color-mix(in srgb,var(--cc-theme-footer-bg-2,#102222) 24%,transparent) 58%,color-mix(in srgb,var(--cc-theme-footer-bg,#182526) 20%,transparent) 100%)!important;
  color:#f7fbfa!important;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif!important;box-shadow:0 -18px 54px rgba(18,37,37,.08)!important;
  backdrop-filter:blur(22px) saturate(1.16)!important;-webkit-backdrop-filter:blur(22px) saturate(1.16)!important;
}
.cc-site-footer:before,.cc-site-footer:after{content:"";position:absolute!important;z-index:-1!important;border-radius:50%!important;pointer-events:none!important}
.cc-site-footer:before{right:-90px!important;top:-170px!important;width:420px!important;height:420px!important;border:1px solid color-mix(in srgb,var(--cc-footer-accent-2) 35%,transparent)!important;box-shadow:0 0 0 36px color-mix(in srgb,var(--cc-footer-accent-2) 6%,transparent),0 0 0 86px color-mix(in srgb,var(--cc-footer-accent) 5%,transparent)!important}
.cc-site-footer:after{left:-110px!important;bottom:-210px!important;width:360px!important;height:360px!important;background:radial-gradient(circle,color-mix(in srgb,var(--cc-footer-accent) 19%,transparent),transparent 70%)!important}
.cc-site-footer__inner{display:grid!important;grid-template-columns:minmax(260px,1.3fr) repeat(3,minmax(150px,1fr))!important;gap:42px!important;width:min(1180px,100%)!important;margin:0 auto!important}
.cc-site-footer__brand{min-width:0!important;padding-right:26px!important}
.cc-site-footer__brand>a{position:relative!important;display:inline-flex!important;align-items:center!important;gap:9px!important;color:#fff!important;text-decoration:none!important}
.cc-site-footer__brand strong{font-size:30px!important;font-weight:1000!important;line-height:1!important;letter-spacing:-.055em!important}.cc-site-footer__brand strong span{color:var(--cc-footer-accent)!important}
.cc-site-footer__brand>a>i{display:block!important;width:17px!important;height:17px!important;border-radius:5px 10px 5px 10px!important;background:linear-gradient(135deg,var(--cc-footer-accent),var(--cc-footer-accent-2))!important;transform:rotate(-14deg)!important;box-shadow:8px -3px 0 -4px var(--cc-footer-accent-2)!important}
.cc-site-footer__brand p{max-width:330px!important;margin:20px 0 0!important;color:rgba(241,249,247,.7)!important;font-size:12px!important;line-height:1.9!important}
.cc-site-footer__nav{display:grid!important;align-content:start!important;gap:2px!important;min-width:0!important}
.cc-site-footer__nav>b{display:block!important;margin:0 0 12px!important;color:#fff!important;font-size:12px!important;font-weight:900!important;letter-spacing:.12em!important}
.cc-site-footer__nav>a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:36px!important;padding:6px 0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:rgba(242,249,247,.73)!important;font-size:11px!important;font-weight:700!important;line-height:1.45!important;text-decoration:none!important;transition:color .18s ease,transform .18s ease,border-color .18s ease!important}
.cc-site-footer__nav>a span{color:var(--cc-footer-accent)!important;font-size:13px!important}.cc-site-footer__nav>a:hover,.cc-site-footer__nav>a:focus-visible{border-color:color-mix(in srgb,var(--cc-footer-accent) 45%,transparent)!important;color:#fff!important;outline:none!important;transform:translateX(3px)!important}
.cc-site-footer__bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;width:min(1180px,100%)!important;margin:40px auto 0!important;padding-top:20px!important;border-top:1px solid rgba(255,255,255,.12)!important;color:rgba(239,247,245,.58)!important}
.cc-site-footer__bottom>span{font-size:10px!important;font-weight:900!important;letter-spacing:.08em!important}.cc-site-footer__bottom>small{font-size:9px!important;line-height:1.6!important;text-align:center!important}.cc-site-footer__bottom>a{color:#fff!important;font-size:10px!important;font-weight:850!important;text-decoration:none!important;white-space:nowrap!important}.cc-site-footer__bottom>a span{display:inline-grid!important;place-items:center!important;width:27px!important;height:27px!important;margin-left:6px!important;border-radius:50%!important;background:color-mix(in srgb,var(--cc-footer-accent) 20%,transparent)!important;color:var(--cc-footer-accent)!important}
@media(max-width:920px){.cc-site-footer__inner{grid-template-columns:1.25fr repeat(2,minmax(150px,1fr))!important}.cc-site-footer__nav:last-child{grid-column:2 / span 2!important}.cc-site-footer__brand{grid-row:1 / span 2!important}}
@media(max-width:1180px){.cc-site-footer{padding-bottom:max(104px,calc(84px + env(safe-area-inset-bottom)))!important}}
@media(max-width:680px){.cc-site-footer{margin-top:38px!important;padding-top:38px!important;padding-bottom:max(104px,calc(84px + env(safe-area-inset-bottom)))!important}.cc-site-footer__inner{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 22px!important}.cc-site-footer__brand{grid-column:1 / -1!important;grid-row:auto!important;padding-right:0!important}.cc-site-footer__brand p{margin-top:13px!important}.cc-site-footer__nav:last-child{grid-column:auto!important}.cc-site-footer__bottom{display:grid!important;grid-template-columns:1fr auto!important;gap:10px!important;margin-top:32px!important}.cc-site-footer__bottom>small{grid-column:1 / -1!important;grid-row:2!important;text-align:left!important}.cc-site-footer__bottom>a{grid-column:2!important;grid-row:1!important}.cc-site-footer:before{right:-220px!important;top:-250px!important}}

/* The ordinary site footer belongs to the selected theme too. Patterns are
   grouped by frame family so every preset gets a recognisable but readable base. */
body.cc-theme-runtime.cc-theme-frame--leaf .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--flower .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--petal .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--earth .cc-site-footer{
  background:
    radial-gradient(ellipse at 9% 18%,color-mix(in srgb,var(--cc-footer-accent) 32%,transparent) 0 5px,transparent 6px) 0 0/58px 42px,
    linear-gradient(118deg,transparent 0 46%,color-mix(in srgb,var(--cc-footer-accent-2) 15%,transparent) 47% 49%,transparent 50%) 0 0/76px 76px,
    linear-gradient(145deg,color-mix(in srgb,var(--cc-theme-footer-bg,#172b2c) 20%,transparent),color-mix(in srgb,var(--cc-theme-footer-bg-2,#102222) 24%,transparent))!important
}
body.cc-theme-runtime.cc-theme-frame--book .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--paper .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--sketch .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--tape .cc-site-footer{
  background:
    repeating-linear-gradient(0deg,transparent 0 29px,color-mix(in srgb,var(--cc-footer-accent-2) 13%,transparent) 30px 31px),
    linear-gradient(90deg,transparent 0 8%,color-mix(in srgb,var(--cc-footer-accent) 20%,transparent) 8.2% 8.45%,transparent 8.7%),
    linear-gradient(145deg,color-mix(in srgb,var(--cc-theme-footer-bg,#172b2c) 20%,transparent),color-mix(in srgb,var(--cc-theme-footer-bg-2,#102222) 24%,transparent))!important
}
body.cc-theme-runtime.cc-theme-frame--neon .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--crystal .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--glass .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--ember .cc-site-footer{
  background:
    radial-gradient(circle at 12% 22%,color-mix(in srgb,var(--cc-footer-accent) 24%,transparent) 0 1px,transparent 2px) 0 0/31px 31px,
    radial-gradient(circle at 88% 30%,color-mix(in srgb,var(--cc-footer-accent-2) 26%,transparent),transparent 26%),
    linear-gradient(145deg,color-mix(in srgb,var(--cc-theme-footer-bg,#10192d) 20%,transparent),color-mix(in srgb,var(--cc-theme-footer-bg-2,#15203a) 24%,transparent))!important
}
body.cc-theme-runtime.cc-theme-frame--gold .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--metal .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--line .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--film .cc-site-footer{
  background:
    repeating-linear-gradient(90deg,transparent 0 82px,color-mix(in srgb,var(--cc-footer-accent-2) 16%,transparent) 83px 84px),
    repeating-linear-gradient(0deg,transparent 0 46px,color-mix(in srgb,var(--cc-footer-accent) 10%,transparent) 47px 48px),
    linear-gradient(145deg,color-mix(in srgb,var(--cc-theme-footer-bg,#161b20) 20%,transparent),color-mix(in srgb,var(--cc-theme-footer-bg-2,#232126) 24%,transparent))!important
}
body.cc-theme-runtime.cc-theme-frame--sticker .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--block .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--pixel .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--comic .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--toy .cc-site-footer,
body.cc-theme-runtime.cc-theme-frame--ribbon .cc-site-footer{
  background:
    conic-gradient(from 35deg at 14px 14px,color-mix(in srgb,var(--cc-footer-accent) 34%,transparent) 0 10%,transparent 11% 100%) 0 0/44px 44px,
    radial-gradient(circle at 80% 24%,color-mix(in srgb,var(--cc-footer-accent-2) 27%,transparent) 0 5px,transparent 6px) 0 0/67px 59px,
    linear-gradient(145deg,color-mix(in srgb,var(--cc-theme-footer-bg,#242037) 20%,transparent),color-mix(in srgb,var(--cc-theme-footer-bg-2,#152c30) 24%,transparent))!important
}

/* ==========================================================
   v0.8.606 — private-avatar/UI hardening and unified point gate
   ========================================================== */

/* The creator stats used to retain an old 58px parent height while their
   responsive 2 x 2 children grew taller, so the follow action overlapped them. */
.cc-creator-page .cc-profile-card--creator .cc-profile-tools,
.cc-creator-page .cc-profile-card--creator .cc-profile-stats{
  height:auto!important;
  min-height:0!important;
}
.cc-creator-page .cc-profile-card--creator .cc-follow-form{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:0!important;
  transform:none!important;
  clear:both!important;
}
.cc-creator-page .cc-profile-card--creator .cc-follow-btn{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  margin:0!important;
  transform:none!important;
}

/* Download price, trial terms and action are separate rows. Long campaign
   labels can wrap without squeezing the price or clipping the button. */
.cc-download-offer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  margin:0 0 14px!important;
  padding:14px!important;
  border:1px solid #e4e8e4!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,#fbfffd,#fffaf0)!important;
  box-sizing:border-box!important;
}
.cc-download-offer>.cc-eyebrow{display:block!important;margin:0!important}
.cc-download-offer__price{display:block!important;width:100%!important;min-width:0!important}
.cc-download-offer__price .cc-download-price{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  column-gap:7px!important;
  row-gap:4px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  font-size:24px!important;
}
.cc-download-offer__price .cc-download-price small{
  flex:1 0 100%!important;
  width:100%!important;
  font-size:10px!important;
  line-height:1.45!important;
  white-space:normal!important;
}
.cc-download-offer__terms{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding-top:8px!important;
  border-top:1px solid #e7ece8!important;
}
.cc-download-offer__terms p,
.cc-download-offer__terms .cc-trial-countdown{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:8px 10px!important;
  box-sizing:border-box!important;
  font-size:11px!important;
  line-height:1.65!important;
  overflow:visible!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.cc-download-offer__terms p:not(.cc-trial-countdown){background:#f6f8f6!important;border-radius:10px!important;color:#66716b!important}
.cc-download-offer__terms strong{color:#2d745f!important;font-size:1.08em!important}

/* Personal profile cards stay readable with seven-digit balances and narrow
   phone widths. Every value remains on one line inside its own cell. */
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-stats,
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat,
.cc-dashboard-grid--engagement .cc-panel-head,
.cc-dashboard-grid--engagement .cc-wallet-mini{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat strong{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  font-size:clamp(16px,1.7vw,25px)!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:-.035em!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
}

@media(max-width:780px){
  .cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-stats{
    height:auto!important;
    overflow:hidden!important;
  }
  .cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat{
    min-height:72px!important;
    padding:11px 6px!important;
    overflow:hidden!important;
  }
  .cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat strong{
    font-size:clamp(18px,5.4vw,23px)!important;
    line-height:1.08!important;
  }
  .cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat span{
    max-width:100%!important;
    font-size:10px!important;
    line-height:1.35!important;
    text-align:center!important;
    white-space:normal!important;
  }
  .cc-dashboard-grid--engagement>.cc-points-panel .cc-panel-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  .cc-dashboard-grid--engagement .cc-wallet-mini{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    justify-content:stretch!important;
    width:100%!important;
    gap:8px!important;
  }
  .cc-dashboard-grid--engagement .cc-points-total,
  .cc-dashboard-grid--engagement .cc-medals-total{
    display:flex!important;
    justify-content:center!important;
    min-width:0!important;
    max-width:100%!important;
    padding:9px 7px!important;
    overflow:hidden!important;
    font-size:clamp(18px,6vw,26px)!important;
    white-space:nowrap!important;
  }
  .cc-creator-page .cc-profile-card--creator .cc-follow-form{margin-top:12px!important}
}

@media(max-width:380px){
  .cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat strong{font-size:18px!important}
  .cc-download-card{padding-left:16px!important;padding-right:16px!important}
  .cc-download-offer{padding:12px!important}
}

/* Site-wide point shortage dialog used by Games, Store, themes and downloads. */
html.cc-points-shortage-open,html.cc-points-shortage-open body{overflow:hidden!important;overscroll-behavior:none!important}
.cc-points-shortage[hidden]{display:none!important}
.cc-points-shortage{
  position:fixed!important;
  inset:0!important;
  z-index:2147483600!important;
  display:grid!important;
  place-items:center!important;
  width:100vw!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))!important;
  box-sizing:border-box!important;
}
.cc-points-shortage__backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;background:rgba(17,29,27,.66)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;cursor:pointer!important}
.cc-points-shortage__panel{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  justify-items:center!important;
  width:min(440px,calc(100vw - 32px))!important;
  max-height:calc(100dvh - 36px)!important;
  overflow:auto!important;
  padding:28px!important;
  border:1px solid rgba(72,132,113,.18)!important;
  border-radius:26px!important;
  outline:0!important;
  background:linear-gradient(145deg,#fff,#f6fcf9 58%,#fff9eb)!important;
  box-shadow:0 28px 90px rgba(5,20,16,.34)!important;
  color:#25342f!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.cc-points-shortage__close{position:absolute!important;top:11px!important;right:11px!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;border:1px solid #dfe8e3!important;border-radius:50%!important;background:#fff!important;color:#66736e!important;font-size:23px!important;line-height:1!important;cursor:pointer!important}
.cc-points-shortage__mark{display:grid!important;place-items:center!important;width:64px!important;height:64px!important;margin:0 0 12px!important;border-radius:22px!important;background:linear-gradient(145deg,#ffe783,#efb946)!important;color:#5b4300!important;box-shadow:0 10px 24px rgba(173,126,15,.20)!important;font-size:35px!important;font-weight:1000!important}
.cc-points-shortage__kicker{color:#408c77!important;font-size:10px!important;font-weight:950!important;letter-spacing:.16em!important}
.cc-points-shortage__panel h2{margin:6px 0 8px!important;color:#263b35!important;font-size:clamp(23px,6vw,30px)!important;line-height:1.25!important}
.cc-points-shortage__panel>p{max-width:34em!important;margin:0!important;color:#66746f!important;font-size:13px!important;line-height:1.75!important}
.cc-points-shortage__context{margin-top:12px!important;padding:6px 11px!important;border-radius:999px!important;background:#edf7f3!important;color:#377965!important;font-size:11px!important;font-weight:900!important}
.cc-points-shortage__balances{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;margin:18px 0!important}
.cc-points-shortage__balances>div{display:grid!important;gap:4px!important;min-width:0!important;padding:13px 8px!important;border:1px solid #e2e9e5!important;border-radius:15px!important;background:#fff!important}
.cc-points-shortage__balances small{color:#88928e!important;font-size:9px!important;font-weight:800!important}.cc-points-shortage__balances strong{max-width:100%!important;overflow:hidden!important;color:#325f52!important;font-size:22px!important;line-height:1.1!important;white-space:nowrap!important}
.cc-points-shortage__actions{display:grid!important;grid-template-columns:1fr 1.35fr!important;gap:9px!important;width:100%!important}
.cc-points-shortage__actions button,.cc-points-shortage__actions a{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:9px 12px!important;border-radius:14px!important;font-size:12px!important;font-weight:900!important;line-height:1.35!important;text-decoration:none!important;cursor:pointer!important;box-sizing:border-box!important}.cc-points-shortage__actions button{border:1px solid #dce5e0!important;background:#fff!important;color:#5d6b66!important}.cc-points-shortage__actions a{border:1px solid #3f927a!important;background:#3f927a!important;color:#fff!important}
@media(max-width:420px){.cc-points-shortage__panel{padding:25px 18px 20px!important;border-radius:22px!important}.cc-points-shortage__actions{grid-template-columns:1fr!important}.cc-points-shortage__balances strong{font-size:19px!important}}


/* ==========================================================
   v0.8.609 - Firefox / Android Google GIS click fallback
   Firefox may not reliably activate the almost-transparent
   cross-origin GIS control used by the Samsung visual shell.
   In Firefox, the native Google-rendered button is visible and
   becomes the direct click target. Chrome/Samsung behavior is
   unchanged.
   ========================================================== */
.cc-auth-card .cc-google-button-shell.is-firefox-native{
  height:auto!important;
  min-height:44px!important;
  overflow:visible!important;
  isolation:auto!important;
  background:transparent!important;
}
.cc-auth-card .cc-google-button-shell.is-firefox-native .cc-google-button-visual{
  display:none!important;
}
.cc-auth-card .cc-google-button-shell.is-firefox-native .cc-google-button{
  position:relative!important;
  inset:auto!important;
  z-index:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  min-height:44px!important;
  overflow:visible!important;
  opacity:1!important;
  cursor:pointer!important;
}
@media(max-width:560px){
  .cc-auth-card .cc-google-button-shell.is-firefox-native,
  .cc-auth-card .cc-google-button-shell.is-firefox-native .cc-google-button{
    height:auto!important;
    min-height:46px!important;
  }
}


/* v0.8.610 — CotoCle official publishing account */
.cc-official-badge{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;margin-left:7px;padding:3px 7px 3px 4px;border:1px solid rgba(42,132,108,.28);border-radius:999px;background:rgba(236,250,245,.96);color:#246e5d;font-size:10px;font-weight:950;line-height:1;white-space:nowrap;letter-spacing:.02em}
.cc-official-badge__check{display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#2f806b;color:#fff;font-size:10px;font-weight:1000;line-height:1}
.cc-official-role{margin:5px 0 8px!important;color:#317665!important;font-size:12px!important;font-weight:900!important;letter-spacing:.02em}
.cc-creator-directory-card__copy h2,.cc-profile-copy h1,.cc-creator-card__profile h3,.cc-download-creator__copy strong{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.cc-material-meta-list .cc-official-badge{margin-left:5px}
@media(max-width:640px){.cc-official-badge{margin-left:5px;padding:3px 6px 3px 4px;font-size:9px}.cc-official-badge__check{width:14px;height:14px;font-size:9px}.cc-official-role{font-size:11px!important}}


/* v0.8.616 DIAGNOSTIC: true 0% footer/nav background to identify hidden paint layers. */
html body .cc-site-footer{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
html body .cc-site-footer::before,
html body .cc-site-footer::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
@media(max-width:1180px){
  html body .cc-mobile-app-bottom{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
}

/* v0.8.623 — official title gold + avatar economy picker */
.cc-avatar-title-badge.cc-title-official{border-color:rgba(206,151,23,.72)!important;background:linear-gradient(135deg,#fff3b8,#f3c84b)!important;color:#65480b!important;box-shadow:0 4px 14px rgba(196,141,18,.28)!important}
.cc-avatar-title-badge.cc-title-official b{background:#d9a51d!important;color:#fff!important}
.cc-official-badge{border-color:rgba(209,158,30,.55)!important;background:linear-gradient(135deg,#fff5c7,#f7d65f)!important;color:#71500b!important;box-shadow:0 3px 10px rgba(194,143,22,.16)!important}
.cc-official-badge__check{background:#d4a01e!important;color:#fff!important}
.cc-avatar-economy-note{display:grid;gap:3px;margin:12px 0;padding:10px 12px;border:1px solid #e6dcc0;border-radius:13px;background:#fffbef;color:#62583d;font-size:11px;line-height:1.5}.cc-avatar-economy-note strong{color:#8a6816;font-size:12px}.cc-avatar-default-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 14px}.cc-avatar-choice{position:relative;display:grid;justify-items:center;gap:6px;padding:9px 5px;border:1px solid #dfe7e3;border-radius:14px;background:#fff;cursor:pointer;transition:.15s ease}.cc-avatar-choice:hover{border-color:#8fc7b7;transform:translateY(-1px)}.cc-avatar-choice.is-current{border-color:#4e9f87;box-shadow:0 0 0 2px rgba(78,159,135,.12)}.cc-avatar-choice input{position:absolute;opacity:0;pointer-events:none}.cc-avatar-choice img{width:54px;height:54px;object-fit:contain;border-radius:14px}.cc-avatar-choice>span{display:grid;gap:2px;text-align:center;color:#43564f;font-size:10px;font-weight:850}.cc-avatar-choice small{color:#7f8e88;font-size:9px}.cc-avatar-exhibit-picker{margin-top:12px;border:1px solid #dfe8e5;border-radius:14px;background:#fbfdfc;overflow:hidden}.cc-avatar-exhibit-picker>summary{padding:12px 13px;cursor:pointer;color:#3d6257;font-size:11px;font-weight:900}.cc-avatar-exhibit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:360px;overflow:auto;padding:0 10px 12px}.cc-avatar-choice--exhibit img{width:58px;height:58px;background:transparent}.cc-avatar-choice--exhibit{padding:7px 4px;background:rgba(255,255,255,.8)}
@media(max-width:640px){.cc-avatar-exhibit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cc-avatar-choice img{width:48px;height:48px}.cc-avatar-choice--exhibit img{width:52px;height:52px}}

.cc-avatar__img--preset{object-fit:contain!important;background:rgba(255,255,255,.16)!important}

.cc-contribution-hero.is-official{border-color:rgba(210,160,31,.42)!important;background:linear-gradient(135deg,rgba(255,247,205,.92),rgba(250,220,105,.78))!important;box-shadow:0 12px 32px rgba(190,137,19,.16)!important}.cc-contribution-hero.is-official .cc-contribution-emblem{background:#d6a21c!important;color:#fff!important;box-shadow:0 4px 13px rgba(185,132,17,.25)!important}.cc-contribution-hero.is-official .cc-contribution-hero__title strong,.cc-contribution-hero.is-official .cc-contribution-progress p strong{color:#6f500d!important}


/* ==========================================================
   v0.8.626 Home / new-arrival title clipping fix
   Keep the two-line title clamp, but reserve enough vertical room
   for the full glyph box plus spacing under THE THOR/global box sizing.
   ========================================================== */
.cc-home-discovery .cc-discovery-section--new .cc-market-card__body{
  grid-template-rows:52px 58px minmax(58px,1fr) auto!important;
}
.cc-home-discovery .cc-discovery-section--new .cc-market-card__body h3{
  min-height:58px!important;
  max-height:58px!important;
  padding:0 0 8px!important;
  overflow:hidden!important;
}
@media(max-width:780px){
  .cc-home-discovery .cc-discovery-section--new .cc-market-card__body{grid-template-rows:46px 54px minmax(50px,1fr) auto!important}
  .cc-home-discovery .cc-discovery-section--new .cc-market-card__body h3{min-height:54px!important;max-height:54px!important}
}
@media(max-width:520px){
  .cc-home-discovery .cc-discovery-section--new .cc-market-card__body{grid-template-rows:42px 46px auto!important}
  .cc-home-discovery .cc-discovery-section--new .cc-market-card__body h3{min-height:46px!important;max-height:46px!important;padding-bottom:5px!important}
}

/* ==========================================================
   v0.8.658 Home content tabs: two-line resource title safety
   The tabbed New/Popular panels do not carry the legacy --new class,
   so reserve the same full glyph box here as well.
   ========================================================== */
.cc-home-content-tabs .cc-market-card__body{
  grid-template-rows:52px 58px minmax(58px,1fr) auto!important;
}
.cc-home-content-tabs .cc-market-card__body h3{
  min-height:58px!important;
  max-height:58px!important;
  padding:0 0 8px!important;
  overflow:hidden!important;
}
@media(max-width:780px){
  .cc-home-content-tabs .cc-market-card__body{grid-template-rows:46px 54px minmax(50px,1fr) auto!important}
  .cc-home-content-tabs .cc-market-card__body h3{min-height:54px!important;max-height:54px!important}
}
@media(max-width:520px){
  .cc-home-content-tabs .cc-market-card__body{grid-template-rows:42px 46px auto!important}
  .cc-home-content-tabs .cc-market-card__body h3{min-height:46px!important;max-height:46px!important;padding-bottom:5px!important}
}

/* v0.8.659 — author-only inline editing on resource/material detail pages */
.cc-owner-tools{margin:22px 0;padding:18px;border:1px solid rgba(73,153,130,.34);border-radius:20px;background:linear-gradient(145deg,rgba(245,255,251,.96),rgba(255,252,235,.94));box-shadow:0 10px 28px rgba(39,92,76,.08)}
.cc-owner-tools__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px}.cc-owner-tools__head>span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#3d927a;color:#fff;font-size:11px;font-weight:900}.cc-owner-tools__head h2{margin:0;color:#244e42;font-size:20px;line-height:1.35}.cc-owner-tools__head p{margin:4px 0 0;color:#667b74;font-size:13px;line-height:1.65}.cc-owner-tools__actions{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);gap:12px;align-items:start}.cc-owner-tools__details,.cc-owner-file-edit{border:1px solid #d5e8e1;border-radius:15px;background:rgba(255,255,255,.9);overflow:hidden}.cc-owner-tools__details>summary{padding:14px 16px;cursor:pointer;color:#28745f;font-size:14px;font-weight:900;list-style:none}.cc-owner-tools__details>summary::-webkit-details-marker{display:none}.cc-owner-tools__details>summary:after{content:'＋';float:right}.cc-owner-tools__details[open]>summary:after{content:'−'}.cc-owner-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px 16px}.cc-owner-edit-form label{display:grid;gap:6px;margin:0;color:#3f5b52;font-size:12px}.cc-owner-edit-form label strong{font-size:13px}.cc-owner-edit-form input,.cc-owner-edit-form textarea{box-sizing:border-box;width:100%;padding:11px 12px;border:1px solid #cfddd8;border-radius:10px;background:#fff;color:#243a33;font:inherit}.cc-owner-edit-form textarea{resize:vertical;line-height:1.65}.cc-owner-edit-form label small,.cc-owner-file-edit small{color:#75867f;font-size:10px;line-height:1.55}.cc-owner-edit-form__wide{grid-column:1/-1}.cc-owner-edit-form__submit{grid-column:1/-1;justify-self:start}.cc-owner-file-edit{display:grid;gap:8px;padding:14px}.cc-owner-file-edit .cc-btn{width:100%}.cc-owner-file-edit small{text-align:center}
@media(max-width:760px){.cc-owner-tools{padding:14px;border-radius:17px}.cc-owner-tools__head{display:grid}.cc-owner-tools__actions,.cc-owner-edit-form{grid-template-columns:1fr}.cc-owner-edit-form__wide,.cc-owner-edit-form__submit{grid-column:auto}.cc-owner-edit-form__submit{width:100%}}


/* ==========================================================
   v0.8.663 — Home discover cards: slightly wider feel on mobile
   Reduce side padding/gap and reserve a taller title box so
   long resource names stop clipping on narrow screens.
   ========================================================== */
@media(max-width:520px){
  .cc-home-content-tabs .cc-discovery-inner{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .cc-home-content-tabs .cc-market-grid{
    gap:8px!important;
  }
  .cc-home-content-tabs .cc-market-card__body{
    padding:11px 8px 10px!important;
    grid-template-rows:42px 56px auto!important;
  }
  .cc-home-content-tabs .cc-market-card__body h3{
    min-height:56px!important;
    max-height:56px!important;
    padding-bottom:6px!important;
    line-height:1.42!important;
  }
}

/* ==========================================================
   v0.8.664 — owner/operator withdrawal controls
   Withdrawal is a reversible private state, never a destructive delete.
   ========================================================== */
.cc-manage-withdraw{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:20px 0!important;padding:16px 18px!important;border:1px solid #e7c8c4!important;border-radius:19px!important;background:linear-gradient(135deg,#fffaf9,#fffdf8)!important;box-shadow:0 8px 25px rgba(111,57,47,.05)!important}
.cc-manage-withdraw__copy{display:flex!important;align-items:flex-start!important;gap:12px!important;min-width:0!important}
.cc-manage-withdraw__copy>span{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:0 9px!important;border-radius:999px!important;background:#f6e4df!important;color:#93483e!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}
.cc-manage-withdraw__copy strong{display:block!important;color:#4a332e!important;font-size:15px!important;line-height:1.4!important}
.cc-manage-withdraw__copy p{margin:4px 0 0!important;color:#786964!important;font-size:11px!important;line-height:1.65!important}
.cc-manage-withdraw form{flex:0 0 auto!important;margin:0!important}
.cc-manage-withdraw__button{appearance:none!important;min-height:40px!important;padding:0 15px!important;border:1px solid #cf857c!important;border-radius:11px!important;background:#fff5f3!important;color:#953b32!important;font:inherit!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important}
.cc-manage-withdraw__button:hover{background:#9d4038!important;color:#fff!important;border-color:#9d4038!important}
.cc-withdrawn-index{max-width:1080px!important;margin-inline:auto!important}.cc-withdrawn-group{margin:24px 0!important}.cc-withdrawn-group>h3{margin:0 0 10px!important;font-size:19px!important}.cc-withdrawn-list{display:grid!important;gap:10px!important}.cc-withdrawn-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:14px 16px!important;border:1px solid #dfe7e3!important;border-radius:16px!important;background:#fff!important}.cc-withdrawn-card>div{display:grid!important;gap:3px!important;min-width:0!important}.cc-withdrawn-card>div>span{color:#4d8d7b!important;font-size:10px!important;font-weight:900!important}.cc-withdrawn-card strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:15px!important}.cc-withdrawn-card small{color:#7a8580!important;font-size:10px!important}.cc-withdrawn-card form{margin:0!important;flex:0 0 auto!important}
@media(max-width:700px){.cc-manage-withdraw{align-items:stretch!important;flex-direction:column!important}.cc-manage-withdraw__copy{display:grid!important}.cc-manage-withdraw form,.cc-manage-withdraw__button{width:100%!important}.cc-withdrawn-card{align-items:stretch!important;flex-direction:column!important}.cc-withdrawn-card form,.cc-withdrawn-card button{width:100%!important}}


/* ==========================================================
   v0.8.667 — CotoGift / present card mobile layout guard
   Keep exhibit artwork inside its own visual row so transparent
   sprites and evolution artwork never cover the item name/button.
   ========================================================== */
.cc-store-present-item{
  box-sizing:border-box!important;
  min-width:0!important;
  overflow:hidden!important;
  align-items:stretch!important;
}
.cc-store-present-item>.cc-store-gift-art,
.cc-store-present-item>.cc-gift-art3d,
.cc-store-present-item>.cc-store-product__visual,
.cc-store-present-item>[class*="cc-gift-art3d--"]{
  box-sizing:border-box!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  height:132px!important;
  min-height:132px!important;
  margin:0 auto!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  transform:none!important;
  transform-origin:center center!important;
}
.cc-store-present-item>.cc-store-gift-art img,
.cc-store-present-item>.cc-gift-art3d img,
.cc-store-present-item>.cc-store-product__visual img,
.cc-store-present-item>[class*="cc-gift-art3d--"] img,
.cc-store-present-item>.cc-store-gift-art svg,
.cc-store-present-item>.cc-gift-art3d svg,
.cc-store-present-item>.cc-store-product__visual svg,
.cc-store-present-item>[class*="cc-gift-art3d--"] svg{
  display:block!important;
  position:static!important;
  width:auto!important;
  height:auto!important;
  max-width:94%!important;
  max-height:124px!important;
  margin:auto!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  clip-path:none!important;
}
.cc-store-present-item>label{
  box-sizing:border-box!important;
  position:relative!important;
  z-index:4!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:38px!important;
  margin:5px 0 8px!important;
  padding:0 4px!important;
  color:#202a26!important;
  background:transparent!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:900!important;
  text-align:center!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  transform:none!important;
}
.cc-store-present-item>button,
.cc-store-present-item>.cc-btn{
  box-sizing:border-box!important;
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  margin:0!important;
  align-self:end!important;
}
@media(max-width:640px){
  .cc-store-present-item{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:112px minmax(36px,auto) auto!important;
    gap:0!important;
    padding:10px 9px 11px!important;
  }
  .cc-store-present-item>.cc-store-gift-art,
  .cc-store-present-item>.cc-gift-art3d,
  .cc-store-present-item>.cc-store-product__visual,
  .cc-store-present-item>[class*="cc-gift-art3d--"]{
    grid-column:1!important;
    grid-row:1!important;
    height:112px!important;
    min-height:112px!important;
  }
  .cc-store-present-item>.cc-store-gift-art img,
  .cc-store-present-item>.cc-gift-art3d img,
  .cc-store-present-item>.cc-store-product__visual img,
  .cc-store-present-item>[class*="cc-gift-art3d--"] img,
  .cc-store-present-item>.cc-store-gift-art svg,
  .cc-store-present-item>.cc-gift-art3d svg,
  .cc-store-present-item>.cc-store-product__visual svg,
  .cc-store-present-item>[class*="cc-gift-art3d--"] svg{
    max-width:92%!important;
    max-height:104px!important;
  }
  .cc-store-present-item>label{
    grid-column:1!important;
    grid-row:2!important;
    min-height:36px!important;
    margin:4px 0 7px!important;
    font-size:12.5px!important;
    line-height:1.35!important;
  }
  .cc-store-present-item>button,
  .cc-store-present-item>.cc-btn{
    grid-column:1!important;
    grid-row:3!important;
    min-height:43px!important;
  }
}

/* v0.8.677 — mypage mobile contrast hardening for profile links, Google status, stats, and notice block.
   Dark themes were still bleaching text inside the mobile My Page profile cards. */
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-linkline a:not(.cc-profile-edit-anchor){
  color:#8fe7cf!important;
  text-decoration-color:rgba(143,231,207,.78)!important;
  text-shadow:none!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-google-pill,
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-workflow-stat,
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat,
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-btn--notice{
  color:#263933!important;
  text-shadow:none!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-google-pill{
  border-color:#dbe7e1!important;
  background:linear-gradient(135deg,#ffffff,#f7fbf9)!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-google-pill.is-connected{
  border-color:#c7e2d7!important;
  background:linear-gradient(135deg,#f2faf6,#ffffff)!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-google-pill.is-pending{
  border-color:#ecd897!important;
  background:linear-gradient(135deg,#fffbe9,#ffffff)!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-google-pill__kicker{
  color:#667770!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-google-pill strong{
  color:#214238!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-google-pill small{
  color:#5f7069!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-workflow-stat{
  background:#ffffff!important;
  border-color:#dbe7e2!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-workflow-stat>span{
  color:#2c3f38!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-workflow-stat>strong{
  color:#245f50!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-workflow-stat>strong small,
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-workflow-stat>em{
  color:#6f817b!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-workflow-stat--pending>strong{
  color:#8b651e!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-stats{
  background:#ffffff!important;
  border-color:#e1e8e4!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat,
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat:nth-child(n){
  background:#ffffff!important;
  border-color:rgba(55,79,68,.14)!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat strong{
  color:#233730!important;
  opacity:1!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat span{
  color:#66756f!important;
  opacity:1!important;
  font-weight:850!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat--points{
  background:linear-gradient(145deg,#fffbea,#fffef6)!important;
  border-color:#eadf9a!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat--points strong{
  color:#8a7600!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-btn--notice{
  background:linear-gradient(135deg,#825d41,#9a6b47)!important;
  border-color:rgba(255,240,220,.24)!important;
  color:#fff7ed!important;
  box-shadow:0 10px 24px rgba(71,42,22,.22)!important;
}
.cc-dashboard>.cc-profile-card--mypage-v420 .cc-btn--notice .cc-notice-badge{
  background:#f2617d!important;
  color:#ffffff!important;
}
@media(max-width:640px){
  .cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-linkline a:not(.cc-profile-edit-anchor){
    color:#b9fff0!important;
    text-decoration-thickness:1px!important;
  }
  .cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-google-pill strong{font-size:14px!important;line-height:1.35!important}
  .cc-dashboard>.cc-profile-card--mypage-v420 .cc-profile-google-pill small{font-size:12px!important;line-height:1.55!important}
  .cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat{min-height:74px!important}
  .cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat strong{font-size:clamp(18px,5.2vw,24px)!important;line-height:1.08!important}
  .cc-dashboard>.cc-profile-card--mypage-v420 .cc-stat span{font-size:11px!important;line-height:1.35!important}
}


/* ==========================================================
   v0.8.696 — CotoGift present-card mobile layout reset
   CSS-only. Keep the present form compact and prevent legacy
   grid rows from stretching each gift card vertically.
   ========================================================== */
@media(max-width:640px){
  .cc-store-present-item{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:14px!important;
    overflow:hidden!important;
  }

  /* Artwork gets one compact, isolated safe area. */
  .cc-store-present-item>.cc-store-gift-art,
  .cc-store-present-item>.cc-gift-art3d,
  .cc-store-present-item>.cc-store-product__visual,
  .cc-store-present-item>[class*="cc-gift-art3d--"]{
    order:1!important;
    flex:0 0 104px!important;
    width:100%!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    margin:0!important;
    overflow:hidden!important;
  }
  .cc-store-present-item>.cc-store-gift-art img,
  .cc-store-present-item>.cc-gift-art3d img,
  .cc-store-present-item>.cc-store-product__visual img,
  .cc-store-present-item>[class*="cc-gift-art3d--"] img,
  .cc-store-present-item>.cc-store-gift-art svg,
  .cc-store-present-item>.cc-gift-art3d svg,
  .cc-store-present-item>.cc-store-product__visual svg,
  .cc-store-present-item>[class*="cc-gift-art3d--"] svg{
    max-width:100%!important;
    max-height:96px!important;
    object-fit:contain!important;
  }

  /* Product title / price must not be pushed to a tall implicit grid row. */
  .cc-store-present-item>h3,
  .cc-store-present-item>h4,
  .cc-store-present-item>.cc-store-item__name,
  .cc-store-present-item>.cc-store-product__name,
  .cc-store-present-item>.cc-store-present-name,
  .cc-store-present-item>.cc-store-item__price,
  .cc-store-present-item>.cc-store-product__price,
  .cc-store-present-item>.cc-store-present-price{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    transform:none!important;
  }
  .cc-store-present-item>h3,
  .cc-store-present-item>h4,
  .cc-store-present-item>.cc-store-item__name,
  .cc-store-present-item>.cc-store-product__name,
  .cc-store-present-item>.cc-store-present-name{
    order:2!important;
  }
  .cc-store-present-item>.cc-store-item__price,
  .cc-store-present-item>.cc-store-product__price,
  .cc-store-present-item>.cc-store-present-price{
    order:3!important;
  }

  /* Recipient control occupies only its content height. */
  .cc-store-present-item>label{
    order:4!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:stretch!important;
    gap:8px!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    margin:2px 0 0!important;
    padding:0!important;
    text-align:left!important;
  }
  .cc-store-present-item>label select{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:48px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  .cc-store-present-item>button,
  .cc-store-present-item>.cc-btn{
    order:5!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:48px!important;
    height:auto!important;
    margin:0!important;
    align-self:stretch!important;
  }
}