@import"https://fonts.googleapis.com/css2?family=Pacifico&family=Quicksand:wght@400;500;600;700&display=swap";:root{--coral-deep: #ff6961;--coral-mid: #ff817a;--coral-soft: #ff9994;--coral-blush: #ffb2ae;--coral-petal: #ffcac7;--coral-mist: #ffe2e1;--snow-pink: #fffafa;--pure-white: #ffffff;--holo-a: #f9a8d4;--holo-b: #ddd6fe;--holo-c: #bae6fd;--photo-pink-bg: #fffafa;--magic-pink: var(--coral-deep);--moon-yellow: var(--holo-b);--aqua-gem: var(--holo-c);--sky-gem: var(--holo-a);--dream-lilac: var(--coral-petal);--soft-white: var(--snow-pink);--ink: #3d1515;--muted: #8b5c5c;--border: var(--coral-blush);color:var(--ink);font-family:Quicksand,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--photo-pink-bg);background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.7),transparent 28%),radial-gradient(circle at 82% 28%,rgba(255,255,255,.44),transparent 30%),linear-gradient(135deg,#fffafaf2,#ffe2e1eb,#ffcac7e6),url(./assets/dreamy-y2k/color.jpg) center/cover fixed}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20220'%20role='img'%20aria-label='Sparkle%20pattern'%3e%3cg%20fill='%23FFB2AE'%20opacity='0.65'%3e%3c!--%20Star%204-point%20--%3e%3cpath%20d='M38%2018%20L43%2032%20L58%2038%20L43%2044%20L38%2058%20L33%2044%20L18%2038%20L33%2032%20Z'/%3e%3cpath%20d='M168%2030%20L173%2044%20L188%2050%20L173%2056%20L168%2070%20L163%2056%20L148%2050%20L163%2044%20Z'/%3e%3cpath%20d='M112%2098%20L118%20114%20L134%20120%20L118%20126%20L112%20142%20L106%20126%20L90%20120%20L106%20114%20Z'/%3e%3cpath%20d='M54%20160%20L59%20172%20L72%20177%20L59%20182%20L54%20194%20L49%20182%20L36%20177%20L49%20172%20Z'/%3e%3c!--%20Circles%20--%3e%3ccircle%20cx='180'%20cy='168'%20r='5'%20fill='%23BAE6FD'/%3e%3ccircle%20cx='92'%20cy='38'%20r='4'%20fill='%23DDD6FE'/%3e%3ccircle%20cx='28'%20cy='104'%20r='5'%20fill='%23F9A8D4'/%3e%3c/g%3e%3c/svg%3e");background-size:260px 260px;opacity:.36}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:96px clamp(16px,4vw,52px) 48px}.holo-nav{position:fixed;top:18px;left:50%;z-index:20;display:flex;width:min(1100px,calc(100vw - 28px));align-items:center;justify-content:space-between;gap:16px;padding:10px;border:1px solid rgba(255,178,174,.88);border-radius:999px;background:#ffffffb8;box-shadow:0 18px 46px #ff69612e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.brand-mark,.nav-gem{display:inline-flex;align-items:center;gap:8px;min-height:42px;border-radius:999px;font-weight:800}.brand-mark{padding:0 18px;color:var(--coral-deep);font-family:Pacifico,cursive;font-size:1.15rem}.holo-nav nav{display:flex;gap:8px}.nav-gem{padding:0 15px;color:var(--muted);transition:transform .22s ease,background .22s ease,color .22s ease}.nav-gem.active,.nav-gem:hover{color:var(--ink);background:linear-gradient(135deg,#ff69612e,#bae6fd3d);transform:translateY(-2px)}.holo-scene{position:fixed;inset:0;z-index:0;pointer-events:none}.scene-blob{position:absolute;right:-90px;bottom:-120px;width:min(52vw,520px);opacity:.38;animation:magic-circle-spin 28s linear infinite}.scene-ring{position:absolute;top:94px;left:-80px;width:min(52vw,540px);opacity:.48;animation:wand-trail-draw 5s ease-in-out infinite}.scene-stickers{position:absolute;top:18%;right:7%;width:min(32vw,340px);opacity:.58;animation:star-orbit 8s ease-in-out infinite}.sparkle-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 24px #fff,0 0 44px var(--coral-deep);animation:sparkle-pulse 4.8s ease-in-out infinite}.dot-a{top:25%;left:10%}.dot-b{top:58%;right:18%;animation-delay:1.2s}.dot-c{bottom:18%;left:34%;animation-delay:2.1s}.dot-d{top:12%;right:40%;animation-delay:3s}.page-shell{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto}.eyebrow{display:inline-flex;margin:0 0 10px;padding:8px 14px;border:1px solid var(--border);border-radius:999px;background:#ffffffad;color:var(--coral-deep);font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:980px;margin-bottom:24px;font-family:Pacifico,cursive;font-size:clamp(2.35rem,7vw,5.6rem);line-height:.95;letter-spacing:0;color:var(--ink)}.lead-y2k{max-width:760px;color:var(--muted);font-size:clamp(1.02rem,2vw,1.2rem);line-height:1.75;margin-bottom:30px}.about-mosaic-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;margin-bottom:40px}.about-hero-text-card{border:1px solid rgba(255,178,174,.9);background:#ffffffa6;box-shadow:0 20px 60px #3d151514;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:32px;padding:clamp(20px,4vw,36px);position:relative}.decor-sparkle-top{position:absolute;top:15px;right:25px;font-size:1.1rem;color:var(--coral-soft);letter-spacing:4px}.quote-y2k{font-size:clamp(1.1rem,2.2vw,1.35rem);font-weight:700;line-height:1.6;color:var(--ink);margin-bottom:18px;font-style:italic}.intro-y2k{font-size:1.05rem;line-height:1.75;color:var(--muted);margin-bottom:28px}.identity-mosaic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-card{min-height:90px;padding:16px;border:1px solid rgba(255,178,174,.8);border-radius:20px;background:#fff0f0a6;transition:transform .2s ease}.info-card:hover{transform:translateY(-2px)}.info-card span{display:block;margin-bottom:6px;color:var(--muted);font-size:.82rem;font-weight:800}.info-card strong{font-size:.98rem;line-height:1.35;color:var(--ink)}.about-hero-avatar-wrapper{display:flex;justify-content:center;align-items:center}.avatar-card-new{position:relative;width:100%;max-width:320px;aspect-ratio:.82}.avatar-frame-outer{width:100%;height:100%;border:2px dashed var(--coral-soft);border-radius:36px;padding:12px;background:#ffffff4d;transform:rotate(-1deg)}.avatar-frame-inner{width:100%;height:100%;border:1px solid var(--coral-blush);border-radius:28px;overflow:hidden;background:var(--pure-white);box-shadow:0 25px 60px #3d15152e;transform:rotate(2deg)}.avatar-img-new{width:100%;height:100%;object-fit:cover;object-position:50% 18%;filter:saturate(1.02) contrast(1.01)}.avatar-vertical-badge{position:absolute;top:50%;right:-20px;background:linear-gradient(135deg,var(--coral-deep),var(--holo-a));color:var(--pure-white);padding:6px 14px;border-radius:99px;font-weight:800;font-size:.72rem;transform:translateY(-50%) rotate(90deg);box-shadow:0 10px 20px #ff696133;white-space:nowrap}.avatar-sticker-top{position:absolute;top:-15px;left:-20px;width:70px;z-index:2}.avatar-sticker-bottom{position:absolute;bottom:-20px;right:15px;width:65px;z-index:2}.about-mosaic-details{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;margin-bottom:40px}.goals-timeline-card,.tools-album-card{border:1px solid rgba(255,178,174,.9);background:#ffffffa6;box-shadow:0 20px 60px #3d151514;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:32px;padding:clamp(20px,4vw,32px)}.goals-card-header,.tools-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.goals-card-header h2,.tools-card-header h2{font-size:clamp(1.2rem,2.5vw,1.45rem);font-weight:700;color:var(--ink);margin:0}.goals-header-icon,.tools-header-icon{color:var(--coral-deep)}.goals-timeline-steps{display:flex;flex-direction:column;gap:18px}.goals-timeline-step{display:flex;gap:16px;align-items:flex-start}.step-number-circle{width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,var(--coral-petal),var(--holo-b));display:flex;justify-content:center;align-items:center;font-weight:800;color:var(--ink);box-shadow:0 6px 15px #ff69611f}.step-content-box{background:#ffffff73;padding:14px 18px;border-radius:18px;border:1px solid rgba(255,178,174,.4);flex-grow:1}.step-content-box p{margin:0;font-size:.94rem;line-height:1.55;color:var(--muted)}.tools-album-desc{margin:0 0 16px;font-size:.92rem;color:var(--muted)}.tools-sticker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tool-sticker-pill{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:99px;border:2px solid var(--pure-white);box-shadow:0 6px 15px #3d15150d;transition:all .25s cubic-bezier(.175,.885,.32,1.275);cursor:default}.tool-sticker-pill:hover{transform:scale(1.06) rotate(0)!important;box-shadow:0 12px 24px #ff69611f}.tool-style-0{background:#ffe2e1}.tool-style-1{background:#f9a8d4;opacity:.9}.tool-style-2{background:#bae6fd;opacity:.9}.tool-style-3{background:#ddd6fe;opacity:.9}.sticker-sparkle{color:var(--coral-deep);font-size:.8rem}.sticker-label{font-weight:700;font-size:.88rem;color:var(--ink)}.spell-strip-asymmetric{margin-top:36px}.section-subtitle-y2k{font-family:Pacifico,cursive;font-size:1.8rem;text-align:center;color:var(--coral-deep);margin-bottom:24px}.spell-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mini-spell-card-new{border:1px solid rgba(255,178,174,.9);background:#ffffffa6;box-shadow:0 15px 40px #3d15150f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(16px,3vw,24px);border-radius:26px;min-height:160px;transition:all .3s ease}.mini-spell-card-new.index-1{transform:translateY(12px) rotate(1deg)!important}.mini-spell-card-new.index-2{transform:translateY(-8px) rotate(-1deg)!important}.mini-spell-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mini-spell-num{font-weight:800;color:var(--coral-deep);font-size:1.1rem}.mini-spell-sparkle{font-size:1.1rem}.mini-spell-text{margin:0;font-size:.92rem;line-height:1.6;color:var(--muted);font-weight:500}.project-grid-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.spell-card-new-player{background:#ffffffa6;border:2px solid var(--coral-blush);box-shadow:0 20px 50px #3d151514;border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column}.player-top-bar{background:#ffcac7b3;padding:8px 14px;border-bottom:1px solid var(--coral-blush);display:flex;align-items:center}.player-dots{display:flex;gap:6px;margin-right:14px}.player-dots span{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-red{background:#ff6961}.dot-yellow{background:#ffd6c0}.dot-green{background:#bae6fd}.player-title-text{font-size:.72rem;font-weight:800;color:var(--muted);letter-spacing:1px;flex-grow:1;text-align:center}.player-menu-icon{color:var(--muted)}.player-body{padding:20px;display:flex;flex-direction:column;gap:16px;flex-grow:1}.player-disc-section{display:flex;align-items:center;gap:14px;background:#fff6;padding:10px 14px;border-radius:14px;border:1px dashed var(--coral-blush)}.disc-wrapper{position:relative;display:flex;justify-content:center;align-items:center}.spinning-disc-icon{color:var(--ink);animation:magic-circle-spin 8s linear infinite}.disc-center-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--coral-petal);border:2.5px solid var(--pure-white)}.spell-number-badge{font-size:.75rem;font-weight:800;color:var(--coral-deep);background:#ff69611a;padding:4px 8px;border-radius:6px;letter-spacing:.5px}.player-info-section{display:flex;flex-direction:column;flex-grow:1}.player-info-section h2{font-size:1.15rem;font-weight:700;color:var(--ink);margin-bottom:8px;line-height:1.4}.player-info-section h3{font-size:.88rem;font-weight:700;color:var(--muted);margin-bottom:10px;line-height:1.4}.player-info-section p{font-size:.88rem;line-height:1.55;color:var(--muted);margin-bottom:16px;flex-grow:1}.player-progress-bar{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.progress-bar-bg{height:5px;background:#3d151514;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--coral-deep),var(--holo-a));border-radius:3px}.progress-time{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);font-weight:700}.spell-actions{display:flex;gap:10px;margin-top:auto}.spell-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 10px;border:1px solid rgba(255,178,174,.92);border-radius:999px;font-weight:800;font-size:.78rem;line-height:1;transition:all .2s ease}.spell-action.primary{color:#fff;background:linear-gradient(135deg,var(--coral-deep),var(--holo-a));box-shadow:0 8px 18px #ff696133}.spell-action.secondary{color:var(--ink);background:#fff9}.spell-action:hover{transform:translateY(-2px);box-shadow:0 10px 22px #3d15151a}.spell-card-frame{right:12px}.spell-content{max-width:100%}.reflection-grid-chatbox{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;margin-bottom:40px;align-items:stretch}.chatbox-window{border:2px solid var(--coral-blush);background:#fff9;border-radius:24px;box-shadow:0 20px 50px #3d151514;overflow:hidden;display:flex;flex-direction:column;padding:0!important}.chatbox-header{background:#ffe2e1cc;padding:10px 18px;border-bottom:1px solid var(--coral-blush);display:flex;align-items:center}.chatbox-dots{display:flex;gap:5px;margin-right:14px}.chatbox-dots span{width:8px;height:8px;border-radius:50%;background:var(--coral-deep);display:inline-block;opacity:.7}.chatbox-title{font-size:.75rem;font-weight:800;color:var(--muted);letter-spacing:1px}.chatbox-body{padding:24px;flex-grow:1;display:flex;align-items:center}.chat-message{display:flex;gap:16px;align-items:flex-start;width:100%}.chat-avatar-wrapper{position:relative}.chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--pure-white);box-shadow:0 5px 12px #ff696126}.chat-status-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;background:#22c55e;border:2px solid var(--pure-white);border-radius:50%}.chat-bubble{background:linear-gradient(135deg,#fff0f0e6,#ffe2e1b3);padding:16px 20px;border-radius:0 20px 20px;border:1px solid rgba(255,178,174,.4);max-width:80%;box-shadow:0 10px 25px #ff69610d;position:relative}.chat-bubble p{margin:0 0 8px;font-size:.98rem;line-height:1.6;color:var(--ink)}.chat-time{font-size:.72rem;color:var(--muted);font-weight:700;float:right}.skill-card-y2k{border:1px solid rgba(255,178,174,.9);background:#3d1515e6;box-shadow:0 20px 60px #3d15151f;border-radius:28px;padding:clamp(20px,4vw,30px);color:var(--snow-pink);display:flex;flex-direction:column;justify-content:center}.skill-card-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.rotating-gear-icon{width:28px;animation:magic-circle-spin 20s linear infinite}.skill-card-header h3{margin:0;font-size:1.15rem;font-weight:800;color:var(--snow-pink);letter-spacing:1px}.skill-desc{margin:0 0 20px;font-size:.88rem;color:#fffafab3}.reflection-lists-zigzag{display:flex;flex-direction:column;gap:32px;margin-top:24px}.zigzag-row{display:grid;grid-template-columns:.15fr .85fr;gap:20px;align-items:center}.zigzag-icon-side{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;height:100%}.zigzag-badge{width:60px;height:60px;border-radius:50%;background:var(--pure-white);border:2px solid var(--coral-blush);box-shadow:0 10px 25px #ff69611a;display:flex;justify-content:center;align-items:center;font-size:1.6rem;z-index:2;transition:transform .3s ease}.zigzag-badge:hover{transform:scale(1.1) rotate(6deg)}.zigzag-decorative-line{position:absolute;top:50%;bottom:-50px;width:2px;border-left:2px dashed var(--coral-blush);z-index:1}.zigzag-content-side{width:100%}.magic-panel{border:1px solid rgba(255,178,174,.9);background:#ffffffa6;box-shadow:0 15px 40px #3d15150d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:24px;width:100%}@keyframes magic-circle-spin{to{transform:rotate(360deg)}}@keyframes wand-trail-draw{0%,to{opacity:.44;transform:translateZ(0) rotate(-1deg)}50%{opacity:.78;transform:translate3d(18px,-8px,0) rotate(1.5deg)}}@keyframes star-orbit{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes sparkle-pulse{0%,to{opacity:.35;transform:scale(.72)}50%{opacity:.95;transform:scale(1.08)}}.sticker{animation:star-orbit 4s ease-in-out infinite}@media(max-width:960px){.project-grid-masonry{grid-template-columns:repeat(2,1fr)}.about-mosaic-hero,.about-mosaic-details,.reflection-grid-chatbox{grid-template-columns:1fr}.about-hero-avatar-wrapper{order:-1}.spell-strip-grid{grid-template-columns:1fr}.mini-spell-card-new.index-1,.mini-spell-card-new.index-2{transform:none!important}.zigzag-row,.zigzag-row.reverse{grid-template-columns:1fr;gap:10px}.zigzag-icon-side{display:none}}@media(max-width:600px){.project-grid-masonry,.tools-sticker-grid{grid-template-columns:1fr}.app-shell{padding-top:160px}.holo-nav{align-items:stretch;border-radius:28px;flex-direction:column}.holo-nav nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nav-gem{justify-content:center;padding:0 10px}.brand-mark{justify-content:center}.identity-mosaic-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}