/* TeenConnect CSS profile frame pack + bundle shop v1 */
.avatar.avatar-frame-css{position:relative!important;overflow:visible!important;border-color:transparent!important;background:#eef2ff!important;isolation:isolate}
.avatar.avatar-frame-css>.avatar-photo{position:absolute;inset:6%;z-index:1;display:grid;place-items:center;border-radius:inherit;overflow:hidden;background:#edf2ff}
.avatar.avatar-frame-css>.avatar-photo>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.avatar.avatar-frame-css>.avatar-photo>b{display:grid;place-items:center;width:100%;height:100%}
.tc-css-avatar-frame{position:absolute;inset:-18%;z-index:4;pointer-events:none;border-radius:31%;box-sizing:border-box;transform:translateZ(0)}
.tc-css-avatar-frame>i{position:absolute;display:block;box-sizing:border-box;pointer-events:none}

/* 1. Cherry Ribbon */
.tc-frame-cherry_ribbon{border:3px solid #fff7fb;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff87b6,#ffd0df 35%,#fff0b9 68%,#ff70a9) border-box;box-shadow:0 0 0 2px #f4b0ca,0 7px 18px rgba(233,76,132,.22),inset 0 0 12px rgba(255,255,255,.8)}
.tc-frame-cherry_ribbon:before,.tc-frame-cherry_ribbon:after{content:"";position:absolute;top:-8%;width:35%;height:25%;border:3px solid #f38fb5;border-radius:60% 48% 60% 42%;background:linear-gradient(145deg,#ffe5ef,#ff9fc3);box-shadow:inset 0 0 0 2px #fff7fb}
.tc-frame-cherry_ribbon:before{left:8%;transform:rotate(-24deg)}.tc-frame-cherry_ribbon:after{right:8%;transform:rotate(24deg)}
.tc-frame-cherry_ribbon .d1,.tc-frame-cherry_ribbon .d2{width:18%;height:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 10%,#ff456f 12% 65%,#c91f52 67%);bottom:-4%;box-shadow:0 3px 6px rgba(198,35,77,.25)}
.tc-frame-cherry_ribbon .d1{left:6%}.tc-frame-cherry_ribbon .d2{left:23%}
.tc-frame-cherry_ribbon .d3{left:22%;bottom:10%;width:12%;height:18%;border-left:3px solid #68a94b;border-radius:50%;transform:rotate(24deg)}
.tc-frame-cherry_ribbon .d4{right:-3%;top:38%;width:12%;height:12%;background:#fff4c4;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 5px #ffc8db);animation:tcFrameTwinkle 2.2s ease-in-out infinite}

/* 2. Cat Jelly */
.tc-frame-cat_jelly{border:4px solid #fffaf0;box-shadow:0 0 0 3px #f7c8d8,0 7px 18px rgba(218,132,166,.18);background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,228,239,.35))}
.tc-frame-cat_jelly:before,.tc-frame-cat_jelly:after{content:"";position:absolute;top:-19%;width:33%;height:34%;background:linear-gradient(145deg,#fffdf7,#ffd5e4);border:3px solid #e8b1c4;clip-path:polygon(10% 100%,50% 0,92% 100%);filter:drop-shadow(0 2px 2px rgba(184,115,142,.18))}
.tc-frame-cat_jelly:before{left:7%;transform:rotate(-7deg)}.tc-frame-cat_jelly:after{right:7%;transform:rotate(7deg)}
.tc-frame-cat_jelly .d1,.tc-frame-cat_jelly .d2{bottom:-11%;width:26%;height:24%;border-radius:48%;background:#fff9f1;border:2px solid #e9bdc6;box-shadow:inset 0 -4px 8px rgba(245,181,204,.16)}
.tc-frame-cat_jelly .d1{left:-7%}.tc-frame-cat_jelly .d2{right:-7%}
.tc-frame-cat_jelly .d1:before,.tc-frame-cat_jelly .d2:before{content:"";position:absolute;inset:24%;border-radius:50%;background:#f6a7c4;box-shadow:-10px -9px 0 -4px #f6a7c4,10px -9px 0 -4px #f6a7c4}
.tc-frame-cat_jelly .d3{right:1%;top:38%;width:14%;height:14%;border-radius:50%;background:#ffcfe2;box-shadow:0 0 0 3px #fff,0 0 9px #ffc2dc}
.tc-frame-cat_jelly .d4{left:2%;top:32%;width:10%;height:10%;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);animation:tcFrameTwinkle 2.6s ease-in-out infinite}

/* 3. Neon Orbit */
.tc-frame-neon_orbit{border:4px solid transparent;background:linear-gradient(#090d26,#090d26) padding-box,conic-gradient(from var(--tc-frame-angle,0deg),#50f8ff,#6275ff,#d85cff,#ff4fa3,#50f8ff) border-box;box-shadow:0 0 15px rgba(76,230,255,.65),0 0 24px rgba(177,74,255,.32);animation:tcFrameNeonPulse 2.8s ease-in-out infinite}
.tc-frame-neon_orbit:before{content:"";position:absolute;inset:-12%;border:2px solid rgba(117,238,255,.64);border-radius:50%;transform:rotate(28deg);box-shadow:0 0 8px rgba(122,236,255,.45)}
.tc-frame-neon_orbit:after{content:"";position:absolute;inset:-5%;border:1px dashed rgba(255,105,211,.72);border-radius:38%;animation:tcFrameSpin 7s linear infinite}
.tc-frame-neon_orbit .d1,.tc-frame-neon_orbit .d2,.tc-frame-neon_orbit .d3{width:9%;height:9%;border-radius:50%;background:#fff;box-shadow:0 0 8px 3px #5ef9ff}
.tc-frame-neon_orbit .d1{left:-8%;top:19%}.tc-frame-neon_orbit .d2{right:-7%;bottom:20%;box-shadow:0 0 8px 3px #ff5fd1}.tc-frame-neon_orbit .d3{right:8%;top:-9%;box-shadow:0 0 8px 3px #936cff}.tc-frame-neon_orbit .d4{left:7%;bottom:-12%;width:20%;height:4px;border-radius:4px;background:linear-gradient(90deg,#54f7ff,#c861ff,#ff5dae)}

/* 4. Frost Crystal */
.tc-frame-frost_crystal{border:3px solid #eaffff;background:linear-gradient(#f8feff,#f8feff) padding-box,linear-gradient(135deg,#79e9ff,#f8ffff 36%,#8ba9ff 70%,#d9fbff) border-box;box-shadow:0 0 0 2px rgba(142,229,255,.65),0 0 18px rgba(79,201,255,.34),inset 0 0 12px rgba(255,255,255,.85)}
.tc-frame-frost_crystal:before,.tc-frame-frost_crystal:after{content:"";position:absolute;width:25%;height:25%;background:linear-gradient(135deg,#d8fbff,#8edfff);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 0 5px rgba(91,207,255,.7))}
.tc-frame-frost_crystal:before{left:-11%;top:-10%;transform:rotate(12deg)}.tc-frame-frost_crystal:after{right:-11%;bottom:-10%;transform:rotate(-14deg)}
.tc-frame-frost_crystal .d1,.tc-frame-frost_crystal .d2,.tc-frame-frost_crystal .d3,.tc-frame-frost_crystal .d4{width:11%;height:11%;background:#fff;clip-path:polygon(50% 0,61% 37%,100% 50%,61% 63%,50% 100%,39% 63%,0 50%,39% 37%);filter:drop-shadow(0 0 5px #8feaff);animation:tcFrameTwinkle 2.4s ease-in-out infinite}
.tc-frame-frost_crystal .d1{left:12%;top:-8%}.tc-frame-frost_crystal .d2{right:12%;top:-8%;animation-delay:-.8s}.tc-frame-frost_crystal .d3{left:-7%;bottom:22%;animation-delay:-1.3s}.tc-frame-frost_crystal .d4{right:-7%;top:24%;animation-delay:-1.8s}

/* 5. Moon Wing */
.tc-frame-moon_wing{border:4px solid #28234f;background:linear-gradient(#13142b,#13142b) padding-box,linear-gradient(135deg,#6656d8,#ba80ff 48%,#8bd8ff) border-box;box-shadow:0 0 0 2px #17172f,0 0 18px rgba(121,91,255,.4)}
.tc-frame-moon_wing:before{content:"";position:absolute;left:-24%;top:10%;width:34%;height:68%;border:5px solid #b5adff;border-right:0;border-radius:100% 0 0 100%;transform:rotate(-12deg);box-shadow:-5px 0 10px rgba(135,118,255,.38)}
.tc-frame-moon_wing:after{content:"";position:absolute;right:-24%;top:10%;width:34%;height:68%;border:5px solid #9edbff;border-left:0;border-radius:0 100% 100% 0;transform:rotate(12deg);box-shadow:5px 0 10px rgba(117,195,255,.34)}
.tc-frame-moon_wing .d1{right:-8%;top:-12%;width:26%;height:26%;border-radius:50%;background:#ffe79d;box-shadow:inset 8px -3px 0 1px #16152d,0 0 9px rgba(255,224,139,.6);animation:tcFrameMoonFloat 3.8s ease-in-out infinite}
.tc-frame-moon_wing .d2,.tc-frame-moon_wing .d3,.tc-frame-moon_wing .d4{width:8%;height:8%;background:#fff;clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);filter:drop-shadow(0 0 5px #c3b7ff)}
.tc-frame-moon_wing .d2{left:4%;top:-9%}.tc-frame-moon_wing .d3{right:0;bottom:2%}.tc-frame-moon_wing .d4{left:-4%;bottom:17%}

/* 6. Royal Gold */
.tc-frame-royal_gold{border:4px solid #19140b;background:linear-gradient(#17130c,#17130c) padding-box,linear-gradient(135deg,#8b5b14,#ffe49b 30%,#c58c25 60%,#fff0b6) border-box;box-shadow:0 0 0 2px #f0cf76,0 8px 18px rgba(106,70,13,.28),inset 0 0 9px rgba(255,230,152,.18)}
.tc-frame-royal_gold:before{content:"";position:absolute;left:50%;top:-23%;transform:translateX(-50%);width:65%;height:31%;background:linear-gradient(135deg,#c68d28,#ffe9a7,#9c681a);clip-path:polygon(0 100%,13% 28%,34% 70%,50% 0,66% 70%,87% 28%,100% 100%);filter:drop-shadow(0 3px 4px rgba(103,67,12,.35))}
.tc-frame-royal_gold:after{content:"";position:absolute;left:50%;top:-7%;transform:translateX(-50%);width:9%;height:9%;border-radius:50%;background:#fff6cc;box-shadow:-28px 5px 0 -2px #6ecbff,28px 5px 0 -2px #ff82bd,0 0 8px #fff1a5}
.tc-frame-royal_gold .d1,.tc-frame-royal_gold .d2{bottom:-10%;width:26%;height:12%;border:3px solid #d9a63b;border-top:0;border-radius:0 0 90% 90%}
.tc-frame-royal_gold .d1{left:-2%;transform:rotate(15deg)}.tc-frame-royal_gold .d2{right:-2%;transform:rotate(-15deg)}
.tc-frame-royal_gold .d3,.tc-frame-royal_gold .d4{width:8%;height:8%;border-radius:50%;background:#ffe9a1;box-shadow:0 0 7px #ffde72}.tc-frame-royal_gold .d3{left:-7%;top:42%}.tc-frame-royal_gold .d4{right:-7%;top:42%}

.tc-css-frame-preview-shell{position:relative;display:grid;place-items:center;width:112px;height:112px;margin:auto;isolation:isolate}
.tc-css-frame-preview-avatar{position:absolute;z-index:1;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:#18213f;color:#fff;font-size:12px;box-shadow:inset 0 0 0 2px rgba(255,255,255,.75)}
.tc-css-frame-preview-shell>.tc-css-avatar-frame{position:absolute;left:50%;top:50%;width:72px;height:72px;inset:auto;transform:translate(-50%,-50%);border-radius:24px}
.tc-css-frame-preview-shell.context-bundle{width:60px;height:60px}.tc-css-frame-preview-shell.context-bundle>.tc-css-frame-preview-avatar{width:34px;height:34px;border-radius:11px;font-size:7px}.tc-css-frame-preview-shell.context-bundle>.tc-css-avatar-frame{width:42px;height:42px;border-radius:14px}
.profile-item-preview.type-frame:has(.tc-css-frame-preview-shell){display:grid!important;place-items:center!important;overflow:visible!important}
.tc-profile-studio-modal .tc-studio-item-preview.type-frame:has(.tc-css-frame-preview-shell){overflow:visible!important;display:grid!important;place-items:center!important}
.tc-gift-card-image .tc-studio-item-preview.type-frame:has(.tc-css-frame-preview-shell){overflow:visible!important;display:grid!important;place-items:center!important}

@keyframes tcFrameTwinkle{0%,100%{opacity:.45;transform:scale(.78)}50%{opacity:1;transform:scale(1.15)}}
@keyframes tcFrameSpin{to{transform:rotate(360deg)}}
@keyframes tcFrameNeonPulse{0%,100%{filter:saturate(1) brightness(1)}50%{filter:saturate(1.2) brightness(1.12)}}
@keyframes tcFrameMoonFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.tc-css-avatar-frame,.tc-css-avatar-frame *{animation:none!important}}

/* Bundle shop */
.profile-bundle-section{margin:34px 0 42px;padding:24px;border:1px solid #dfe6fb;border-radius:24px;background:linear-gradient(145deg,#fbfcff,#f7f5ff 58%,#fff8fc);box-shadow:0 16px 42px rgba(36,52,118,.07)}
.profile-bundle-section>.section-heading{align-items:center}.profile-bundle-section>.section-heading p{margin:6px 0 0;color:#717b98;font-size:12px}.profile-bundle-section>.section-heading>em{font-style:normal;padding:8px 11px;border-radius:999px;background:#eef3ff;color:#4760bf;font-size:10px;font-weight:900}
.profile-bundle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.profile-bundle-card{position:relative;padding:14px;border:1px solid #dfe5f4;border-radius:20px;background:#fff;display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;overflow:hidden}.profile-bundle-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--bundle-a),var(--bundle-b))}.profile-bundle-card.owned{background:#fbfcff}
.profile-bundle-visual{position:relative;min-height:148px;border-radius:17px;background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--bundle-a) 22%,white),transparent 38%),radial-gradient(circle at 86% 82%,color-mix(in srgb,var(--bundle-b) 22%,white),transparent 40%),linear-gradient(145deg,#f4f7ff,#fff);border:1px solid #e4e9f7;display:grid;place-items:center;overflow:hidden}.profile-bundle-visual>strong{position:absolute;right:9px;bottom:7px;color:var(--bundle-a);font-size:9px;letter-spacing:1.4px}.profile-bundle-shine{position:absolute;width:45%;height:180%;left:-70%;top:-40%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:tcBundleShine 5s ease-in-out infinite}
.profile-bundle-components{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,76px);gap:7px}.tc-bundle-component{height:58px;border-radius:14px;background:rgba(255,255,255,.82);border:1px solid rgba(220,226,245,.9);display:grid;grid-template-columns:48px 1fr;align-items:center;padding:4px;overflow:hidden}.tc-bundle-component>small{font-size:7px;line-height:1.2;color:#62708f;font-weight:850;overflow:hidden;max-height:26px}.tc-bundle-theme-chip{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--a),var(--b));display:grid;place-items:center;color:#fff;position:relative;overflow:hidden}.tc-bundle-theme-chip i{position:absolute;inset:-30%;border:1px solid rgba(255,255,255,.65);border-radius:50%;transform:rotate(25deg)}.tc-bundle-theme-chip b{font-size:6px;letter-spacing:.7px}.tc-bundle-name-chip{width:42px;height:42px;border-radius:12px;background:#f5f7ff;display:grid;place-items:center;font-size:17px;background-image:linear-gradient(135deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent}.tc-bundle-title-chip{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1c2652,#644fc9);display:grid;place-items:center;color:#fff;font-size:6px;font-weight:950;text-align:center;padding:3px}.tc-bundle-frame-fallback{position:relative;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#17213f;color:#fff;font-size:7px}.tc-bundle-frame-fallback img{position:absolute;inset:-5px;width:52px;height:52px;object-fit:contain}
.profile-bundle-copy{align-self:end}.profile-bundle-copy>span{color:var(--bundle-a);font-size:8px;font-weight:950;letter-spacing:1.2px}.profile-bundle-copy>b{display:block;margin-top:3px;font-size:17px}.profile-bundle-copy>p{margin:5px 0 0;color:#6f7892;font-size:10px;line-height:1.5}.profile-bundle-list{grid-column:1/-1;display:flex;gap:6px;flex-wrap:wrap}.profile-bundle-list>span{display:inline-flex;align-items:center;gap:4px;padding:6px 8px;border-radius:9px;background:#f5f7fd;color:#58637e;font-size:9px;font-weight:800}.profile-bundle-list>span i{font-style:normal;color:#3861e9}.profile-bundle-list>span.already{background:#effbf5;color:#447461}.profile-bundle-list>span em{font-style:normal;color:#29906a;font-size:7px;margin-left:2px}.profile-bundle-foot{grid-column:1/-1;padding-top:10px;border-top:1px solid #edf0f7;display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-bundle-foot>div{display:flex;align-items:baseline;gap:7px}.profile-bundle-foot small{color:#7f89a3;font-size:9px}.profile-bundle-foot del{color:#a4abc0;font-size:9px}.profile-bundle-foot b{color:#2458f5;font-size:15px}.profile-bundle-foot form{margin:0}.profile-bundle-foot .primary-button{padding:9px 14px;font-size:10px}.profile-bundle-foot>.profile-item-owned{margin-left:auto}
@keyframes tcBundleShine{0%,62%{left:-70%}82%,100%{left:130%}}
@media(max-width:800px){.profile-bundle-section{padding:15px;margin:24px 0}.profile-bundle-grid{grid-template-columns:1fr}.profile-bundle-card{grid-template-columns:148px minmax(0,1fr);gap:10px}.profile-bundle-visual{min-height:132px}.profile-bundle-components{grid-template-columns:repeat(2,64px)}.tc-bundle-component{grid-template-columns:42px 1fr;height:54px}.profile-bundle-section>.section-heading>em{display:none}}
@media(max-width:520px){.profile-bundle-card{grid-template-columns:1fr}.profile-bundle-visual{min-height:134px}.profile-bundle-copy{align-self:auto}.profile-bundle-foot{align-items:flex-end}.profile-bundle-foot>div{display:grid;gap:1px}.profile-bundle-foot .primary-button{white-space:nowrap}}

/* TeenConnect Profile Frame + Bundle v2 polish */
.tc-css-frame-preview-shell{position:relative!important;width:138px!important;height:138px!important;display:block!important;margin:0 auto!important;isolation:isolate!important}
.tc-css-frame-preview-avatar{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:72px!important;height:72px!important;border-radius:24px!important;display:grid!important;place-items:center!important;z-index:1!important}
.tc-css-frame-preview-shell>.tc-css-avatar-frame{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;width:94px!important;height:94px!important;border-radius:31%!important;transform:translate(-50%,-50%)!important;z-index:3!important}
.tc-css-frame-preview-shell.context-bundle,.tc-css-frame-preview-shell.context-bundle-large{width:96px!important;height:96px!important}
.tc-css-frame-preview-shell.context-bundle .tc-css-frame-preview-avatar,.tc-css-frame-preview-shell.context-bundle-large .tc-css-frame-preview-avatar{width:52px!important;height:52px!important;border-radius:17px!important;font-size:9px!important}
.tc-css-frame-preview-shell.context-bundle>.tc-css-avatar-frame,.tc-css-frame-preview-shell.context-bundle-large>.tc-css-avatar-frame{width:70px!important;height:70px!important;border-radius:24px!important}
.profile-item-preview.type-frame:has(.tc-css-frame-preview-shell),.tc-studio-item-preview.type-frame:has(.tc-css-frame-preview-shell){display:grid!important;place-items:center!important;overflow:visible!important}

.profile-bundle-visual{min-height:184px!important;padding:0!important;overflow:hidden!important}.tc-bundle-stage{position:relative;width:100%;height:100%;min-height:184px;overflow:hidden;border-radius:16px;isolation:isolate;background:linear-gradient(145deg,#eef2ff,#fff)}.tc-bundle-stage-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.tc-bundle-stage-bg>.tc-studio-item-preview{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;border-radius:0!important;transform:scale(1.12);transform-origin:center;opacity:.92}.tc-bundle-stage-bg>.tc-studio-item-preview.type-theme{aspect-ratio:auto!important}.tc-bundle-stage-glass{position:absolute;inset:0;z-index:1;background:linear-gradient(115deg,rgba(255,255,255,.08),rgba(255,255,255,.28) 49%,rgba(255,255,255,.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}.tc-bundle-stage-frame{position:absolute;z-index:4;left:14px;bottom:12px;width:96px;height:96px;display:grid;place-items:center;border-radius:24px;background:rgba(255,255,255,.82);box-shadow:0 10px 30px rgba(30,42,95,.16),inset 0 0 0 1px rgba(255,255,255,.78);backdrop-filter:blur(10px)}.tc-bundle-stage-name{position:absolute;z-index:4;left:120px;bottom:41px;font-size:20px;font-weight:950;letter-spacing:-.05em;background:linear-gradient(90deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 1px 10px rgba(255,255,255,.38)}.tc-bundle-stage-tag{position:absolute;z-index:4;right:10px;top:9px;padding:6px 8px;border-radius:999px;background:rgba(17,27,61,.76);color:#fff;font-size:8px;font-weight:950;letter-spacing:.16em;backdrop-filter:blur(8px)}
.profile-bundle-card{grid-template-columns:230px minmax(0,1fr)!important}.profile-bundle-actions{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin-left:auto}.profile-bundle-actions form{margin:0}.profile-bundle-actions .soft-button,.profile-bundle-actions .primary-button{min-height:36px;padding:8px 11px;font-size:9px;white-space:nowrap}.profile-bundle-actions .tc-bundle-request{background:#fff5fa;color:#c94d84;border-color:#f6dbe6}

.tc-bundle-detail-modal[hidden]{display:none!important}.tc-bundle-detail-modal{position:fixed;inset:0;z-index:10080;display:grid;place-items:center;padding:20px}.tc-bundle-detail-backdrop{position:absolute;inset:0;border:0;background:rgba(8,12,31,.55);backdrop-filter:blur(8px)}.tc-bundle-detail-shell{position:relative;width:min(880px,100%);max-height:min(820px,92vh);overflow:auto;border-radius:26px;background:#fff;box-shadow:0 30px 90px rgba(11,19,62,.28);padding:22px}.tc-bundle-detail-shell>header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.tc-bundle-detail-shell>header span{color:#315bf0;font-size:9px;font-weight:950;letter-spacing:.16em}.tc-bundle-detail-shell>header h2{margin:4px 0 0;font-size:24px}.tc-bundle-detail-shell>header p{margin:6px 0 0;color:#727d98;font-size:11px}.tc-bundle-detail-shell>header>button{width:38px;height:38px;border:0;border-radius:13px;background:#f1f4fb;color:#71809e;font-size:24px}.tc-bundle-detail-hero{height:230px;margin:18px 0;border-radius:20px;overflow:hidden}.tc-bundle-detail-hero .tc-bundle-stage{min-height:230px}.tc-bundle-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tc-bundle-detail-grid>article{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px;border:1px solid #e4e8f4;border-radius:17px;background:#fbfcff}.tc-bundle-detail-preview{height:105px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:#f1f5ff}.tc-bundle-detail-preview>.tc-studio-item-preview{width:100%!important;height:100%!important;min-height:0!important}.tc-bundle-detail-preview>.tc-studio-item-preview.type-theme{aspect-ratio:auto!important}.tc-bundle-detail-grid article small{display:block;color:#6c7a9b;font-size:8px}.tc-bundle-detail-grid article b{display:block;margin-top:3px;font-size:13px}.tc-bundle-detail-grid article p{margin:4px 0 0;color:#7b849d;font-size:9px;line-height:1.45}.tc-bundle-detail-grid article>em{font-style:normal;font-size:9px;color:#315bf0;font-weight:900}.tc-bundle-detail-grid article>em.owned{color:#2d9c6b}.tc-bundle-detail-shell>footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid #edf0f7;color:#697591;font-size:10px}.tc-bundle-detail-shell>footer b{color:#2458f5;font-size:14px}

.tc-profile-gift-bundle-visual{display:block;width:100%}.tc-profile-gift-bundle-visual .tc-bundle-stage{min-height:108px}.tc-profile-gift-bundle-visual>b{display:none}.tc-gift-request-card.bundle-request .tc-gift-request-visual{min-height:112px}.tc-gift-request-card.bundle-request .tc-bundle-stage{min-height:112px}.tc-gift-request-card.bundle-request .tc-bundle-stage-frame{transform:scale(.78);transform-origin:left bottom}

.profile-title-badge.profile-title-title_tinsinger{position:relative;background:linear-gradient(110deg,#ff78bc,#8a63ff)!important;color:#fff!important;box-shadow:0 2px 10px rgba(203,86,202,.32);border:1px solid rgba(255,255,255,.6);padding-left:20px}.profile-title-badge.profile-title-title_tinsinger:before{content:'♪';position:absolute;left:7px;color:#fff6ff;font-weight:950}.profile-title-badge.profile-title-title_tindancer{position:relative;background:linear-gradient(110deg,#56efff,#5369ff,#a65cff)!important;color:#fff!important;box-shadow:0 2px 11px rgba(70,153,255,.34);border:1px solid rgba(255,255,255,.62);padding-left:20px}.profile-title-badge.profile-title-title_tindancer:before{content:'✦';position:absolute;left:7px;color:#e9ffff}.profile-title-badge.profile-title-title_tinstar{position:relative;background:linear-gradient(110deg,#ffcf4a,#ff7fb3,#8b6cff)!important;color:#fff!important;box-shadow:0 2px 12px rgba(255,176,63,.38);border:1px solid rgba(255,255,255,.68);padding-left:21px}.profile-title-badge.profile-title-title_tinstar:before{content:'★';position:absolute;left:7px;color:#fff4ad}.profile-title-badge.profile-title-title_tinpartner{position:relative;overflow:visible;background:linear-gradient(105deg,#0a173a,#174d8f 28%,#38c9d5 52%,#7159e9 75%,#111a40)!important;color:#fff!important;border:1px solid #d9faff;box-shadow:0 0 0 1px rgba(107,219,255,.36),0 0 13px rgba(77,183,255,.48),0 2px 14px rgba(36,55,126,.42);padding:4px 24px 4px 22px;font-weight:950;letter-spacing:.02em}.profile-title-badge.profile-title-title_tinpartner:before{content:'◆';position:absolute;left:7px;color:#8ef5ff;text-shadow:0 0 8px #8ef5ff;animation:tcPartnerGem 2s ease-in-out infinite}.profile-title-badge.profile-title-title_tinpartner:after{content:'PARTNER';position:absolute;right:6px;top:-7px;padding:1px 4px;border-radius:5px;background:linear-gradient(90deg,#fff,#baf7ff);color:#24507d;font-size:5px;letter-spacing:.12em;box-shadow:0 0 8px rgba(143,244,255,.65)}@keyframes tcPartnerGem{0%,100%{transform:scale(.8);opacity:.65}50%{transform:scale(1.2);opacity:1}}

@media(max-width:800px){.profile-bundle-card{grid-template-columns:180px minmax(0,1fr)!important}.tc-bundle-detail-grid{grid-template-columns:1fr}}
@media(max-width:560px){.profile-bundle-card{grid-template-columns:1fr!important}.profile-bundle-visual,.tc-bundle-stage{min-height:170px!important}.profile-bundle-actions{justify-content:flex-start;margin-left:0}.profile-bundle-foot{display:grid!important}.tc-bundle-detail-shell{padding:15px;border-radius:21px}.tc-bundle-detail-hero{height:180px}.tc-bundle-detail-grid>article{grid-template-columns:98px minmax(0,1fr)}.tc-bundle-detail-grid article>em{grid-column:2}.tc-bundle-detail-preview{height:88px}}


/* TeenConnect Profile Frame + Bundle v2.1 repair */
.tc-css-frame-preview-shell{position:relative!important;display:grid!important;place-items:center!important;width:146px!important;height:126px!important;margin:0 auto!important;overflow:visible!important;isolation:isolate!important}
.tc-css-frame-preview-core{position:relative!important;width:104px!important;height:104px!important;display:block!important;overflow:visible!important;isolation:isolate!important}
.tc-css-frame-preview-core>.tc-css-frame-preview-avatar{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:62px!important;height:62px!important;border-radius:20px!important;display:grid!important;place-items:center!important;z-index:1!important;background:#18213f!important;color:#fff!important;font-size:11px!important}
.tc-css-frame-preview-core>.tc-css-avatar-frame{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;inset:auto!important;width:78px!important;height:78px!important;transform:translate(-50%,-50%)!important;transform-origin:center!important;z-index:3!important;box-sizing:border-box!important}
.tc-css-frame-preview-shell.context-bundle,.tc-css-frame-preview-shell.context-bundle-large{width:96px!important;height:96px!important}.tc-css-frame-preview-shell.context-bundle .tc-css-frame-preview-core,.tc-css-frame-preview-shell.context-bundle-large .tc-css-frame-preview-core{width:82px!important;height:82px!important}.tc-css-frame-preview-shell.context-bundle .tc-css-frame-preview-avatar,.tc-css-frame-preview-shell.context-bundle-large .tc-css-frame-preview-avatar{width:46px!important;height:46px!important;border-radius:15px!important;font-size:8px!important}.tc-css-frame-preview-shell.context-bundle .tc-css-avatar-frame,.tc-css-frame-preview-shell.context-bundle-large .tc-css-avatar-frame{width:62px!important;height:62px!important}
.tc-css-frame-preview-shell.context-detail{width:118px!important;height:100px!important}.tc-css-frame-preview-shell.context-detail .tc-css-frame-preview-core{width:86px!important;height:86px!important}.tc-css-frame-preview-shell.context-detail .tc-css-frame-preview-avatar{width:50px!important;height:50px!important;border-radius:16px!important;font-size:8px!important}.tc-css-frame-preview-shell.context-detail .tc-css-avatar-frame{width:66px!important;height:66px!important}
.profile-item-preview.type-frame:has(.tc-css-frame-preview-shell),.tc-studio-item-preview.type-frame:has(.tc-css-frame-preview-shell),.tc-bundle-detail-preview.type-frame{display:grid!important;place-items:center!important;overflow:visible!important}

/* robust real-wear bundle stage */
.profile-bundle-visual{min-height:184px!important;padding:0!important;overflow:hidden!important}.tc-bundle-stage{position:relative!important;width:100%!important;height:100%!important;min-height:184px!important;overflow:hidden!important;border-radius:16px!important;isolation:isolate!important;background:linear-gradient(145deg,#7380a6,#ccb3c6)!important}.tc-bundle-stage-photo{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;overflow:hidden!important}.tc-bundle-stage-photo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.tc-bundle-stage-photo>i{position:absolute!important;inset:0!important;background:linear-gradient(135deg,#727ba0,#c8b0ca)!important}.tc-bundle-stage-theme{position:absolute!important;inset:0!important;z-index:2!important;display:block!important;pointer-events:none!important}.tc-bundle-theme-svg,.tc-bundle-theme-svg>svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;overflow:visible!important}.tc-bundle-theme-svg>svg.tc-skinpack1-svg-mobile,.tc-bundle-theme-svg>svg.tc-wave3-svg-mobile{display:none!important}.tc-bundle-theme-fallback{position:absolute!important;inset:0!important;border:8px solid transparent!important;border-radius:16px!important;background:linear-gradient(transparent,transparent) padding-box,linear-gradient(125deg,var(--a,#2458f5),#fff,var(--b,#8c6cff)) border-box!important;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)!important}.tc-bundle-theme-fallback i{position:absolute;width:10px;height:10px;background:#fff;border-radius:50%;filter:drop-shadow(0 0 7px #fff)}.tc-bundle-theme-fallback i:nth-child(1){left:8%;top:18%}.tc-bundle-theme-fallback i:nth-child(2){right:10%;top:22%}.tc-bundle-theme-fallback i:nth-child(3){right:20%;bottom:16%}.tc-bundle-stage-glass{position:absolute!important;inset:0!important;z-index:3!important;background:linear-gradient(112deg,rgba(16,20,52,.20),rgba(255,255,255,.03) 48%,rgba(255,255,255,.12))!important}.tc-bundle-stage-frame{position:absolute!important;z-index:5!important;left:14px!important;bottom:12px!important;width:96px!important;height:96px!important;display:grid!important;place-items:center!important;border-radius:25px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 10px 30px rgba(20,32,82,.18),inset 0 0 0 1px rgba(255,255,255,.8)!important;backdrop-filter:blur(10px)!important}.tc-bundle-stage-name{position:absolute!important;z-index:5!important;left:116px!important;bottom:47px!important;font-size:21px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.05em!important;background:linear-gradient(90deg,var(--a),var(--b))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;text-shadow:0 1px 9px rgba(255,255,255,.35)!important}.tc-bundle-stage-sub{position:absolute!important;z-index:5!important;left:118px!important;bottom:28px!important;color:rgba(255,255,255,.88)!important;font-size:7px!important;font-weight:900!important;letter-spacing:.12em!important}.tc-bundle-stage-tag{position:absolute!important;z-index:6!important;right:9px!important;top:9px!important;padding:6px 8px!important;border-radius:999px!important;background:rgba(20,27,61,.78)!important;color:#fff!important;font-size:8px!important;font-weight:950!important;letter-spacing:.14em!important}.tc-bundle-frame-fallback{position:relative!important;width:74px!important;height:74px!important;border-radius:22px!important;display:grid!important;place-items:center!important;background:#17213f!important;color:#fff!important;font-size:9px!important}.tc-bundle-frame-fallback>span{position:absolute;inset:9px;display:grid;place-items:center}.tc-bundle-frame-fallback img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;z-index:2!important}
.tc-bundle-detail-hero{height:245px!important}.tc-bundle-detail-hero .tc-bundle-stage{min-height:245px!important}.tc-bundle-detail-preview.type-frame{overflow:visible!important}.tc-bundle-detail-preview.type-frame .tc-css-frame-preview-shell{transform:none!important}

/* curated TeenConnect titles */
.profile-title-badge.profile-title-title_tinsinger,.profile-title-badge.profile-title-title_tindancer,.profile-title-badge.profile-title-title_tinstar,.profile-title-badge.profile-title-title_tinpartner{min-width:76px;justify-content:center}
.profile-title-badge.profile-title-title_tinpartner{animation:tcPartnerAura 3.2s ease-in-out infinite}
@keyframes tcPartnerAura{0%,100%{box-shadow:0 0 0 1px rgba(107,219,255,.32),0 0 10px rgba(77,183,255,.38),0 2px 14px rgba(36,55,126,.38)}50%{box-shadow:0 0 0 1px rgba(160,245,255,.74),0 0 22px rgba(74,224,255,.72),0 0 32px rgba(119,91,255,.45)}}
@media(max-width:560px){.tc-bundle-stage-name{left:108px!important;font-size:18px!important}.tc-bundle-stage-sub{left:109px!important}.tc-bundle-stage-frame{width:90px!important;height:90px!important}.tc-bundle-detail-hero{height:190px!important}.tc-bundle-detail-hero .tc-bundle-stage{min-height:190px!important}}
