:root{--background:#fff;--foreground:#0f172a;--primary:#2563eb;--primary-hover:#1d4ed8;--secondary:#f8fafc;--border:#e2e8f0;--text-muted:#64748b;--header-bg:#fffc;--card-bg:#fff;--radius:12px;--container-width:1200px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-md:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--success:#10b981;--danger:#ef4444;--glass-bg:#ffffffb3;--glass-border:#ffffff4d;--header-text:#2563eb;--profile-body-bg:#f8fafc;--profile-accent-text:#2563eb;--comment-bg:#f8fafc;--comment-text:#334155;--comment-text-muted:#64748b;--comment-border:#f1f5f9}[data-theme=dark]{--background:#020617;--foreground:#f8fafc;--primary:#3b82f6;--primary-hover:#60a5fa;--secondary:#1e293b;--border:#334155;--text-muted:#94a3b8;--header-bg:#020617cc;--card-bg:#0f172a;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #00000080,0 2px 4px -2px #00000080;--shadow-md:0 10px 15px -3px #0009,0 4px 6px -4px #0009;--glass-bg:#0f172ab3;--glass-border:#ffffff1a;--header-text:#facc15;--profile-body-bg:#020617;--profile-accent-text:#facc15;--comment-bg:#1e293b;--comment-text:#f1f5f9;--comment-text-muted:#94a3b8;--comment-border:#334155}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:Times New Roman,Times,serif;line-height:1.5;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 1rem}.main-content{min-height:calc(100vh - 200px);padding:0 0 2rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:w-\[260px\]{width:260px}.md\:w-\[300px\]{width:300px}}@media (min-width:1024px){.lg\:flex-row{flex-direction:row}}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-0{padding:0}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.w-full{width:100%}.h-full{height:100%}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-black{font-weight:900}.font-medium{font-weight:500}.italic{font-style:italic}.bg-card-bg{background-color:var(--card-bg)}.bg-secondary{background-color:var(--secondary)}.bg-primary{background-color:var(--primary)}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.tracking-wider{letter-spacing:.05em}.shadow-md{box-shadow:var(--shadow-md)}.text-slate-700{color:var(--comment-text)}.text-slate-500{color:var(--comment-text-muted)}.text-slate-400{color:var(--text-muted)}.bg-slate-50{background-color:var(--comment-bg)}.border-slate-100{border-color:var(--comment-border)}.px-mobile-0{padding-left:0;padding-right:0}@media (max-width:768px){.px-mobile-1{padding-left:.25rem;padding-right:.25rem}.px-mobile-2{padding-left:.5rem;padding-right:.5rem}.px-mobile-4{padding-left:1rem;padding-right:1rem}.mt-mobile-2{margin-top:.5rem}.mt-mobile-4{margin-top:1rem}.mb-mobile-4{margin-bottom:1rem}.text-mobile-xs{font-size:.7rem}.text-mobile-sm{font-size:.8rem}.text-mobile-base{font-size:.9rem}}@media (max-width:768px){.hidden-mobile{display:none}}h1,h2,h3,h4,h5,h6{color:var(--foreground);margin-bottom:.5em;font-weight:700;line-height:1.25}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}.text-muted{color:var(--text-muted)}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{border-color:var(--border);color:var(--foreground);background-color:#0000}.btn-outline:hover{background-color:var(--secondary)}.btn-danger{background-color:var(--danger);color:#fff}.input-group{margin-bottom:1rem}.input-label{margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.input-field{border:1px solid var(--border);border-radius:var(--radius);background-color:var(--background);width:100%;color:var(--foreground);padding:.5rem .75rem;font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary);outline:none}.site-header{z-index:2000;background-color:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);transition:background-color .3s;position:sticky;top:0}.site-header .container{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{color:var(--header-text);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.nav-links{align-items:center;gap:1rem;display:flex}.nav-link{color:var(--header-text);opacity:.85;white-space:nowrap;font-size:.875rem;font-weight:600;transition:all .2s}.nav-link:hover{opacity:1;text-shadow:0 0 8px}.user-actions{align-items:center;gap:.75rem;display:flex}.site-footer{background-color:var(--secondary);border-top:1px solid var(--border);margin-top:auto;padding:3rem 0}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}.footer-col h3{margin-bottom:1rem;font-size:1rem;font-weight:600}.footer-links{flex-direction:column;gap:.5rem;list-style:none;display:flex}.footer-links a{color:var(--text-muted);font-size:.875rem}.footer-links a:hover{color:var(--primary)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.glass-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s}.glass-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-6px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:2rem;padding-top:1rem;font-size:.875rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.item-card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.item-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.item-image-wrapper{aspect-ratio:1;background-color:var(--secondary);border-bottom:1px solid var(--border);width:100%;position:relative;overflow:hidden}.item-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.item-card:hover .item-image{transform:scale(1.05)}.item-content{background-color:#fff;flex-direction:column;flex-grow:1;padding:.8rem 1rem 1rem;display:flex}.item-category{color:var(--primary);text-transform:uppercase;margin-bottom:.2rem;font-size:.75rem;font-weight:700}.item-title{color:#111;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.4rem;font-size:1.1rem;font-weight:600;line-height:1.3;overflow:hidden}.item-meta{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.8rem;font-size:.85rem;display:flex}.trade-list{flex-direction:column;gap:1rem;display:flex}.trade-row{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:box-shadow .2s;display:flex;overflow:hidden}.trade-row:hover{box-shadow:var(--shadow-md);border-color:var(--primary)}.trade-header-bar{background-color:var(--secondary);border-bottom:1px solid var(--border);color:var(--text-muted);justify-content:space-between;align-items:center;padding:.5rem 1rem;font-size:.875rem;display:flex}.trade-body{align-items:center;gap:1.5rem;padding:1rem;display:flex}.trade-side{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;min-height:80px;display:flex}.trade-side.have{justify-content:flex-end}.trade-side.want{justify-content:flex-start}.trade-divider{color:var(--text-muted);background:var(--secondary);border-radius:50%;justify-content:center;align-items:center;padding:.5rem;display:flex}.mini-item{background-color:#1a1a1a;border:1px solid #333;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.mini-item:hover{z-index:10;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary);transform:scale(1.05)}.mini-item img{object-fit:cover;width:100%;height:100%}.mini-item-label{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#000000bf;padding:2px 4px;font-size:.65rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.mini-item.offer-any{background-color:var(--secondary);color:var(--foreground);border:2px dashed var(--border);flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:600}.grid-item-hover{z-index:1;transition:transform .2s,box-shadow .2s,z-index}.grid-item-hover:hover{z-index:10;border:1px solid var(--primary);transform:scale(2.2);box-shadow:0 4px 12px #0000004d}.mobile-nav-toggle{color:var(--foreground);cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.mobile-menu{background-color:var(--background);z-index:10000;flex-direction:column;gap:1.5rem;padding:2rem;display:none;position:fixed;inset:64px 0 0;overflow-y:auto}.mobile-menu.open{display:flex}.mobile-menu .nav-link{border-bottom:1px solid var(--border);padding:.5rem 0;font-size:1.25rem}.hidden-mobile{display:block}.show-mobile{display:none}@media (max-width:1024px){:root{--container-width:960px}}@media (max-width:768px){:root{--container-width:100%}.main-content{padding-bottom:2rem;padding-top:0!important}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.hidden-mobile{display:none!important}.show-mobile{align-items:center;gap:.5rem;display:flex!important}.mobile-nav-toggle{display:block}.nav-links{display:none}.footer-content{flex-direction:column;gap:1.5rem}.footer-col{max-width:100%!important}.card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.item-title{font-size:.9rem}.trade-body{flex-direction:column;gap:1rem}.trade-side.have,.trade-side.want{justify-content:center}.trade-divider{transform:rotate(90deg)}.grid-item-hover:hover{transform:none}.marketplace-layout{gap:1.5rem!important}.marketplace-list,.marketplace-detail{flex:100%!important;max-width:100%!important}.marketplace-detail{order:-1;position:static!important}.trade-card-body{flex-direction:column!important;padding:1rem!important}.trade-card-divider{transform:rotate(90deg)}.trade-grid-container{aspect-ratio:1!important;width:100%!important;height:auto!important}.trade-filter-form{flex-direction:column!important;gap:.75rem!important;width:100%!important}.trade-filter-input{width:100%!important}.hero-section{margin-bottom:2rem!important;padding:2rem 1rem!important}.hero-title{font-size:1.75rem!important}.hero-subtitle{max-width:100%!important;font-size:1rem!important}.hero-actions{flex-direction:column!important}.hero-actions .btn{width:100%!important}.trade-detail-visual{flex-direction:column!important;gap:1.5rem!important}.trade-detail-arrow{transform:rotate(90deg)}.create-post-grid{grid-template-columns:1fr!important}.create-post-search-filter{flex-direction:column!important}.create-post-search-filter select{width:100%!important}}@media (max-width:480px){.container{padding:0 .5rem}h1{font-size:1.5rem}h2{font-size:1.35rem}h3{font-size:1.15rem}.btn{padding:.6rem .8rem;font-size:.8rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.mini-item{width:50px;height:50px}.show-mobile-flex{display:flex!important}}.image-gallery-container{flex-direction:column;gap:1rem;width:100%;display:flex}.image-main-preview{aspect-ratio:4/3;border:1px dashed var(--border);border-radius:var(--radius);cursor:pointer;background-color:#f8fafc;justify-content:center;align-items:center;width:100%;transition:all .2s;display:flex;position:relative;overflow:hidden}.image-main-preview:hover{border-color:var(--primary);background-color:#f1f5f9}.image-main-preview img{object-fit:contain;width:100%;height:100%}.gallery-nav-btn{cursor:pointer;width:36px;height:36px;box-shadow:var(--shadow-sm);z-index:10;color:var(--foreground);background-color:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gallery-nav-btn:hover{color:var(--primary);box-shadow:var(--shadow);background-color:#fff}.gallery-nav-btn.prev{left:10px}.gallery-nav-btn.next{right:10px}.image-thumbnail-strip{grid-template-columns:repeat(5,1fr);gap:.5rem;display:grid}.image-thumbnail-slot{aspect-ratio:1;border:1px solid var(--border);cursor:pointer;background-color:#f8fafc;border-radius:4px;transition:all .2s;position:relative;overflow:hidden}.image-thumbnail-slot.active{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb1a}.image-thumbnail-slot:hover{border-color:var(--primary)}.image-thumbnail-slot img{object-fit:cover;width:100%;height:100%}.thumbnail-remove-btn{background-color:var(--danger);color:#fff;cursor:pointer;z-index:5;opacity:0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;transition:opacity .2s;display:flex;position:absolute;top:2px;right:2px}.image-thumbnail-slot:hover .thumbnail-remove-btn{opacity:1}@keyframes profile-pulse{0%{transform:scale(1);box-shadow:0 0 #ffd700b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #ffd70000}to{transform:scale(1);box-shadow:0 0 #ffd70000}}@keyframes profile-spin{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes avatar-wave{0%{filter:brightness();transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.02)}to{filter:brightness();transform:scale(1)}}@keyframes avatar-glow-warm{0%{filter:drop-shadow(0 0 5px #f97316)}50%{filter:drop-shadow(0 0 15px #fdba74)}to{filter:drop-shadow(0 0 5px #f97316)}}@keyframes effect-float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes effect-pulse-fast{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(1)}}@keyframes effect-sakura{0%{filter:hue-rotate()brightness()}50%{filter:hue-rotate(20deg)brightness(1.1)}to{filter:hue-rotate()brightness()}}@keyframes avatar-glitch{0%{color:#0f0;text-shadow:none;transform:translate(0)}20%{color:#f0f;text-shadow:2px 2px #0ff;transform:translate(-2px,2px)}40%{color:#0ff;text-shadow:-2px -2px #f0f;transform:translate(-2px,-2px)}60%{color:#0f0;text-shadow:2px -2px #0ff;transform:translate(2px,2px)}80%{color:#f0f;text-shadow:-2px 2px #0ff;transform:translate(2px,-2px)}to{color:#0f0;text-shadow:none;transform:translate(0)}}@keyframes effect-matrix{0%{filter:hue-rotate()brightness();text-shadow:0 0 5px #0f0}50%{filter:hue-rotate(45deg)brightness(1.5);text-shadow:0 0 20px #0f0}to{filter:hue-rotate()brightness();text-shadow:0 0 5px #0f0}}.avatar-pulse{animation:2s ease-in-out infinite profile-pulse}.avatar-spin{animation:10s linear infinite profile-spin}.avatar-wave{animation:3s ease-in-out infinite avatar-wave}.avatar-glow-warm{animation:2s ease-in-out infinite avatar-glow-warm}.avatar-glitch{animation:.3s infinite avatar-glitch}.effect-float{animation:3s ease-in-out infinite effect-float}.effect-pulse-fast{animation:1s ease-in-out infinite effect-pulse-fast}.effect-sakura{animation:4s ease-in-out infinite effect-sakura}.effect-matrix{animation:2s linear infinite effect-matrix}.placeholder-add{color:var(--text-muted);flex-direction:column;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500;display:flex}.placeholder-add-icon{color:var(--border);font-size:2rem;transition:color .2s}.image-main-preview:hover .placeholder-add-icon{color:var(--primary)}.effect-tet-blossoms{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}@keyframes blossom-fall{0%{opacity:0;transform:translateY(-10%)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(110%)translate(20px)}}.blossom{background-repeat:no-repeat;background-size:contain;width:12px;height:12px;animation:5s linear infinite blossom-fall;position:absolute}@keyframes avatar-pulse-gold{0%{border-color:#ff4d4d;box-shadow:0 0 5px gold}50%{border-color:gold;box-shadow:0 0 20px gold,inset 0 0 10px gold}to{border-color:#ff4d4d;box-shadow:0 0 5px gold}}.avatar-pulse-gold{animation:2s ease-in-out infinite avatar-pulse-gold}@keyframes leaf-float{0%{transform:translate(0)}25%{transform:translate(5px,5px)}50%{transform:translateY(10px)}75%{transform:translate(-5px,5px)}to{transform:translate(0)}}.effect-leaf{animation:4s ease-in-out infinite leaf-float}@keyframes vietnam-pulsate{0%{border-color:gold;box-shadow:0 0 5px #da251d}50%{border-color:#da251d;box-shadow:0 0 25px #da251d99,inset 0 0 10px gold}to{border-color:gold;box-shadow:0 0 5px #da251d}}.avatar-vietnam{animation:2s ease-in-out infinite vietnam-pulsate}@keyframes star-float{0%{opacity:0;transform:translateY(0)scale(1)}50%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(.5)}}.effect-vietnam-star:before,.effect-vietnam-star:after{content:"?";color:gold;font-size:14px;animation:3s linear infinite star-float;position:absolute}@keyframes twinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.effect-stars{background-image:radial-gradient(#fff 1px,#0000 0);background-size:20px 20px;animation:3s infinite twinkle}@keyframes bubble-up{0%{opacity:0;transform:translateY(100%)translate(0)}50%{opacity:.6}to{opacity:0;transform:translateY(-100%)translate(10px)}}.effect-bubbles:after{content:"";background-image:radial-gradient(circle,#ffffff4d 2px,#0000 0);background-size:30px 40px;width:100%;height:100%;animation:4s linear infinite bubble-up;position:absolute}@keyframes fog-drift{0%{opacity:.3;transform:translate(-10%)}50%{opacity:.6;transform:translate(10%)}to{opacity:.3;transform:translate(-10%)}}.effect-fog{filter:blur(8px);background:linear-gradient(#0000,#ffffff1a,#0000);animation:10s ease-in-out infinite fog-drift}.effect-snow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Ccircle fill='white' cx='4' cy='4' r='1'/%3E%3C/svg%3E");background-size:40px 40px;animation:10s linear infinite blossom-fall}@keyframes atmospheric-float-up{0%{opacity:0;transform:translateY(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-400px)}}@keyframes atmospheric-sparkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}}@keyframes atmospheric-drift-right{0%{transform:translate(0)}to{transform:translate(1500px)}}@keyframes atmospheric-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.1)}}@keyframes atmospheric-pulse-line{0%,to{opacity:0;transform:scaleX(0)}50%{opacity:.6;transform:scaleX(1)}}.blossom{pointer-events:none;background-repeat:no-repeat;background-size:contain;animation:5s linear infinite blossom-fall;position:absolute}.blossom-peach{background-image:url(https://em-content.zobj.net/source/microsoft/378/cherry-blossom_1f338.png)}.blossom-apricot{background-image:url(https://em-content.zobj.net/source/microsoft/378/blossom_1f33c.png)}.effect-overlay-container{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:hidden}.effect-particle{pointer-events:none;will-change:transform,opacity;position:absolute}.particle-snow{opacity:.8;filter:blur(1px);left:var(--p-left);width:var(--p-size);height:var(--p-size);top:var(--p-top);animation:blossom-fall var(--p-duration)linear var(--p-delay)infinite;background-color:#fff;border-radius:50%}.particle-matrix{left:var(--p-left);top:var(--p-top);color:#0f0;writing-mode:vertical-rl;text-orientation:upright;opacity:.4;animation:blossom-fall var(--p-duration)linear var(--p-delay)infinite;font-family:monospace;font-size:12px}.particle-glow{z-index:-1;border-radius:50%;animation:4s ease-in-out infinite atmospheric-pulse;inset:10%;box-shadow:0 0 100px 50px #3b82f626}.particle-foam{left:var(--p-left);bottom:var(--p-bottom);width:var(--p-size);height:var(--p-size);animation:atmospheric-float-up var(--p-duration)ease-in var(--p-delay)infinite;background-color:#bae6fd1a;border:1px solid #bae6fd80;border-radius:50%}.particle-flare{left:var(--p-left);top:var(--p-top);width:var(--p-size);height:var(--p-size);opacity:0;animation:atmospheric-sparkle var(--p-duration)ease-in-out var(--p-delay)infinite;background-color:#fb923c;border-radius:50%;box-shadow:0 0 10px #f97316}.particle-star{left:var(--p-left);top:var(--p-top);width:var(--p-size);height:var(--p-size);animation:twinkle var(--p-duration)ease-in-out var(--p-delay)infinite;background-color:#fff;border-radius:50%;box-shadow:0 0 5px #fff}.particle-vn-star{left:var(--p-left);bottom:var(--p-bottom);color:gold;text-shadow:0 0 10px gold;animation:atmospheric-float-up var(--p-duration)ease-in var(--p-delay)infinite;font-size:20px}.particle-mist{left:var(--p-left);top:var(--p-top);width:var(--p-size);height:calc(var(--p-size)/2);filter:blur(40px);animation:atmospheric-drift-right var(--p-duration)linear var(--p-delay)infinite;background-color:#fff3;border-radius:50%}.particle-tech{left:var(--p-left);top:var(--p-top);width:var(--p-size);opacity:0;height:1px;animation:atmospheric-pulse-line 3s ease-in-out var(--p-delay)infinite;background-color:#00f2ff;box-shadow:0 0 8px #00f2ff}.starry-backdrop{z-index:-1;background:radial-gradient(circle,#0f172a66 0%,#0f172a33 100%)}.flex-center{justify-content:center;align-items:center;display:flex}