@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&display=swap";ul{list-style-type:none}a{text-decoration:none;color:#000}.link{background-color:transparent;color:#000;border:none;font-size:var(--font-size-main)}[data-seo-prerender="1"],article[data-seo-prerender]{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important;position:absolute!important;pointer-events:none!important}header.header{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:80px;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all var(--transition-normal)}.header-left{display:flex;align-items:center;gap:10px}.logo-container{display:flex;align-items:center}.logo-img{height:60px;width:auto;transition:transform var(--transition-fast)}.logo-container:hover .logo-img{transform:scale(1.05)}.main-menu ul{display:flex;gap:32px;list-style:none}.main-menu li a{display:flex;align-items:center;gap:8px;font-family:Orbitron,sans-serif;font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1em;padding:8px 0;position:relative;transition:color var(--transition-fast)}.PC-only .nav-list li a svg,.PC-only .util-list li a svg,.PC-only .util-list li button svg{display:none}.main-menu li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width var(--transition-fast)}.main-menu li a:hover{color:var(--primary)}.main-menu li a:hover:after{width:100%}.util ul{display:flex;gap:16px;list-style:none;align-items:center}.util .btn,.util a,.util .btn-logout{font-size:14px;font-weight:500;padding:8px 20px;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:none;border:none;color:var(--text-primary);cursor:pointer}.util .btn:hover,.util a:hover,.util .btn-logout:hover{background:var(--border-color)}.btn-logout,.header-right{display:flex;align-items:center;gap:8px}.user-avatar-container{display:flex;align-items:center;margin-left:8px}.header-avatar-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;overflow:hidden;transition:all .2s ease;background:var(--border-color);padding:0;border:none}.header-avatar-link:hover{transform:scale(1.1);box-shadow:0 0 10px rgba(var(--primary-h),var(--primary-s),var(--primary-l),.3)}.header-avatar-img{width:100%;height:100%;object-fit:cover;border:1px solid var(--glass-border)}.header-avatar-icon{color:var(--text-secondary);transition:color .2s}.header-avatar-link:hover .header-avatar-icon{color:var(--primary)}.header-avatar-link.guest{opacity:.8}.menu-toggle{display:none;background:transparent;padding:10px;border-radius:50%;border:none;transition:all .3s ease;cursor:pointer;z-index:1002;width:44px;height:44px;position:relative}.menu-toggle:hover{background:var(--border-color)}.hamburger-box{width:20px;height:14px;position:relative;margin:0 auto}.hamburger-line{position:absolute;left:0;width:100%;height:2px;background:var(--text-primary);border-radius:4px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.hamburger-line:nth-child(1){top:0}.hamburger-line:nth-child(2){top:6px}.hamburger-line:nth-child(3){top:12px}.mobile-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:2000}.mobile-backdrop.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--bg);box-shadow:10px 0 25px #0003;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:2001;display:flex;flex-direction:column;overflow:hidden}.mobile-menu.active{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;padding:0 16px;height:70px;gap:16px;border-bottom:1px solid var(--border-color)}.mobile-menu-content{flex:1;overflow-y:auto;padding:12px 0}.mobile-nav-section{padding:8px 0}.menu-section-label{padding:12px 24px 8px;font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.mobile-menu .nav-list,.mobile-menu .util-list{list-style:none;display:flex;flex-direction:column}.mobile-menu li a,.mobile-menu li button{display:flex;align-items:center;gap:24px;padding:12px 24px;color:var(--text-primary);text-decoration:none;font-size:14px;font-weight:500;transition:background .2s;width:100%;background:none;border:none;cursor:pointer;text-align:left}.mobile-only{display:flex!important}@media (min-width: 1025px){.mobile-only{display:none!important}}.mobile-menu li a:hover,.mobile-menu li button:hover{background:var(--border-color)}.mobile-menu li a svg,.mobile-menu li button svg{color:var(--text-secondary)}.mobile-menu li a:hover svg,.mobile-menu li button:hover svg{color:var(--primary)}.menu-divider{height:1px;background:var(--border-color);margin:8px 0}@media (max-width: 1024px){header.header{padding:0 12px;height:64px}.logo-img{height:40px}.PC-only{display:none!important}.menu-toggle{display:block}}footer.footer{width:100%;background:var(--bg);border-top:1px solid var(--border-color);padding:60px 0 40px;margin-top:auto;color:var(--text-secondary)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-info h4{font-family:Orbitron,sans-serif;color:var(--text-primary);margin-bottom:20px}.footer-text{font-size:.95rem;max-width:400px}.footer-section h4{font-size:1rem;color:var(--text-primary);margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:12px}.footer-links a{font-size:.9rem;transition:all var(--transition-fast)}.footer-links a:hover{color:var(--primary);padding-left:4px}.footer-bottom{max-width:1200px;margin:40px auto 0;padding:20px;border-top:1px solid var(--border-color);text-align:center;font-size:.85rem;color:var(--text-muted)}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:32px;text-align:center}.footer-text{margin:0 auto}.footer-links{align-items:center}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(var(--bg-h),var(--bg-s),var(--bg-l),.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:all .3s ease-in-out}.loading-overlay.inline{position:relative;width:100%;height:auto;min-height:120px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:20px;z-index:1}.loading-content{display:flex;flex-direction:column;align-items:center;gap:24px;animation:fadeIn .8s ease-out}.loading-img-wrapper{position:relative;width:120px;height:120px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.loading-overlay.inline .loading-img-wrapper{width:60px;height:60px}.loading-img{width:100%;height:auto;filter:drop-shadow(0 0 20px hsla(var(--primary-h),var(--primary-s),var(--primary-l),.5));animation:float 2s ease-in-out infinite}.loading-glow{position:absolute;width:80px;height:20px;background:hsla(var(--primary-h),var(--primary-s),var(--primary-l),.3);bottom:-10px;border-radius:50%;filter:blur(10px);animation:glowPulse 2s ease-in-out infinite}.loading-overlay.inline .loading-glow{width:40px;height:10px}.loading-text{font-family:Orbitron,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.1em;color:var(--primary);text-transform:uppercase;animation:textPulse 1.5s ease-in-out infinite}.loading-overlay.inline .loading-text{font-size:.85rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}@keyframes textPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ad-banner-container{display:none}@media (min-width: 1400px){.ad-banner-container{display:flex;flex-direction:column;align-items:center;position:fixed;top:100px;right:20px;width:160px;z-index:50}.ad-placeholder{width:160px;height:600px;background-color:var(--border-color);border:1px dashed var(--text-muted);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;text-align:center;padding:10px;box-shadow:0 4px 12px #0000000d;backdrop-filter:blur(10px)}.ad-placeholder p{margin:5px 0;font-weight:600}}*{caret-color:transparent}input,textarea,[contenteditable=true]{caret-color:auto}.btn,.record-card,.avatar-wrapper{user-select:none}:root{--primary-h: 220;--primary-s: 90%;--primary-l: 60%;--primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));--primary-dark: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 10%));--accent-h: 190;--accent-s: 90%;--accent-l: 50%;--accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));--bg-h: 210;--bg-s: 40%;--bg-l: 98%;--bg: hsl(var(--bg-h), var(--bg-s), var(--bg-l));--text-h: 220;--text-s: 20%;--text-l: 10%;--text-primary: hsl(var(--text-h), var(--text-s), var(--text-l));--text-secondary: hsl(var(--text-h), var(--text-s), 40%);--text-muted: hsl(var(--text-h), 10%, 65%);--border-color: hsla(var(--text-h), var(--text-s), var(--text-l), .1);--glass-bg: hsla(0, 0%, 100%, .7);--glass-border: hsla(0, 0%, 100%, .2);--glass-blur: blur(12px);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .07);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.app.dark{--bg-l: 8%;--bg-s: 20%;--bg: hsl(var(--bg-h), var(--bg-s), var(--bg-l));--text-l: 95%;--text-primary: hsl(var(--text-h), var(--text-s), var(--text-l));--text-secondary: hsl(var(--text-h), var(--text-s), 75%);--text-muted: hsl(var(--text-h), 10%, 50%);--border-color: hsla(var(--text-h), var(--text-s), var(--text-l), .1);--glass-bg: hsla(var(--bg-h), var(--bg-s), 15%, .7);--glass-border: hsla(var(--text-h), var(--text-s), 100%, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}.font-orbitron{font-family:Orbitron,sans-serif}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:all var(--transition-fast)}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);padding:24px;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #1f268726}h1,h2,h3,h4{font-family:Orbitron,Rajdhani,sans-serif;letter-spacing:.05em;font-weight:700}.container{max-width:1200px;margin:0 auto;padding:0 40px;transition:padding var(--transition-normal)}@media (max-width: 1024px){.container{padding:0 24px}}@media (max-width: 768px){.container{padding:0 20px}}@media (max-width: 480px){.container{padding:0 16px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}.flex-center{display:flex;justify-content:center;align-items:center}.btn-primary{background:var(--primary);color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;box-shadow:0 4px 14px hsla(var(--primary-h),var(--primary-s),var(--primary-l),.39);min-height:48px;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}@media (max-width: 480px){button,a{min-height:44px}.btn-primary{width:100%;font-size:1.1rem;padding:14px 20px}}.app{background-color:var(--bg);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.content{flex:1;padding-top:80px}@media (max-width: 1024px){.content{padding-top:64px}}.fade-in{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}