:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1c2740;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e5eaf2;display:flex;flex-direction:column;padding:29px 17px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:900;letter-spacing:-.9px;padding:0 13px 40px}.brand-icon{display:grid;place-items:center;background:#3984ef;color:#fff;border-radius:14px;width:38px;height:38px;font-size:25px;box-shadow:0 8px 20px #3984ef35}.brand-soft{color:#3984ef}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#a9b3c6;margin-top:2px}.side-label,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#8291a9}.side-label{padding:0 14px;margin-bottom:14px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;margin:3px 0;border-radius:12px;font-weight:700;font-size:13px;color:#66748b;border:0;background:transparent;text-align:left}.nav-item:hover{background:#f3f7ff}.nav-item.active{background:#eaf2ff;color:#2874dd}.nav-glyph{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edf2fb;font-size:17px}.nav-item.active .nav-glyph{background:#d8e8ff}.side-foot{margin-top:auto;padding:18px 12px 0;border-top:1px solid #edf0f5;font-size:11px;color:#6e7d91;font-weight:700}.side-foot small{display:block;line-height:1.5;font-weight:400;margin-top:8px}.live-dot{display:inline-block;vertical-align:middle;width:7px;height:7px;background:#31c482;border-radius:50%;box-shadow:0 0 0 4px #31c4821c;margin-right:7px}.main{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #e5eaf2;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumbs{font-size:13px;color:#8491a4}.breadcrumbs span{margin:0 10px;color:#bdc7d5}.breadcrumbs b{color:#263650}.top-right{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:1px;color:#687890;font-weight:800}.top-right a{font-size:12px;letter-spacing:0;color:#4388e7;border-left:1px solid #e4e8ef;padding-left:18px}.hero{height:242px;position:relative;overflow:hidden;color:#fff;background:linear-gradient(115deg,#172d52,#254d88 60%,#3278dc);padding:49px 43px}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff1e;width:340px;height:340px;right:5%;top:-160px}.hero:after{width:500px;height:500px;right:-7%;top:-230px}.hero .eyebrow{color:#95bdf7;margin:0 0 12px}.hero h1{font-size:39px;letter-spacing:-1.5px;margin:0;font-weight:800}.hero p:last-child{font-size:14px;color:#bfd2ee;margin-top:13px;max-width:650px}.title-dot{color:#6bb3ff}.hero-orbit{position:absolute;right:11%;top:50px;color:#9ac4ff}.hero-orbit i{position:absolute;font-style:normal;font-size:63px}.hero-orbit i:nth-child(2){font-size:28px;left:100px;top:48px}.hero-orbit i:nth-child(3){font-size:18px;left:-50px;top:80px}.overview,#collectionView,#ownerView{padding:36px 42px;min-height:calc(100vh - 380px)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px;gap:12px}.section-heading h2{font-size:24px;letter-spacing:-.6px;margin:5px 0 0}.section-heading h2 span{font-size:13px;font-weight:500;color:#91a0b2}.muted{font-size:12px;color:#96a3b4}.collection-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.collection-card{background:#fff;border:1px solid #e8edf4;border-radius:18px;overflow:hidden;cursor:pointer;text-align:left;box-shadow:0 4px 16px #20355508;transition:transform .2s,box-shadow .2s}.collection-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #20355518}.collection-art{height:190px;display:grid;place-items:center;position:relative;overflow:hidden}.collection-art img{height:145px;width:145px;object-fit:contain;filter:drop-shadow(0 17px 14px #0003)}.collection-art:before{content:"✦";position:absolute;color:#ffffff70;font-size:45px;left:15%;top:18%}.collection-body{padding:20px 22px 24px}.collection-body h3{margin:0 0 7px;font-size:18px}.collection-body p{margin:0;color:#8998ad;font-size:12px}.collection-meta{display:flex;justify-content:space-between;margin-top:22px;padding-top:17px;border-top:1px solid #edf0f4;font-size:12px;color:#607086}.collection-meta b{color:#28364f}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:38px}.stat{background:#fff;border:1px solid #e8edf4;border-radius:15px;padding:20px 22px}.stat .label{font-size:11px;color:#8290a4;font-weight:700}.stat .value{font-size:25px;font-weight:800;letter-spacing:-.7px;margin-top:9px}.stat .note{font-size:10px;color:#a3aec0;margin-top:7px}.toolbar{background:#fff;border:1px solid #e8edf4;border-radius:15px;padding:15px;display:flex;justify-content:space-between;gap:14px;margin-bottom:23px;flex-wrap:wrap}.filters,.sort-controls{display:flex;gap:11px;align-items:center;flex-wrap:wrap}.toolbar label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#7a8aa2}.toolbar select{min-width:145px;max-width:190px;background:#f8fafd;border:1px solid #e5eaf2;border-radius:8px;color:#34435c;padding:9px 28px 9px 10px;font-size:12px;font-weight:600}.sort-controls select{min-width:120px}.sort-controls button{width:35px;height:35px;border:1px solid #e5eaf2;background:#f8fafd;border-radius:8px;color:#317ce4}.gift-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(174px,1fr));gap:16px}.gift-card{min-width:0;background:#fff;border:1px solid #e8edf4;border-radius:15px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s}.gift-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #20355518}.gift-art{height:172px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 35%,var(--center,#c5d6e9),var(--edge,#7595c0));}.gift-art img.model{position:relative;z-index:1;width:133px;height:133px;object-fit:contain;filter:drop-shadow(0 12px 11px #0003)}.gift-art img.pattern{position:absolute;width:47px;height:47px;opacity:.25;filter:grayscale(1) brightness(2)}.gift-art img.p1{left:2%;top:8%;transform:rotate(-24deg)}.gift-art img.p2{right:4%;top:17%;transform:rotate(20deg)}.gift-art img.p3{left:11%;bottom:5%;transform:rotate(17deg)}.gift-number{position:absolute;z-index:2;top:10px;left:10px;background:#ffffffd9;backdrop-filter:blur(6px);padding:5px 8px;border-radius:6px;font-size:10px;font-weight:800;color:#2c3e58}.gift-body{padding:14px}.gift-body h3{margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-body p{margin:5px 0 0;font-size:11px;color:#97a3b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.load-status{text-align:center;padding:24px;color:#8998ab;font-size:12px}.footer{border-top:1px solid #e5eaf2;padding:22px 42px 30px;color:#9ba7b8;font-size:11px;line-height:1.6}.footer a{color:#4a88dc}.modal{position:fixed;inset:0;z-index:10;display:flex;justify-content:flex-end}.modal-scrim{position:absolute;inset:0;background:#0a1b35aa;backdrop-filter:blur(2px)}.modal-panel{position:relative;width:min(490px,100%);height:100vh;overflow:auto;background:#fff;box-shadow:-15px 0 40px #0012}.modal-close{position:absolute;right:20px;top:18px;border:0;background:#ffffffdb;border-radius:50%;width:36px;height:36px;font-size:25px;z-index:3;color:#56667a}.detail-art{height:365px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 45% 35%,var(--center,#d7e8fc),var(--edge,#779bd0))}.detail-art img.model{width:270px;height:270px;object-fit:contain;filter:drop-shadow(0 25px 20px #0004);z-index:1}.detail-art img.pattern{position:absolute;width:70px;height:70px;opacity:.25;filter:grayscale(1) brightness(2)}.detail-art .p1{left:12%;top:14%}.detail-art .p2{right:10%;top:27%}.detail-art .p3{left:18%;bottom:9%}.detail-body{padding:28px 32px}.detail-body h2{font-size:27px;margin:0 0 5px}.detail-body .subtitle{font-size:13px;color:#8fa0b5;margin:0 0 24px}.detail-owner{border:1px solid #e9edf3;border-radius:12px;padding:15px 16px;margin:20px 0}.detail-owner .eyebrow{display:block;margin-bottom:9px}.detail-owner strong{font-size:14px}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:12px}.button{border:1px solid #dce9f9;border-radius:8px;color:#357edd;background:#f3f8ff;font-size:11px;font-weight:800;padding:9px 11px}.button.primary{background:#3687f0;color:#fff;border-color:#3687f0}.attribute{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef1f5;padding:14px 0;font-size:12px}.attribute span{color:#93a0b0}.attribute strong{margin-left:auto;margin-right:12px}.attribute em{font-style:normal;color:#4a86d2;font-size:10px}.detail-section{margin-top:28px}.detail-section h3{font-size:15px;margin:0 0 13px}.history{padding:12px 0;border-top:1px solid #eef1f5;font-size:11px}.history b{display:block;font-size:12px;margin-bottom:5px}.history span{color:#91a0b1}.back-link{border:0;background:none;color:#4387df;font-size:12px;font-weight:800;padding:0;margin-bottom:26px}.owner-head{display:flex;gap:18px;align-items:center;margin-bottom:22px}.owner-avatar{width:66px;height:66px;border-radius:19px;background:#e3efff;color:#3782e5;display:grid;place-items:center;font-size:30px}.owner-head h2{margin:5px 0;font-size:25px}.owner-head p{margin:0}.owner-links{display:flex;gap:10px;margin-bottom:38px}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;padding:13px 18px;display:block}.brand{padding:0 0 12px}.side-label,.side-foot{display:none}.sidebar nav{display:flex;gap:6px;overflow:auto}.nav-item{width:auto;white-space:nowrap}.topbar{padding:0 20px;height:55px}.hero{padding:39px 22px;height:215px}.hero h1{font-size:32px}.overview,#collectionView,#ownerView{padding:28px 20px}.footer{padding:22px 20px}.hero-orbit{right:18%}}@media(max-width:620px){.top-right span{display:none}.hero-orbit{display:none}.collection-cards{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats .stat:last-child{grid-column:1/-1}.toolbar{display:block}.filters{margin-bottom:12px}.toolbar label{flex:1}.toolbar select{max-width:none;width:100%;min-width:0}.gift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gift-art{height:152px}.gift-art img.model{width:115px;height:115px}.gift-body{padding:11px}.topbar .breadcrumbs{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail-art{height:320px}.detail-art img.model{width:235px;height:235px}}

/* Shared square gift art: the five-ring positions are a visual study, not a verified Telegram layout. */
.gift-art,.detail-art{height:auto;aspect-ratio:1/1;background:radial-gradient(circle at 50% 50%,var(--center,#c5d6e9),var(--edge,#7595c0))}
.gift-art img.model,.detail-art img.model{position:relative;z-index:1;object-fit:contain;transition:opacity .12s ease}
.ring-symbol{position:absolute;z-index:0;display:block;background:var(--pattern,#6681a1);-webkit-mask-image:var(--symbol-mask);mask-image:var(--symbol-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}
.animated-model{position:absolute;z-index:2;display:block;opacity:0;pointer-events:none;transition:opacity .12s ease}
.animated-model svg{display:block;width:100%;height:100%}
.gift-art.is-animating .animated-model,.detail-art.is-animating .animated-model{opacity:1}
.gift-art.is-animating img.model,.detail-art.is-animating img.model{opacity:0}
.gift-number{z-index:4}

/* Compact layout and edge-to-edge collection artwork. */
.shell{grid-template-columns:208px minmax(0,1fr)}
.sidebar{padding:18px 12px}
.brand{padding:0 9px 24px;font-size:16px}
.brand-icon{width:34px;height:34px}
.nav-item{padding:9px 10px;margin:2px 0}
.topbar{height:56px;padding:0 26px}
.topbar-location{display:flex;align-items:center;gap:14px;min-width:0}
.topbar-back{border:1px solid #dce9f9;border-radius:8px;background:#f3f8ff;color:#357edd;padding:7px 11px;font-size:12px;font-weight:800;white-space:nowrap}
.topbar-back:hover{background:#e6f1ff}
.hero{height:158px;padding:26px 28px}
.hero .eyebrow{margin-bottom:7px}
.hero h1{font-size:30px}
.hero p:last-child{margin-top:7px;font-size:12px}
.hero-orbit{top:24px}
.overview,#collectionView,#ownerView{padding:24px 26px;min-height:calc(100vh - 280px)}
.section-heading{margin-bottom:14px}
.section-heading h2{font-size:21px}
.collection-cards{gap:14px}
.collection-card{display:block;appearance:none;-webkit-appearance:none;width:100%;padding:0;vertical-align:top}
.collection-art{width:100%;height:150px}
.collection-art img.model,.collection-art .animated-model{width:122px;height:122px}
.collection-art img.model{position:relative;z-index:1;transition:opacity .2s ease}
.collection-art .animated-model{filter:drop-shadow(0 17px 14px #0003)}
.collection-body{padding:14px 17px 16px}
.collection-body h3{font-size:16px;margin-bottom:5px}
.collection-meta{margin-top:14px;padding-top:12px}
.stats{gap:10px;margin-bottom:22px}
.stat{padding:14px 17px}
.stat .value{font-size:22px;margin-top:5px}
.stat .note{margin-top:4px}
.toolbar{padding:10px 12px;gap:10px;margin-bottom:14px}
.filters,.sort-controls{gap:8px}
.toolbar select{padding-top:7px;padding-bottom:7px}
.gift-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.gift-body{padding:10px 11px}
.gift-art img.model,.detail-art img.model{transition:opacity .2s ease}
.animated-model{transition:opacity .2s ease}
.gift-art.is-animating:not(.is-fading) .animated-model,.detail-art.is-animating:not(.is-fading) .animated-model,.collection-art.is-animating:not(.is-fading) .animated-model{opacity:1}
.gift-art.is-animating:not(.is-fading) img.model,.detail-art.is-animating:not(.is-fading) img.model,.collection-art.is-animating:not(.is-fading) img.model{opacity:0}
.gift-art.is-fading .animated-model,.detail-art.is-fading .animated-model,.collection-art.is-fading .animated-model{opacity:0}
.gift-art.is-fading img.model,.detail-art.is-fading img.model,.collection-art.is-fading img.model{opacity:1}
@media(max-width:900px){
 .shell{grid-template-columns:1fr}
 .sidebar{padding:10px 16px}
 .brand{padding:0 0 8px}
 .topbar{height:50px;padding:0 16px}
 .hero{height:145px;padding:24px 20px}
 .overview,#collectionView,#ownerView{padding:20px 16px}
}
@media(max-width:620px){
 .hero{height:130px;padding:22px 16px}
 .hero h1{font-size:25px}
 .hero p:last-child{font-size:11px}
 .topbar-location{gap:8px}
 .topbar-back{padding:6px 8px}
 .top-right{gap:8px}
 .top-right a{padding-left:8px}
 .collection-art{height:145px}
 .stats{gap:8px;margin-bottom:16px}
 .stat{padding:11px}
 .stat .value{font-size:19px}
 .gift-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .section-heading{align-items:start}
 .section-heading .muted{max-width:45%;text-align:right}
}