#root{min-height:100%}:root{--ink: #1a1a1a;--bg: #ffffff;--muted: #666;--faint: #999;--cursor-size: 150px;--ease-out: cubic-bezier(.16, 1, .3, 1)}html.is-home,html.is-home body,body.is-home{height:100%;width:100%;background:var(--bg);color:var(--ink);font-family:Gaegu,cursive;overflow:hidden}html.is-home #root{height:100%}.home{position:relative;width:100%;height:100vh;display:flex;align-items:center;justify-content:flex-start;padding:0;background:var(--bg);cursor:none;isolation:isolate;overflow:hidden}.home *{cursor:none}.home:before,.home:after{content:"";position:absolute;width:32vw;height:32vw;max-width:480px;max-height:480px;border-radius:50%;filter:blur(70px);opacity:.58;pointer-events:none;z-index:-1}.home:before{top:-22vw;right:-16vw;background:#ffe1ec}.home:after{bottom:-23vw;left:-17vw;background:#e2f7e8}.sticker-sheet{position:relative;width:auto;height:100vh;aspect-ratio:1280 / 832;z-index:1;flex:0 0 auto}.profile-panel{position:absolute;right:0;width:25vw;padding:0 clamp(10px,3vw,48px);border-left:1px solid var(--ink);font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.55;z-index:1}.profile-panel p+p{margin-top:4px}.profile-panel strong{font-weight:700}.profile-tagline{font-size:.72em;color:#b0b0b0}.profile-socials{display:flex;gap:14px;margin-top:20px;font-size:.78em}.profile-socials a{position:relative;color:var(--ink);text-decoration:none}.profile-socials a:after{content:"";position:absolute;left:0;right:0;bottom:-.5px;height:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='3' viewBox='0 0 6 3'%3E%3Cpath d='M0 1.5 Q1.5 -0.5 3 1.5 T6 1.5' fill='none' stroke='%231a1a1a' stroke-width='1'/%3E%3C/svg%3E") repeat-x left bottom;opacity:0;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease}.profile-socials a:hover:after,.profile-socials a:focus-visible:after{opacity:1;transform:translateY(0)}@media(max-width:800px){.home{padding:24px}.sticker-sheet{width:100%;height:auto}.profile-panel{display:none}}.sticker-sheet a{display:contents}.sticker{position:absolute;transform:rotate(var(--r, 0deg)) scale(1.12);transition:transform .25s var(--ease-out),filter .25s ease;will-change:transform}.sticker:hover{animation:stickerShake .38s ease-in-out infinite;z-index:10}@keyframes stickerShake{0%,to{transform:rotate(var(--r, 0deg)) translate(0) scale(1.18)}12%{transform:rotate(calc(var(--r, 0deg) - 1.4deg)) translate(-2px,-1px) scale(1.17)}27%{transform:rotate(calc(var(--r, 0deg) + .8deg)) translate(1px,2px) scale(1.19)}43%{transform:rotate(calc(var(--r, 0deg) - .7deg)) translate(-1px) scale(1.16)}59%{transform:rotate(calc(var(--r, 0deg) + 1.2deg)) translate(2px,-2px) scale(1.19)}76%{transform:rotate(calc(var(--r, 0deg) - 1deg)) translate(-2px,1px) scale(1.17)}91%{transform:rotate(calc(var(--r, 0deg) + .5deg)) translate(1px) scale(1.18)}}.sticker-about{height:16%;left:9%;top:20%;--r: -4deg}.sticker-coding{height:19%;left:40%;top:30%;--r: 3deg}.sticker-design{height:18%;left:70%;top:23%;--r: -3deg}.sticker-album{height:18%;left:17%;top:60%;--r: 4deg}.sticker-food{height:16%;left:60%;top:60%;--r: -2deg}#custom-cursor{position:fixed;top:0;left:0;width:var(--cursor-size);height:auto;pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s ease}#custom-cursor.show{opacity:1}#intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 18% 18%,#eee7ff 0,transparent 34%),radial-gradient(circle at 82% 78%,#e3f1ff 0,transparent 38%),var(--bg);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease,visibility .5s ease}#intro-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}#intro-button{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:none;padding:0;margin:0;cursor:pointer}.intro-content{text-align:center;pointer-events:none;animation:fadeInUp .8s ease}.tweezer-demo{display:block;width:120px;height:auto;margin:0 auto 24px;animation:tweezerFloat 2.2s ease-in-out infinite;will-change:transform}.intro-title{font-size:3rem;font-weight:700;margin-bottom:12px}.intro-instruction{font-size:1.6rem;color:var(--muted);margin-bottom:28px}.intro-click{font-size:1.2rem;color:var(--faint);animation:fadeInOut 2s ease-in-out infinite}@keyframes tweezerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInOut{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}:root{--ink: #1a1a1a;--bg: #ffffff;--muted: #666;--faint: #999;--line: #e7e7e7;--ease-out: cubic-bezier(.16, 1, .3, 1);--nav-height: 64px}*{margin:0;padding:0;box-sizing:border-box}html.is-subpage{scroll-behavior:smooth}body.is-subpage{font-family:Gaegu,cursive;background:var(--bg);color:var(--ink);min-height:100vh;overflow-x:hidden}::selection{background:#eee7ff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:8px;border:3px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--faint)}*{scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}body.is-subpage:before,body.is-subpage:after{content:"";position:fixed;width:34vw;height:34vw;max-width:460px;max-height:460px;border-radius:50%;filter:blur(80px);opacity:.5;pointer-events:none;z-index:-1}body.is-subpage:before{top:-20vw;right:-14vw;background:#eee7ff}body.is-subpage:after{bottom:-21vw;left:-15vw;background:#e3f1ff}.progress{position:fixed;top:0;left:0;height:2px;width:0;background:var(--ink);z-index:1001}.page-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,48px);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:1000}.nav-name{font-size:1.35rem;font-weight:700;color:var(--ink);text-decoration:none}.nav-links{display:flex;gap:22px;font-size:1.05rem}.nav-links a,.squiggle{position:relative;color:var(--muted);text-decoration:none;transition:color .2s ease}.nav-links a:hover,.squiggle:hover,.nav-links a.active{color:var(--ink)}.nav-links a:after,.squiggle:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='3' viewBox='0 0 6 3'%3E%3Cpath d='M0 1.5 Q1.5 -0.5 3 1.5 T6 1.5' fill='none' stroke='%231a1a1a' stroke-width='1'/%3E%3C/svg%3E") repeat-x left bottom;opacity:0;transform:translateY(2px);transition:opacity .2s ease,transform .2s ease}.nav-links a:hover:after,.nav-links a.active:after,.squiggle:hover:after{opacity:1;transform:translateY(0)}.page{max-width:1080px;margin:0 auto;padding:calc(var(--nav-height) + clamp(48px,9vh,96px)) clamp(20px,4vw,48px) 80px}.page-hero{margin-bottom:clamp(48px,8vh,88px)}.hero-label{font-size:.95rem;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-bottom:14px}.page-hero h1{font-size:clamp(2.6rem,6vw,4.2rem);font-weight:700;line-height:1.05;margin-bottom:16px}.hero-sub{font-size:1.3rem;color:var(--muted);max-width:560px;line-height:1.5}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{display:block;color:var(--ink);text-decoration:none;border:1px solid var(--line);border-radius:18px;background:var(--bg);overflow:hidden;transition:transform .4s var(--ease-out),border-color .3s ease,box-shadow .4s var(--ease-out)}.project-card:hover{transform:translateY(-6px);border-color:var(--ink);box-shadow:0 18px 40px -22px #1a1a1a47}.card-thumb{position:relative;aspect-ratio:16 / 10;background:var(--thumb, #eee7ff);overflow:hidden}.card-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease-out)}.project-card:hover .card-thumb img{transform:scale(1.04)}.card-body{padding:18px 22px 22px}.card-body h2{font-size:1.5rem;font-weight:700;line-height:1.15;margin-bottom:10px}.card-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:.92rem;padding:2px 12px;border:1px solid var(--line);border-radius:50px;color:var(--muted);white-space:nowrap}.card-soon{border-style:dashed;display:flex;align-items:center;justify-content:center;min-height:260px;color:var(--faint);font-size:1.2rem}.card-soon:hover{transform:none;border-color:var(--line);box-shadow:none}.detail-hero{margin-bottom:clamp(40px,7vh,72px)}.detail-hero .hero-sub{margin-bottom:20px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.hero-link{font-size:1.1rem;color:var(--ink);text-decoration:none}.detail-section{margin-bottom:clamp(56px,9vh,96px)}.section-label{font-size:.92rem;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:28px}.detail-section p{font-size:1.22rem;line-height:1.65;color:var(--muted);max-width:720px}.detail-section p+p{margin-top:14px}.detail-media{width:100%;border-radius:14px;border:1px solid var(--line);overflow:hidden;background:#fafafa}.detail-media video,.detail-media img{width:100%;display:block}.media-placeholder{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:1.2rem;background:var(--thumb, #f4f1ff)}.highlights{list-style:none;max-width:720px}.highlights li{position:relative;font-size:1.18rem;line-height:1.55;color:var(--muted);padding:14px 0 14px 34px}.highlights li+li{border-top:1px solid var(--line)}.highlights li:before{content:"—";position:absolute;left:0;color:var(--ink)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.feature-grid figure{margin:0}.feature-grid img{width:100%;display:block;border-radius:14px;border:1px solid var(--line)}.feature-grid figcaption{margin-top:10px;font-size:1.02rem;color:var(--faint);line-height:1.4}.detail-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;border-top:1px solid var(--line);font-size:1.1rem}.detail-footer a{color:var(--ink);text-decoration:none}.coming{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--nav-height) 24px 24px}.coming .hero-label{margin-bottom:18px}.coming h1{font-size:clamp(2.8rem,7vw,4.5rem);font-weight:700;margin-bottom:10px}.coming p{font-size:1.35rem;color:var(--muted);margin-bottom:34px}.coming .squiggle{font-size:1.15rem;color:var(--ink)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:var(--d, 0s)}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.project-grid,.feature-grid{grid-template-columns:1fr}.nav-links{gap:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}html.is-coding{scroll-snap-type:y mandatory;scroll-padding-top:var(--nav-height)}.cookie-section{scroll-snap-align:start}.cookie-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.cookie-bg img{position:absolute;width:var(--size, 110px);left:var(--x);top:var(--y);transform:rotate(var(--r, 0deg)) scaleX(var(--flip, 1));filter:drop-shadow(0 6px 12px rgba(26,26,26,.12))}.hero-banner{min-height:32vh;margin-top:var(--nav-height);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;background:var(--bg);padding:24px;padding-left:calc(max((100vw - 1080px) / 2,0px) + clamp(20px,4vw,48px));scroll-snap-align:start;scroll-snap-stop:always;position:relative}.hero-banner h1{font-size:clamp(2.2rem,4.5vw,3.2rem);font-weight:700;line-height:1.05;margin-bottom:12px}.hero-banner .hero-label{font-size:.85rem;margin-bottom:10px}.hero-banner .hero-sub{max-width:520px;font-size:1.1rem}.hero-scroll{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:1rem;color:var(--faint)}.about-socials{display:flex;gap:20px;justify-content:center;margin-bottom:34px;font-size:1.15rem}