.nav{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:var(--space-md) var(--space-xl);transition:opacity var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth),background-color 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:var(--container);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:var(--fs-md);font-weight:600;letter-spacing:var(--tracking-wider);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:var(--fs-sm);font-weight:400;color:var(--text-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out);letter-spacing:var(--tracking-wide);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-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:var(--space-xs);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;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:var(--space-xs);height:14px}.gnb-bgm-btn .waveform-bar{width:2px;background:var(--text-muted);border-radius:var(--radius-pill);transition:background .3s ease}.gnb-bgm-btn.active .waveform-bar{background:var(--orbit-cyan)}.nav.sylphio-theme .gnb-bgm-btn.active .waveform-bar{background:var(--accent-sylphio)}.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)}.nav.relearn-theme .gnb-bgm-btn.active .waveform-bar{background:var(--color-cyan)}.mobile-bento-nav-item .relearn-mockup{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.mobile-bento-nav-item .relearn-loop-track{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-12) var(--space-md);border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--color-indigo) 25%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--color-indigo) 8%,transparent),color-mix(in srgb,var(--color-cyan) 5%,transparent))}.mobile-bento-nav-item .relearn-loop-dot{width:10px;height:10px;border-radius:50%}.mobile-bento-nav-item .relearn-loop-dot.d1{background:var(--color-cyan);box-shadow:0 0 10px color-mix(in srgb,var(--color-cyan) 50%,transparent)}.mobile-bento-nav-item .relearn-loop-dot.d2{background:var(--color-indigo);box-shadow:0 0 10px color-mix(in srgb,var(--color-indigo) 50%,transparent)}.mobile-bento-nav-item .relearn-loop-dot.d3{background:var(--color-gold);box-shadow:0 0 10px color-mix(in srgb,var(--color-gold) 50%,transparent)}.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:var(--space-sm);height:28px;padding:0 var(--space-xs);background:transparent;border:none;color:var(--text-muted);font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-smooth),color var(--duration-fast) var(--ease-smooth),transform var(--duration-fast) var(--ease-smooth),opacity var(--duration-fast) var(--ease-smooth);-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:var(--fs-xs);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:var(--tracking-wide)}.locale-dropdown-trigger .dropdown-arrow{font-size:var(--fs-micro);opacity:.4;transition:transform .25s var(--ease-smooth),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);padding:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs);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:var(--space-sm);width:100%;height:30px;padding:0 var(--space-12);background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:400;text-align:left;cursor:pointer;transition:background-color .15s var(--ease-smooth),color .15s var(--ease-smooth),font-weight .15s var(--ease-smooth),opacity .15s var(--ease-smooth),transform .15s var(--ease-smooth);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:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth),transform .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth),opacity .2s var(--ease-smooth)}.locale-dropdown-item.active .locale-laser-dot{opacity:1;transform:scale(1)}.locale-dropdown-item .locale-label{letter-spacing:var(--tracking-wide)}@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:var(--fs-base)}.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 var(--space-lg) var(--space-2xl)}.mobile-nav-overlay.open{opacity:1;pointer-events:auto}.mobile-bento-menu-container{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:420px;margin:0 auto;box-sizing:border-box}.mobile-menu-header{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-sm);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:var(--fs-2xl);font-weight:600;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.mobile-menu-subtitle{font-size:var(--fs-xs);color:var(--text-muted);font-weight:400;letter-spacing:var(--tracking-wide)}.mobile-bento-nav-item{display:flex;align-items:center;justify-content:space-between;min-height:110px;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);background:#11111173;padding:var(--space-md) var(--space-lg);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: var(--accent-base)}.mobile-bento-nav-item.planner-lavender-theme{--point-color: var(--accent-planner)}.mobile-bento-nav-item.log-indigo-theme{--point-color: var(--accent-log)}.mobile-bento-nav-item.relearn-loop-theme{--point-color: var(--accent-relearn)}.mobile-bento-nav-item.waymark-indigo-theme{--point-color: var(--accent-waymark)}.mobile-bento-nav-item.sylphio-blue-theme{--point-color: var(--accent-sylphio)}.mobile-bento-nav-item[class*=-theme]{--glow-color: color-mix(in srgb, var(--point-color) 12%, transparent);--aura-pulse: color-mix(in srgb, var(--point-color) 22%, transparent);border:1px solid color-mix(in srgb,var(--point-color) 22%,transparent)}.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:var(--space-xs);z-index:2;flex:1;max-width:58%;text-align:left}.bento-card-label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-widest);text-transform:uppercase;font-weight:500;color:var(--point-color, var(--text-muted))}.bento-card-title{font-family:var(--font-display);font-size:var(--fs-md);font-weight:600;color:var(--text-primary);margin:2px 0 var(--space-sm) 0}.bento-card-arrow{font-family:var(--font-body);font-size:var(--fs-xs);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;height:240px;transform:translateY(-50%) scale(.42) rotateY(-8deg) rotateX(4deg);transform-origin:right center;background:#ffffff08;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 30px #0000004d,inset 0 1px #ffffff0d;border-radius:var(--radius-md);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;height:240px;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-md);box-sizing:border-box;background:#111111b3;border:1px solid color-mix(in srgb,var(--color-gold) 25%,transparent);box-shadow:0 12px 30px #0006,inset 0 1px #ffffff0d}.mobile-bento-nav-item .base-engine-container{height:120px;position:relative;display:flex;align-items:center;justify-content:center;perspective:800px;margin-bottom:var(--space-12);width:200px}.mobile-nav-overlay.open .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,color-mix(in srgb,var(--color-gold) 45%,transparent),#f43f5e73);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 20px color-mix(in srgb,var(--color-gold) 60%,transparent);border-radius:var(--radius-sm);-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-nav-overlay.open .mobile-bento-nav-item .engine-ring{position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--color-gold) 35%,transparent);animation:rotateRing 10s linear infinite}.mobile-bento-nav-item .engine-ring.ring-x{width:90px;height:90px;transform:rotateX(70deg);border-color:color-mix(in srgb,var(--color-gold) 60%,transparent)}.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:color-mix(in srgb,var(--prism-lavender) 40%,transparent);animation-duration:12s}.mobile-bento-nav-item .base-terminal{background:#0a0a0ae6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--space-12);font-family:var(--font-mono);font-size:var(--fs-micro);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:var(--space-xs);margin-bottom:var(--space-sm)}.mobile-bento-nav-item .terminal-title{color:#ffffff73}.mobile-bento-nav-item .terminal-status.active{color:var(--point-color);font-weight:600;display:flex;align-items:center;gap:var(--space-xs)}.mobile-bento-nav-item .terminal-status.active:before{content:"";display:inline-block;width:6px;height:6px;background:var(--point-color);border-radius:50%;animation:statusBlink 1.5s infinite}.mobile-bento-nav-item .terminal-lines{display:flex;flex-direction:column;gap:var(--space-xs);text-align:left}.mobile-bento-nav-item .terminal-line:nth-child(1){color:#fffc}.mobile-bento-nav-item .terminal-line:nth-child(2){color:var(--color-success)}.mobile-bento-nav-item .builderslog-mockup{width:240px;height:240px;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12)}.mobile-bento-nav-item .mockup-timeline{position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding-left:var(--space-lg);text-align:left}.mobile-bento-nav-item .timeline-line{position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--accent-log) 0%,color-mix(in srgb,var(--accent-log) 10%,transparent) 100%);opacity:.5}.mobile-bento-nav-item .timeline-node{display:flex;align-items:flex-start;gap:var(--space-md);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:color-mix(in srgb,var(--accent-log) 40%,transparent);border:2px solid color-mix(in srgb,var(--accent-log) 20%,transparent);position:absolute;left:-20px;top:5px;z-index:1}.mobile-bento-nav-item .timeline-node.active .node-dot{background:var(--accent-log);border-color:#ffffffe6;box-shadow:0 0 10px var(--accent-log);transform:scale(1.2)}.mobile-bento-nav-item .node-info{display:flex;flex-direction:column;gap:var(--space-xs)}.mobile-bento-nav-item .node-title{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.mobile-bento-nav-item .node-meta{font-size:var(--fs-xs);color:var(--text-muted)}.mobile-bento-nav-item .daily-mockup{width:240px;height:240px;display:flex;flex-direction:column;padding:var(--space-md);box-sizing:border-box}.mobile-bento-nav-item .mockup-header{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.mobile-bento-nav-item .mockup-dot{width:10px;height:10px;border-radius:50%}.mobile-bento-nav-item .mockup-dot:nth-child(1){background:var(--color-danger)}.mobile-bento-nav-item .mockup-dot:nth-child(2){background:#fbbf24}.mobile-bento-nav-item .mockup-dot:nth-child(3){background:var(--color-success)}.mobile-bento-nav-item .mockup-body{flex:1;display:flex;flex-direction:column;gap:var(--space-12)}.mobile-bento-nav-item .mockup-skeleton-title{width:70%;height:20px;background:#ffffff26;border-radius:var(--radius-xs)}.mobile-bento-nav-item .mockup-skeleton-text{width:100%;height:12px;background:#ffffff14;border-radius:var(--radius-xs)}.mobile-nav-overlay.open .mobile-bento-nav-item .mockup-ai-card{background:color-mix(in srgb,var(--color-cyan) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-cyan) 30%,transparent);border-radius:var(--radius-md);padding:var(--space-12);display:flex;align-items:center;gap:var(--space-12);animation:pulseAI 4s infinite ease-in-out}.mobile-nav-overlay.open .mobile-bento-nav-item .ai-spark{font-size:var(--fs-lg);animation:spin 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:color-mix(in srgb,var(--color-cyan) 40%,transparent);border-radius:var(--radius-xs);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:var(--space-sm);width:100%;height:100%}.mobile-bento-nav-item .pace-cell{background:#ffffff0d;border-radius:var(--radius-sm)}.mobile-bento-nav-item .pace-cell.active{background:color-mix(in srgb,var(--color-success) 30%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 50%,transparent)}.mobile-bento-nav-item .pace-cell.pulse{background:color-mix(in srgb,var(--color-success) 80%,transparent);box-shadow:0 0 15px color-mix(in srgb,var(--color-success) 60%,transparent);animation:cellPulse 2s infinite}.mobile-nav-overlay.open .mobile-bento-nav-item .pace-floating-card{position:absolute;bottom:10px;right:10px;background:#1a1035e6;border:1px solid color-mix(in srgb,var(--color-success) 40%,transparent);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:var(--color-success);color:var(--bg-deep);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--fs-xs)}.mobile-nav-overlay.open .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{background:var(--point-color);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-nav-overlay.open .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}.locale-dropdown-wrapper{display:none}.mobile-nav-locale-footer{position:relative;margin-top:var(--space-lg);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;background:#ffffff05;border:1px solid var(--glass-border);font-family:var(--font-display);font-size:var(--fs-sm);font-weight:500;color:var(--text-muted);transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth),font-weight .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth)}.mobile-locale-btn:active,.mobile-locale-btn.active{background:#ffffff0d;border-color:#06b6d466;color:var(--text-primary);font-weight:500;box-shadow:0 0 15px #06b6d414}}.nav.planners-theme .gnb-bgm-btn.active .waveform-bar{background:var(--prism-lavender)}@media(max-width:768px){.mobile-bento-nav-item .planner-mockup{width:240px;height:240px;display:flex;align-items:center;justify-content:center}.mobile-bento-nav-item .plnm-stack{position:relative;width:110px;height:128px}.mobile-bento-nav-item .plnm-sheet{position:absolute;left:50%;top:50%;width:88px;height:112px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--prism-lavender) 30%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--prism-lavender) 12%,transparent),#ffffff08)}.mobile-bento-nav-item .plnm-sheet.s3{transform:translate(-60%,-46%) rotate(-9deg);opacity:.45}.mobile-bento-nav-item .plnm-sheet.s2{transform:translate(-42%,-50%) rotate(6deg);opacity:.7}.mobile-bento-nav-item .plnm-sheet.s1{transform:translate(-50%,-52%) rotate(-2deg);display:flex;flex-direction:column;justify-content:center;gap:var(--space-12);padding:0 var(--space-md);box-shadow:0 0 36px 6px color-mix(in srgb,var(--prism-lavender) 18%,transparent)}.mobile-bento-nav-item .plnm-line{display:block;height:4px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--prism-lavender) 55%,transparent)}.mobile-bento-nav-item .plnm-line.l1{width:78%}.mobile-bento-nav-item .plnm-line.l2{width:96%}.mobile-bento-nav-item .plnm-line.l3{width:58%}}@media(max-width:768px){.mobile-bento-nav-item .waymark-mockup-m{width:240px;height:240px;display:flex;align-items:center;justify-content:center}.mobile-bento-nav-item .wkmm-dial{position:relative;width:96px;height:96px;border:1px solid color-mix(in srgb,var(--color-indigo) 35%,transparent);border-radius:var(--radius-pill);box-shadow:0 0 36px 6px color-mix(in srgb,var(--color-indigo) 18%,transparent)}.mobile-bento-nav-item .wkmm-tick{position:absolute;width:2px;height:8px;background:color-mix(in srgb,var(--color-indigo) 55%,transparent);border-radius:var(--radius-pill)}.mobile-bento-nav-item .wkmm-tick-n{top:6px;left:50%;transform:translate(-50%)}.mobile-bento-nav-item .wkmm-tick-s{bottom:6px;left:50%;transform:translate(-50%)}.mobile-bento-nav-item .wkmm-tick-e{right:6px;top:50%;transform:translateY(-50%) rotate(90deg)}.mobile-bento-nav-item .wkmm-tick-w{left:6px;top:50%;transform:translateY(-50%) rotate(90deg)}.mobile-nav-overlay.open .mobile-bento-nav-item .wkmm-needle{position:absolute;top:50%;left:50%;width:3px;height:38px;margin:-34px 0 0 -1.5px;transform-origin:50% 89%;background:linear-gradient(180deg,var(--color-indigo) 0%,var(--prism-lavender) 100%);border-radius:var(--radius-pill);animation:wkmmSweep 6s ease-in-out infinite}@keyframes wkmmSweep{0%,to{transform:rotate(-24deg)}50%{transform:rotate(28deg)}}@media(prefers-reduced-motion:reduce){.mobile-bento-nav-item .wkmm-needle{animation:none}}.mobile-bento-nav-item.waymark-indigo-theme .visual-blur-orb{background:var(--color-indigo)}}.visual-blur-orb{position:absolute;width:250px;height:250px;border-radius:50%;filter:blur(80px);opacity:.3;z-index:0;background:var(--card-accent);top:15%;right:14%}.dynamic-mockup{position:relative;z-index:1;background:#ffffff08;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0006,inset 0 1px #ffffff1a;border-radius:var(--radius-md);padding:var(--space-lg);transform:rotateY(-8deg) rotateX(4deg);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.builderslog-mockup{width:290px;height:290px;display:flex;flex-direction:column;justify-content:center;padding:var(--space-lg)}.mockup-timeline{position:relative;display:flex;flex-direction:column;gap:var(--space-md);padding-left:var(--space-lg)}.timeline-line{position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:linear-gradient(to bottom,var(--card-accent) 0%,color-mix(in srgb,var(--card-accent) 10%,transparent) 100%);opacity:.5}.timeline-node{display:flex;align-items:flex-start;gap:var(--space-md);position:relative;opacity:.65;transition:opacity .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}.timeline-node.active{opacity:1}.node-dot{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--card-accent) 40%,transparent);border:2px solid color-mix(in srgb,var(--card-accent) 20%,transparent);position:absolute;left:-20px;top:5px;z-index:1;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}.timeline-node.active .node-dot{background:var(--card-accent);border-color:#ffffffe6;box-shadow:0 0 10px var(--card-accent);transform:scale(1.2)}.node-info{display:flex;flex-direction:column;gap:var(--space-xs)}.node-title{font-size:var(--fs-sm);font-weight:600;color:var(--text-primary)}.node-meta{font-size:var(--fs-xs);color:var(--text-muted)}.base-mockup{width:300px;height:300px;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-lg);background:#111111b3;border:1px solid color-mix(in srgb,var(--color-gold) 25%,transparent);box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0d}.base-engine-container{height:120px;position:relative;display:flex;align-items:center;justify-content:center;perspective:800px;margin-bottom:var(--space-12)}.prism-core{width:36px;height:36px;position:relative;transform-style:preserve-3d}.prism-face{position:absolute;width:36px;height:36px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-gold) 45%,transparent),#f43f5e73);border:1px solid rgba(255,255,255,.6);box-shadow:0 0 20px color-mix(in srgb,var(--color-gold) 60%,transparent);border-radius:var(--radius-sm)}.prism-face.front{transform:rotateY(0) translateZ(18px)}.prism-face.back{transform:rotateY(180deg) translateZ(18px)}.prism-face.left{transform:rotateY(-90deg) translateZ(18px)}.prism-face.right{transform:rotateY(90deg) translateZ(18px)}.prism-face.top{transform:rotateX(90deg) translateZ(18px)}.prism-face.bottom{transform:rotateX(-90deg) translateZ(18px)}.engine-ring{position:absolute;border-radius:50%;border:1px dashed color-mix(in srgb,var(--color-gold) 35%,transparent)}.engine-ring.ring-x{width:90px;height:90px;transform:rotateX(70deg);border-color:color-mix(in srgb,var(--color-gold) 60%,transparent);box-shadow:0 0 10px color-mix(in srgb,var(--color-gold) 15%,transparent)}.engine-ring.ring-y{width:110px;height:110px;transform:rotateY(70deg);border-color:#f43f5e99;animation-duration:7s;animation-direction:reverse}.engine-ring.ring-z{width:130px;height:130px;transform:rotate(30deg) rotateX(45deg);border-color:color-mix(in srgb,var(--prism-lavender) 40%,transparent);animation-duration:12s}.base-terminal{background:#0a0a0ae6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--space-12);font-family:var(--font-mono);font-size:var(--fs-micro);color:#ffffffb3;box-shadow:0 10px 30px #0000008c;text-align:left}.terminal-header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:var(--space-xs);margin-bottom:var(--space-sm)}.terminal-title{color:#ffffff73}.terminal-status.active{color:var(--card-accent);font-weight:600;display:flex;align-items:center;gap:var(--space-xs)}.terminal-status.active:before{content:"";display:inline-block;width:6px;height:6px;background:var(--card-accent);border-radius:50%;box-shadow:0 0 8px var(--card-accent);animation:statusBlink 1.5s infinite}.terminal-lines{display:flex;flex-direction:column;gap:var(--space-xs)}.terminal-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-line:nth-child(1){color:#fffc}.terminal-line:nth-child(2){color:var(--color-success)}.terminal-line:nth-child(3){color:var(--color-cyan)}.sylphio-mockup{width:300px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);background:#111111b3;border:1px solid rgba(0,242,254,.25);box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0d}.sylphio-bento-core{width:60px;height:60px;background:radial-gradient(circle,#00f2fe80,#1e80ff40 60%,#0000);border-radius:50%;position:relative;box-shadow:0 0 30px #1e80ff66,0 0 60px #00f2fe33}.sylphio-bento-pulse{position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border:1.5px solid rgba(0,242,254,.4);border-radius:50%}.relearn-mockup{width:300px;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);background:#111111b3;border:1px solid color-mix(in srgb,var(--color-cyan) 25%,transparent);box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0d}@media(max-width:768px){.dynamic-mockup{transform:none;width:100%;max-width:280px;box-sizing:border-box}.base-mockup,.builderslog-mockup,.relearn-mockup,.sylphio-mockup{width:100%;height:auto}}@keyframes statusBlink{0%,to{opacity:.2}50%{opacity:1}}.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:var(--container);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:var(--fs-md);font-weight:600;background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-tagline{font-size:var(--fs-sm);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.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:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-secondary);margin-bottom:var(--space-xs)}.footer-link{font-size:var(--fs-sm);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}.constellation-ring.outer{stroke-dasharray:1.5 3}.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-en{font-family:var(--font-display);font-size:var(--fs-micro);font-style:italic;font-weight:400;color:#ffffffeb;letter-spacing:var(--tracking-wider);white-space:pre-line;line-height:var(--leading-normal);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:var(--fs-xs);color:var(--text-muted);margin:0}@media(max-width:1024px){.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)}}: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;--accent-base: var(--prism-rose);--accent-planner: var(--prism-lavender);--accent-log: var(--color-gold);--accent-relearn: var(--color-cyan);--accent-waymark: var(--color-indigo);--accent-sylphio: #87A9EC;--color-success: #34D399;--color-danger: #F87171;--color-star: #FCD34D;--glass-bg: color-mix(in srgb, var(--bg-surface) 75%, transparent);--glass-border: rgba(255, 255, 255, .05);--glass-border-hover: color-mix(in srgb, var(--color-indigo) 20%, transparent);--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, color-mix(in srgb, var(--color-gold) 8%, transparent), rgba(255, 255, 255, .03));--btn-primary-bg: var(--gradient-cta);--btn-primary-border: color-mix(in srgb, var(--color-gold) 20%, transparent);--btn-primary-border-hover: color-mix(in srgb, var(--color-gold) 45%, transparent);--btn-primary-glow: color-mix(in srgb, var(--color-gold) 2%, transparent);--btn-primary-glow-hover: color-mix(in srgb, var(--color-gold) 6%, transparent);--btn-primary-hover-bg: linear-gradient(135deg, color-mix(in srgb, var(--color-gold) 18%, transparent), rgba(255, 255, 255, .06));--btn-secondary-bg: color-mix(in srgb, var(--bg-elevated) 65%, transparent);--btn-secondary-bg-hover: rgba(30, 30, 56, .85);--font-display: "Pretendard Variable", "Pretendard", "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-body: "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "JetBrains Mono", "Pretendard Variable", "Pretendard", monospace;--tracking-tight: -.02em;--tracking-wide: .02em;--tracking-wider: .05em;--tracking-widest: .1em;--tracking-ultra: .16em;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.55;--leading-relaxed: 1.6;--leading-loose: 1.8;--space-xs: 4px;--space-sm: 8px;--space-12: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--container: 1200px;--doc-gutter: 40px;--measure: 860px;--fs-micro: .7rem;--fs-xs: .8rem;--fs-sm: .9rem;--fs-base: 1rem;--fs-md: 1.15rem;--fs-lg: 1.3rem;--fs-xl: 1.5rem;--fs-2xl: 1.75rem;--fs-3xl: 2.1rem;--fs-4xl: 2.4rem;--fs-display: 3rem;--space-2xl: 64px;--space-3xl: 128px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-pill: 9999px;--focus-ring: 2px solid var(--crystal-white);--focus-ring-offset: 3px;--btn-pad-xs: 6px 12px;--btn-h-xs: 30px;--btn-pad-sm: 9px 16px;--btn-h-sm: 38px;--btn-pad-md: 12px 28px;--btn-h-md: 44px;--btn-pad-lg: 14px 30px;--btn-h-lg: 48px;--lift-hover: -2px;--lift-hover-card: -4px;--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:var(--leading-relaxed);overflow-x:hidden;word-break:keep-all;overflow-wrap:break-word}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff1f;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:#ffffff38;background-clip:padding-box}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button{background:none;border:none;font:inherit;color:inherit}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-ring{transform-origin:center}.orbit-spin{animation:spin 40s linear infinite}.orbit-spin-slow{animation:spin 55s linear infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bentoPulse{0%{transform:scale(1);opacity:.8}to{transform:scale(1.3);opacity:0}}.premium-card{background:var(--glass-bg);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:color-mix(in srgb,var(--color-gold) 25%,transparent);box-shadow:0 32px 64px -16px #000000b3,0 0 15px color-mix(in srgb,var(--color-gold) 3%,transparent);transform:translateY(var(--lift-hover))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:lang(en){--font-display: "Inter", -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;word-break:normal}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--btn-pad-md);min-height:var(--btn-h-md);font-size:var(--fs-base);font-weight:500;background:var(--btn-primary-bg);color:#fff;border:1px solid var(--btn-primary-border);box-shadow:0 4px 20px var(--btn-primary-glow);transition:background-color var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring),transform 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(var(--lift-hover))}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--btn-pad-md);min-height:var(--btn-h-md);font-size:var(--fs-base);font-weight:500;background:var(--btn-secondary-bg);color:var(--crystal-light);border:1px solid var(--glass-border);transition:background-color var(--duration-fast) var(--ease-spring),border-color var(--duration-fast) var(--ease-spring),color var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-spring),transform 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(var(--lift-hover))}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.btn-primary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);background:var(--btn-primary-hover-bg);border-color:var(--btn-primary-border-hover);transform:translateY(var(--lift-hover))}.btn-secondary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);background:var(--btn-secondary-bg-hover);border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(var(--lift-hover))}.premium-card:focus-visible,.premium-card:has(:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}.haptic-trigger:active,.btn-primary:active,.btn-secondary: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,.btn-simulator:active,.admin-profile-btn:active,.admin-logout-btn:active{transform:scale(.97) translateY(0)!important;transition-duration:70ms!important}@media(pointer:coarse){:root{--btn-h-xs: 44px;--btn-h-sm: 44px}.gnb-bgm-btn,.mobile-locale-btn{min-width:44px;min-height:44px}.rl-af-btn,.daily-nav-btn,.workspace-tab-btn,.rl-dock-tab{min-height:44px}}.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,.haptic-trigger{cursor:pointer}}.builders-log-wrapper,.builders-log-detail-wrapper{--btn-primary-bg: linear-gradient(135deg, color-mix(in srgb, var(--color-gold) 12%, transparent), rgba(226, 226, 231, .04));--btn-primary-border: color-mix(in srgb, var(--color-gold) 25%, transparent);--btn-primary-border-hover: color-mix(in srgb, var(--color-gold) 45%, transparent);--btn-primary-glow: color-mix(in srgb, var(--color-gold) 2%, transparent);--btn-primary-glow-hover: color-mix(in srgb, var(--color-gold) 6%, transparent);--btn-primary-hover-bg: linear-gradient(135deg, color-mix(in srgb, var(--color-gold) 20%, transparent), rgba(226, 226, 231, .08))}.sylphio-landing,.sylphio-guide,.sylphio-privacy{--btn-primary-bg: linear-gradient(135deg, rgba(30, 60, 114, .15), color-mix(in srgb, var(--accent-sylphio) 8%, transparent));--btn-primary-border: color-mix(in srgb, var(--accent-sylphio) 25%, transparent);--btn-primary-border-hover: color-mix(in srgb, var(--accent-sylphio) 45%, transparent);--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), color-mix(in srgb, var(--accent-sylphio) 15%, transparent))}.btn-primary,.btn-secondary,.celestial-btn,.flagship-cta-btn,.cta-button,.connect-btn,.daily-google-sub-btn,.rl-hero-cta,.rl-login-btn,.rl-add-btn,.rl-osearch-btn,.rl-expand-btn,.wm-btn,.wma-btn,.btn-simulator,.btn-paywall-purchase,.track-toggle-btn,.track-orbit-btn,.terminal-copy-btn,.vocab-audio-btn,.chrono-calendar-nav-btn,.read-more-btn,.svc-btn,.svc-download-btn,.svc-edit-btn,.admin-btn-primary,.admin-btn-secondary,.admin-action-btn,.admin-logout-btn,.admin-profile-btn,.mobile-locale-btn,.gnb-bgm-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:inherit;cursor:pointer;text-decoration:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius-sm)}.u-badge,.chapter-badge,.shipments-header,.visual-meta-title,.dm-pick-badge,.signal-article-category,.pv-badge,.sylphio-guide-section-badge,.grid-weekday{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase}.u-aside-label,.detail-aside-label,.pv-aside-label,.sylphio-doc-toc-label{font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.u-fineprint{margin-top:var(--space-md);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);color:var(--text-muted)}.u-prewrap{white-space:pre-line}.u-eyebrow,.section-label,.wm-eyebrow,.sylphio-eyebrow,.exp-years,.pvl-series-eyebrow,.flagship-label,.work-card-label,.stat-label,.milestone-keyword{font-family:var(--font-mono);letter-spacing:var(--tracking-widest);text-transform:uppercase}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ui-icon{display:inline-block;vertical-align:-.125em;flex-shrink:0}