@font-face{font-family:STK Miso;src:url(/fonts/natural/STKMisoVariableComplete.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:GT Standard Mono;src:url(/fonts/natural/GT-Standard-Mono-Standard-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--background:#ffffff;--text:#0a0a0a;--text-secondary:#6b6b6b;--accent:#e0e0e0;--link:#0a0a0a;--link-hover:#000000;--ease-out-quart:cubic-bezier(0.165,0.84,0.44,1)}*{margin:0;padding:0;box-sizing:border-box}::selection{color:#3b82f6;background:#dbeafe}::-moz-selection{color:#3b82f6;background:#dbeafe}html{font-size:15px}@media(max-width:600px){html{font-size:14px}}@media(max-width:380px){html{font-size:13px}}body{font-family:STK Miso,Arial,sans-serif;background-color:var(--background);color:var(--text);line-height:1.5;font-size:1rem;font-weight:400;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.underline-link{text-decoration:underline;text-underline-offset:3px}.shine-hover{display:inline;color:rgba(0,0,0,0);cursor:crosshair;background-image:linear-gradient(in oklch 120deg,var(--text) 0,var(--text) 33%,#fad150 42%,#cf1d43 58%,var(--text) 67%,var(--text) 100%);background-size:300% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text}.shine-hover.is-shining,.shine-hover:focus-visible{animation:shine-sweep 1s var(--ease-out-quart)}@keyframes shine-sweep{0%{background-position:100% 50%}to{background-position:0 50%}}.intro-section p{color:var(--text-secondary)}.intro-emphasis-link{color:var(--text);font-size:1.04em}section>p:first-child{font-size:15px}@media(max-width:600px){section>p:first-child{font-size:14px}}a{color:var(--link);text-decoration:none;border-bottom:none;padding-bottom:0;transition:color .2s ease;-webkit-tap-highlight-color:hsla(0,0%,100%,.1)}a.active-touch,a:hover{color:var(--link-hover)}a.active-touch{border-color:var(--link-hover);opacity:.8}@media(max-width:480px){a{padding:4px 0}}.container{max-width:700px;margin:0 auto;padding:80px 20px}@media(max-width:768px){.container{padding:60px 20px}}@media(max-width:480px){.container{padding:40px 16px}}header{margin-bottom:60px}@media(max-width:480px){header{margin-bottom:40px}}h1{font-size:1.72rem;font-weight:400;line-height:1.2;margin-bottom:5px}.subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.35}section{margin-bottom:50px}@media(max-width:480px){section{margin-bottom:40px}}section p{margin-bottom:20px}@media(max-width:480px){section p{margin-bottom:16px}}section p:last-child{margin-bottom:0}h2{font-size:1.25rem;font-weight:400;line-height:1.25;margin-bottom:20px}@media(max-width:480px){h2{margin-bottom:15px}}.project{margin-bottom:30px}@media(max-width:480px){.project{margin-bottom:25px}}.project h3{font-size:1.18rem;font-weight:400;line-height:1.25;margin-bottom:5px;display:flex;justify-content:space-between;align-items:center}@media(max-width:480px){.project h3{flex-direction:column;align-items:flex-start;gap:5px}}.project h3 .year{color:var(--text-secondary);font-size:.875rem;font-weight:400}.project h3 a{border-bottom:none;display:inline-block}@media(max-width:480px){.project h3 a{padding:5px 0}}.project p{color:var(--text-secondary);margin-bottom:10px}.research-list{padding-left:36px;display:flex;flex-direction:column;gap:14px}.research-list li{color:var(--text-secondary);line-height:1.6;padding-left:4px}.research-list li a{color:var(--text);text-decoration:underline;text-underline-offset:3px}.research-list li a:hover{color:var(--link-hover)}.blog-post{margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}@media(max-width:580px){.blog-post{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:20px}}.blog-post a{font-size:1rem;border-bottom:none;display:inline-block}@media(max-width:480px){.blog-post a{padding:5px 0;margin-bottom:3px}}.blog-post .views{color:var(--text-secondary);font-size:.875rem;white-space:nowrap}.note{padding:20px;border:1px solid var(--accent);margin-bottom:20px}@media(max-width:480px){.note{padding:15px}}.note h3{font-size:1.125rem;font-weight:400}.note h3,.note p{margin-bottom:10px}.note .date,.note p{color:var(--text-secondary)}.note .date{font-size:.875rem}.contact{display:flex;gap:15px;margin-bottom:20px}@media(max-width:580px){.contact{flex-direction:column;gap:10px}}@media(max-width:480px){.contact p{line-height:1.8}}.contact a{margin-right:5px}@media(max-width:480px){.contact a{display:inline-block;padding:5px 3px 5px 0}}.demo-wrapper{flex-direction:column;min-height:100vh;background:var(--background);-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;gap:32px}.demo-card,.demo-wrapper{display:flex;align-items:center;justify-content:center}.demo-card{width:min(420px,88vw);min-height:220px;background:#fff;border-radius:16px;box-shadow:0 4px 40px rgba(0,0,0,.1);padding:32px;transition:transform .1s ease;cursor:default}.demo-hint{color:var(--text-secondary);font-size:.85rem;text-align:center;line-height:1.8}.demo-hint span{font-size:.75rem;opacity:.6}.demo-loading{font-size:1.5rem;letter-spacing:4px;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.demo-text{font-size:.85rem;line-height:1.75;text-align:center;color:var(--text)}.demo-meta{display:flex;align-items:center;gap:12px;font-size:.75rem;color:var(--text-secondary)}.demo-count{font-size:.8rem}.demo-length{background:var(--accent);padding:2px 8px;border-radius:20px;font-size:.7rem;text-transform:lowercase}.demo-again{font-size:.75rem;color:var(--text-secondary);text-align:center}@media screen and (orientation:landscape)and (max-height:500px){.container{padding-top:30px;padding-bottom:30px}header{margin-bottom:30px}}@media print{body{background-color:#fff}a,body{color:#000}a{border-bottom-color:#000}.container{padding:20px}.note{border:1px solid #ddd}footer{border-top-color:#ddd}}