#guestbook[data-v-3373bbef]{min-height:auto;padding-bottom:4rem;padding-top:6rem;border-top:1px dashed rgba(0,255,204,.2)}.guestbook-container[data-v-3373bbef]{width:100%;max-width:800px;padding:0 1rem;z-index:10}.messages-box[data-v-3373bbef]{height:400px;overflow-y:auto;border:1px solid var(--neon-cyan);background:#00142899;padding:1rem;margin-bottom:2rem;box-shadow:inset 0 0 20px #00ffcc1a}.messages-box[data-v-3373bbef]::-webkit-scrollbar{width:6px}.messages-box[data-v-3373bbef]::-webkit-scrollbar-thumb{background:var(--neon-cyan)}.empty-msg[data-v-3373bbef]{color:#666;font-style:italic;text-align:center;padding-top:2rem}.message-item[data-v-3373bbef]{border-bottom:1px dashed rgba(0,255,204,.3);padding:1rem 0;animation:fadeIn-3373bbef .5s ease}.msg-header[data-v-3373bbef]{font-size:.8rem;color:var(--neon-pink);margin-bottom:.5rem;display:flex;justify-content:space-between}.msg-content[data-v-3373bbef]{color:#ddd;font-size:.95rem;line-height:1.5;white-space:pre-wrap;word-break:break-all}.input-area[data-v-3373bbef]{display:flex;gap:1rem}textarea[data-v-3373bbef]{flex:1;background:#000;border:1px solid #333;color:var(--neon-green);padding:1rem;font-family:inherit;resize:vertical;min-height:80px;outline:none;transition:.3s}textarea[data-v-3373bbef]:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #0fc3}button[data-v-3373bbef]{background:#000;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:0 2rem;cursor:pointer;font-weight:700;transition:.3s;letter-spacing:2px}button[data-v-3373bbef]:hover:not(:disabled){background:var(--neon-cyan);color:#000;box-shadow:0 0 15px var(--neon-cyan)}button[data-v-3373bbef]:disabled{border-color:#555;color:#555;cursor:not-allowed}@keyframes fadeIn-3373bbef{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.input-area[data-v-3373bbef]{flex-direction:column}button[data-v-3373bbef]{padding:1rem;width:100%}}*{margin:0;padding:0;box-sizing:border-box}:root{--neon-cyan: #00ffcc;--neon-pink: #ff00ff;--neon-green: #00ff00;--neon-blue: #00ccff;--bg-color: #050505;--panel-bg: rgba(0, 20, 40, .85);--glass-bg: rgba(255, 255, 255, .05);--border-mech: 2px solid var(--neon-cyan)}body{background-color:var(--bg-color);color:#fff;font-family:Consolas,Courier New,monospace;overflow-x:hidden;line-height:1.6;scroll-behavior:smooth}.scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:999;opacity:.3}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:4px}nav{position:fixed;top:0;left:0;width:100%;padding:1rem 2rem;background:#000000e6;border-bottom:1px solid var(--neon-cyan);z-index:1000;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-size:1.2rem;color:var(--neon-cyan);text-shadow:0 0 5px var(--neon-cyan);font-weight:700}.nav-links a{color:#aaa;text-decoration:none;margin-left:2rem;transition:.3s;font-size:.9rem}.nav-links a:hover,.nav-links .router-link-active{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink)}section{padding:6rem 2rem;position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;border-top:1px dashed rgba(0,255,204,.2)}.section-title{font-size:2rem;color:var(--neon-cyan);margin-bottom:3rem;text-transform:uppercase;letter-spacing:3px;position:relative;padding-bottom:10px}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--neon-pink);box-shadow:0 0 10px var(--neon-pink)}#hero{height:100vh;justify-content:center;background:radial-gradient(circle at center,#111,#000);padding:0;overflow:hidden}#heroCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-content{z-index:10;text-align:center;position:relative;max-width:800px;padding:2rem;background:#0009;border:1px solid rgba(0,255,204,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-title{font-size:clamp(30px,6vw,60px);font-weight:700;color:#fff;text-shadow:2px 2px 0px var(--neon-pink),-2px -2px 0px var(--neon-cyan);letter-spacing:2px;margin-bottom:.5rem;transition:transform .2s}.hero-title:hover{transform:scale(1.02) skew(-2deg)}.hero-subtitle{font-size:1.2rem;color:var(--neon-cyan);margin-bottom:2rem;letter-spacing:4px}.hero-info p{margin:.5rem 0;color:#ccc;font-size:.95rem}.hero-quote{margin-top:2rem;font-style:italic;color:var(--neon-green);border-left:3px solid var(--neon-green);padding-left:1rem;text-align:left}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;width:100%;max-width:1200px;z-index:10}.tech-card{background:var(--glass-bg);border:1px solid rgba(0,255,204,.3);padding:1.5rem;position:relative;transition:.3s;overflow:hidden}.tech-card:hover{transform:translateY(-5px);border-color:var(--neon-cyan);box-shadow:0 0 15px #0fc3;background:#00142899}.tech-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--neon-cyan)}.tech-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tech-name{font-size:1.1rem;color:#fff;font-weight:700}.tech-level{font-size:.9rem;color:var(--neon-green)}.tech-desc{font-size:.85rem;color:#aaa;margin-bottom:1rem;height:3em}.progress-track{width:100%;height:6px;background:#222;position:relative}.progress-bar{height:100%;background:var(--neon-cyan);box-shadow:0 0 5px var(--neon-cyan);position:relative}.progress-bar:after{content:"";position:absolute;right:0;top:-2px;width:2px;height:10px;background:#fff}.status-locked{border-color:#555;opacity:.7}.status-locked:before{background:#555}.status-locked .tech-name{color:#888}.status-locked .progress-bar{background:#555;box-shadow:none}.status-advancing{border-color:var(--neon-pink)}.status-advancing:before{background:var(--neon-pink)}.status-advancing .tech-level{color:var(--neon-pink)}.status-advancing .progress-bar{background:var(--neon-pink);box-shadow:0 0 5px var(--neon-pink)}.project-container{width:100%;max-width:1000px;z-index:10}.project-card{background:#0a0a0a;border:1px solid #333;margin-bottom:2rem;padding:0;position:relative}.project-header{background:#111;padding:.8rem 1.5rem;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.project-id{color:var(--neon-pink);font-weight:700;margin-right:1rem}.project-title{color:#fff;font-size:1.1rem}.project-body{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.project-desc{color:#ccc;font-size:.95rem}.project-tech span{display:inline-block;font-size:.8rem;color:var(--neon-cyan);border:1px solid var(--neon-cyan);padding:2px 6px;margin-right:5px}.project-takeaway{font-size:.9rem;color:#888;border-left:2px solid #555;padding-left:10px}.code-scroll{background:#000;color:var(--neon-green);font-size:.8rem;padding:10px;height:60px;overflow:hidden;border-top:1px solid #333;font-family:monospace;opacity:.7;white-space:pre}.timeline{position:relative;max-width:800px;width:100%;padding:2rem 0}.timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.timeline-item{position:relative;margin-bottom:2rem;padding-left:50px}.timeline-dot{position:absolute;left:11px;top:5px;width:20px;height:20px;background:#000;border:2px solid var(--neon-cyan);border-radius:50%;z-index:2;box-shadow:0 0 5px var(--neon-cyan);transition:.3s}.timeline-item:hover .timeline-dot{background:var(--neon-cyan);box-shadow:0 0 15px var(--neon-cyan)}.timeline-date{color:var(--neon-pink);font-weight:700;margin-bottom:.5rem}.timeline-content{background:#ffffff08;border:1px solid rgba(0,255,204,.2);padding:1rem;border-radius:4px}.timeline-title{color:#fff;font-size:1.1rem;margin-bottom:.5rem}.timeline-desc{color:#aaa;font-size:.9rem}.timeline-current .timeline-dot{border-color:#fff;background:var(--neon-cyan);box-shadow:0 0 20px var(--neon-cyan);animation:pulse 1.5s infinite}.timeline-planned{opacity:.6}.timeline-planned .timeline-dot{border-style:dashed}.manifesto-box{max-width:700px;text-align:center;position:relative;padding:3rem;border:1px solid var(--neon-pink);background:#14001499}.manifesto-box:before{content:"MANIFESTO_V2026";position:absolute;top:-10px;left:20px;background:#000;padding:0 10px;color:var(--neon-pink);font-size:.8rem}.manifesto-text{font-size:1.1rem;line-height:1.8;color:#ddd;margin-bottom:2rem;text-align:left}.signature{text-align:right;font-size:1.2rem;color:var(--neon-cyan);font-family:Courier New,cursive;margin-top:2rem;text-shadow:2px 0 var(--neon-pink)}footer{width:100%;background:#000;border-top:2px solid #333;padding:2rem;text-align:center}.footer-links a{color:var(--neon-green);margin:0 15px;text-decoration:none;font-size:.9rem;border:1px solid var(--neon-green);padding:5px 10px;transition:.3s}.footer-links a:hover{background:var(--neon-green);color:#000}@keyframes pulse{0%{box-shadow:0 0 #00ffccb3}70%{box-shadow:0 0 0 10px #0fc0}to{box-shadow:0 0 #0fc0}}@media(min-width:768px){.timeline:before{left:50%}.timeline-item{width:50%}.timeline-item:nth-child(odd){left:0;padding-right:50px;padding-left:0;text-align:right}.timeline-item:nth-child(2n){left:50%;padding-left:50px}.timeline-item:nth-child(odd) .timeline-dot{left:auto;right:-11px}.timeline-item:nth-child(2n) .timeline-dot{left:-11px}}@media(max-width:767px){nav{flex-direction:column;padding:1rem;height:auto}.logo{margin-bottom:1rem}.nav-links{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.nav-links a{margin:.5rem;font-size:.85rem;white-space:nowrap}.footer-links{display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-links a{margin:0;width:80%;max-width:300px;text-align:center;display:block}.hero-title{font-size:2rem}.section-title{font-size:1.5rem}section{padding-top:13rem;padding-left:1rem;padding-right:1rem}}