@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--ink:#1d2327;--muted:#5b6770;--paper:#fffdf8;--line:#e7e1d6;--accent:#e76f51;--accent-2:#2a9d8f;--glass:#fffdf8db;--shadow:0 12px 40px #141e282e;--radius:16px;color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{background:#bfe3f5;height:100%;margin:0}body{-webkit-font-smoothing:antialiased;overflow:hidden}canvas{touch-action:none;display:block}h1,h2,h3,h4{letter-spacing:-.01em;margin:0}p{line-height:1.55}.muted{color:var(--muted)}.small{font-size:.82rem}kbd{border:1px solid var(--line);text-align:center;min-width:1.6em;color:var(--ink);background:#fff;border-bottom-width:2px;border-radius:6px;margin:0 .1em;padding:.1em .4em;font:600 .8em/1.4 Inter,sans-serif;display:inline-block}button{font:inherit;cursor:pointer}.btn{background:var(--ink);color:#fff;border:0;border-radius:999px;align-items:center;gap:.4em;padding:.55em 1em;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{background:#000;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:progress;transform:none}.btn.big{padding:.85em 1.4em;font-size:1rem}.btn.alt{color:var(--ink);border:1px solid var(--line);background:#fff}.icon-btn,.text-btn{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:40px;height:40px;box-shadow:var(--shadow);color:var(--ink);border:1px solid #0000000f;border-radius:999px;font-weight:700}.text-btn{padding:0 14px;font-size:.85rem}.brand{border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);pointer-events:none;flex-direction:column;padding:10px 16px;display:flex;position:fixed;top:16px;left:16px}.brand span{color:var(--muted);font-size:.78rem}.toolbar{gap:8px;display:flex;position:fixed;top:16px;right:16px}.help{border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:340px;box-shadow:var(--shadow);padding:12px 16px;font-size:.88rem;position:fixed;top:72px;right:16px}.help p{margin:.35em 0}.prompt{background:var(--ink);color:#fff;box-shadow:var(--shadow);white-space:nowrap;border:0;border-radius:999px;padding:12px 20px;animation:.25s ease-out pop;position:fixed;bottom:120px;left:50%;transform:translate(-50%)}.prompt kbd{margin-right:.4em}@keyframes pop{0%{opacity:0;transform:translate(-50%,10px)scale(.95)}}.strip{border-radius:var(--radius);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(720px,100vw - 32px);box-shadow:var(--shadow);padding:30px 28px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.strip-track{background:#474b52;border-radius:3px;height:6px;position:relative}.stop{background:0 0;border:0;flex-direction:column;align-items:center;padding:0;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.pin{background:var(--accent-2);border:3px solid #fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;box-shadow:0 1px 4px #0000004d}.stop:hover .pin,.stop.on .pin{background:var(--accent);transform:scale(1.3)}.stop-label{white-space:nowrap;font-size:.72rem;font-weight:700;position:absolute;bottom:16px}.stop.south .stop-label{top:16px;bottom:auto}.me{background:var(--accent);pointer-events:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;box-shadow:0 0 0 4px #e76f514d}.joystick{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;background:#ffffff59;border:2px solid #ffffffb3;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:fixed;bottom:120px;left:28px}.joystick-knob{background:var(--glass);width:52px;height:52px;box-shadow:var(--shadow);pointer-events:none;border-radius:50%}.intro{background:linear-gradient(#bfe3f559,#1d232759);place-items:center;padding:16px;display:grid;position:fixed;inset:0}.intro-card{background:var(--paper);max-width:460px;box-shadow:var(--shadow);text-align:center;border-radius:24px;padding:32px}.intro-card h1{font-size:clamp(1.8rem,5vw,2.6rem);font-weight:800}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 4px;font-size:.8rem;font-weight:700}.panel{background:var(--paper);width:min(480px,100vw - 24px);box-shadow:var(--shadow);z-index:10;border-radius:20px;flex-direction:column;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:12px;bottom:12px;right:12px;transform:translate(calc(100% + 24px))}.panel.open{transform:none}.panel header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.panel header h2{font-size:1.35rem}.panel header .icon-btn{box-shadow:none}.panel-body{flex:1;padding:16px 20px 24px;animation:.35s ease-out fade;overflow-y:auto}.panel footer{border-top:1px solid var(--line);text-align:center;padding:10px 20px 14px}@keyframes fade{0%{opacity:0;transform:translateY(8px)}}.sec .lead{font-size:1.02rem}.about-head{align-items:center;gap:16px;display:flex}.avatar{object-fit:cover;width:96px;height:96px;box-shadow:var(--shadow);border:4px solid #fff;border-radius:50%}.about-head p{margin:2px 0 8px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:#f1ece2;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}.chip.small{padding:3px 8px;font-size:.72rem}.stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat{background:#f1ece2;border-radius:12px;flex-direction:column;padding:12px;display:flex}.stat strong{font-size:1.5rem}.stat span{color:var(--muted);font-size:.75rem}.skill-group{margin-bottom:18px}.skill-group h4{margin-bottom:8px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tab{border:2px solid var(--c);color:var(--ink);background:#fff;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700}.tab.on{background:var(--c);color:#fff}.projects{gap:14px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.card img{aspect-ratio:16/9;object-fit:cover;background:#f1ece2;width:100%;display:block}.card-body{padding:14px 16px 16px}.card-body p{margin:6px 0 10px;font-size:.9rem}.card-body .muted{margin-top:2px}.card-body .btn{margin-top:12px}.timeline{border-left:3px solid var(--line);margin:0;padding:0 0 0 18px;list-style:none}.timeline li{padding:0 0 22px 10px;position:relative}.timeline li:before{content:"";background:var(--accent-2);border:3px solid var(--paper);border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:-27px}.period{color:var(--accent);font-size:.78rem;font-weight:700}.timeline p{margin:2px 0 0}.contact{gap:10px;display:grid}.contact .btn{word-break:break-all;justify-content:center}.classic{background:var(--paper);height:100%;overflow-y:auto}.classic-head,.classic-nav,.classic-sec{max-width:820px;margin:0 auto;padding:0 16px}.classic-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:32px;display:flex}.classic-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:14px;margin-top:16px;padding-bottom:16px;display:flex}.classic-nav a{color:var(--ink);font-weight:600}.classic-sec{padding-top:32px;padding-bottom:8px}.classic-sec h2{margin-bottom:16px}.classic .projects{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}@media (width<=640px){.brand span,.text-btn{display:none}.strip{padding:28px 20px}.stop-label{font-size:.62rem}.prompt{top:72px;bottom:auto}.joystick{bottom:140px;left:20px}.panel{width:auto;height:72vh;inset:auto 8px 8px;transform:translateY(calc(100% + 16px))}}@media (pointer:coarse){.prompt kbd,.panel footer{display:none}}@media (prefers-reduced-motion:reduce){.panel,.panel-body,.prompt{transition:none;animation:none}}