body{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0c0c0e;--bg-card: #131316;--bg-card-hover: #1c1c21;--text-main: #D3DAD9;--text-muted: #7b7b86;--accent-1: #715A5A;--accent-2: #44444E;--terminal-green: #4ade80;--terminal-blue: #60a5fa;--terminal-pink: #f472b6;--border: #27272a;--font-heading: "Inter", sans-serif;--font-mono: "Fira Code", monospace;--ease-premium: cubic-bezier(.6, .01, -.05, .9)}*{box-sizing:border-box;margin:0;padding:0;cursor:none}html.lenis,html.lenis body{height:auto}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-heading);overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative}h1,h2,h3{font-weight:700;letter-spacing:-.03em;line-height:1.1}h1{font-size:clamp(3rem,8vw,6rem)}h2{font-size:clamp(2rem,5vw,4rem);margin-bottom:1rem}p{line-height:1.6;color:var(--text-muted);font-size:1.1rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:8rem 0}.bg-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-image:radial-gradient(rgba(255,255,255,.18) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 100%);pointer-events:none}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-dark);z-index:10000;display:flex;justify-content:flex-end;align-items:flex-end;padding:3rem}.counter-container{text-align:right;overflow:hidden}.counter{font-size:8rem;font-weight:700;color:var(--accent-1);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.05em}.counter-label{display:block;font-size:.9rem;color:var(--text-muted);margin-top:.5rem;text-transform:uppercase;letter-spacing:2px}.hero-content{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem}.hero-hidden{opacity:0;visibility:hidden;transform:translateY(20px)}.hero-visual{display:flex;justify-content:center;align-items:center}@media(max-width:968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-visual{display:none}.social-row{justify-content:center}}.code-card{background:#13131699;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;padding:1.5rem;font-family:Fira Code,monospace;font-size:.9rem;color:var(--text-muted);box-shadow:0 20px 40px #0000004d;transform:perspective(1000px) rotateY(-10deg) rotateX(5deg);transition:transform .1s ease-out;width:100%;max-width:420px}.code-header{display:flex;gap:8px;margin-bottom:1rem}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.code-line{margin-bottom:.5rem;display:block}.kw{color:#c678dd}.fn{color:#61afef}.str{color:#98c379}.cursor-blink{display:inline-block;width:8px;height:15px;background:var(--accent-1);animation:blink 1s step-end infinite;vertical-align:middle;margin-left:4px}@keyframes blink{50%{opacity:0}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:border-color .3s ease;position:relative;overflow:hidden}.skill-item{background:#ffffff05;position:relative;z-index:1;transition:background .3s}.skill-item:before{content:"";position:absolute;inset:0;border-radius:12px;padding:1px;background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.4),transparent 40%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2;opacity:0;transition:opacity .5s ease;pointer-events:none}.skills-grid:hover .skill-item:before{opacity:1}.btn{background:var(--text-main);color:var(--bg-dark);border:none;padding:1rem 2rem;font-weight:600;border-radius:6px;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;position:relative;overflow:hidden;text-decoration:none}.social-row{display:flex;gap:1.5rem;margin-top:2.5rem;align-items:center}.social-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid var(--border);border-radius:50%;color:var(--text-muted);transition:all .3s var(--ease-premium)}.social-btn:hover{color:var(--text-main);border-color:var(--text-main);background:#ffffff0d}.cursor-follower{position:fixed;top:0;left:0;width:20px;height:20px;background:#d3dad933;border:1px solid var(--text-main);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference}.char{display:inline-block;white-space:pre}.grid-skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem}.input-group{margin-bottom:1.5rem}.input-field{width:100%;background:transparent;border:1px solid var(--border);color:var(--text-main);padding:1rem;border-radius:6px;font-size:1rem;outline:none}.input-field:focus{border-color:var(--accent-1)}.marquee-section{padding:4rem 0;background:var(--bg-card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;position:relative;z-index:5}.marquee-track{display:flex;white-space:nowrap;gap:0;width:max-content;animation:marquee-scroll 20s linear infinite}.marquee-text{font-size:4rem;font-weight:800;color:#ffffff0d;text-transform:uppercase;letter-spacing:-2px;-webkit-text-stroke:1px rgba(255,255,255,.1)}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.projects-stack-container{position:relative;width:100%;padding-bottom:10vh}.project-card-wrapper{position:sticky;width:100%;margin-bottom:10vh;display:flex;justify-content:center}.project-card-inner{width:100%;max-width:1000px;min-height:450px;background:var(--bg-card);border:1px solid var(--border);border-radius:24px;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 50px -10px #00000080;transition:transform .1s ease,border-color .3s ease;position:relative;overflow:hidden}.project-card-inner:hover{border-color:var(--text-muted)}.project-decoration{position:absolute;inset:0;opacity:.15;z-index:0;pointer-events:none}.project-card-header{display:flex;justify-content:space-between;align-items:center;z-index:2}.project-id{font-size:4rem;font-weight:800;color:#ffffff0d;line-height:1}.project-links{display:flex;gap:1rem}.icon-link{color:var(--text-muted);font-size:1.5rem;transition:color .3s ease,transform .3s ease}.icon-link:hover{color:var(--text-main);transform:scale(1.1)}.project-card-content{z-index:2;margin-top:2rem}.project-title{font-size:clamp(2rem,4vw,3.5rem);margin-bottom:1rem}.project-desc{font-size:1.1rem;max-width:700px;color:var(--text-muted);margin-bottom:2rem}.project-tech-row{display:flex;flex-wrap:wrap;gap:.8rem}.tech-pill{padding:.5rem 1rem;background:#ffffff0d;border:1px solid var(--border);border-radius:50px;font-size:.85rem;color:var(--text-main);text-transform:uppercase;letter-spacing:1px}.about-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;width:100%}.about-text-card{grid-column:span 2;grid-row:span 2;display:flex;flex-direction:column;justify-content:center}.about-stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform .3s ease,border-color .3s ease;min-height:180px}.about-stat-card:hover{transform:translateY(-5px);border-color:var(--accent-1)}.stat-number{font-size:2.5rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem}.stat-label{color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}@media(max-width:968px){.about-grid{grid-template-columns:1fr;grid-template-rows:auto}.about-text-card{grid-column:1;grid-row:auto}.about-stat-card{min-height:auto;padding:2rem}}.terminal-toggle-btn{position:fixed;bottom:2rem;right:2rem;z-index:9998;background:#0c0c0ecc;color:var(--terminal-green);border:1px solid var(--terminal-green);font-family:var(--font-mono);padding:.6rem 1.2rem;border-radius:8px;font-size:.9rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 20px #0000004d}.terminal-toggle-btn:hover{background:var(--terminal-green);color:#000;transform:translateY(-2px);box-shadow:0 0 15px #4ade8066}.terminal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9000;display:flex;align-items:center;justify-content:center;padding:2rem}.terminal-window{width:100%;max-width:850px;height:65vh;min-height:450px;background-color:#1a1b1ef2;border-radius:16px;box-shadow:0 0 0 1px #ffffff1a,0 40px 80px -20px #000c;display:flex;flex-direction:column;overflow:hidden;font-family:var(--font-mono);position:relative}.scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000001a 50%,#0000001a);background-size:100% 4px;pointer-events:none;z-index:10;opacity:.6;animation:crt-flicker .15s infinite}@keyframes crt-flicker{0%{opacity:.55}50%{opacity:.6}to{opacity:.55}}.terminal-header{background:#25262bcc;padding:14px 20px;display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid rgba(255,255,255,.05);z-index:11}.terminal-controls{position:absolute;left:20px;display:flex;gap:8px}.terminal-dot{width:12px;height:12px;border-radius:50%;transition:transform .2s}.terminal-dot:hover{transform:scale(1.1);cursor:pointer}.terminal-dot.red{background:#ff5f56;box-shadow:inset 0 0 4px #0003}.terminal-dot.yellow{background:#ffbd2e;box-shadow:inset 0 0 4px #0003}.terminal-dot.green{background:#27c93f;box-shadow:inset 0 0 4px #0003}.terminal-title{color:#666;font-size:.8rem;font-weight:500;letter-spacing:.5px}.terminal-content{flex:1;padding:2rem;overflow-y:auto;color:var(--text-main);font-size:.95rem;position:relative;z-index:5;text-shadow:0 0 5px rgba(211,218,217,.3)}.terminal-content::-webkit-scrollbar{width:6px}.terminal-content::-webkit-scrollbar-track{background:transparent}.terminal-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.terminal-line{margin-bottom:.6rem;line-height:1.6;word-break:break-word}.boot-prefix{color:var(--terminal-green);margin-right:.5rem}.prompt-wrapper{margin-right:.8rem;display:inline-block;font-weight:600;white-space:nowrap}.prompt-user{color:var(--terminal-green)}.prompt-at{color:#888}.prompt-host{color:var(--terminal-green)}.prompt-dir{color:var(--terminal-blue)}.prompt-arrow{color:var(--terminal-pink);margin-left:.4rem}.terminal-input-line{display:flex;align-items:center;margin-top:.5rem}.cmd-input{background:transparent;border:none;color:#fff;font-family:inherit;font-size:inherit;width:100%;outline:none;text-shadow:0 0 5px rgba(255,255,255,.4);caret-color:var(--terminal-pink)}.cmd-text{color:#fff}.terminal-response{color:#a9a9b3;margin-top:.2rem;margin-bottom:1.2rem;white-space:pre-wrap}.terminal-enter{animation:popIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes popIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.skill-sphere-container{position:relative;width:100%;height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;perspective:1000px}.skill-sphere-wrapper{position:relative;width:100%;height:100%;transform-style:preserve-3d;display:flex;justify-content:center;align-items:center}.sphere-item{position:absolute;top:50%;left:50%;transform-origin:center center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#131316cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;margin-top:-40px;margin-left:-60px;width:120px;height:80px;box-shadow:0 4px 15px #00000080}.sphere-item-icon{font-size:1.8rem;color:var(--text-main)}.sphere-item-text{font-size:.8rem;color:var(--text-muted);font-weight:600}.spotify-card{grid-column:span 1;position:relative;overflow:hidden;text-decoration:none;padding:0;min-height:180px;border:1px solid var(--border);transition:border-color .3s ease,transform .3s ease}.spotify-card:hover{border-color:#1db954;transform:translateY(-5px)}.spotify-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:.3;filter:blur(3px) grayscale(.4);transition:all .5s ease}.spotify-card:hover .spotify-bg{opacity:.5;filter:blur(0) grayscale(0);transform:scale(1.1)}.spotify-content{position:relative;z-index:2;height:100%;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(to bottom,#0000001a,#000c)}.spotify-top{display:flex;justify-content:space-between;align-items:center}.spotify-icon{font-size:1.8rem;color:#1db954}.spotify-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#1db954;margin-bottom:.2rem;display:block;font-weight:600}.spotify-title{font-size:1.2rem;font-weight:700;color:#fff;line-height:1.2;margin-bottom:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-artist{font-size:.9rem;color:#ffffffb3}.equalizer{display:flex;gap:3px;align-items:flex-end;height:20px}.bar{width:4px;background-color:#1db954;border-radius:2px;animation:bounce 1s infinite ease-in-out}.bar:nth-child(1){height:40%;animation-delay:0s}.bar:nth-child(2){height:80%;animation-delay:.1s}.bar:nth-child(3){height:50%;animation-delay:.2s}.bar:nth-child(4){height:70%;animation-delay:.3s}@keyframes bounce{0%,to{height:20%}50%{height:100%}}.manga-header{position:relative;display:inline-block;z-index:1}.manga-header:before{content:"プロジェクト";position:absolute;top:-25px;left:-20px;font-size:5rem;font-weight:900;color:#ffffff0a;z-index:-1;white-space:nowrap;pointer-events:none;font-family:var(--font-mono);letter-spacing:5px;line-height:1}.manga-header.about:before{content:"プロフィール"}.manga-header.skills:before{content:"アーセナル"}.code-window{background:#1e1e1e;border:1px solid #333;border-radius:12px;box-shadow:0 20px 50px #00000080;font-family:Fira Code,monospace;overflow:hidden;width:100%;display:flex;flex-direction:column;position:relative;height:100%;min-height:300px}.window-header{background:#252526;padding:10px 16px;display:flex;align-items:center;gap:1rem;border-bottom:1px solid #1e1e1e}.window-dots{display:flex;gap:6px}.w-dot{width:12px;height:12px;border-radius:50%}.w-red{background:#ff5f56}.w-yellow{background:#ffbd2e}.w-green{background:#27c93f}.window-title{color:#9cdcfe;font-size:.8rem;opacity:.8;background:#1e1e1e;padding:4px 12px;border-radius:4px 4px 0 0;margin-top:4px}.window-body{padding:20px;display:flex;align-items:flex-start;color:#d4d4d4;font-size:1rem;font-family:Fira Code,monospace;line-height:normal;overflow:hidden;flex:1}.line-numbers>div,.code-line{line-height:1.6rem;height:1.6rem;margin:0;padding:0;display:flex;align-items:center}.line-numbers>div{justify-content:flex-end}.line-numbers{display:flex;flex-direction:column;text-align:right;padding-right:20px;color:#858585;-webkit-user-select:none;user-select:none;border-right:1px solid #333;margin-right:20px;min-width:30px}.code-content{flex:1;white-space:pre;overflow-x:auto;position:relative;scrollbar-width:none;min-width:0}.code-content::-webkit-scrollbar{display:none}.syntax-keyword{color:#c586c0;font-weight:700}.syntax-func{color:#dcdcaa}.syntax-string{color:#ce9178}.syntax-comment{color:#6a9955;font-style:italic}.syntax-class{color:#4ec9b0}.syntax-var{color:#9cdcfe}.cursor-block{display:inline-block;width:10px;height:18px;background-color:var(--terminal-green);vertical-align:middle;animation:cursor-blink 1s step-end infinite;margin-left:4px}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.scroll-progress-fixed{position:fixed;top:0;left:0;width:100%;height:36px;z-index:9999;background:#0c0c0ee6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid rgba(255,255,255,.03);display:flex;align-items:center;justify-content:center;gap:1rem;font-family:Fira Code,monospace;font-size:.8rem;color:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none}.sb-container{position:relative;display:flex;align-items:center}.sb-text{white-space:pre;font-weight:400;letter-spacing:2px;line-height:1}.sb-bg-text{color:#ffffff0d}.sb-clipper{position:absolute;top:0;left:0;height:100%;width:0%;overflow:hidden;will-change:width}.sb-fg-text{color:var(--text-main);opacity:.8;position:absolute;top:0;left:0;text-shadow:0 0 10px rgba(255,255,255,.2)}.sb-percent{color:var(--text-muted);font-weight:400;font-size:.75rem;font-variant-numeric:tabular-nums;min-width:35px;text-align:right;opacity:.6}.manga-footer{position:relative;padding:2rem 0 1rem;background:var(--bg-dark);border-top:1px solid rgba(255,255,255,.1);overflow:hidden;z-index:10}.id-block{display:flex;flex-direction:column;gap:.25rem;align-items:flex-start}.barcode{width:100px;height:15px;background:repeating-linear-gradient(to right,var(--text-muted) 0px,var(--text-muted) 2px,transparent 2px,transparent 4px,var(--text-muted) 4px,var(--text-muted) 5px,transparent 5px,transparent 7px);opacity:.4}.id-text{font-family:Fira Code,monospace;font-size:.65rem;color:var(--text-muted);letter-spacing:1px}.msg-block{text-align:center;display:flex;flex-direction:column;align-items:center}.jp-text{font-family:Noto Sans JP,sans-serif;font-size:.7rem;color:var(--terminal-green);opacity:.6;letter-spacing:2px;margin-bottom:.1rem}.en-text{font-family:Inter,sans-serif;font-weight:800;font-size:1.2rem;color:var(--text-main);letter-spacing:-.5px;text-transform:uppercase;line-height:1.2}.sub-text{font-family:Fira Code,monospace;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.heart-beat{color:#ff5f56;display:inline-block;animation:heartbeat 1.5s ease-in-out infinite}.action-block{display:flex;justify-content:flex-end}.reboot-btn{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:.5rem 1.2rem;font-family:Fira Code,monospace;font-size:.75rem;cursor:pointer;transition:all .3s var(--ease-premium);display:flex;align-items:center;gap:.5rem;position:relative;overflow:hidden}.reboot-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--text-main);transform:translate(-100%);transition:transform .3s var(--ease-premium);z-index:0}.reboot-btn:hover:before{transform:translate(0)}.reboot-btn:hover{color:var(--bg-dark);border-color:var(--text-main)}.btn-text,.btn-icon{position:relative;z-index:1}.footer-line{width:100%;border-top:1px dashed rgba(255,255,255,.1);padding-top:.8rem;text-align:center;font-family:Fira Code,monospace;font-size:.6rem;color:#fff3;letter-spacing:3px}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media(max-width:768px){.manga-footer{padding:2rem 0}.footer-content{grid-template-columns:1fr;gap:1.5rem;text-align:center;justify-items:center;max-width:100%}.en-text{font-size:1rem}.barcode{width:80px;height:12px}.id-block{align-items:center;margin-bottom:-.5rem}.action-block{justify-content:center}.footer-line{padding-top:.5rem;margin-top:0}}.contact-watermark{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%) rotate(-5deg);z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5}.watermark-track{display:flex;white-space:nowrap;width:max-content;animation:watermark-scroll 40s linear infinite}.watermark-track span{font-family:Inter,sans-serif;font-weight:900;font-size:12rem;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.2);text-transform:uppercase;padding-right:4rem;display:inline-block}@keyframes watermark-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.watermark-track span{font-size:6rem;-webkit-text-stroke:1px rgba(255,255,255,.15)}.contact-watermark{transform:translateY(-50%) rotate(0)}}@media(max-width:768px){.scroll-progress-fixed{justify-content:center;padding:0;height:32px;gap:.8rem;background:#0c0c0ef2}.sb-text{font-size:.7rem;letter-spacing:1px}.sb-percent{font-size:.7rem}}@media(max-width:768px){.cursor-follower{display:none!important}*{cursor:auto!important}.bg-grid{background-image:radial-gradient(rgba(255,255,255,.15) 1.5px,transparent 1.5px);background-size:30px 30px;opacity:1;mask-image:radial-gradient(circle at center,black 30%,transparent 90%);-webkit-mask-image:radial-gradient(circle at center,black 30%,transparent 90%)}.counter{font-size:5rem}.marquee-text{font-size:2.5rem}.skill-sphere-container{height:450px}.skill-sphere-wrapper{transform:scale(.55)}.section{padding:4rem 0;min-height:auto}.container{padding:0 1.5rem}.section.hero{min-height:100vh;padding:0}.project-card-wrapper{margin-bottom:5vh}.project-card-inner{padding:1.5rem;min-height:auto;border-radius:16px}.project-title{font-size:1.8rem;margin-bottom:.5rem}.project-id{font-size:2.5rem}.terminal-window{width:95%;height:70vh}.section.contact{padding-top:0;padding-bottom:8rem}.preloader{padding-bottom:25vh!important}.manga-header:before{font-size:3rem;top:-20px;left:0;letter-spacing:2px;opacity:1!important;z-index:0!important}.about-text-card{min-width:0!important;width:100%!important;overflow:hidden!important}.code-window{border-radius:8px;font-size:.8rem;max-width:100%;width:100%;min-width:0}.window-body{padding:10px;min-width:0}.line-numbers{padding-right:8px;margin-right:8px;min-width:25px;font-size:.8rem}.code-content{white-space:pre-wrap!important;overflow-x:hidden!important;min-width:0!important}.code-line{height:auto!important;line-height:1.5!important;display:block!important;margin-bottom:2px}.line-numbers{display:none!important}.window-body{padding:15px 10px!important}}.manga-footer{position:relative;padding:2rem 0 1rem;background:var(--bg-dark);border-top:1px solid rgba(255,255,255,.1);overflow:hidden;z-index:50;display:block}.footer-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;margin-bottom:1rem;max-width:900px;width:100%;margin-left:auto;margin-right:auto}.barcode{opacity:.5}.en-text{color:var(--text-main);opacity:1}.jp-text{color:var(--terminal-green);opacity:.8}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:1.5rem}.manga-footer{padding-bottom:2rem}}.hero-text-base{color:var(--text-main);transition:color .1s;display:inline-block}.hero-text-muted{color:#7b7b86;transition:color .1s;display:inline-block}.lightning-svg{position:absolute;top:-50%;left:-25%;width:150%;height:200%;z-index:10;pointer-events:none;overflow:visible;opacity:0}.lightning-svg polyline{fill:none;stroke:#fff;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 5px #ffeb3b) drop-shadow(0 0 15px #ffd700)}@media(max-width:768px){.lightning-svg polyline{stroke-width:3px}}.project-card-inner{position:relative;overflow:hidden;background:#0c0c0e;border:1px solid #27272a;border-radius:16px;padding:3rem;display:flex;flex-direction:column;justify-content:space-between;min-height:450px;width:100%;max-width:1000px;transition:border-color .3s ease,transform .3s ease,box-shadow .3s ease;isolation:isolate}.card-bg-grid{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.3}.card-glow{position:absolute;bottom:0;right:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(circle at 100% 100%,var(--project-color),transparent 60%);opacity:0;filter:blur(40px);transition:opacity .5s ease}.project-id{font-family:Inter,sans-serif;font-size:6rem;font-weight:900;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.05);line-height:1;transition:all .4s ease;z-index:1}.corner-top-left,.corner-bottom-right{position:absolute;width:20px;height:20px;border:2px solid transparent;transition:all .3s ease;z-index:2}.corner-top-left{top:20px;left:20px;border-top:2px solid rgba(255,255,255,.1);border-left:2px solid rgba(255,255,255,.1)}.corner-bottom-right{bottom:20px;right:20px;border-bottom:2px solid rgba(255,255,255,.1);border-right:2px solid rgba(255,255,255,.1)}.project-card-header,.project-card-content{position:relative;z-index:2}.project-card-inner:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 20px 40px -10px #00000080}.project-card-inner:hover .card-glow{opacity:.25}.project-card-inner:hover .project-id{-webkit-text-stroke:2px var(--project-color);opacity:.4;transform:translate(10px)}.project-card-inner:hover .corner-top-left,.project-card-inner:hover .corner-bottom-right{border-color:var(--project-color);width:30px;height:30px}.project-card-inner:hover .project-title{text-shadow:0 2px 10px rgba(0,0,0,.5);color:#fff}@media(max-width:768px){.project-card-inner{padding:2rem;min-height:auto}.card-glow{opacity:.15}.project-id{font-size:4rem}.corner-top-left,.corner-bottom-right{display:none}}.floating-code-container{position:fixed;top:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-1;pointer-events:none}.code-particle{position:absolute;color:#a1a1aa;font-family:Fira Code,monospace;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:transform;animation-name:wander;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes wander{0%{transform:translate(0) rotate(0)}to{transform:translate(var(--move-x),var(--move-y)) rotate(var(--rotate))}}@media(max-width:768px){.floating-code-container{opacity:.6}}.crt-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;display:none;pointer-events:none}.crt-shutter{position:absolute;left:0;width:100%;height:0vh;background:#050505;z-index:20;overflow:hidden;box-shadow:0 0 50px #000c}.shutter-grid{width:100%;height:100%;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:50px 50px}.crt-shutter.top{top:0;border-bottom:2px solid #222}.crt-shutter.bottom{bottom:0;border-top:2px solid #222}.crt-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:4px;width:0%;background:#fff;z-index:30;border-radius:100%;opacity:0;box-shadow:0 0 10px #fff,0 0 20px var(--terminal-green),0 0 40px var(--terminal-green),0 0 80px #4ade8066}.crt-flash{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0;z-index:25;mix-blend-mode:overlay}a,button,input,textarea,.reboot-btn,.dock-icon,.cipher-link{cursor:none!important}html,body{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{width:0px;background:transparent}