@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{font-family:Manrope,Noto Sans SC,sans-serif;color:#4f3151;background:#f8dce9;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.92),transparent 28%),linear-gradient(135deg,#ffeef7,#f7d6e7 48%,#d8c9e8)}.app-shell.is-journey{width:100vw;height:100vh;background:#e6c9dd}.app-shell canvas{position:fixed!important;inset:0;width:100%!important;height:100%!important;display:block}.app-shell:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse at center,transparent 45%,rgba(123,63,111,.17) 100%);mix-blend-mode:multiply}.ambient-orb{position:fixed;width:28rem;aspect-ratio:1;border-radius:50%;filter:blur(80px);opacity:.35;z-index:0;pointer-events:none}.orb-left{left:-14rem;bottom:-11rem;background:#f99bc4}.orb-right{right:-13rem;top:-11rem;background:#d3b6f2}.landing-screen{position:relative;z-index:3;min-height:100vh;display:grid;place-items:center;isolation:isolate}.landing-copy{width:min(740px,82vw);margin-left:min(-32vw,-420px);position:relative;z-index:1}.eyebrow,.card-eyebrow,.brand-mark,.quiet-button,.rail-label,.rail-caption,.card-footer,.landing-hint{font-family:DM Mono,monospace;letter-spacing:.14em;font-size:.69rem;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:.65rem;color:#9d6c94}.eyebrow-dot{width:.48rem;height:.48rem;border-radius:50%;background:#f38cb7;box-shadow:0 0 0 .22rem #f38cb72e,0 0 1rem #f38cb7b8}.landing-copy h1{font-family:"Noto Serif SC",serif;font-size:clamp(4.2rem,9vw,8.8rem);line-height:.92;font-weight:600;letter-spacing:-.1em;color:#60365f;margin:2rem 0 1.5rem -.12em}.landing-copy h1 span{color:#e875aa;text-shadow:0 0 .8rem rgba(255,255,255,.9)}.landing-lede{max-width:28rem;margin:0 0 2.1rem;color:#785878;font-size:1rem;line-height:1.9}.primary-button{appearance:none;cursor:pointer;border:0;border-radius:999px;padding:1rem 1.35rem 1rem 1.55rem;background:#684562;color:#fff9fd;box-shadow:0 .8rem 1.8rem #6845623d,inset 0 0 0 1px #ffffff38;display:inline-flex;align-items:center;gap:1.3rem;font-size:.8rem;letter-spacing:.08em;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.primary-button:hover{transform:translateY(-3px) scale(1.015);background:#7d4f77;box-shadow:0 1.1rem 2rem #68456252,0 0 1.8rem #f28ebc61}.primary-button:disabled{opacity:.7;cursor:wait}.primary-button span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:50%;background:#ffffff26;font-size:1rem}.landing-hint{margin-top:1.8rem;color:#a5789d}.landing-orbit{position:absolute;border:1px solid rgba(255,255,255,.62);border-radius:50%;transform:rotate(-22deg);pointer-events:none}.orbit-one{width:min(62vw,46rem);height:min(28vw,20rem);right:-4vw;top:18%;box-shadow:0 0 2rem #ffffff80,inset 0 0 2rem #ffffff47}.orbit-two{width:min(42vw,32rem);height:min(22vw,16rem);right:6%;top:35%;border-color:#c8a7dc7a;transform:rotate(28deg)}.landing-badge{position:absolute;z-index:1;bottom:8vh;right:9vw;display:flex;flex-direction:column;align-items:center;gap:.75rem;color:#996c92;font-family:DM Mono,monospace;font-size:.62rem;line-height:1.5;text-align:center;letter-spacing:.16em}.landing-badge span{display:grid;place-items:center;width:2.3rem;height:2.3rem;border:1px solid rgba(153,108,146,.4);border-radius:50%;font-size:1.4rem;animation:float 2.3s ease-in-out infinite}.topbar{position:fixed;z-index:5;inset:1.65rem 2.2rem auto;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand-mark,.quiet-button{color:#583456c2}.brand-mark{display:flex;align-items:center;gap:.6rem}.brand-mark span{color:#f49ac1;font-size:1.1rem}.topbar-actions{display:flex;gap:.6rem;pointer-events:auto}.quiet-button{border:1px solid rgba(118,79,111,.22);background:#fff6fb73;backdrop-filter:blur(14px);color:#744e6f;border-radius:999px;padding:.55rem .85rem;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.quiet-button:hover{background:#ffffffb8;transform:translateY(-2px);box-shadow:0 .5rem 1.2rem #6c45681f}.progress-rail{position:fixed;z-index:5;left:2.2rem;top:50%;transform:translateY(-50%);width:5.5rem;color:#754f72;pointer-events:auto}.rail-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;color:#ffffffd1;text-shadow:0 1px 6px rgba(86,43,85,.4)}.rail-label strong{font-size:.74rem;color:#fff8fb}.rail-track{position:relative;width:1px;height:42vh;margin-left:.55rem;background:#ffffff73;box-shadow:0 0 1rem #fff6}.rail-fill{width:2px;position:absolute;top:0;left:0;background:linear-gradient(#fff,#ffb5d4 70%,#ffeb9a);box-shadow:0 0 1rem #fff;transition:height .2s linear}.rail-node{position:absolute;left:-5px;width:11px;height:11px;margin-top:-5px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:#a36996b8;cursor:pointer;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}.rail-node span{position:absolute;left:1rem;top:-.55rem;display:block;white-space:nowrap;color:#ffffffc2;font:.63rem DM Mono,monospace;letter-spacing:.08em;opacity:.78}.rail-node.active{transform:scale(1.7);background:#fff3c4;box-shadow:0 0 1rem #fff3c4}.rail-node.active span,.rail-node.visited span{color:#fff;opacity:1}.rail-node.visited{background:#ffc3dc;box-shadow:0 0 .7rem #ffcde4cc}.rail-caption{margin-top:1rem;color:#ffffffc7;font-size:.55rem}.wheel-guide{position:fixed;z-index:5;left:2.2rem;bottom:2.1rem;display:flex;align-items:center;gap:.75rem;color:#ffffffd9;font:.62rem/1.55 DM Mono,monospace;letter-spacing:.08em;text-shadow:0 1px 7px rgba(95,48,89,.42)}.wheel-icon{display:grid;place-items:center;width:1.55rem;height:1.55rem;border:1px solid rgba(255,255,255,.58);border-radius:50%;font-size:1.05rem}.resume-card{position:fixed;z-index:4;right:clamp(2.4rem,8vw,8.5rem);top:50%;transform:translateY(-50%) translate(calc((1 - var(--card-progress)) * 0px)) rotateY(-2deg);width:min(31rem,38vw);max-height:77vh;overflow:auto;padding:1.55rem 1.65rem 1.25rem;border:1px solid rgba(255,255,255,.68);border-radius:1.5rem;background:linear-gradient(145deg,#fff9fcd6,#ffeff79e);box-shadow:0 2rem 5rem #532b5136,inset 0 0 2.6rem #ffffff8f;backdrop-filter:blur(22px) saturate(1.18);color:#674564;animation:card-enter .8s cubic-bezier(.2,.8,.2,1) both;scrollbar-width:thin;scrollbar-color:rgba(180,113,159,.35) transparent}.resume-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.72),transparent 27%,transparent 76%,rgba(255,255,255,.33))}.resume-card-end{background:linear-gradient(145deg,#fffae7e6,#ffedf3b3);box-shadow:0 2rem 5rem #734b4240,0 0 3rem #ffd57c33,inset 0 0 2.6rem #ffffff9e}.card-glow{position:absolute;right:1rem;top:1rem;width:5rem;height:5rem;border-radius:50%;background:#ffc1db;filter:blur(25px);opacity:.42;pointer-events:none}.card-header{position:relative;display:flex;justify-content:space-between;gap:1rem}.card-eyebrow{color:#d078a6;margin:0 0 .6rem;font-size:.58rem}.card-header h2{margin:0;color:#633d60;font-family:"Noto Serif SC",serif;font-weight:600;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.28;letter-spacing:-.05em}.card-node{display:grid;place-items:center;flex:0 0 auto;width:2.5rem;height:2.5rem;border:1px solid rgba(208,120,166,.3);border-radius:.85rem;background:#fff6;color:#c66599;font:.8rem DM Mono,monospace}.card-subtitle{position:relative;margin:.75rem 0 0;color:#8e6387;font-size:.78rem;line-height:1.55}.card-time{margin:.38rem 0 0;color:#b581a2;font:.62rem DM Mono,monospace;letter-spacing:.08em}.card-tags{position:relative;display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0 1.15rem}.card-tags span,.endpoint-grid span{padding:.33rem .52rem;border:1px solid rgba(202,128,165,.22);border-radius:999px;color:#a6618d;background:#fff6;font:.58rem DM Mono,monospace}.card-facts{position:relative;display:grid;gap:.6rem}.card-facts p{display:flex;gap:.55rem;margin:0;color:#72516e;font-size:.77rem;line-height:1.5}.card-facts p span{color:#e887b1;flex:0 0 auto}.card-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.2rem 0}.card-stats div{padding:.7rem .72rem;border-radius:.8rem;background:#f7d5e68c}.card-stats span{display:block;color:#a47799;font:.54rem DM Mono,monospace;letter-spacing:.08em}.card-stats strong{display:block;margin-top:.28rem;color:#713e6b;font-size:.9rem}.card-story{position:relative;padding:.95rem 0 0 1rem;border-left:2px solid #ef9fc2;color:#8a6182;font-family:"Noto Serif SC",serif;font-size:.78rem;line-height:1.8}.endpoint-grid{position:relative;display:grid;gap:.7rem;margin-top:1.1rem}.endpoint-grid>div{padding:.85rem;border-radius:.9rem;background:#ffffff6b;border:1px solid rgba(255,255,255,.58)}.endpoint-grid strong{color:#704564;font-family:"Noto Serif SC",serif;font-size:.84rem}.endpoint-grid p{margin:.4rem 0 .6rem;color:#8c6683;font-size:.7rem;line-height:1.6}.endpoint-grid div div{display:flex;flex-wrap:wrap;gap:.3rem}.endpoint-grid span{font-size:.52rem;padding:.26rem .44rem}.card-footer{position:relative;display:flex;align-items:center;gap:.65rem;margin-top:1.1rem;color:#b17a9f;font-size:.53rem}.footer-line{width:2.2rem;height:1px;background:#e79abb}.loading-screen,.fallback-screen{min-height:100vh;display:grid;place-items:center;align-content:center;gap:1rem;text-align:center;color:#704565}.loading-butterfly{color:#f292ba;font-size:2.8rem;animation:flutter 1.3s ease-in-out infinite}.loading-screen p{font-family:"Noto Serif SC",serif}.loading-bar{width:12rem;height:2px;overflow:hidden;background:#b06d992e}.loading-bar span{display:block;width:42%;height:100%;background:#e888b2;animation:loading 1.4s ease-in-out infinite}.fallback-screen{padding:2rem}.fallback-symbol{font-size:4rem;color:#ea98bb}.fallback-screen h1{margin:0;font:600 clamp(2rem,5vw,4rem) "Noto Serif SC",serif;letter-spacing:-.08em}.fallback-screen>p:not(.eyebrow){max-width:28rem;color:#8c6585;line-height:1.8}.fallback-screen small{color:#9d7696;max-width:25rem;line-height:1.7}@keyframes card-enter{0%{opacity:0;transform:translateY(-46%) translate(4rem) rotateY(-14deg) rotate(1deg)}to{opacity:1;transform:translateY(-50%) translate(0) rotateY(-2deg) rotate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes flutter{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-7px) rotate(8deg)}}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(330%)}}@media(max-width:900px){.landing-copy{margin:-15vh 0 0}.landing-copy h1{font-size:clamp(3.6rem,15vw,6rem)}.orbit-one{right:-20vw;top:26%}.landing-badge{right:8vw;bottom:5vh}.resume-card{top:auto;bottom:1.2rem;right:1.2rem;width:min(31rem,calc(100vw - 6.3rem));max-height:min(55vh,31rem);padding:1.15rem}.progress-rail{left:1.2rem;top:25%}.rail-track{height:38vh}.wheel-guide{left:1.2rem;bottom:1.15rem}.topbar{inset:1rem 1.2rem auto}.quiet-button{font-size:.58rem;padding:.5rem .65rem}}@media(max-width:560px){.brand-mark{font-size:.58rem}.topbar-actions{gap:.35rem}.quiet-button{letter-spacing:.08em}.landing-lede{font-size:.86rem;max-width:19rem}.landing-hint{font-size:.55rem}.landing-badge{right:7vw;bottom:2.5rem;transform:scale(.8);transform-origin:bottom right}.resume-card{width:calc(100vw - 4.8rem);right:.75rem;bottom:.75rem;max-height:52vh;border-radius:1.15rem}.progress-rail{transform:translateY(-50%) scale(.82);transform-origin:left center}.wheel-guide{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}