*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td{border:0;font-size:100%;font-weight:400;margin:0;padding:0;vertical-align:baseline}header,footer,nav,section,article,main,aside,figure,figcaption{display:block}ol,ul{list-style:none}img{height:auto;max-width:100%;vertical-align:middle}a{color:inherit;text-decoration:none}button{background:0 0;border:none;box-shadow:none;cursor:pointer;font:inherit;margin:0;padding:0}input,select,textarea{color:inherit;font:inherit;vertical-align:top}html{height:100%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background-color:var(--bg-deep);color:var(--text-main);font-family:var(--font-jp);line-height:1.7;overflow-x:hidden;position:relative}img{display:block;height:auto;max-width:100%}a{color:inherit;text-decoration:none;transition:.3s}ul{list-style:none}:root{--bg-deep:#050505;--bg-sub:#111;--text-main:#e2e8f0;--text-muted:#94a3b8;--accent-primary:#00f2ff;--accent-secondary:#7000ff;--accent-success:#00ff9d;--font-jp:"Noto Sans JP",sans-serif;--font-code:"Fira Code",monospace}.hero{align-items:center;background-attachment:fixed;background-image:linear-gradient(to bottom,rgba(5,5,5,.7),rgba(5,5,5,.4),rgba(5,5,5,.9)),url("https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?ixlib=rb-1.2.1&auto=format&fit=crop&w=1920&q=80");background-position:center;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding-bottom:80px;padding-top:120px;position:relative}.hero__content{align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;width:100%;z-index:1}.hero__tag{align-items:center;background:rgba(0,242,255,.1);border:1px solid rgba(0,242,255,.2);border-radius:100px;color:var(--accent-primary);display:inline-flex;font-family:var(--font-code);font-size:.85rem;gap:8px;margin-bottom:24px;padding:6px 12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero__status-dot{background:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--accent-primary);height:8px;width:8px}.hero__title{font-size:4rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:24px;text-shadow:0 10px 30px rgba(0,0,0,.5)}.hero__accent{color:var(--accent-primary);display:inline-block;transform:translateY(-.2em)}.u-text-gradient{background:linear-gradient(120deg,#b3b3b3 0%,#b3b3b3 40%,#fff 50%,#b3b3b3 60%,#b3b3b3 100%);background-clip:text;background-size:200% auto;display:inline-block;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shine 3s linear infinite;padding-bottom:.2em}.hero__desc{color:var(--text-main);font-size:1.1rem;margin-bottom:40px;max-width:500px;text-shadow:0 2px 10px rgba(0,0,0,.8)}.btn{border-radius:4px;display:inline-block;font-family:var(--font-code);font-weight:600;padding:14px 32px;position:relative;transition:all .3s ease;z-index:1}.btn--hero{background:var(--text-main);border:1px solid var(--text-main);color:var(--bg-deep)}.btn--hero:hover{background:0 0;border-color:var(--accent-primary);box-shadow:0 0 20px rgba(0,242,255,.4);color:var(--accent-primary);transform:translateY(-2px)}.btn--primary{background:rgba(0,242,255,.05);border:1px solid var(--accent-primary);box-shadow:0 0 20px rgba(0,242,255,.15);color:var(--accent-primary);font-size:1.1rem;letter-spacing:.05em;padding:18px 50px}.btn--primary:hover{background:var(--accent-primary);box-shadow:0 0 50px rgba(0,242,255,.6);color:var(--bg-deep);transform:translateY(-4px)}.code-mockup{background:rgba(13,17,23,.95);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 0 0 1px rgba(0,0,0,.3),0 20px 50px rgba(0,0,0,.5),0 0 100px rgba(0,242,255,.1);font-family:var(--font-code);font-size:.9rem;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.code-mockup:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.code-mockup__header{background:rgba(22,27,34,.9);border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:8px;padding:12px 16px}.code-mockup__dot{border-radius:50%;height:12px;width:12px}.code-mockup__dot--red{background:#ff5f56}.code-mockup__dot--yellow{background:#ffbd2e}.code-mockup__dot--green{background:#27c93f}.code-mockup__body{color:var(--text-main);padding:24px}.code-mockup__line{display:flex;line-height:1.5;margin-bottom:4px}.code-mockup__line-number{color:#64748b;flex-shrink:0;margin-right:15px;text-align:right;width:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-mockup__code{flex-grow:1;overflow-wrap:break-word;word-wrap:break-word}.code-mockup__indent--1{padding-left:1.2rem}.code-mockup__indent--2{padding-left:2.4rem}.code-token--keyword{color:#ff79c6}.code-token--function{color:#8be9fd}.code-token--string{color:#f1fa8c}.code-token--comment{color:#6272a4;font-style:italic}.code-mockup__cursor{animation:blink 1s step-end infinite;background:var(--accent-primary);display:inline-block;height:1.2em;vertical-align:sub;width:8px}.about__grid{align-items:start;display:grid;gap:60px;grid-template-columns:350px 1fr}.about__image-wrapper{position:relative;position:sticky;top:120px}.about__image{border-radius:12px;filter:grayscale(100%) contrast(1.1) brightness(.95);position:relative;transition:.5s ease;width:100%;z-index:2}.about__image:hover{filter:grayscale(0%) contrast(1) brightness(1)}.about__image-border{border:2px solid var(--accent-primary);border-radius:12px;height:100%;left:20px;position:absolute;top:20px;transition:.3s;width:100%;z-index:1}.about__image-wrapper:hover .about__image-border{left:10px;top:10px}.about__content{display:flex;flex-direction:column;gap:30px}.about__text h3{color:var(--text-main);font-size:1.5rem;font-weight:700;margin-bottom:20px}.about__text p{color:var(--text-muted);margin-bottom:24px}.skill-group__label{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-code);font-size:.85rem;gap:8px;margin-bottom:12px}.skill-group__label:before{color:var(--accent-primary);content:">";font-weight:700}.skill-group__label--learning:before{color:var(--accent-success)}.skill-group__tags{display:flex;flex-wrap:wrap;gap:12px}.skill-tag{background:rgba(255,255,255,.05);border:1px solid rgba(0,242,255,.2);border-radius:4px;color:var(--accent-primary);cursor:default;font-family:var(--font-code);font-size:.85rem;padding:6px 16px;transition:.3s ease}.skill-tag:hover{background:rgba(0,242,255,.1);border-color:var(--accent-primary);box-shadow:0 0 10px rgba(0,242,255,.3);color:#fff}.skill-tag--learning{border-color:rgba(0,255,157,.2);color:var(--accent-success)}.skill-tag--learning:hover{background:rgba(0,255,157,.1);border-color:var(--accent-success);box-shadow:0 0 10px rgba(0,255,157,.3)}.works__grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.work-card{background:var(--bg-sub);border:1px solid rgba(255,255,255,.05);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:.4s cubic-bezier(.25,.46,.45,.94)}.work-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 40px rgba(0,0,0,.4),0 0 15px rgba(0,242,255,.3);transform:translateY(-8px)}.work-card__image-wrapper{height:220px;overflow:hidden;position:relative;width:100%}.work-card__image{height:100%;width:100%;-o-object-fit:cover;filter:grayscale(20%);object-fit:cover;transition:transform .6s ease}.work-card:hover .work-card__image{filter:grayscale(0%);transform:scale(1.05)}.work-card__content{display:flex;flex-direction:column;flex-grow:1;padding:24px}.work-card__tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tech-pill{background:rgba(255,255,255,.05);border-radius:4px;color:var(--text-muted);font-family:var(--font-code);font-size:.75rem;padding:4px 8px}.work-card__title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;margin-bottom:12px}.work-card__desc{color:var(--text-muted);flex-grow:1;font-size:.95rem;line-height:1.6;margin-bottom:0;transition:color .3s ease}.work-card:hover .work-card__desc{color:var(--accent-primary)}.work-card__links{display:flex;gap:12px;margin-top:20px;padding-top:15px}.text-link{align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-muted);display:inline-flex;flex:1;font-family:var(--font-code);font-size:.85rem;font-weight:600;gap:8px;justify-content:center;line-height:1.2;padding:10px;text-decoration:none;transition:all .3s ease}.text-link svg{height:16px;transition:.3s;width:16px}.text-link:hover{border-color:transparent;color:var(--bg-deep);transform:translateY(-2px)}.text-link:first-child:hover{background:var(--text-main);box-shadow:0 0 15px rgba(255,255,255,.3)}.text-link:last-child:hover{background:var(--accent-primary);box-shadow:0 0 15px rgba(0,242,255,.4)}.works__footer{align-items:center;display:flex;gap:24px;justify-content:flex-end;margin-top:40px}.responsive-link{align-items:center;border-bottom:1px solid transparent;color:var(--text-muted);display:inline-flex;font-family:var(--font-code);font-size:.9rem;gap:8px;padding-bottom:2px;text-decoration:none;transition:color .3s ease}.responsive-link svg{color:var(--accent-primary)}.responsive-link:hover{border-bottom-color:var(--accent-primary);color:var(--accent-primary)}.view-all-link{color:var(--text-main);font-family:var(--font-code);font-weight:600;text-decoration:none}.journal__list{display:flex;flex-direction:column;gap:16px}.journal-item{align-items:center;background:var(--bg-sub);border:1px solid rgba(255,255,255,.05);border-radius:8px;display:grid;grid-template-columns:140px 1fr auto;padding:24px;transition:.3s cubic-bezier(.25,.46,.45,.94)}.journal-item:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.2);transform:translateX(8px)}.journal-item__date{color:var(--text-muted);font-family:var(--font-code);font-size:.85rem}.journal-item__content{display:flex;flex-direction:column;gap:4px}.journal-item__title{color:var(--text-main);font-size:1.1rem;font-weight:600;transition:.3s}.journal-item:hover .journal-item__title{color:var(--accent-primary)}.journal-item__tags{color:var(--text-muted);display:flex;font-family:var(--font-code);font-size:.75rem;gap:8px}.journal-item__tag:before{color:var(--accent-secondary);content:"#"}.journal-item__arrow{color:var(--accent-primary);font-family:var(--font-code);opacity:0;transform:translateX(-10px);transition:.3s}.journal-item:hover .journal-item__arrow{opacity:1;transform:translateX(0)}.journal__view-all{display:flex;justify-content:flex-end;margin-top:30px}.view-all-link{align-items:center;background:0 0;border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);display:inline-flex;font-family:var(--font-code);font-size:.9rem;gap:10px;padding:12px 28px;text-decoration:none;transition:.3s cubic-bezier(.25,.46,.45,.94)}.view-all-link:hover{background:rgba(255,255,255,.05);box-shadow:0 4px 12px rgba(0,0,0,.3);gap:14px;transform:translateY(-2px)}.contact__content{margin:0 auto;max-width:600px;text-align:center}.contact__text{color:var(--text-muted);margin-bottom:40px}.page-header{padding-bottom:60px;padding-top:180px;text-align:center}.page-header__sub{color:var(--accent-primary);display:block;font-family:var(--font-code);margin-bottom:16px}.page-header__title{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:24px}.page-header__line{background:var(--accent-primary);border-radius:2px;height:4px;margin:0 auto;width:60px}.contact-wrapper{display:grid;gap:80px;grid-template-columns:1fr 1.5fr;padding-bottom:120px}.contact-info__text{color:var(--text-muted);margin-bottom:40px}.info-item{align-items:flex-start;display:flex;gap:20px;margin-bottom:30px}.info-item__icon{align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--accent-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.info-item__content h4{color:var(--text-muted);font-family:var(--font-code);font-size:.9rem;margin-bottom:4px}.info-item__content p{color:var(--text-main);font-size:1.1rem;font-weight:500}.info-item__link{transition:.3s}.info-item__link:hover{color:var(--accent-primary)}.sns-links{display:flex;gap:16px;margin-top:40px}.sns-link{align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text-muted);display:inline-flex;font-family:var(--font-code);font-size:.9rem;gap:10px;justify-content:center;padding:10px 24px;transition:.3s}.sns-link:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 20px rgba(0,242,255,.4);color:var(--bg-deep);transform:translateY(-4px)}.contact-form{background:rgba(17,17,17,.6);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,.3)}.form-group{margin-bottom:24px;position:relative}.form-label{color:var(--text-muted);display:block;font-family:var(--font-code);font-size:.85rem;margin-bottom:8px}.form-label span{color:var(--accent-secondary);margin-left:4px}.form-input,.form-textarea{background:rgba(5,5,5,.8);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-main);font-family:var(--font-jp);font-size:1rem;padding:16px;resize:vertical;transition:.3s;width:100%}.form-input:focus,.form-textarea:focus{background:rgba(5,5,5,.95);border-color:var(--accent-primary);box-shadow:0 0 0 4px rgba(0,242,255,.1);outline:none}.textarea-wrapper{position:relative}.textarea-lines{color:rgba(255,255,255,.1);display:none;font-family:var(--font-code);font-size:.9rem;left:12px;line-height:1.7;pointer-events:none;position:absolute;top:17px}.btn-submit{align-items:center;background:rgba(0,242,255,.1);border:1px solid var(--accent-primary);border-radius:4px;color:var(--accent-primary);cursor:pointer;display:flex;font-family:var(--font-code);font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:18px;transition:.3s;width:100%}.btn-submit:hover{background:var(--accent-primary);box-shadow:0 0 30px rgba(0,242,255,.4);color:var(--bg-deep);transform:translateY(-2px)}.single{background-color:var(--bg-deep);color:var(--text-main);overflow:hidden;padding-bottom:120px;padding-top:140px;position:relative}.single:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.05;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.single-inner{background:rgba(17,17,17,.6);margin-inline:auto;max-width:840px;position:relative;width:90%;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.5);padding:40px 30px}.single-title{background:linear-gradient(135deg,#fff 0%,var(--text-muted) 100%);font-size:1.8rem;font-weight:700;letter-spacing:.05em;line-height:1.4;margin-bottom:1.5rem;text-align:center;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.single-thumbnail{display:block;height:auto;width:100%;-o-object-fit:cover;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);margin-top:30px;object-fit:cover}.eye-catcher-copy-wrap{color:var(--text-muted);font-family:var(--font-code);font-size:.8rem;margin-top:5px;text-align:right}.eye-catcher-copy-wrap a{color:var(--text-muted);text-decoration:none;transition:.3s}.eye-catcher-copy-wrap a:hover{color:var(--accent-primary)}.stealth-marketing{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-muted);display:block;font-family:var(--font-code);font-size:.75rem;margin:2rem auto 0;padding:.4em 1.2em;width:-moz-fit-content;width:fit-content}.stealth-marketing:before{border:1px solid var(--text-muted);border-radius:50%;content:"i";display:inline-block;font-size:10px;height:14px;line-height:14px;margin-right:8px;text-align:center;width:14px}.single-body{font-size:1rem;line-height:1.8;margin-top:3rem}.single-body a{border-bottom:1px solid rgba(0,242,255,.3);color:var(--accent-primary);text-decoration:none;transition:all .3s}.single-body a:hover{background:rgba(0,242,255,.1);border-bottom-color:var(--accent-primary);text-shadow:0 0 10px rgba(0,242,255,.4)}.single-body p{margin-bottom:2em}.single-body #toc_container{background:#0d1117;border:1px solid var(--accent-primary);border-radius:8px;box-shadow:0 0 20px rgba(0,242,255,.05);box-sizing:border-box;margin:3rem auto;padding:1.5rem 2rem;position:relative;width:-moz-fit-content;width:fit-content}.single-body #toc_container .toc_title{color:var(--accent-primary);display:block;font-family:var(--font-code);font-size:1.1rem;margin-bottom:1rem;text-align:center}.single-body #toc_container .toc_title:before{content:"<";margin-right:.5em;opacity:.5}.single-body #toc_container .toc_title:after{content:" />";margin-left:.5em;opacity:.5}.single-body #toc_container ul{list-style:none;margin:0;padding:0}.single-body #toc_container li{margin-bottom:.5em}.single-body #toc_container li:before{content:none}.single-body #toc_container li a{border:none;color:var(--text-muted);display:block;font-size:.95rem;padding:4px 0;text-decoration:none;transition:.2s}.single-body #toc_container li a:hover{color:var(--text-main);transform:translateX(5px)}.single-body #toc_container ul ul{border-left:1px solid rgba(255,255,255,.1);margin-left:1.5em;margin-top:.5em;padding-left:1em}.single-body h2{border-bottom:2px solid var(--accent-primary);color:#fff;font-size:1.6rem;font-weight:700;margin:4rem 0 2rem;padding-bottom:.5rem;position:relative}.single-body h2:after{background:#fff;bottom:-2px;box-shadow:0 0 10px var(--accent-primary);content:"";height:2px;left:0;position:absolute;width:30%}.single-body h3{font-family:var(--font-code);font-size:1.4rem;font-weight:700;margin:3.5rem 0 1.5rem;padding-left:1.2em;position:relative}.single-body h3:before{color:var(--accent-secondary);content:">";font-weight:700;left:0;position:absolute}.single-body h4{border-left:4px solid var(--accent-success);color:var(--text-main);font-size:1.2rem;margin:3rem 0 1.5rem;padding-left:1rem}.single-body ul,.single-body ol{list-style:none;margin-bottom:2em;padding-left:0}.single-body li{margin-bottom:.8em;padding-left:1.5em;position:relative}.single-body li:before{background:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px var(--accent-primary);content:"";height:6px;left:0;position:absolute;top:.6em;width:6px}.single-body blockquote{background:rgba(255,255,255,.05);border-left:4px solid var(--text-muted);border-radius:0 8px 8px 0;color:var(--text-muted);font-style:italic;margin:2rem 0;padding:1.5rem}.single-body .wp-block-code{background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:var(--font-code);font-size:.9em;margin-bottom:2em;overflow-x:auto;padding:1.5em}.single-body .wp-block-code code{background:0 0;color:#ce9178}.single-body :not(pre)>code{background:rgba(255,255,255,.1);border-radius:4px;color:var(--accent-success);font-family:var(--font-code);font-size:.9em;padding:.2em .4em}.single-body .wp-block-image img,.single-body .wp-block-video video,.single-body .wp-block-embed__wrapper iframe{border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:block;height:auto;margin:2rem auto;max-width:100%}.single-body .wp-block-separator{background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);border:none;height:1px;margin:3rem 0;opacity:.5}.error-section{align-items:center;display:flex;flex:1;justify-content:center;padding:120px 20px;position:relative}.error-content{max-width:800px;text-align:center;width:100%;z-index:1}.error-title{animation:glitch-skew 1s cubic-bezier(.25,.46,.45,.94) both infinite;color:var(--text-main);display:inline-block;font-family:var(--font-code);font-size:clamp(6rem,15vw,12rem);font-weight:700;line-height:1;margin-bottom:20px;position:relative;text-shadow:2px 2px 0px var(--accent-secondary),-2px -2px 0px var(--accent-primary)}.error-title:before,.error-title:after{content:attr(data-text);height:100%;left:0;position:absolute;top:0;width:100%}.error-title:before{left:2px;text-shadow:-2px 0 var(--accent-error);clip:rect(24px,550px,90px,0);animation:glitch-anim-1 2.5s infinite linear alternate-reverse}.error-title:after{left:-2px;text-shadow:-2px 0 var(--accent-primary);clip:rect(85px,550px,140px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.error-subtitle{color:var(--accent-primary);font-family:var(--font-code);font-size:1.2rem;letter-spacing:.1em;margin-bottom:24px;text-transform:uppercase}.error-text{color:var(--text-muted);font-size:1rem;margin-bottom:40px}.error-code-wrapper{margin:0 auto 50px;max-width:500px;text-align:left}.code-mockup{background:rgba(13,17,23,.95);border:1px solid rgba(255,95,86,.3);border-radius:12px;box-shadow:0 0 50px rgba(255,95,86,.1);font-family:var(--font-code);font-size:.9rem;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.code-mockup__header{align-items:center;background:rgba(22,27,34,.9);border-bottom:1px solid rgba(255,255,255,.05);display:flex;gap:8px;padding:12px 16px}.code-mockup__dot{background:#333;border-radius:50%;height:12px;width:12px}.code-mockup__dot:nth-child(1){background:#ff5f56}.code-mockup__dot:nth-child(2){background:#ffbd2e}.code-mockup__dot:nth-child(3){background:#27c93f}.code-mockup__body{color:var(--text-main);padding:20px}.code-line{display:block;margin-bottom:4px}.cl-gray{color:#64748b}.cl-purple{color:#ff79c6}.cl-blue{color:#8be9fd}.cl-string{color:#f1fa8c}.cl-red{color:#ff5f56}.btn{border-radius:4px;cursor:pointer;display:inline-block;font-family:var(--font-code);font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s ease}.btn--primary{background:rgba(0,242,255,.1);border:1px solid var(--accent-primary);box-shadow:0 0 20px rgba(0,242,255,.15);color:var(--accent-primary)}.btn--primary:hover{background:var(--accent-primary);box-shadow:0 0 40px rgba(0,242,255,.5);color:var(--bg-deep);transform:translateY(-2px)}.archive-main{background-color:var(--bg-deep);color:var(--text-main);min-height:100vh;overflow:hidden;padding-bottom:120px;padding-top:140px;position:relative}.archive-main:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");content:"";height:100%;left:0;opacity:.05;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.archive-main:after{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.archive-inner{padding-inline:20px;position:relative;z-index:1}.search-form{margin:2rem auto 4rem;max-width:600px;position:relative}.search-form input[type=search]{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:50px;color:var(--text-main);font-family:var(--font-code);padding:12px 20px;transition:.3s;width:100%}.search-form input[type=search]:focus{background:rgba(0,0,0,.8);border-color:var(--accent-primary);box-shadow:0 0 15px rgba(0,242,255,.2);outline:none}.archive-list{display:grid;gap:2rem;grid-template-columns:1fr;margin-top:3rem}.archive-item{background:rgba(17,17,17,.6);position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.3);height:100%;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.archive-item a:not(.works-btn){color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.archive-item:hover{border-color:var(--accent-primary);box-shadow:0 20px 40px rgba(0,0,0,.5),0 0 20px rgba(0,242,255,.1);transform:translateY(-8px)}.archive-item--works{display:flex;flex-direction:column}.archive-item--works .archive-item-link{color:inherit;display:flex;flex-direction:column;flex-grow:1;height:auto;text-decoration:none}.archive-item-img{aspect-ratio:16/9;width:100%;-o-object-fit:cover;border-bottom:1px solid rgba(255,255,255,.05);filter:grayscale(30%);object-fit:cover;transition:transform .6s ease}.archive-item:hover .archive-item-img{filter:grayscale(0%);transform:scale(1.05)}.archive-item-body{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.archive-item-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tech-pill{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-muted);cursor:default;font-family:var(--font-code);font-size:.75rem;padding:4px 8px}.archive-item-title{-webkit-line-clamp:2;color:var(--text-main);display:-webkit-box;font-size:1.2rem;font-weight:700;line-height:1.5;margin-bottom:.8rem;transition:color .3s;-webkit-box-orient:vertical;overflow:hidden}.archive-item-title--works{-webkit-line-clamp:unset;color:var(--text-muted);display:block;font-size:.95rem;font-weight:500;line-height:1.6}.archive-item:hover .archive-item-title{color:var(--accent-primary)}.archive-item-excerpt{color:var(--text-muted);flex-grow:1;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;opacity:.8}.archive-item-actions{align-items:flex-start;display:flex;gap:12px;margin-top:auto;padding:0 1.5rem 1.5rem}.works-btn-group{display:flex;flex:1;flex-direction:column;gap:8px}.works-btn{align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-muted);display:inline-flex;font-family:var(--font-code);font-size:.85rem;font-weight:600;gap:8px;justify-content:center;line-height:1.2;padding:10px;text-decoration:none;transition:all .3s ease}.works-btn.works-btn--github{flex:1}.works-btn.works-btn--site{width:100%}.works-btn svg{transition:.3s}.works-btn:hover{border-color:transparent;color:var(--bg-deep);transform:translateY(-2px)}.works-btn--github:hover{background:var(--text-main);box-shadow:0 0 15px rgba(255,255,255,.3);color:var(--bg-deep)}.works-btn--site:hover{background:var(--accent-primary);box-shadow:0 0 15px rgba(0,242,255,.4);color:var(--bg-deep)}.demo-credentials{background:rgba(0,0,0,.2);border-radius:4px;color:var(--text-muted);font-family:var(--font-code);font-size:.75rem;line-height:1.4;padding:4px;text-align:center}.pagination,.nav-links{display:flex;font-family:var(--font-code);gap:10px;justify-content:center;margin-top:4rem}.pagination .page-numbers,.nav-links .page-numbers{align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-muted);display:flex;height:40px;justify-content:center;text-decoration:none;transition:.3s;width:40px}.pagination .page-numbers.current,.pagination .page-numbers:hover,.nav-links .page-numbers.current,.nav-links .page-numbers:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 15px rgba(0,242,255,.4);color:var(--bg-deep);font-weight:700}.pagination .page-numbers.next,.pagination .page-numbers.prev,.nav-links .page-numbers.next,.nav-links .page-numbers.prev{padding:0 15px;width:auto}.heading-container{display:inline-block;left:50%;margin-bottom:4rem;padding:1.5rem 3rem;position:relative;text-align:center;transform:translateX(-50%)}.heading-container:before{border-left:2px solid var(--accent-primary);border-top:2px solid var(--accent-primary);box-shadow:-2px -2px 10px rgba(0,242,255,.5);content:"";height:20px;left:0;position:absolute;top:0;width:20px}.heading-container:after{border-bottom:2px solid var(--accent-primary);border-right:2px solid var(--accent-primary);bottom:0;box-shadow:2px 2px 10px rgba(0,242,255,.5);content:"";height:20px;position:absolute;right:0;width:20px}.heading-jp{color:#fff;font-family:"Noto Sans JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.1em;line-height:1.4;margin-bottom:.5rem;position:relative;text-shadow:0 0 10px rgba(0,242,255,.6);z-index:1}.heading-underline{background:rgba(255,255,255,.1);height:1px;margin:0 auto 1rem;overflow:hidden;position:relative;width:100%}.heading-underline:after{animation:scan-line 2.5s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}.heading-en{color:var(--accent-primary);font-family:var(--font-code);font-size:.85rem;letter-spacing:.2em;opacity:.8;text-transform:uppercase}.heading-en:before{color:var(--text-muted);content:"[ system: ";opacity:.6}.heading-en:after{color:var(--text-muted);content:" ]";opacity:.6}.page-privacy-main{margin-top:120px}.page-privacy-body{font-size:1rem;line-height:1.8;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:880px;padding:0 1.5rem 4rem;text-align:left;width:100%}.page-privacy-body a{border-bottom:1px solid rgba(0,242,255,.3);color:var(--accent-primary);text-decoration:none;transition:all .3s}.page-privacy-body a:hover{background:rgba(0,242,255,.1);border-bottom-color:var(--accent-primary);text-shadow:0 0 10px rgba(0,242,255,.4)}.page-privacy-body p{margin-bottom:2em}.page-privacy-body #toc_container{background:#0d1117;border:1px solid var(--accent-primary);border-radius:8px;box-shadow:0 0 20px rgba(0,242,255,.05);box-sizing:border-box;margin:3rem auto;padding:1.5rem 2rem;position:relative;width:-moz-fit-content;width:fit-content}.page-privacy-body #toc_container .toc_title{color:var(--accent-primary);display:block;font-family:var(--font-code);font-size:1.1rem;margin-bottom:1rem;text-align:center}.page-privacy-body #toc_container .toc_title:before{content:"<";margin-right:.5em;opacity:.5}.page-privacy-body #toc_container .toc_title:after{content:" />";margin-left:.5em;opacity:.5}.page-privacy-body #toc_container ul{list-style:none;margin:0;padding:0}.page-privacy-body #toc_container li{margin-bottom:.5em}.page-privacy-body #toc_container li:before{content:none}.page-privacy-body #toc_container li a{border:none;color:var(--text-muted);display:block;font-size:.95rem;padding:4px 0;text-decoration:none;transition:.2s}.page-privacy-body #toc_container li a:hover{color:var(--text-main);transform:translateX(5px)}.page-privacy-body #toc_container ul ul{border-left:1px solid rgba(255,255,255,.1);margin-left:1.5em;margin-top:.5em;padding-left:1em}.page-privacy-body h2{border-bottom:2px solid var(--accent-primary);color:#fff;font-size:1.6rem;font-weight:700;margin:4rem 0 2rem;padding-bottom:.5rem;position:relative}.page-privacy-body h2:after{background:#fff;bottom:-2px;box-shadow:0 0 10px var(--accent-primary);content:"";height:2px;left:0;position:absolute;width:30%}.page-privacy-body h3{font-family:var(--font-code);font-size:1.4rem;font-weight:700;margin:3.5rem 0 1.5rem;padding-left:1.2em;position:relative}.page-privacy-body h3:before{color:var(--accent-secondary);content:">";font-weight:700;left:0;position:absolute}.page-privacy-body h4{border-left:4px solid var(--accent-success);color:var(--text-main);font-size:1.2rem;margin:3rem 0 1.5rem;padding-left:1rem}.page-privacy-body ul,.page-privacy-body ol{list-style:none;margin-bottom:2em;padding-left:0}.page-privacy-body li{margin-bottom:.8em;padding-left:1.5em;position:relative}.page-privacy-body li:before{background:var(--accent-primary);border-radius:50%;box-shadow:0 0 8px var(--accent-primary);content:"";height:6px;left:0;position:absolute;top:.6em;width:6px}.page-privacy-body blockquote{background:rgba(255,255,255,.05);border-left:4px solid var(--text-muted);border-radius:0 8px 8px 0;color:var(--text-muted);font-style:italic;margin:2rem 0;padding:1.5rem}.page-privacy-body .wp-block-code{background:#1e1e1e;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-family:var(--font-code);font-size:.9em;margin-bottom:2em;overflow-x:auto;padding:1.5em}.page-privacy-body .wp-block-code code{background:0 0;color:#ce9178}.page-privacy-body :not(pre)>code{background:rgba(255,255,255,.1);border-radius:4px;color:var(--accent-success);font-family:var(--font-code);font-size:.9em;padding:.2em .4em}.page-privacy-body .wp-block-image img,.page-privacy-body .wp-block-video video,.page-privacy-body .wp-block-embed__wrapper iframe{border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.3);display:block;height:auto;margin:2rem auto;max-width:100%}.page-privacy-body .wp-block-separator{background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);border:none;height:1px;margin:3rem 0;opacity:.5}.bg-effect__noise{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");height:100%;left:0;opacity:.05;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.bg-effect__grid{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-2}.bg-glow{animation:pulse 5s infinite alternate;border-radius:50%;filter:blur(80px);pointer-events:none;position:fixed;z-index:-1}.bg-glow--primary{background:var(--accent-secondary);height:50vw;left:-10vw;opacity:.4;top:-10vh;width:50vw}.bg-glow--secondary{animation-delay:2s;background:rgba(0,242,255,.2);bottom:10vh;height:40vw;opacity:.4;right:-10vw;width:40vw}.l-container{margin-inline:auto;max-width:1200px;padding-inline:40px;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.header{align-items:center;background:rgba(5,5,5,.7);display:flex;height:80px;justify-content:space-between;padding:0 20px;position:fixed;top:0;width:100%;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}.header__logo{font-family:var(--font-code);font-size:1.5rem;font-weight:700;letter-spacing:-.05em;position:relative;z-index:1002}.header__logo-accent{color:var(--accent-primary)}.header__logo-sub{color:var(--text-muted)}.nav-desktop__list{align-items:center;display:flex;gap:40px}.nav-desktop__link{align-items:center;color:var(--text-muted);display:flex;font-family:var(--font-code);font-size:.9rem;position:relative}.nav-desktop__link:hover{color:var(--text-main)}.nav-desktop__link:not(.nav-desktop__link--icon-only):after{background:var(--accent-primary);bottom:-5px;content:"";height:1px;left:0;position:absolute;transition:.3s;width:0}.nav-desktop__link:not(.nav-desktop__link--icon-only):hover:after{width:100%}.nav-desktop__link--icon-only:hover{color:var(--accent-primary);transform:scale(1.1)}.hamburger{background:0 0;border:none;cursor:pointer;display:block;height:24px;margin-left:auto;padding:0;position:relative;width:30px;z-index:1003}.hamburger__line{background-color:var(--text-main);border-radius:2px;display:block;height:2px;left:0;position:absolute;transition:.3s;width:100%}.hamburger__line:nth-child(1){top:0}.hamburger__line:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger__line:nth-child(3){bottom:0}.hamburger--active .hamburger__line:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.hamburger--active .hamburger__line:nth-child(2){opacity:0}.hamburger--active .hamburger__line:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.nav-mobile{background-color:rgba(5,5,5,.98);height:100vh;left:0;position:fixed;top:0;width:100vw;-webkit-backdrop-filter:blur(10px);align-items:center;backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;transition:.3s ease;z-index:900}.nav-mobile--active{opacity:1;pointer-events:auto}.nav-mobile__list{display:flex;flex-direction:column;gap:40px;text-align:center}.nav-mobile__link{color:var(--text-main);font-family:var(--font-code);font-size:1.5rem;font-weight:600}.nav-mobile__link:hover{color:var(--accent-primary)}.footer{border-top:1px solid rgba(255,255,255,.05);color:var(--text-muted);font-family:var(--font-code);font-size:.8rem;padding:40px 0;text-align:center}.footer__bottom{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:12px}.footer__link{color:var(--text-muted);opacity:.7;transition:.3s}.footer__link:hover{color:var(--accent-primary);opacity:1}.footer__copyright{opacity:.7}.single-tags{display:flex;gap:.5rem;margin-top:.5rem}.single-tag-link{background-color:var(--bg-sub);border-radius:8px;color:var(--text-main);font-weight:700;padding-block:.2rem .35rem;padding-inline:.5rem;transition:all .3s ease}.single-tag-link:hover{color:var(--accent-primary);opacity:.6}.tag-tags .single-tag-link{background-color:var(--bg-sub)}.pagination-archive{display:flex;gap:2rem;justify-content:center;margin-top:2rem}.pagination-archive a{transition:all .3s ease}.pagination-archive a:hover{color:var(--accent-primary);opacity:.7}.page-numbers{align-items:center;background-color:var(--bg-sub);border-radius:50%;color:var(--text-main);display:flex;font-weight:700;height:2.5rem;justify-content:center;width:2.5rem}.page-numbers.current{color:var(--accent-primary)}.pagination-single{align-items:stretch;display:flex;font-family:var(--font-code);gap:10px;justify-content:space-between;margin-top:4rem;width:100%}.pagination-single-prev,.pagination-single-list,.pagination-single-next{align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-muted);display:flex;font-size:.85rem;justify-content:center;line-height:1.2;padding:12px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.pagination-single-prev:hover,.pagination-single-list:hover,.pagination-single-next:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 15px rgba(0,242,255,.4);color:var(--bg-deep);opacity:1;transform:translateY(-2px)}.pagination-single-prev{margin-right:auto}.pagination-single-prev:before{color:var(--accent-primary);content:"<";font-weight:700;margin-right:8px;transition:color .3s}.pagination-single-prev:hover:before{color:var(--bg-deep)}.pagination-single-next{flex-direction:row-reverse;margin-left:auto}.pagination-single-next:before{color:var(--accent-primary);content:">";font-weight:700;margin-left:8px;transition:color .3s}.pagination-single-next:hover:before{color:var(--bg-deep)}.pagination-single-list{font-weight:700;letter-spacing:.05em}.pagination-single-list:before{color:var(--accent-secondary);content:"///";font-size:.7em;letter-spacing:-2px;margin-right:8px;transition:color .3s}.pagination-single-list:hover:before{color:var(--bg-deep)}.u-sp-hide{display:none}.pagination-contents-wrap{margin-top:2rem;text-align:center}.pagination-contents-text{color:var(--text-main);font-size:1.5rem;font-weight:700}.contents-pagination{display:flex;gap:2rem;justify-content:center;margin-top:.1rem}.post-page-numbers{background-color:var(--bg-sub);border-radius:50%;display:flex;font-size:2rem;font-weight:700;height:3rem;justify-content:center;width:3rem}.post-page-numbers span{color:var(--text-main);transform:translateY(-1px)}.post-page-numbers.current span{color:var(--accent-primary)}.contents-pagination a{text-decoration:none}.contents-pagination a:hover{opacity:.7}.contents-pagination a:hover span{color:var(--accent-primary)}.section{padding-top:120px}.section__header{margin-bottom:60px}.section__title{font-size:2.5rem;font-weight:700;margin-bottom:16px}.section__subtitle{color:var(--accent-primary);font-family:var(--font-code)}.heading-container{display:inline-block;margin-bottom:4rem;padding:1.5rem 3rem;position:relative;text-align:center}.heading-container:before{border-left:2px solid var(--accent-primary);border-top:2px solid var(--accent-primary);box-shadow:-2px -2px 10px rgba(0,242,255,.5);content:"";height:20px;left:0;position:absolute;top:0;width:20px}.heading-container:after{border-bottom:2px solid var(--accent-primary);border-right:2px solid var(--accent-primary);bottom:0;box-shadow:2px 2px 10px rgba(0,242,255,.5);content:"";height:20px;position:absolute;right:0;width:20px}.heading-jp{color:#fff;font-family:"Noto Sans JP","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.1em;line-height:1.4;margin-bottom:.5rem;position:relative;text-shadow:0 0 10px rgba(0,242,255,.6);z-index:1}.heading-underline{background:rgba(255,255,255,.1);height:1px;margin:0 auto 1rem;overflow:hidden;position:relative;width:100%}.heading-underline:after{animation:scan-line 2.5s cubic-bezier(.4,0,.2,1) infinite;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}.heading-en{color:var(--accent-primary);font-family:var(--font-code);font-size:.85rem;letter-spacing:.2em;opacity:.8;text-transform:uppercase}.heading-en:before{color:var(--text-muted);content:"[ system: ";opacity:.6}.heading-en:after{color:var(--text-muted);content:" ]";opacity:.6}.search-form{align-items:center;display:flex;font-family:var(--font-code);justify-content:center;margin:2rem auto 4rem;max-width:500px;position:relative}.search-form label{align-items:center;display:flex;flex-grow:1;position:relative}.search-field{background:rgba(17,17,17,.6);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:var(--text-main);font-size:1rem;padding:14px 50px 14px 24px;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 15px rgba(0,0,0,.2);outline:none;transition:all .3s ease}.search-field::-moz-placeholder{color:var(--text-muted);font-size:.9rem;opacity:.6}.search-field::placeholder{color:var(--text-muted);font-size:.9rem;opacity:.6}.search-field:focus{background:rgba(5,5,5,.9);border-color:var(--accent-primary);box-shadow:0 0 15px rgba(0,242,255,.2),inset 0 0 10px rgba(0,242,255,.05)}.search-submit{align-items:center;background:0 0;border:none;border-radius:50%;color:var(--accent-primary);cursor:pointer;display:flex;font-size:0;height:40px;justify-content:center;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:.3s;width:40px}.search-submit:before{border:2px solid currentColor;border-radius:50%;content:"";display:block;height:18px;left:10px;position:absolute;top:10px;width:18px}.search-submit:after{background:currentColor;bottom:10px;content:"";display:block;height:8px;position:absolute;right:10px;transform:rotate(-45deg);width:2px}.search-submit:hover{background:rgba(0,242,255,.1);box-shadow:0 0 10px rgba(0,242,255,.3)}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.search-results-header{border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:40px;padding-bottom:20px;text-align:center}.search-results-title{color:var(--text-main);font-size:1.8rem;font-weight:700}.search-results-title span{color:var(--accent-primary);font-family:var(--font-code);padding:0 .2em;text-shadow:0 0 10px rgba(0,242,255,.3)}.search-results-not-founds{color:var(--text-muted);font-size:1.1rem;margin-top:3rem;text-align:center}.grecaptcha-badge{visibility:hidden}.u-fade-in-up{opacity:0;transform:translateY(30px);transition:.8s cubic-bezier(.16,1,.3,1)}.is-visible{opacity:1;transform:translateY(0)}.icon{height:20px;width:20px;stroke-width:2}@media screen and (min-width:550px){.archive-inner{margin-inline:auto;max-width:70%}}@media (min-width:600px) and (max-width:768px){.hero__content{margin-left:auto;margin-right:auto;max-width:70%}.about__grid{margin-left:auto;margin-right:auto;max-width:70%}.works__grid{margin-left:auto;margin-right:auto;max-width:70%}.journal__list{margin-left:auto;margin-right:auto;max-width:70%}.contact__content{margin-left:auto;margin-right:auto;max-width:70%}}@media screen and (min-width:768px){.single-inner{padding:60px}.single-title{font-size:2.2rem}.single-body{font-size:1.05rem}.archive-inner{max-width:1200px;padding-inline:40px;width:100%}.archive-list{grid-template-columns:repeat(2,1fr)}.heading-jp{font-size:2.8rem}.page-privacy-main{margin-top:115px}.page-privacy-body{font-size:1.05rem}.header{padding:0 40px}.hamburger{display:none}.pagination-single{gap:20px;justify-content:center}.pagination-single-prev,.pagination-single-list,.pagination-single-next{font-size:.9rem;min-width:140px;padding:14px 24px}.u-sp-hide{display:inline}.heading-jp{font-size:2.8rem}}@media screen and (min-width:1200px){.archive-list{gap:2.5rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.hero__content{gap:50px;grid-template-columns:1fr;text-align:center}.hero__text-wrapper{align-items:center;margin:0 auto;max-width:700px}.code-mockup{margin:0 auto;max-width:650px;text-align:left;transform:none;width:100%}.code-mockup:hover{transform:none}.about__grid{gap:50px;grid-template-columns:1fr;justify-items:center}.about__image-wrapper{max-width:400px;position:static;width:100%}.about__text{max-width:700px}.nav-desktop__list{gap:20px}}@media (max-width:900px){.contact-wrapper{gap:60px;grid-template-columns:1fr;margin:0 auto;max-width:600px}}@media (max-width:768px){.hero__content{gap:40px;grid-template-columns:1fr;justify-items:center;text-align:center}.hero__tag{margin:0 auto 20px}.hero__title{font-size:2.5rem}.hero__text-wrapper{align-items:center;display:flex;flex-direction:column}.hero__desc{margin:0 auto 40px}.code-mockup{font-size:.8rem;margin-top:20px;text-align:left;transform:none;width:100%}.about__grid{gap:40px;grid-template-columns:1fr;justify-items:center}.about__image-wrapper{margin:0 auto;max-width:300px}.works__grid{grid-template-columns:1fr}.journal-item{gap:12px;grid-template-columns:1fr}.journal-item__date{font-size:.8rem;margin-bottom:4px}.journal-item__arrow{display:none}.journal__view-all{justify-content:center;margin-top:40px}.contact__text{display:inline-block;text-align:left}.contact__text br{display:none}.page-header{padding-bottom:40px;padding-top:140px}.page-header__title{font-size:2.5rem}.l-container{padding-inline:20px}.nav-desktop{display:none}.section{padding:60px 0}.section__header{margin-bottom:40px}.section__title{font-size:2rem}}@media (max-width:600px){.contact-form{padding:30px 20px}}@media (max-width:580px){.works__footer{align-items:flex-end;flex-direction:column;gap:16px}}@keyframes shine{0%{background-position:100% 0}100%{background-position:-100% 0}}@keyframes blink{50%{opacity:0}}@keyframes glitch-skew{0%{transform:skew(0deg)}20%{transform:skew(-2deg)}40%{transform:skew(2deg)}60%{transform:skew(-1deg)}80%{transform:skew(1deg)}100%{transform:skew(0deg)}}@keyframes glitch-anim-1{0%{clip:rect(20px,9999px,80px,0)}20%{clip:rect(100px,9999px,140px,0)}40%{clip:rect(60px,9999px,20px,0)}60%{clip:rect(10px,9999px,50px,0)}80%{clip:rect(120px,9999px,150px,0)}100%{clip:rect(30px,9999px,90px,0)}}@keyframes glitch-anim-2{0%{clip:rect(120px,9999px,150px,0)}20%{clip:rect(10px,9999px,50px,0)}40%{clip:rect(90px,9999px,130px,0)}60%{clip:rect(30px,9999px,70px,0)}80%{clip:rect(60px,9999px,20px,0)}100%{clip:rect(100px,9999px,140px,0)}}@keyframes scan-line{0%{left:-100%}50%{left:100%}100%{left:100%}}@keyframes pulse{0%{opacity:.3}100%{opacity:.6}}@keyframes scan-line{0%{left:-100%}50%{left:100%}100%{left:100%}}