.nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:var(--space-md) var(--space-xl);transition:all var(--duration-fast) var(--ease-smooth);opacity:0;pointer-events:none;transition:opacity 1s ease,padding var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth)}.hero-ready .nav{opacity:1;pointer-events:auto}.nav.scrolled{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:var(--space-sm) var(--space-xl)}.nav-inner{position:relative;z-index:1002;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;transition:opacity var(--duration-fast) var(--ease-out)}.nav-logo:hover{opacity:.8}.nav-symbol{width:36px;height:36px}.nav-wordmark{font-family:var(--font-display);font-size:1.1rem;font-weight:600;letter-spacing:.04em;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:var(--space-lg)}.nav-link{font-family:var(--font-body);font-size:.85rem;font-weight:400;color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out);letter-spacing:.02em;padding:var(--space-xs) 0;position:relative}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--gradient-subtle);transition:width var(--duration-fast) var(--ease-out)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link-btn{background:none;border:none;cursor:pointer}.nav-right{display:flex;align-items:center;gap:var(--space-md)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px;transition:opacity .2s}.mobile-menu-toggle:hover{opacity:.7}.mobile-nav-overlay{display:none}.nav-bgm-slot{display:flex;align-items:center;min-width:32px;min-height:32px}.gnb-bgm-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;transition:opacity .3s var(--ease-out)}.gnb-bgm-btn:hover{opacity:.7}.gnb-bgm-btn.active{opacity:1}.gnb-bgm-btn .waveform-bars{display:flex;align-items:flex-end;gap:2px;height:14px}.gnb-bgm-btn .waveform-bar{width:2px;background:var(--text-muted);border-radius:1px;transition:background .3s ease}.gnb-bgm-btn.active .waveform-bar{background:var(--orbit-cyan)}.nav.sylphio-theme .gnb-bgm-btn.active .waveform-bar{background:#87a9ec}.nav.builders-theme .gnb-bgm-btn.active .waveform-bar{background:var(--color-gold)}.nav.daily-theme .gnb-bgm-btn.active .waveform-bar,.nav.pacenote-theme .gnb-bgm-btn.active .waveform-bar{background:var(--color-indigo)}.gnb-bgm-btn .waveform-bars.on .waveform-bar:nth-child(1){height:40%;animation:gnbWave .8s ease-in-out infinite alternate;animation-delay:0s}.gnb-bgm-btn .waveform-bars.on .waveform-bar:nth-child(2){height:70%;animation:gnbWave .8s ease-in-out infinite alternate;animation-delay:.15s}.gnb-bgm-btn .waveform-bars.on .waveform-bar:nth-child(3){height:100%;animation:gnbWave .8s ease-in-out infinite alternate;animation-delay:.3s}.gnb-bgm-btn .waveform-bars.on .waveform-bar:nth-child(4){height:55%;animation:gnbWave .8s ease-in-out infinite alternate;animation-delay:.1s}.gnb-bgm-btn .waveform-bars.on .waveform-bar:nth-child(5){height:30%;animation:gnbWave .8s ease-in-out infinite alternate;animation-delay:.25s}.gnb-bgm-btn .waveform-bars.off .waveform-bar{height:3px}@keyframes gnbWave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.locale-dropdown-wrapper{position:relative;display:inline-block}.locale-dropdown-trigger{display:flex;align-items:center;gap:6px;height:28px;padding:0 4px;background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono, monospace);font-size:.72rem;font-weight:500;cursor:pointer;transition:all var(--duration-fast, .2s) var(--ease-smooth, ease);-webkit-user-select:none;user-select:none}.locale-dropdown-trigger:hover{background:transparent;color:var(--text-primary);transform:scale(1.02)}.locale-dropdown-trigger.active{background:transparent;color:var(--text-primary)}.locale-dropdown-trigger .globe-icon{font-size:.8rem;opacity:.6;transition:opacity .2s ease}.locale-dropdown-trigger:hover .globe-icon,.locale-dropdown-trigger.active .globe-icon{opacity:1}.locale-dropdown-trigger .current-locale-text{letter-spacing:.02em}.locale-dropdown-trigger .dropdown-arrow{font-size:.55rem;opacity:.4;transition:transform .25s var(--ease-smooth, ease),opacity .2s ease;margin-left:2px}.locale-dropdown-trigger:hover .dropdown-arrow,.locale-dropdown-trigger.active .dropdown-arrow{opacity:.8}.locale-dropdown-trigger .dropdown-arrow.open{transform:rotate(180deg)}.locale-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:110px;background:#0a0a0ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-md, 8px);padding:5px;display:flex;flex-direction:column;gap:3px;box-shadow:0 10px 30px #00000080,0 0 1px #ffffff1a;z-index:1010;animation:localeMenuFadeIn .2s cubic-bezier(.16,1,.3,1) forwards;transform-origin:top right}@keyframes localeMenuFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.locale-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 10px;background:none;border:none;border-radius:var(--radius-sm, 4px);color:var(--text-muted);font-family:var(--font-body, inherit);font-size:.76rem;font-weight:400;text-align:left;cursor:pointer;transition:all .15s var(--ease-smooth, ease);position:relative}.locale-dropdown-item:hover{background:#ffffff0d;color:var(--text-primary)}.locale-dropdown-item.active{background:#06b6d414;color:var(--text-primary);font-weight:500}.locale-dropdown-item .locale-laser-dot{width:4px;height:4px;border-radius:50%;background:var(--orbit-cyan);box-shadow:0 0 8px var(--orbit-cyan),0 0 12px var(--prism-lavender);opacity:0;transform:scale(.5);transition:all .2s var(--ease-smooth, ease)}.locale-dropdown-item.active .locale-laser-dot{opacity:1;transform:scale(1)}.locale-dropdown-item .locale-label{letter-spacing:.01em}@media(max-width:768px){.nav,.nav.scrolled{padding:var(--space-sm) var(--space-md)}.nav-links{display:none}.nav-right{gap:var(--space-sm)}.nav-symbol{width:28px;height:28px}.nav-wordmark{font-size:.95rem}.gnb-bgm-btn{width:28px;height:28px}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.mobile-nav-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#080808fa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:1001;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.16,1,.3,1);overflow-y:auto;padding:92px 20px 60px}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-bento-menu-container{display:flex;flex-direction:column;gap:16px;width:100%;max-width:420px;margin:0 auto;box-sizing:border-box}.mobile-menu-header{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;opacity:0;transform:translateY(15px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1)}.mobile-nav-overlay.open .mobile-menu-header{opacity:1;transform:translateY(0)}.mobile-menu-title{font-family:var(--font-display);font-size:1.55rem;font-weight:700;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.mobile-menu-subtitle{font-size:.76rem;color:var(--text-muted);font-weight:400;letter-spacing:.01em}.mobile-bento-nav-item{display:flex;align-items:center;justify-content:space-between;min-height:110px;border-radius:16px;border:1px solid rgba(255,255,255,.05);background:#11111173;padding:16px 20px;text-decoration:none;position:relative;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translateY(20px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),background-color .3s,border-color .3s,box-shadow .3s;box-sizing:border-box}.mobile-nav-overlay.open .mobile-bento-nav-item{opacity:1;transform:translateY(0)}.mobile-nav-overlay.open .mobile-bento-nav-item:nth-child(2){transition-delay:.05s}.mobile-nav-overlay.open .mobile-bento-nav-item:nth-child(3){transition-delay:.1s}.mobile-nav-overlay.open .mobile-bento-nav-item:nth-child(4){transition-delay:.15s}.mobile-nav-overlay.open .mobile-bento-nav-item:nth-child(5){transition-delay:.2s}.mobile-nav-overlay.open .mobile-bento-nav-item:nth-child(6){transition-delay:.25s}.mobile-bento-nav-item.base-gold-theme{--point-color: #F59E0B;--glow-color: rgba(245, 158, 11, .15);--aura-pulse: rgba(245, 158, 11, .25);border:1px solid rgba(245,158,11,.22)}.mobile-bento-nav-item.log-indigo-theme{--point-color: var(--color-indigo);--glow-color: rgba(165, 180, 252, .12);--aura-pulse: rgba(165, 180, 252, .22);border:1px solid rgba(165,180,252,.22)}.mobile-bento-nav-item.daily-cyan-theme{--point-color: #22D3EE;--glow-color: rgba(34, 211, 238, .12);--aura-pulse: rgba(34, 211, 238, .22);border:1px solid rgba(34,211,238,.22)}.mobile-bento-nav-item.pace-green-theme{--point-color: #34D399;--glow-color: rgba(52, 211, 153, .12);--aura-pulse: rgba(52, 211, 153, .22);border:1px solid rgba(52,211,153,.22)}.mobile-bento-nav-item.sylphio-blue-theme{--point-color: #1E80FF;--glow-color: rgba(30, 128, 255, .12);--aura-pulse: rgba(30, 128, 255, .22);border:1px solid rgba(30,128,255,.22)}.mobile-bento-nav-item.active{background:var(--glow-color);animation:activeBentoBreathing 3s infinite ease-in-out}@keyframes activeBentoBreathing{0%,to{border-color:var(--point-color);box-shadow:0 0 15px var(--glow-color),inset 0 0 8px #ffffff05}50%{border-color:var(--aura-pulse);box-shadow:0 0 4px var(--glow-color),inset 0 0 2px #fff0}}.bento-card-content{display:flex;flex-direction:column;gap:4px;z-index:2;flex:1;max-width:58%;text-align:left}.bento-card-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;font-weight:500}.bento-card-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary);margin:2px 0 6px}.bento-card-arrow{font-family:var(--font-body);font-size:.72rem;color:var(--text-muted);font-weight:500;transition:color .2s}.mobile-bento-nav-item:hover .bento-card-arrow{color:var(--text-primary)}.bento-card-visual{position:relative;width:120px;height:110px;display:flex;align-items:center;justify-content:center;overflow:visible;z-index:1;pointer-events:none}.bento-card-visual .dynamic-mockup{position:absolute;right:12px;top:50%;width:240px!important;height:240px!important;transform:translateY(-50%) scale(.42) rotateY(-8deg) rotateX(4deg);transform-origin:right center;background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff0d!important;border-radius:16px!important;pointer-events:none}.mobile-bento-nav-item:hover .dynamic-mockup{transform:translateY(-50%) scale(.46) rotateY(-2deg) rotateX(2deg)}.mobile-bento-nav-item .base-mockup{width:240px!important;height:240px!important;display:flex;flex-direction:column;justify-content:space-between;padding:16px;box-sizing:border-box!important;background:#111111b3!important;border:1px solid rgba(245,158,11,.25)!important;box-shadow:0 12px 30px #0006,inset 0 1px #ffffff0d!important}.mobile-bento-nav-item .base-engine-container{height:120px;position:relative;display:flex;align-items:center;justify-content:center;perspective:800px;margin-bottom:12px;width:200px}.mobile-bento-nav-item .prism-core{width:36px;height:36px;position:relative;transform-style:preserve-3d;animation:rotatePrism 8s linear infinite}.mobile-bento-nav-item .prism-face{position:absolute;width:36px;height:36px;background:linear-gradient(135deg,#f59e0b73,#f43f5e73);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 20px #f59e0b99;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mobile-bento-nav-item .prism-face.front{transform:rotateY(0) translateZ(18px)}.mobile-bento-nav-item .prism-face.back{transform:rotateY(180deg) translateZ(18px)}.mobile-bento-nav-item .prism-face.left{transform:rotateY(-90deg) translateZ(18px)}.mobile-bento-nav-item .prism-face.right{transform:rotateY(90deg) translateZ(18px)}.mobile-bento-nav-item .prism-face.top{transform:rotateX(90deg) translateZ(18px)}.mobile-bento-nav-item .prism-face.bottom{transform:rotateX(-90deg) translateZ(18px)}.mobile-bento-nav-item .engine-ring{position:absolute;border-radius:50%;border:1px dashed rgba(245,158,11,.35);animation:rotateRing 10s linear infinite}.mobile-bento-nav-item .engine-ring.ring-x{width:90px;height:90px;transform:rotateX(70deg);border-color:#f59e0b99}.mobile-bento-nav-item .engine-ring.ring-y{width:110px;height:110px;transform:rotateY(70deg);border-color:#f43f5e99;animation-duration:7s;animation-direction:reverse}.mobile-bento-nav-item .engine-ring.ring-z{width:130px;height:130px;transform:rotate(30deg) rotateX(45deg);border-color:#c4b5fd66;animation-duration:12s}.mobile-bento-nav-item .base-terminal{background:#0a0a0ae6;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px;font-family:var(--font-mono);font-size:.65rem;color:#ffffffb3;width:190px;box-sizing:border-box}.mobile-bento-nav-item .terminal-header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:4px;margin-bottom:6px}.mobile-bento-nav-item .terminal-title{color:#ffffff73}.mobile-bento-nav-item .terminal-status.active{color:#f59e0b;font-weight:700;display:flex;align-items:center;gap:4px}.mobile-bento-nav-item .terminal-status.active:before{content:"";display:inline-block;width:6px;height:6px;background:#f59e0b;border-radius:50%;animation:statusBlink 1.5s infinite}.mobile-bento-nav-item .terminal-lines{display:flex;flex-direction:column;gap:4px;text-align:left}.mobile-bento-nav-item .terminal-line:nth-child(1){color:#fffc}.mobile-bento-nav-item .terminal-line:nth-child(2){color:#34d399}.mobile-bento-nav-item .builderslog-mockup{width:240px;height:240px;display:flex;flex-direction:column;justify-content:center;padding:10px}.mobile-bento-nav-item .mockup-timeline{position:relative;display:flex;flex-direction:column;gap:20px;padding-left:20px;text-align:left}.mobile-bento-nav-item .timeline-line{position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,#8b5cf6,#8b5cf61a);opacity:.5}.mobile-bento-nav-item .timeline-node{display:flex;align-items:flex-start;gap:16px;position:relative;opacity:.65}.mobile-bento-nav-item .timeline-node.active{opacity:1}.mobile-bento-nav-item .node-dot{width:10px;height:10px;border-radius:50%;background:#8b5cf666;border:2px solid rgba(139,92,246,.2);position:absolute;left:-20px;top:5px;z-index:1}.mobile-bento-nav-item .timeline-node.active .node-dot{background:#8b5cf6;border-color:#ffffffe6;box-shadow:0 0 10px #8b5cf6;transform:scale(1.2)}.mobile-bento-nav-item .node-info{display:flex;flex-direction:column;gap:2px}.mobile-bento-nav-item .node-title{font-size:.9rem;font-weight:600;color:var(--text-primary)}.mobile-bento-nav-item .node-meta{font-size:.72rem;color:var(--text-muted)}.mobile-bento-nav-item .daily-mockup{width:240px;height:240px;display:flex;flex-direction:column;padding:16px;box-sizing:border-box}.mobile-bento-nav-item .mockup-header{display:flex;gap:6px;margin-bottom:16px}.mobile-bento-nav-item .mockup-dot{width:10px;height:10px;border-radius:50%}.mobile-bento-nav-item .mockup-dot:nth-child(1){background:#f87171}.mobile-bento-nav-item .mockup-dot:nth-child(2){background:#fbbf24}.mobile-bento-nav-item .mockup-dot:nth-child(3){background:#34d399}.mobile-bento-nav-item .mockup-body{flex:1;display:flex;flex-direction:column;gap:12px}.mobile-bento-nav-item .mockup-skeleton-title{width:70%;height:20px;background:#ffffff26;border-radius:4px}.mobile-bento-nav-item .mockup-skeleton-text{width:100%;height:12px;background:#ffffff14;border-radius:4px}.mobile-bento-nav-item .mockup-ai-card{background:#22d3ee1a;border:1px solid rgba(34,211,238,.3);border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;animation:pulseAI 4s infinite ease-in-out}.mobile-bento-nav-item .ai-spark{font-size:1.3rem;animation:sparkSpin 6s linear infinite}.mobile-bento-nav-item .ai-lines{flex:1;display:flex;flex-direction:column}.mobile-bento-nav-item .ai-line{height:8px;background:#22d3ee66;border-radius:4px;width:100%}.mobile-bento-nav-item .pacenote-mockup{width:240px;height:240px;display:flex;align-items:center;justify-content:center}.mobile-bento-nav-item .pacenote-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;height:100%}.mobile-bento-nav-item .pace-cell{background:#ffffff0d;border-radius:6px}.mobile-bento-nav-item .pace-cell.active{background:#34d3994d;border:1px solid rgba(52,211,153,.5)}.mobile-bento-nav-item .pace-cell.pulse{background:#34d399cc;box-shadow:0 0 15px #34d39999;animation:cellPulse 2s infinite}.mobile-bento-nav-item .pace-floating-card{position:absolute;bottom:10px;right:10px;background:#1a1035e6;border:1px solid rgba(52,211,153,.4);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000080;animation:floatCard 5s infinite ease-in-out}.mobile-bento-nav-item .pace-check{width:20px;height:20px;border-radius:50%;background:#34d399;color:#0a0714;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.mobile-bento-nav-item .visual-blur-orb{position:absolute;width:140px;height:140px;border-radius:50%;filter:blur(40px);opacity:.22;animation:orbFloat 10s infinite ease-in-out alternate;z-index:0}.mobile-bento-nav-item .visual-blur-orb.amber{background:#f59e0b;top:10%;right:10%}.mobile-bento-nav-item .visual-blur-orb.indigo{background:var(--color-indigo);top:10%;right:10%}.mobile-bento-nav-item .visual-blur-orb.cyan{background:#22d3ee;top:10%;right:10%}.mobile-bento-nav-item .visual-blur-orb.emerald{background:#34d399;top:10%;right:10%}.mobile-bento-nav-item .visual-blur-orb.blue{background:#1e80ff;top:10%;right:10%}.mobile-bento-nav-item .sylphio-mockup{width:240px;height:240px;display:flex;align-items:center;justify-content:center}.mobile-bento-nav-item .sylphio-bento-core{width:50px;height:50px;background:radial-gradient(circle,#00f2fe80,#1e80ff33 60%,#0000);border-radius:50%;position:relative;box-shadow:0 0 20px #1e80ff66}.mobile-bento-nav-item .sylphio-bento-icon-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;object-fit:contain;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.mobile-bento-nav-item .sylphio-bento-pulse{position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;border:1px solid rgba(0,242,254,.3);border-radius:50%;animation:bentoPulse 2s infinite linear}@keyframes bentoPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}.locale-dropdown-wrapper{display:none}.mobile-nav-locale-footer{position:relative;margin-top:28px;bottom:0;left:0;right:0;display:flex;gap:var(--space-sm);z-index:1005;width:100%;box-sizing:border-box}.mobile-locale-btn{flex:1;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff05;border:1px solid var(--glass-border);border-radius:var(--radius-md);font-family:var(--font-display);font-size:.85rem;font-weight:500;color:var(--text-muted);transition:all .2s var(--ease-smooth)}.mobile-locale-btn:active,.mobile-locale-btn.active{background:#ffffff0d;border-color:#06b6d466;color:var(--text-primary);font-weight:600;box-shadow:0 0 15px #06b6d414}}.footer{position:relative;z-index:4;padding:var(--space-2xl) var(--space-xl) var(--space-xl);background:#000;border-top:1px solid var(--glass-border);overflow:hidden}.footer-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto}.footer-bg-scene{position:absolute;right:0;bottom:0;width:100%;height:520px;background-image:url(/footer-camp-star-bg.png);background-size:cover;background-position:right 70%;background-repeat:no-repeat;pointer-events:none;z-index:1;opacity:.28;transition:opacity var(--duration-normal) var(--ease-out)}.footer-bg-scene:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#000,#0006 8%,#0000 18%,#0000 90%,#000);z-index:2}.footer-bg-scene:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000,#0000004d,#0000 40%,#0000 80%,#000);z-index:3}.footer-brand{position:relative;z-index:2;margin-bottom:var(--space-2xl)}.footer-logo{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.footer-wordmark{font-family:var(--font-display);font-size:1.1rem;font-weight:600;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:.85rem;color:var(--text-muted);letter-spacing:.03em}.footer-links-wrapper{position:relative;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3xl);margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--glass-border)}.footer-links{display:flex;gap:var(--space-3xl)}.footer-col{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-col-title{font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);margin-bottom:var(--space-xs)}.footer-link{font-size:.85rem;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}.footer-link:hover{color:var(--text-primary)}.footer-slogan-card{max-width:680px;padding:0;align-self:flex-end;background:none;border:none;border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transition:opacity var(--duration-normal) var(--ease-out);opacity:.55}.footer-slogan-card:hover{opacity:.95;background:none;border-color:transparent;box-shadow:none}.flower-constellation{flex-shrink:0;display:flex;align-items:center;justify-content:center}.constellation-svg{filter:drop-shadow(0 0 3px rgba(215,202,185,.05));animation:constellationBreathe 5s ease-in-out infinite}.constellation-ring{stroke:#d7cab90d;stroke-width:.35}.constellation-ring.outer{stroke-dasharray:1.5 3}.constellation-tick{stroke:#d7cab91f;stroke-width:.35}.constellation-line{stroke-linecap:round;transition:stroke var(--duration-normal) var(--ease-out),stroke-width var(--duration-normal) var(--ease-out)}.constellation-line.core-line{stroke:#acc0d40f;stroke-width:.3}.constellation-line.petal-line{stroke:#d7cab92e;stroke-width:.35}.constellation-dust{fill:#fff3d633}.constellation-major-star{fill:#fff3d6;opacity:.85;filter:drop-shadow(0 0 1px rgba(255,243,214,.5))}.footer-slogan-card:hover .constellation-svg{animation-play-state:paused}.footer-slogan-card:hover .constellation-line.petal-line{stroke:#d7cab96b;stroke-width:.42}.footer-slogan-card:hover .constellation-line.core-line{stroke:#acc0d438}.footer-slogan-card:hover .constellation-ring{stroke:#d7cab924}.slogan-text-group{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:var(--space-xs)}.slogan-kr{font-family:var(--font-sans);font-size:.82rem;font-weight:500;color:var(--text-secondary);letter-spacing:.06em}.slogan-en{font-family:var(--font-display);font-size:.68rem;font-style:italic;font-weight:400;color:#ffffffeb;letter-spacing:.04em;white-space:pre-line;line-height:1.5;text-shadow:0 1px 3px rgba(0,0,0,.98),0 2px 8px rgba(0,0,0,.95),0 4px 16px rgba(0,0,0,.9)}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-copy{font-size:.75rem;color:var(--text-muted);opacity:.6;margin:0}@keyframes constellationBreathe{0%,to{opacity:.65;transform:scale(.98);filter:drop-shadow(0 0 2px rgba(215,202,185,.05))}50%{opacity:.95;transform:scale(1.02);filter:drop-shadow(0 0 6px rgba(215,202,185,.18))}}@media(max-width:900px){.footer-links-wrapper{flex-direction:column;align-items:stretch;gap:var(--space-2xl)}.footer-slogan-card{max-width:100%;margin-top:var(--space-sm);align-self:stretch}.footer-bg-scene{width:100%;height:100%;right:0;opacity:.12}}@media(max-width:768px){.footer{padding:var(--space-2xl) var(--space-md) var(--space-lg);background:#000}.footer-links{gap:var(--space-2xl)}}.telescope-cursor{position:fixed;top:0;left:0;width:80px;height:80px;pointer-events:none;z-index:9999;opacity:0;transition:opacity .4s ease;will-change:transform}.telescope-cursor.visible{opacity:1}.telescope-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1)}.telescope-glow{position:absolute;width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(253,230,138,.06) 0%,rgba(245,158,11,.02) 40%,transparent 70%);pointer-events:none;transition:all .35s cubic-bezier(.16,1,.3,1)}.telescope-info{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.55rem;color:#fde68aa6;letter-spacing:.1em;white-space:nowrap;opacity:0;transition:opacity .3s}.telescope-cursor.hovering-interactive .telescope-ring{transform:scale(.35);opacity:.6}.telescope-cursor.hovering-interactive .telescope-glow{width:24px;height:24px;opacity:.9;background:radial-gradient(circle,rgba(253,230,138,.25),transparent 70%)}.telescope-cursor.near-star .telescope-glow{width:80px;height:80px;background:radial-gradient(circle,rgba(253,230,138,.1) 0%,rgba(245,158,11,.04) 40%,transparent 70%)}.telescope-cursor.near-star .telescope-info{opacity:1}.telescope-cursor.hovering-magnetic .telescope-ring{transform:scale(1.25)}.telescope-cursor.hovering-magnetic .telescope-ring circle{stroke:#fde68a26}.telescope-cursor.hovering-magnetic .telescope-ring line{opacity:.12}.telescope-cursor.hovering-magnetic .telescope-ring circle[fill]{opacity:0}.telescope-cursor.hovering-magnetic .telescope-glow{width:90px;height:90px;opacity:.85;background:radial-gradient(circle,rgba(253,230,138,.08) 0%,rgba(245,158,11,.03) 50%,transparent 80%)}.telescope-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);font-family:var(--font-mono);font-size:10px;font-weight:700;color:#fde68af2;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);text-shadow:0 0 8px rgba(253,230,138,.2)}.telescope-cursor.hovering-magnetic .telescope-label{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:768px){.telescope-cursor{display:none}}@media(min-width:769px){html.has-custom-cursor,html.has-custom-cursor *,html.has-custom-cursor *:before,html.has-custom-cursor *:after{cursor:none!important}}@media(prefers-reduced-motion:reduce){.telescope-cursor{display:none}}:root{--bg-void: #020205;--bg-deep: #070710;--bg-surface: #0E0E1A;--bg-elevated: #161629;--text-primary: #FAFAFA;--text-secondary: #E2E8F0;--text-muted: #94A3B8;--color-gold: #E5B25D;--color-gold-light: #F7D070;--color-indigo: #A5B4FC;--color-cyan: #22D3EE;--prism-violet: var(--color-indigo);--prism-lavender: #C7D2FE;--prism-rose: #F1F5F9;--prism-gold: var(--color-gold);--prism-gold-light: var(--color-gold-light);--crystal-white: #FAFAFA;--crystal-light: #E4E4E7;--orbit-cyan: var(--color-cyan);--orbit-cyan-light: #67E8F9;--glass-bg: rgba(14, 14, 26, .75);--glass-border: rgba(255, 255, 255, .05);--glass-border-hover: rgba(165, 180, 252, .2);--gradient-brand: linear-gradient(135deg, var(--color-indigo) 0%, var(--prism-lavender) 50%, var(--color-gold) 100%);--gradient-subtle: linear-gradient(135deg, #161B2E, #475569);--gradient-cta: linear-gradient(135deg, rgba(229, 178, 93, .08), rgba(255, 255, 255, .03));--btn-primary-bg: var(--gradient-cta);--btn-primary-border: rgba(229, 178, 93, .2);--btn-primary-border-hover: rgba(229, 178, 93, .45);--btn-primary-glow: rgba(229, 178, 93, .02);--btn-primary-glow-hover: rgba(229, 178, 93, .06);--btn-primary-hover-bg: linear-gradient(135deg, rgba(229, 178, 93, .18), rgba(255, 255, 255, .06));--btn-glow-color: rgba(229, 178, 93, .15);--btn-secondary-bg: rgba(22, 22, 41, .65);--btn-secondary-bg-hover: rgba(30, 30, 56, .85);--font-serif: "Cormorant Garamond", "Playfair Display", serif;--font-display: var(--font-serif);--font-body: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Pretendard Variable", "Pretendard", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 64px;--space-3xl: 128px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-pill: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.2, .8, .2, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--duration-fast: .3s;--duration-normal: .6s;--duration-slow: 1s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-gutter:stable}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{background:none;border:none;font:inherit;color:inherit}@keyframes orbitSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-ring{transform-origin:center}.orbit-spin{animation:orbitSpin 40s linear infinite}.orbit-spin-slow{animation:orbitSpin 55s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gentlePulse{0%,to{opacity:.55}50%{opacity:1}}.premium-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-top:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);box-shadow:0 24px 48px -12px #0009;transition:transform var(--duration-normal) var(--ease-spring),border-color var(--duration-fast),box-shadow var(--duration-normal)}.premium-card:hover{background:#1a1a1aa6;border-color:#e5b25d40;box-shadow:0 32px 64px -16px #000000b3,0 0 15px #e5b25d08;transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:lang(ja) *{word-break:normal!important}:lang(en){--font-display: "Inter", "Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}:lang(ko){--font-display: "Pretendard Variable", "Pretendard", "Inter", sans-serif;--font-body: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}:lang(ja){--font-display: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--font-body: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;background:var(--btn-primary-bg);color:#fff;border:1px solid var(--btn-primary-border);border-radius:var(--radius-pill);box-shadow:0 4px 20px var(--btn-primary-glow);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--duration-fast) var(--ease-spring);-webkit-user-select:none;user-select:none;text-decoration:none}.btn-primary:hover{background:var(--btn-primary-hover-bg);border-color:var(--btn-primary-border-hover);box-shadow:0 8px 30px var(--btn-primary-glow-hover);transform:translateY(-2px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;background:var(--btn-secondary-bg);color:var(--crystal-light);border:1px solid var(--glass-border);border-radius:var(--radius-pill);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--duration-fast) var(--ease-spring);-webkit-user-select:none;user-select:none;text-decoration:none}.btn-secondary:hover{background:var(--btn-secondary-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary);box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.btn-glow{position:relative;overflow:hidden;box-shadow:0 0 0 0 var(--btn-glow-color, rgba(165, 180, 252, 0));animation:activePulse 4s infinite ease-in-out}@keyframes activePulse{0%,to{box-shadow:0 0 0 0 var(--btn-glow-color, rgba(165, 180, 252, 0))}50%{box-shadow:0 0 15px 0 var(--btn-glow-color, rgba(165, 180, 252, .2))}}.haptic-trigger:active,.btn-primary:active,.btn-secondary:active,.btn-glow:active,a:active,button:active,.sylphio-tab:active,.daily-tab:active,.pacenote-tab:active,.pacenote-cell:active,.builder-card:active,.daily-card:active,.signal-article-card:active{transform:scale(.97) translateY(0)!important;transition-duration:70ms!important}.premium-3d-card{transform-style:preserve-3d;perspective:1000px;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .25s ease}@media(max-width:768px){.btn-primary,.btn-secondary,.btn-glow,.haptic-trigger{cursor:pointer}}.builders-log-wrapper,.builders-log-detail-wrapper{--btn-primary-bg: linear-gradient(135deg, rgba(229, 178, 93, .12), rgba(226, 226, 231, .04));--btn-primary-border: rgba(229, 178, 93, .25);--btn-primary-border-hover: rgba(229, 178, 93, .45);--btn-primary-glow: rgba(229, 178, 93, .02);--btn-primary-glow-hover: rgba(229, 178, 93, .06);--btn-primary-hover-bg: linear-gradient(135deg, rgba(229, 178, 93, .2), rgba(226, 226, 231, .08))}.daily-digest-page{--btn-primary-bg: linear-gradient(135deg, rgba(148, 163, 184, .12), rgba(165, 180, 252, .06));--btn-primary-border: rgba(148, 163, 184, .25);--btn-primary-border-hover: rgba(165, 180, 252, .35);--btn-primary-glow: rgba(165, 180, 252, .01);--btn-primary-glow-hover: rgba(165, 180, 252, .03);--btn-primary-hover-bg: linear-gradient(135deg, rgba(148, 163, 184, .2), rgba(165, 180, 252, .12));--btn-glow-color: rgba(165, 180, 252, .15)}.pacenote-page{--btn-primary-bg: linear-gradient(135deg, rgba(226, 226, 231, .12), rgba(165, 180, 252, .06));--btn-primary-border: rgba(226, 226, 231, .25);--btn-primary-border-hover: rgba(165, 180, 252, .35);--btn-primary-glow: rgba(165, 180, 252, .01);--btn-primary-glow-hover: rgba(165, 180, 252, .03);--btn-primary-hover-bg: linear-gradient(135deg, rgba(226, 226, 231, .2), rgba(165, 180, 252, .12));--btn-glow-color: rgba(165, 180, 252, .15)}.sylphio-landing,.sylphio-guide,.sylphio-privacy{--btn-primary-bg: linear-gradient(135deg, rgba(30, 60, 114, .15), rgba(135, 169, 236, .08));--btn-primary-border: rgba(135, 169, 236, .25);--btn-primary-border-hover: rgba(135, 169, 236, .45);--btn-primary-glow: rgba(30, 60, 114, .02);--btn-primary-glow-hover: rgba(30, 60, 114, .05);--btn-primary-hover-bg: linear-gradient(135deg, rgba(30, 60, 114, .25), rgba(135, 169, 236, .15));--btn-glow-color: rgba(135, 169, 236, .15)}