:root{--bg-color:#0a1628;--panel-bg:#0f1e38cc;--panel-border:#6496c826;--text-primary:#f0f4f8;--text-secondary:#a0b4d0;--accent-primary:#e8b517;--accent-primary-hover:#d4a014;--accent-secondary:#2196f3;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--font-sans:"Inter",system-ui,sans-serif;--glass-shadow:0 8px 32px 0 #000a1e73;--glass-blur:blur(16px);--glow:0 0 40px #2196f31a,0 0 80px #e8b5170d}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);font-family:var(--font-sans);background-color:#02060d;background-image:radial-gradient(#ffffff0a 2px,#0000 2px);background-size:40px 40px;background-attachment:fixed;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}body:before,body:after{content:"";z-index:-1;pointer-events:none;filter:blur(80px);width:100vw;height:100vh;position:fixed;top:0;left:0}body:before{background:radial-gradient(circle at 20% 30%,#2196f359 0%,#0000 50%),radial-gradient(circle at 80% 70%,#2196f359 0%,#0000 50%);animation:18s ease-in-out infinite alternate bgFloat}body:after{background:radial-gradient(circle at 80% 20%,#00d4ff33 0%,#0000 50%),radial-gradient(circle at 20% 80%,#00d4ff33 0%,#0000 50%);animation:24s ease-in-out infinite alternate-reverse bgFloat}@keyframes bgFloat{0%{opacity:.6;transform:scale(1)translate(0)}33%{opacity:.9;transform:scale(1.1)translate(5%,-5%)}66%{opacity:.7;transform:scale(1.2)translate(-5%,5%)}to{opacity:.8;transform:scale(1)translate(0)}}.fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--panel-border);box-shadow:var(--glass-shadow);border-top:1px solid #ffffff26;border-radius:16px;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s}.glass-panel-interactive:hover{box-shadow:0 15px 45px -10px #0009,var(--glow);border-color:#fff3;transform:translateY(-4px)}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600;line-height:1.25}h1,h2{letter-spacing:-.01em;font-size:1.6rem}h3{font-size:1.25rem}p{margin-bottom:1.2rem;line-height:1.6}.btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent-primary);color:#1a1a1a;box-shadow:0 4px 12px #e8b51733}.btn-primary:hover{background-color:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #e8b5174d}.btn-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff0d;border:1px solid #ffffff26}.btn-secondary:hover{background-color:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}.input-group{flex-direction:column;margin-bottom:1.5rem;display:flex}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.input-field{border:1px solid var(--panel-border);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#ffffff08;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .3s}.input-field:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #e8b5171a}select.input-field option{background-color:var(--bg-color);color:var(--text-primary);padding:.5rem}.text-accent{color:var(--accent-primary)}.text-secondary{color:var(--text-secondary)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.main-content{flex:1;padding:2.5rem 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:12px;animation:1.5s linear infinite shimmer}.text-gradient{color:var(--accent-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.nav-link{color:var(--text-secondary);white-space:nowrap;border-bottom:2px solid #0000;padding:.4rem .6rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .25s}.nav-link:hover{color:var(--text-primary);text-shadow:0 0 12px #fff6;border-bottom-color:var(--accent-primary);background:0 0}.nav-link.active{color:var(--text-primary);border-bottom-color:var(--accent-primary);text-shadow:0 0 15px #e8b51766;font-weight:600}.hero-card{background:radial-gradient(circle at top right,#e8b5170d,transparent),var(--panel-bg);border:1px solid #ffffff14;box-shadow:0 10px 40px #0000004d}@media (max-width:768px){.container{padding:0 1rem}.main-content{padding:1.5rem 0}h1{font-size:1.6rem}h2{font-size:1.4rem}div[style*="display: grid"]{grid-template-columns:1fr!important;gap:1rem!important}div[style*="minmax(350px, 1fr)"],div[style*="minmax(300px, 1fr)"]{grid-template-columns:1fr!important}.glass-panel{padding:1.25rem!important}nav.glass-panel{flex-direction:column;gap:1rem;align-items:center!important;padding:1rem!important}nav.glass-panel>div:first-child{flex-direction:column;width:100%;gap:1rem!important}nav.glass-panel div[style*=borderLeft]{-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;padding-bottom:5px;overflow-x:auto;border-left:none!important;padding-left:0!important}.hide-mobile{display:none!important}.btn{width:100%}form div[style*="display: grid"]{flex-direction:column!important;display:flex!important}.hero-action-panel{border-top:1px solid #ffffff1a!important;border-left:none!important;width:100%!important;padding-top:1.25rem!important;padding-left:0!important}}@media (max-width:480px){h1{font-size:1.4rem}.glass-panel{padding:1rem!important}}.author-tooltip{cursor:help;position:relative}.author-tooltip:after{content:attr(data-tooltip);background:var(--bg-color);color:var(--accent-primary);border:1px solid var(--accent-primary);white-space:nowrap;opacity:0;visibility:hidden;z-index:9999;pointer-events:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-style:normal;font-weight:600;transition:opacity .2s,bottom .2s;position:absolute;bottom:110%;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.author-tooltip:hover:after{opacity:1;visibility:visible;bottom:130%}.pwa-install-banner-wrapper{animation:.35s cubic-bezier(.16,1,.3,1) forwards pwaSlideUp;bottom:calc(20px + env(safe-area-inset-bottom,0px))!important;z-index:2147483647!important;pointer-events:auto!important;width:calc(100% - 24px)!important;max-width:580px!important;display:block!important;position:fixed!important;left:50%!important;transform:translate(-50%)!important}.pwa-install-banner{-webkit-backdrop-filter:blur(20px)!important;background:#0a1628f5!important;border:1.5px solid #2196f373!important;border-radius:20px!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;display:flex!important;box-shadow:0 14px 44px #000514d9,0 0 28px #2196f340!important}.pwa-banner-icon-container{flex-shrink:0!important;position:relative!important}.pwa-banner-app-icon{object-fit:cover!important;border:1.5px solid #ffffff73!important;border-radius:14px!important;width:54px!important;height:54px!important;display:block!important;box-shadow:0 4px 16px #0009,0 0 16px #2196f359!important}.pwa-banner-icon-glow{z-index:-1!important;pointer-events:none!important;background:radial-gradient(circle,#2196f380 0%,#0000 70%)!important;border-radius:15px!important;position:absolute!important;inset:-3px!important}.pwa-banner-content{flex:1!important;min-width:0!important}.pwa-banner-badge{letter-spacing:.8px!important;text-transform:uppercase!important;color:#e8b517!important;background:#e8b51726!important;border:1px solid #e8b51759!important;border-radius:6px!important;margin-bottom:2px!important;padding:1px 6px!important;font-size:.65rem!important;font-weight:700!important;display:inline-block!important}.pwa-banner-title{color:#fff!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:.92rem!important;font-weight:700!important;line-height:1.2!important;overflow:hidden!important}.pwa-banner-desc{color:#a0b4d0!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;margin-top:2px!important;font-size:.76rem!important;line-height:1.25!important;display:-webkit-box!important;overflow:hidden!important}.pwa-banner-actions{flex-shrink:0!important;align-items:center!important;gap:8px!important;display:flex!important}.pwa-banner-btn-install{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;background:linear-gradient(135deg,#08c 0%,#004e92 100%)!important;border:1px solid #ffffff59!important;border-radius:12px!important;align-items:center!important;gap:6px!important;padding:9px 15px!important;font-size:.88rem!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 4px 14px #0088cc73!important}.pwa-banner-btn-install:hover{background:linear-gradient(135deg,#0099e6 0%,#005bb0 100%)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #08c9!important}.pwa-banner-btn-close{color:#a0b4d0!important;cursor:pointer!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;transition:all .2s!important;display:flex!important}.pwa-banner-btn-close:hover{color:#fff!important;background:#ffffff38!important}.pwa-toast-success{animation:.35s ease-out pwaSlideDown;top:calc(20px + env(safe-area-inset-top,0px))!important;z-index:2147483647!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;color:#fff!important;background:#0f1e38fa!important;border:1px solid #10b981!important;border-radius:16px!important;align-items:center!important;gap:12px!important;max-width:420px!important;margin:0 auto!important;padding:14px 18px!important;display:flex!important;position:fixed!important;left:20px!important;right:20px!important;box-shadow:0 10px 30px #0009,0 0 20px #10b9814d!important}.pwa-toast-icon{color:#fff!important;background:#10b981!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;height:28px!important;font-size:.95rem!important;font-weight:700!important;display:flex!important}.pwa-guide-modal-overlay{animation:.2s ease-out pwaFadeIn;-webkit-backdrop-filter:blur(8px)!important;z-index:2147483647!important;background:#02060dd1!important;justify-content:center!important;align-items:flex-end!important;padding:16px!important;display:flex!important;position:fixed!important;inset:0!important}.pwa-guide-modal-card{animation:.28s cubic-bezier(.16,1,.3,1) pwaModalSlideUp;background:#0d1b30!important;border:1.5px solid #2196f366!important;border-radius:24px!important;width:100%!important;max-width:480px!important;padding:22px!important;box-shadow:0 -8px 40px #000000d9!important}.pwa-guide-modal-header{align-items:center!important;gap:12px!important;margin-bottom:18px!important;display:flex!important;position:relative!important}.pwa-guide-icon-thumb{border:1.5px solid #ffffff40!important;border-radius:11px!important;flex-shrink:0!important;display:block!important}.pwa-guide-modal-title{color:#fff!important;margin:0!important;font-size:1.05rem!important;font-weight:700!important}.pwa-guide-modal-subtitle{color:#a0b4d0!important;margin-top:2px!important;font-size:.8rem!important}.pwa-guide-modal-close{color:#a0b4d0!important;cursor:pointer!important;background:#ffffff1a!important;border:none!important;border-radius:50px!important;justify-content:center!important;align-items:center!important;width:30px!important;height:30px!important;font-size:.9rem!important;display:flex!important;position:absolute!important;top:-4px!important;right:-4px!important}.pwa-guide-steps{flex-direction:column!important;gap:12px!important;margin-bottom:20px!important;display:flex!important}.pwa-guide-step-item{background:#0f1e38bf!important;border:1px solid #6496c833!important;border-radius:14px!important;align-items:flex-start!important;gap:12px!important;padding:12px 14px!important;display:flex!important}.pwa-guide-step-num{color:#fff!important;background:#08c!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;margin-top:2px!important;font-size:.8rem!important;font-weight:700!important;display:flex!important}.pwa-guide-step-text{color:#f0f4f8!important;flex:1!important;font-size:.84rem!important;line-height:1.4!important}.pwa-ios-share-badge,.pwa-ios-action-badge{color:#fff!important;background:#ffffff14!important;border:1px solid #ffffff2e!important;border-radius:8px!important;align-items:center!important;gap:6px!important;margin-top:6px!important;padding:4px 10px!important;font-size:.78rem!important;display:inline-flex!important}.pwa-guide-btn-got-it{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#08c 0%,#004e92 100%)!important;border:1px solid #ffffff40!important;border-radius:12px!important;width:100%!important;padding:12px!important;font-size:.92rem!important;font-weight:700!important;transition:all .2s!important}.pwa-guide-btn-got-it:hover{background:linear-gradient(135deg,#0099e6 0%,#005bb0 100%)!important}@keyframes pwaSlideUp{0%{opacity:0;transform:translate(-50%,25px)}to{opacity:1;transform:translate(-50%)}}@keyframes pwaSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pwaModalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pwaFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:480px){.pwa-install-banner-wrapper{bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:calc(100% - 16px)!important}.pwa-install-banner{gap:12px!important;padding:10px 14px!important}.pwa-banner-app-icon{border-radius:12px!important;width:48px!important;height:48px!important}.pwa-banner-title{font-size:.88rem!important}.pwa-banner-desc{font-size:.72rem!important}.pwa-banner-btn-install{padding:8px 12px!important;font-size:.82rem!important}}