*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:Segoe UI,system-ui,sans-serif;background:#020210;color:#fff}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.6}.page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center}.btn-glow{padding:14px 36px;border:none;border-radius:12px;background:linear-gradient(135deg,#78a0ff4d,#b478ff4d);color:#fff;font-size:15px;font-weight:600;cursor:pointer;letter-spacing:.05em;transition:all .3s;box-shadow:0 0 30px #78a0ff26}.btn-glow:hover{box-shadow:0 0 50px #78a0ff59;transform:translateY(-2px)}.form-msg{text-align:center;margin-top:12px;font-size:13px;min-height:20px}.form-msg.ok{color:#8f8}.form-msg.err{color:#f88}.home-box{text-align:center;z-index:3}.home-title{font-size:56px;font-weight:200;letter-spacing:.2em;color:#fff;text-shadow:0 0 100px rgba(140,180,255,.4),0 0 200px rgba(100,140,255,.2);margin-bottom:40px}.home-enter{padding:16px 56px;border:1px solid rgba(140,180,255,.3);border-radius:40px;background:#78a0ff1a;color:#fff;font-size:18px;font-weight:300;letter-spacing:.1em;cursor:pointer;transition:all .3s}.home-enter:hover{background:#78a0ff40;box-shadow:0 0 60px #78a0ff40}.overlay-panel{display:flex;align-items:center;justify-content:center;width:100%}.glass-card{width:380px;padding:40px 36px;background:#0f122dcc;border:1px solid rgba(255,255,255,.1);border-radius:24px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);box-shadow:0 0 100px #5078ff1a;animation:fadeInUp .5s ease}.glass-card h2{font-size:22px;text-align:center;margin-bottom:24px;font-weight:400;letter-spacing:.06em}.glass-card input,.glass-card textarea{width:100%;padding:12px 16px;margin-bottom:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;outline:none;font-family:inherit;transition:border-color .3s}.glass-card input:focus,.glass-card textarea:focus{border-color:#8cb4ff80}.glass-card textarea{resize:vertical;min-height:50px}.form-links{display:flex;justify-content:center;gap:20px;margin-top:14px}.form-links a,.back-link{color:#b4c8ff80;font-size:12px;text-decoration:none;display:block;text-align:center;margin-top:12px}.form-links a:hover,.back-link:hover{color:#b4c8ffcc}.profile-card-wide{width:420px}.avatar-row{display:flex;gap:8px;margin-bottom:14px}.avatar-row input{flex:1}.file-btn{padding:12px 16px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.15);border-radius:12px;cursor:pointer;font-size:18px;display:flex;align-items:center;transition:background .3s}.file-btn:hover{background:#ffffff1f}.file-btn input[type=file]{display:none}.profile-avatar-preview{display:none;width:80px;height:80px;border-radius:50%;overflow:hidden;margin:0 auto 14px}.profile-avatar-preview img{width:100%;height:100%;object-fit:cover}#app{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}canvas{display:block}#title-box{position:fixed;top:24px;left:28px;z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:flex-start}#title-box h1{font-size:24px;font-weight:300;letter-spacing:.08em;color:#fff;text-shadow:0 0 30px rgba(180,200,255,.5),0 0 80px rgba(130,160,255,.3);margin-bottom:2px}#title-box .title-sub{font-size:10px;letter-spacing:.2em;color:#b4c8ffb3;text-transform:uppercase}#title-box .title-zodiac{font-size:28px;line-height:1;margin-top:2px;color:#b4c8ff80;text-shadow:0 0 20px rgba(130,160,255,.35)}#title-box button{pointer-events:auto;margin-top:6px;width:28px;height:28px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff9;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}#title-box button:hover{background:#ffffff26;color:#fff}#zodiac-label{position:fixed;bottom:28px;right:32px;z-index:100;pointer-events:none;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:12px;opacity:.7}#zodiac-label .zodiac-symbol{font-size:40px;color:#b4c8ff80;text-shadow:0 0 30px rgba(130,160,255,.4)}#zodiac-label .zodiac-text{font-size:12px;font-weight:300;letter-spacing:.25em;color:#b4c8ff8c;text-transform:uppercase}.context-menu{position:fixed;z-index:10001;min-width:140px;background:#0f122df2;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:6px;box-shadow:0 8px 40px #0009;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.context-item{padding:10px 16px;border-radius:8px;cursor:pointer;font-size:13px;transition:background .2s;display:flex;align-items:center;gap:8px}.context-item:hover{background:#78a0ff26}.context-item.danger:hover{background:#ff3c3c33;color:#f88}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#020210;transition:opacity .6s}#loading.hidden{opacity:0;pointer-events:none}.loading-text{text-align:center;animation:loadingPulse 2s ease-in-out infinite}.loading-icon{font-size:64px;display:block;margin-bottom:16px;animation:loadingSpin 3s linear infinite}.loading-text p{font-size:18px;letter-spacing:.15em;color:#ffffffb3}@keyframes loadingPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes loadingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popup-card{position:fixed;z-index:5000;min-width:160px;max-width:90vw;background:#0a0c23eb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;cursor:default;box-shadow:0 0 60px #78a0ff40,0 0 120px #5078ff14,0 8px 40px #0009;transform:translate(-50%,-100%)}.popup-card-inner{animation:popupIn .18s cubic-bezier(.34,1.56,.64,1) both}@keyframes popupIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.popup-card-inner{position:relative}.popup-close{position:absolute;top:8px;right:8px;z-index:10;width:28px;height:28px;border:none;border-radius:50%;background:#00000080;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.popup-close:hover{background:#ff3c3c99}.popup-image-wrap{width:100%;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:16px 16px 0 0}.popup-image-wrap img{width:100%;height:auto;display:block;object-fit:contain;border-radius:16px 16px 0 0}.popup-no-image{padding:30px 20px;text-align:center;font-size:36px;color:#fff3}.popup-text{padding:10px 14px 12px;border-top:1px solid rgba(255,255,255,.06)}.popup-text h3{font-size:14px;font-weight:600;margin-bottom:3px}.popup-text p{font-size:11px;line-height:1.4;color:#ffffff80;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.popup-tag{display:inline-block;margin-top:4px;padding:2px 8px;background:#78a0ff2e;border-radius:12px;font-size:10px;color:#acf}#settings-panel{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000}.settings-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:20px}.settings-dialog{background:#0f1228f2;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:660px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 0 80px #5078ff33,0 20px 60px #0009;animation:fadeInUp .3s ease}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}.settings-header h2{font-size:20px;font-weight:400}.settings-header-actions{display:flex;align-items:center;gap:10px}.settings-add-btn{padding:8px 18px;border:1px solid rgba(120,160,255,.4);border-radius:10px;background:#78a0ff26;color:#acf;font-size:13px;cursor:pointer}.settings-add-btn:hover{background:#78a0ff4d}.settings-close{width:36px;height:36px;border:none;border-radius:50%;background:#ffffff14;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}.settings-close:hover{background:#ff3c3c80}.settings-pick-hint{padding:14px 20px;text-align:center;background:#78a0ff1f;border:1px dashed rgba(120,160,255,.3);border-radius:12px;color:#acf;font-size:14px;margin-bottom:8px}.settings-list{flex:1;overflow-y:scroll;padding:16px 24px;display:flex;flex-direction:column;gap:16px;-webkit-overflow-scrolling:touch;will-change:scroll-position;overscroll-behavior:contain}.settings-item{display:flex;gap:14px;padding:14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;position:relative}.settings-item-preview{width:70px;height:70px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#0000004d}.settings-item-preview img{width:100%;height:100%;object-fit:cover}.si-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#ffffff26}.settings-item-fields{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.settings-item-fields label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;margin-top:3px}.settings-item-fields label:first-child{margin-top:0}.settings-item-fields input{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;padding:5px 8px;font-size:12px;font-family:inherit;outline:none;width:100%}.settings-item-fields input:focus{border-color:#78a0ff80}.si-image-row{display:flex;gap:6px;align-items:center}.si-image-row .si-image{flex:1}.si-file-label{cursor:pointer;font-size:16px;padding:4px 8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:6px;display:flex;align-items:center}.si-file-label:hover{background:#ffffff24}.si-file-label input[type=file]{display:none}.settings-delete-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border:none;border-radius:50%;background:#ff3c3c26;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:all .2s}.settings-delete-btn:hover{opacity:1;background:#ff3c3c66}.settings-footer{padding:14px 24px 18px;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;display:flex;justify-content:flex-end}.settings-save-all{padding:10px 28px;border:none;border-radius:10px;background:#6496ff40;color:#fff;font-size:14px;cursor:pointer}.settings-save-all:hover{background:#6496ff66}#page-zodiac{flex-direction:column;gap:20px}.zodiac-select-title{font-size:26px;font-weight:200;letter-spacing:.1em;text-shadow:0 0 40px rgba(140,180,255,.3)}.zodiac-ring{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;max-width:700px;animation:fadeInUp .6s ease}.zodiac-chip{padding:14px 20px;background:#0f122db3;border:1px solid rgba(255,255,255,.08);border-radius:50px;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px;font-size:14px}.zodiac-chip:hover{border-color:#8cb4ff66;transform:translateY(-3px);box-shadow:0 10px 30px #5078ff26}.zodiac-chip.selected{background:#78a0ff33;border-color:#8cb4ff99;box-shadow:0 0 30px #78a0ff4d}.zodiac-chip-symbol{font-size:22px}.zodiac-chip-name{font-weight:500}#zodiac-confirm-btn{margin-top:8px}@media(max-width:768px){.home-title{font-size:32px}.home-cards{flex-direction:column;align-items:center}.home-card{width:80%}.glass-card{width:90%;padding:30px 24px}.profile-card-wide{width:90%}#title-box{top:12px;left:12px}#title-box h1{font-size:18px}#zodiac-label{bottom:14px;right:14px;gap:8px}#zodiac-label .zodiac-symbol{font-size:28px}.zodiac-ring{gap:8px}.zodiac-chip{padding:10px 14px;font-size:12px}.settings-dialog{max-width:100%;max-height:90vh;border-radius:14px}.settings-item{flex-direction:column}}@keyframes portalRotateCW{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes portalRotateCCW{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes portalPulse{0%,to{box-shadow:0 0 40px #648cff40,0 0 100px #5064ff1f,inset 0 0 30px #6496ff14}50%{box-shadow:0 0 70px #648cff73,0 0 160px #5064ff38,inset 0 0 50px #6496ff2e}}@keyframes portalLight1{0%{transform:rotate(0) translate(148px) rotate(0)}to{transform:rotate(360deg) translate(148px) rotate(-360deg)}}@keyframes portalLight2{0%{transform:rotate(72deg) translate(148px) rotate(-72deg)}to{transform:rotate(432deg) translate(148px) rotate(-432deg)}}@keyframes portalLight3{0%{transform:rotate(144deg) translate(148px) rotate(-144deg)}to{transform:rotate(504deg) translate(148px) rotate(-504deg)}}@keyframes portalLight4{0%{transform:rotate(216deg) translate(148px) rotate(-216deg)}to{transform:rotate(576deg) translate(148px) rotate(-576deg)}}@keyframes coreSymbolSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.12)}to{transform:rotate(360deg) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#page-home{align-items:center;justify-content:center;padding:12px}.home-shell{position:relative;z-index:3;width:min(1400px,100%);min-height:100%;display:flex;flex-direction:column;align-items:center;gap:20px;padding:0}.home-shell:before{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;background:radial-gradient(circle at 50% 20%,rgba(100,140,255,.12),transparent 50%),radial-gradient(circle at 20% 70%,rgba(120,80,255,.08),transparent 40%),radial-gradient(circle at 80% 60%,rgba(60,180,255,.06),transparent 40%);pointer-events:none}.home-topbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;padding:10px 18px;background:#080a16b3;border:1px solid rgba(255,255,255,.06);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.home-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.home-brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:800;letter-spacing:.1em;color:#f0f4ff;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.35),transparent 30%),linear-gradient(150deg,#30385ef2,#080a12fa);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #0000004d,inset 0 1px #ffffff0f}.home-brand-text{display:flex;flex-direction:column;gap:1px}.home-brand-name{font-size:18px;font-weight:700;color:#f4f7ff;letter-spacing:.03em}.home-brand-sub{font-size:9px;font-weight:600;letter-spacing:.22em;color:#c8d7ff66}.home-top-actions{display:flex;align-items:center;gap:10px}.home-search-wrap{position:relative;display:flex;align-items:center}.home-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:20px;color:#ffffff59;pointer-events:none;z-index:1}.home-search-wrap input{width:220px;height:40px;padding:0 16px 0 38px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#e8efff;font-size:13px;font-family:inherit;outline:none;transition:border-color .3s,background .3s,width .3s}.home-search-wrap input:focus{border-color:#78a0ff66;background:#ffffff12;width:280px}.home-search-wrap input::placeholder{color:#ffffff40}.home-icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:#fff9;cursor:pointer;display:grid;place-items:center;transition:all .25s;flex-shrink:0}.home-icon-btn:hover{background:#ffffff1f;border-color:#a0beff4d;color:#fff;box-shadow:0 0 20px #78a0ff26}.home-icon-symbol{font-size:18px;line-height:1}.home-portal-section{display:flex;flex-direction:column;align-items:center;gap:24px;padding:10px 0}.home-portal-stage{position:relative;width:320px;height:320px;display:grid;place-items:center}.portal-orbit{position:absolute;border-radius:50%;border:1.5px solid rgba(120,160,255,.2);pointer-events:none}.portal-orbit--outer{top:0;right:0;bottom:0;left:0;border-color:#6496ff2e;animation:portalRotateCW 28s linear infinite}.portal-orbit--mid{top:28px;right:28px;bottom:28px;left:28px;border-color:#8c78ff38;border-style:dashed;animation:portalRotateCCW 20s linear infinite}.portal-orbit--inner{top:54px;right:54px;bottom:54px;left:54px;border-color:#64c8ff40;border-width:2px;animation:portalRotateCW 14s linear infinite}.portal-light{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#fff;box-shadow:0 0 10px #a0c8ffe6,0 0 24px #64a0ff80;pointer-events:none}.portal-light--1{animation:portalLight1 12s linear infinite}.portal-light--2{animation:portalLight2 16s linear infinite}.portal-light--3{animation:portalLight3 14s linear infinite}.portal-light--4{animation:portalLight4 18s linear infinite}.home-portal-core{position:relative;z-index:2;width:160px;height:160px;border-radius:50%;border:none;cursor:pointer;background:transparent;display:grid;place-items:center;animation:portalPulse 3s ease-in-out infinite;transition:transform .3s ease}.home-portal-core:hover{transform:scale(1.06)}.home-portal-core:hover .portal-core-symbol{animation:coreSymbolSpin 1.2s ease-in-out infinite}.portal-core-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:50%;background:radial-gradient(circle,rgba(80,120,255,.2) 0%,transparent 70%);pointer-events:none}.portal-core-surface{position:relative;z-index:1;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 45% 35%,rgba(255,255,255,.12),transparent 50%),radial-gradient(circle,#0f143cf2,#040512fa);border:1.5px solid rgba(160,190,255,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-shadow:inset 0 2px 20px #648cff1a,0 0 40px #5078ff33}.portal-core-symbol{font-size:36px;color:#e8f0ff;text-shadow:0 0 20px rgba(160,200,255,.6);transition:transform .3s}.portal-core-label{font-size:15px;font-weight:600;letter-spacing:.08em;color:#dce6ffd9}.home-portal-copy{text-align:center;max-width:500px;animation:fadeInUp .6s ease}.portal-title{font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-.02em;color:#f4f7ff;text-shadow:0 0 40px rgba(140,180,255,.15);line-height:1.1}.portal-subtitle{margin-top:10px;font-size:15px;color:#d2e1f58c;letter-spacing:.03em}.home-stats-row{display:flex;align-items:center;justify-content:center;gap:0;padding:0 16px;background:#0a0c1999;border:1px solid rgba(255,255,255,.06);border-radius:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}.home-stat{display:flex;align-items:center;gap:12px;padding:14px 22px;background:none;border:none;color:#fff;cursor:pointer;text-align:left;font-family:inherit;transition:background .25s;white-space:nowrap}.home-stat:hover{background:#ffffff0a}.home-stat--readonly{cursor:default}.home-stat--readonly:hover{background:none}.home-stat-symbol{font-size:28px;line-height:1;text-shadow:0 0 12px rgba(160,200,255,.3);flex-shrink:0}.home-stat-number{font-size:32px;font-weight:800;color:#f0f5ff;line-height:1;flex-shrink:0;min-width:32px;text-align:center}.home-stat-text{display:flex;flex-direction:column;gap:3px}.home-stat-text strong{font-size:15px;font-weight:700;color:#f0f5ff}.home-stat-text span{font-size:11px;color:#c8d7f073;letter-spacing:.04em}.home-stat-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.1),transparent)}.home-qr-popover{position:relative;display:flex;justify-content:center}.qr-popover-card{position:absolute;top:8px;z-index:20;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#0c0e1ef5;border:1px solid rgba(255,255,255,.12);border-radius:20px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 20px 50px #00000080,0 0 40px #5078ff1a}.qr-popover-card canvas{display:block;border-radius:12px}.qr-popover-card p{font-size:12px;color:#dce6fa99;max-width:180px;text-align:center;word-break:break-all}.qr-popover-hint{font-size:11px;color:#ffffff4d}.home-constellation-section{width:100%}.constellation-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;padding:0 4px}.constellation-kicker{font-size:11px;font-weight:700;letter-spacing:.2em;color:#b4c8ff73;text-transform:uppercase}.constellation-header h3{margin-top:4px;font-size:26px;font-weight:800;color:#f2f6ff;letter-spacing:-.01em}.constellation-note{font-size:13px;color:#c8d7f073;text-align:right;flex-shrink:0}.constellation-track{display:flex;gap:20px;overflow-x:auto;padding:8px 4px 6px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.constellation-track::-webkit-scrollbar{height:4px}.constellation-track::-webkit-scrollbar-track{background:transparent}.constellation-track::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.constellation-card{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:150px;max-width:170px;flex-shrink:0;padding:0;border:none;background:none;color:#fff;cursor:pointer;text-align:center;font-family:inherit;scroll-snap-align:start;transition:transform .3s ease}.constellation-card:hover{transform:translateY(-6px)}.constellation-card:hover .cc-planet{box-shadow:0 0 30px #78a0ff59,0 8px 30px #0000004d}.cc-planet{position:relative;width:120px;height:120px;border-radius:50%;overflow:hidden;background:linear-gradient(145deg,#282d46e6,#0f121ef2);border:2px solid rgba(255,255,255,.1);display:grid;place-items:center;transition:box-shadow .3s ease,border-color .3s ease}.cc-planet img{width:100%;height:100%;object-fit:cover;display:block}.cc-planet-placeholder{font-size:28px;font-weight:800;color:#ffffffbf;text-shadow:0 0 10px rgba(160,200,255,.3)}.cc-planet--grad-0{background:linear-gradient(145deg,#648cdccc,#1e2341e6)}.cc-planet--grad-1{background:linear-gradient(145deg,#a064c8cc,#281e3ce6)}.cc-planet--grad-2{background:linear-gradient(145deg,#3caaa0cc,#142d2de6)}.cc-planet--grad-3{background:linear-gradient(145deg,#c88c50cc,#322314e6)}.cc-planet--grad-4{background:linear-gradient(145deg,#c85a78cc,#321923e6)}.cc-info{display:flex;flex-direction:column;gap:4px;min-width:0}.cc-info strong{font-size:15px;font-weight:700;color:#f0f5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.cc-info span{font-size:12px;color:#c8d7f080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.constellation-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 40px;cursor:pointer;color:#ffffff80;text-align:center;width:100%}.constellation-empty-planet{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);border:1px dashed rgba(255,255,255,.15);display:grid;place-items:center;font-size:28px;animation:portalPulse 4s ease-in-out infinite}.constellation-empty strong{font-size:15px;font-weight:600;color:#ffffff8c}.constellation-empty span{font-size:12px;color:#ffffff4d}@media(max-width:980px){.home-topbar{flex-wrap:wrap;gap:10px}.home-brand-sub{display:none}.home-search-wrap input{width:160px}.home-search-wrap input:focus{width:200px}.home-portal-stage{width:260px;height:260px}.home-portal-core{width:130px;height:130px}.portal-light--1,.portal-light--2,.portal-light--3,.portal-light--4{animation:none;display:none}.portal-orbit--outer{top:-10px;right:-10px;bottom:-10px;left:-10px}.portal-orbit--mid{top:16px;right:16px;bottom:16px;left:16px}.portal-orbit--inner{top:40px;right:40px;bottom:40px;left:40px}.constellation-track{gap:14px}.cc-planet{width:100px;height:100px}.constellation-card{min-width:120px;max-width:140px}}@media(max-width:768px){#page-home{padding:8px;align-items:flex-start}.home-shell{gap:14px}.home-topbar{padding:8px 12px;border-radius:14px}.home-brand-mark{width:34px;height:34px;font-size:11px}.home-brand-name{font-size:15px}.home-search-wrap input{width:120px;height:34px;font-size:12px;padding-left:32px}.home-search-wrap input:focus{width:150px}.home-search-icon{left:10px;font-size:16px}.home-icon-btn{width:34px;height:34px}.home-portal-stage{width:200px;height:200px}.home-portal-core{width:110px;height:110px}.portal-core-symbol{font-size:26px}.portal-core-label{font-size:12px}.portal-orbit--outer{top:-18px;right:-18px;bottom:-18px;left:-18px}.portal-orbit--mid{top:6px;right:6px;bottom:6px;left:6px}.portal-orbit--inner{top:28px;right:28px;bottom:28px;left:28px}.home-stats-row{flex-wrap:wrap;justify-content:center;border-radius:14px}.home-stat{padding:10px 14px;gap:8px}.home-stat-divider{display:none}.constellation-header{flex-direction:column;align-items:flex-start}.constellation-note{text-align:left}.constellation-track{flex-direction:column;gap:10px;overflow-x:visible}.constellation-card{flex-direction:row;min-width:100%;max-width:100%;gap:14px;padding:12px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.constellation-card .cc-planet{width:60px;height:60px;flex-shrink:0}.constellation-card .cc-info{text-align:left}.constellation-card .cc-info strong{max-width:200px}}