.himitsu-cc-detail{isolation:isolate;position:relative}.himitsu-cc-detail .cc-ambient{display:none}.himitsu-cc-detail .cc-grid{grid-template-columns:minmax(0,1fr);display:grid}.himitsu-cc-detail .cc-side{display:contents}.himitsu-cc-detail .cc-frame{background:var(--muted);grid-area:1/1;height:min(66dvh,150vw);position:relative;overflow:hidden}.himitsu-cc-detail .cc-badges{z-index:2;position:absolute;top:12px;left:12px}.himitsu-cc-detail .cc-head{z-index:1;color:#fff;pointer-events:none;background:linear-gradient(#0000,#0000009e 38%,#000000e6);flex-direction:column;grid-area:1/1;align-self:end;gap:8px;min-width:0;padding:72px 16px 18px;display:flex;position:relative}.himitsu-cc-detail .cc-name{letter-spacing:-.025em;margin:0;font-size:36px;font-weight:600;line-height:1.08}.himitsu-cc-detail .cc-desc{max-width:34em;color:color-mix(in oklab, var(--foreground) 86%, transparent);grid-area:3/1;margin:0;padding:20px 16px 0;font-size:16px;line-height:1.6}.himitsu-cc-detail .cc-tags{flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none;display:flex}.himitsu-cc-detail .cc-tags li{color:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border-radius:999px;padding:2px 10px;font-size:12px;line-height:1.5}.himitsu-cc-detail .cc-act{flex-direction:column;grid-area:2/1;gap:14px;min-width:0;padding:18px 16px 0;display:flex}@media (max-width:767px){.himitsu-cc-detail .cc-act>.cc-album{order:1}}.himitsu-cc-detail .cc-album:empty{display:none}.himitsu-cc-detail .cc-act #gtm-start-chat{height:48px;font-size:15px}@media (min-width:48rem){.himitsu-cc-detail{padding:32px 24px 8px}.himitsu-cc-detail .cc-ambient{z-index:-1;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}.himitsu-cc-detail .cc-ambient img{object-fit:cover;object-position:50% 22%;filter:blur(72px)saturate(1.7);opacity:.95;width:100%;height:100%;transform:scale(1.3)}.himitsu-cc-detail .cc-ambient i{background:linear-gradient(to bottom, color-mix(in oklab, var(--background) 38%, transparent), color-mix(in oklab, var(--background) 58%, transparent) 62%, color-mix(in oklab, var(--background) 58%, transparent));display:block;position:absolute;inset:-2px}.himitsu-cc-detail .cc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:32px;max-width:1480px;margin:0 auto}.himitsu-cc-detail .cc-side{flex-direction:column;grid-column:2;gap:12px;min-width:0;display:flex}.himitsu-cc-detail .cc-frame{aspect-ratio:2/3;border:1px solid color-mix(in oklab, var(--border) 60%, transparent);border-radius:20px;align-self:start;height:auto;max-height:calc(100dvh - 192px);box-shadow:0 24px 60px -24px #00000073}.himitsu-cc-detail .cc-head{pointer-events:auto;display:contents}.himitsu-cc-detail .cc-name{color:var(--foreground);order:1;font-size:44px}.himitsu-cc-detail .cc-desc{order:2;padding:0}.himitsu-cc-detail .cc-tags{order:3}.himitsu-cc-detail .cc-tags li{color:var(--muted-foreground);background:var(--muted);-webkit-backdrop-filter:none;backdrop-filter:none}.himitsu-cc-detail .cc-act{order:4;width:100%;max-width:30rem;padding:8px 0 0}}@media (min-width:64rem){.himitsu-cc-detail{padding:28px 72px 16px}.himitsu-cc-detail .cc-grid{grid-template-columns:auto minmax(0,1fr);justify-content:center;column-gap:clamp(40px,4.4vw,104px)}.himitsu-cc-detail .cc-frame{width:auto;height:clamp(440px,100dvh - 148px,1120px);max-height:none}.himitsu-cc-detail .cc-side{gap:clamp(12px,1vw,20px)}.himitsu-cc-detail .cc-name,.himitsu-cc-detail .cc-desc,.himitsu-cc-detail .cc-tags{max-width:40rem}.himitsu-cc-detail .cc-name{font-size:clamp(48px,3.3vw,80px)}.himitsu-cc-detail .cc-desc{font-size:clamp(16px,1.02vw,21px)}.himitsu-cc-detail .cc-tags li{padding:3px 12px;font-size:clamp(12px,.72vw,14px)}.himitsu-cc-detail .cc-act{max-width:clamp(26rem,24vw,34rem);padding-top:clamp(12px,1.2vw,24px)}.himitsu-cc-detail .cc-act #gtm-continue-thread{padding:clamp(12px,.8vw,18px) clamp(16px,1vw,22px)}.himitsu-cc-detail .cc-act #gtm-continue-thread span,.himitsu-cc-detail .cc-act details summary,.himitsu-cc-detail .cc-act details a{font-size:clamp(14px,.82vw,17px)}.himitsu-cc-detail .cc-act time{font-size:clamp(12px,.68vw,14px)}.himitsu-cc-detail .cc-act details summary{padding:clamp(10px,.7vw,15px) clamp(16px,1vw,22px)}.himitsu-cc-detail .cc-act #gtm-start-chat{height:clamp(48px,3vw,60px);font-size:clamp(15px,.95vw,18px)}}
