@keyframes floaty{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-57%)}}.preview-render{padding:0}.card-shell{background:0 0;padding:18px 16px;color:var(--txt)}.card-brand{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;font-weight:600;color:var(--txt-2)}.card-brand i{font-style:normal;font-size:11px;color:var(--gold);border:1px solid rgba(26,110,255,.3);border-radius:999px;padding:2px 9px}.card-h{font-size:19px;font-weight:800;margin:12px 0 4px}.card-desc.center,.card-h.center{text-align:center}.card-desc,.card-foot{font-size:12px;color:var(--txt-3)}.card-foot{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--card-line);font-size:10.5px}.bubble-stage{position:relative;height:248px;margin:6px 0 4px}.bubble,.phrase-legend li{display:flex;align-items:center}.bubble{position:absolute;transform:translate(-50%,-50%);border-radius:50%;flex-direction:column;justify-content:center;color:#fff;box-shadow:0 8px 22px rgba(26,110,255,.25),inset 0 2px 8px rgba(255,255,255,.25);animation:floaty 4s ease-in-out infinite}.bubble b{font-weight:800;line-height:1.1}.bubble span{opacity:.9;margin-top:2px}.phrase-legend{list-style:none;margin:8px 0 0;display:flex;flex-direction:column}.phrase-legend li{font-size:12.5px}.phrase-legend .lg-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.phrase-legend b{width:42px;flex:0 0 auto}.hm-axis span,.phrase-legend .lg-note{color:var(--txt-3);flex:1}.phrase-legend em{font-style:normal;color:var(--txt-2);font-size:11.5px}.hm-grid{margin:14px 0 10px}.hm-row{display:flex;align-items:center;margin-bottom:4px}.hm-day{width:16px;flex:0 0 auto;font-size:12px;color:var(--txt-3);text-align:center}.hm-cell{flex:1;position:relative;border-radius:3px;background:#eef2f9;transition:transform .2s}.hm-cell::before{content:"";display:block;padding-top:100%}.hm-cell.lvl-1{background:rgba(26,110,255,.18)}.hm-cell.lvl-2{background:rgba(26,110,255,.42)}.hm-cell.lvl-3{background:rgba(26,110,255,.68)}.hm-cell.hot,.hm-cell.lvl-4{background:#1a6eff}.hm-cell.hot{box-shadow:0 0 10px rgba(26,110,255,.6)}.hm-axis{display:flex;margin-top:2px}.hm-axis span{font-size:9px;text-align:left}.hm-axis span:first-child{width:16px;flex:0 0 auto}.hm-scale{display:flex;align-items:center;justify-content:flex-end;font-size:10px;color:var(--txt-3)}.hm-bar{width:70px;height:8px;border-radius:4px;background:linear-gradient(90deg,rgba(26,110,255,.15),#1a6eff)}.hm-keys{display:flex;margin:14px 0 12px}.hm-key{flex:1;background:#f4f7fc;border:1px solid var(--card-line);border-radius:12px;padding:12px 6px;text-align:center}.hm-key b{font-size:22px;display:block}.hm-key strong{font-size:14px;display:block;margin:4px 0 2px}.hm-key small{font-size:11px;color:var(--txt-3)}.hm-quote{font-size:12.5px;color:var(--txt-2);line-height:1.7;border-left:2px solid var(--gold);padding:8px 0 8px 12px;background:var(--gold-soft);border-radius:0 8px 8px 0}.mbti-card{background:0 0}.mbti-badge,.mbti-hero{background:var(--gold-soft)}.mbti-badge{display:block;width:fit-content;margin:0 auto 10px;padding:6px 16px;border-radius:999px;font-size:12px;font-weight:600;color:var(--gold);border:1px solid rgba(26,110,255,.25)}.mbti-hero{text-align:center;margin:12px 0 16px;padding:22px 12px;border:1px solid rgba(26,110,255,.2);border-radius:16px}.mbti-type{font-size:56px;font-weight:900;letter-spacing:2px;line-height:1;color:var(--gold)}.mbti-role{font-size:16px;font-weight:800;margin-top:10px}.dim-bar.win em,.dim-bar.win span,.mbti-role span{color:var(--gold)}.mbti-quote{font-size:12.5px;color:var(--txt-2);font-style:italic;margin-top:8px}.mbti-grid{display:grid;grid-template-columns:1fr 1fr}.mbti-grid>*+*{margin-top:10px}.mbti-grid>:nth-child(odd){margin-right:5px}.mbti-grid>:nth-child(even){margin-left:5px}.mbti-dim{background:#f4f7fc;border:1px solid var(--card-line);border-radius:12px;padding:12px 10px}.dim-bar em,.dim-bar span,.dim-name{font-size:11px;color:var(--txt-3)}.dim-bar{display:flex;align-items:center;margin-top:7px}.dim-bar em{font-style:normal;font-size:17px;font-weight:800;width:16px}.bar-track{flex:1;height:6px;border-radius:3px;background:#e3e9f2;overflow:hidden}.dim-bar b{display:block;height:100%;border-radius:3px;background:#c5cedd}.dim-bar.win b{background:var(--gold)}.dim-bar span{font-size:12px;font-weight:700;width:32px;text-align:right}.dim-title{font-size:12.5px;font-weight:700;margin:8px 0 4px}.dim-desc{font-size:11px;line-height:1.6;color:var(--txt-3)}.dim-desc b{color:var(--gold)}.gas-guide-img,.guide-img,.wc-demo-img{cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.gas-guide-img:hover,.guide-img:hover,.wc-demo-img:hover{transform:scale(1.01)}.img-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,16,34,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:opacity .22s ease}.img-lightbox.show{opacity:1;visibility:visible}.img-lightbox-pic{max-width:96vw;max-height:88vh;border-radius:12px;box-shadow:0 24px 70px rgba(0,0,0,.5);cursor:zoom-out;transform:scale(.94);transition:transform .22s ease}.img-lightbox.show .img-lightbox-pic{transform:scale(1)}.img-lightbox-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border:0;cursor:pointer;border-radius:50%;font-size:18px;line-height:1;color:#fff;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;transition:background .2s ease}.img-lightbox-close:hover{background:rgba(255,255,255,.3)}.card-foot>*+*,.phrase-legend li>*+*{margin-left:8px}.phrase-legend>*+*{margin-top:8px}.hm-axis>*+*,.hm-row>*+*{margin-left:4px}.hm-scale>*+*{margin-left:6px}.hm-keys>*+*{margin-left:8px}.dim-bar>*+*{margin-left:6px}