:root{--ink: #2f5251;--muted: #78978f;--cream: #fff9df;--pearl: rgba(255, 255, 255, .68);--glass: rgba(248, 255, 244, .58);--glass-strong: rgba(255, 255, 255, .78);--line: rgba(255, 255, 255, .84);--aqua: #78d7d1;--leaf: #9fe3ac;--lilac: #c9c1ff;--sun: #ffe89f;--rose: #ffb7c8;--shadow: 0 30px 76px rgba(78, 123, 104, .18);--inner: inset 0 1px 0 rgba(255, 255, 255, .92), inset 0 -18px 36px rgba(255, 255, 255, .15);font-family:Trebuchet MS,HarmonyOS Sans SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 52% 34%,rgba(255,255,255,.96),transparent 15rem),radial-gradient(circle at 18% 84%,rgba(157,227,172,.86),transparent 34rem),radial-gradient(circle at 78% 18%,rgba(201,193,255,.35),transparent 28rem),radial-gradient(circle at 50% 110%,rgba(182,239,194,.65),transparent 30rem),linear-gradient(180deg,#edf8fb,#eef8f1 44%,#dcf4df);overflow:hidden}button,a,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.sky-layer{position:fixed;pointer-events:none}.stars{top:0;right:0;bottom:0;left:0;opacity:.58;background-image:radial-gradient(circle,rgba(255,255,255,.95) 1px,transparent 1.5px),radial-gradient(circle,rgba(159,227,172,.46) 1px,transparent 1.5px);background-position:0 0,34px 42px;background-size:92px 92px,130px 130px;animation:starDrift 18s linear infinite}.aurora{width:42rem;height:42rem;border-radius:999px;filter:blur(36px);opacity:.32;mix-blend-mode:soft-light}.aurora-one{left:-10rem;bottom:-12rem;background:linear-gradient(135deg,var(--leaf),#d7f7bf);animation:breathe 9s ease-in-out infinite}.aurora-two{right:6rem;top:-18rem;background:linear-gradient(135deg,var(--lilac),#d9f3ff);animation:breathe 12s ease-in-out infinite reverse}.cloud{width:18rem;height:6rem;border-radius:999px;background:#ffffff75;filter:blur(2px);box-shadow:5rem 1rem #ffffff57,10rem -.4rem #ffffff40,3rem 2.4rem #e7faee57}.cloud-one{left:10vw;top:9vh;animation:cloudFloat 28s linear infinite}.cloud-two{right:18vw;bottom:14vh;transform:scale(.72);animation:cloudFloat 34s linear infinite reverse}.garden-silhouette{width:18rem;height:7rem;border-radius:55% 45% 48% 52%;opacity:.22;filter:blur(.4px);background:radial-gradient(circle at 18% 8%,#d7f7bf 0 10px,transparent 11px),radial-gradient(circle at 34% 2%,#9fe3ac 0 15px,transparent 16px),radial-gradient(circle at 58% 0%,#c7ed9e 0 12px,transparent 13px),linear-gradient(180deg,#96d996 0,#96d996 42%,#8aaa72 43%,#8aaa72 55%,#9b8060 56%,#9b8060);box-shadow:0 22px 38px #44755629}.garden-left{left:4vw;top:58vh;transform:rotate(-6deg) scale(1.05);animation:bob 6.5s ease-in-out infinite}.garden-right{right:4vw;top:14vh;transform:rotate(5deg) scale(.82);animation:bob 7.5s ease-in-out infinite reverse}.vine-trail{left:48%;top:0;width:20rem;height:100vh;opacity:.18;background:radial-gradient(ellipse at 50% 12%,transparent 0 38px,#95d79e 39px 41px,transparent 42px),radial-gradient(circle at 42% 24%,#9fe3ac 0 4px,transparent 5px),radial-gradient(circle at 58% 36%,#9fe3ac 0 5px,transparent 6px),radial-gradient(circle at 45% 50%,#9fe3ac 0 4px,transparent 5px),radial-gradient(circle at 60% 64%,#9fe3ac 0 5px,transparent 6px);background-size:100% 16rem;-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 82%,transparent)}.desktop{position:relative;width:100vw;height:100vh;min-width:1100px;min-height:720px;overflow:hidden}.theme-toggle{position:fixed;top:20px;right:148px;z-index:220;display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.82);border-radius:999px;color:#5f8b8f;background:#ffffff9e;box-shadow:0 16px 36px #4e7b6829,var(--inner);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;font-weight:900;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.theme-toggle:hover{transform:translateY(-2px);background:#ffffffdb}.theme-toggle span{display:grid;width:22px;height:22px;place-items:center;border-radius:999px;color:#fff;background:linear-gradient(135deg,#78d7d1,#c9c1ff);font-size:.86rem}.theme-toggle b{font-size:.78rem;letter-spacing:.04em}.kicker{display:block;color:#6aa98c;font-size:.68rem;font-weight:800;letter-spacing:.16em}.side-nav{display:grid;gap:13px;transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .42s ease,filter .42s ease;will-change:transform,opacity,filter}.side-nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 17px;border:1px solid transparent;border-radius:18px;color:#6f8a92;text-decoration:none;transition:color .22s ease,border-color .22s ease,background .22s ease,transform .32s cubic-bezier(.22,1,.36,1)}.nav-icon{display:inline-grid;width:1.3em;place-items:center}.side-nav a.active,.side-nav a:hover{color:#315256;border-color:#fffffff0;background:#ffffffad;transform:translate(4px)}.profile-head{display:flex;gap:14px;align-items:center;margin-bottom:28px}.avatar,.spirit,.weather-orb{display:grid;place-items:center}.orb-avatar{width:52px;height:52px;border-radius:19px;color:#fff;background:radial-gradient(circle at 35% 30%,#fff7bd,transparent 26%),linear-gradient(135deg,var(--aqua),var(--lilac));box-shadow:0 12px 34px #6bd8ce47}.profile-avatar{width:58px;height:58px;flex:0 0 58px;border:2px solid rgba(255,255,255,.82);border-radius:20px;object-fit:cover;background:#ffffff6b;box-shadow:0 14px 36px #6bd8ce3d}.profile-head h1,.profile-head p,.greeting-widget h2,.greeting-widget p{margin:0}.profile-head h1{font-size:1.42rem;letter-spacing:.02em}.profile-head p{color:var(--muted);font-size:.78rem}.island-card{border:1px solid var(--line);border-radius:34px 42px 38px 46px;background:radial-gradient(circle at 22% 18%,rgba(255,250,214,.42),transparent 8rem),linear-gradient(145deg,#ffffffc2,#ebffee85),var(--glass);box-shadow:var(--shadow),var(--inner);-webkit-backdrop-filter:blur(26px) saturate(1.08);backdrop-filter:blur(26px) saturate(1.08)}@media(max-width:760px){.theme-toggle{top:14px;right:14px;min-height:38px;padding:0 12px}}@keyframes starDrift{0%{background-position:0 0,34px 42px}to{background-position:92px 92px,164px 172px}}@keyframes cursorWarpPulse{0%,to{transform:scale(.82);opacity:.46}50%{transform:scale(1.18);opacity:.86}}@keyframes cursorSparkFly{0%{transform:translate3d(-50%,-50%,0) scale(1);opacity:.95}to{transform:translate3d(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y)),0) scale(0);opacity:0}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes cloudFloat{0%,to{translate:0 0}50%{translate:42px -8px}}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes spiritFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.86}50%{transform:scale(1.12);opacity:1}}@keyframes notePulse{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}@keyframes cardSpiralPop{0%{transform:translate3d(var(--entry-x, 0),var(--entry-y, 0),0) scale(.38) rotate(var(--entry-rotate, -8deg));opacity:0;filter:blur(9px) saturate(1.28)}62%{transform:translate3d(0,-9px,0) scale(1.045) rotate(1.5deg);opacity:1;filter:blur(0) saturate(1.08)}82%{transform:translate3d(0,3px,0) scale(.985) rotate(-.7deg)}to{transform:translateZ(0) scale(1) rotate(0);opacity:1;filter:blur(0) saturate(1)}}@media(prefers-reduced-motion:reduce){.widget,.notes-fab,.widget:after,.cursor-comet:before,.cursor-spark{transition:none;animation:none}.side-nav{transition:none}.cursor-trail-layer{display:none}.widget:hover:not(.dragging),.notes-fab:hover:not(.dragging),.widget:focus-within:not(.dragging){transform:none}}@media(max-width:900px){body{overflow:auto}.desktop{width:1100px;height:720px;min-width:1100px;min-height:720px;transform:scale(calc(100vw / 1100));transform-origin:top left}}html[data-theme=night]{--ink: #e8fbf7;--muted: #a8c6c8;--cream: #263b4b;--pearl: rgba(23, 43, 58, .78);--glass: rgba(24, 47, 62, .66);--glass-strong: rgba(35, 61, 78, .84);--line: rgba(188, 240, 231, .26);--aqua: #77e4d8;--leaf: #8fe5b1;--lilac: #b8b7ff;--sun: #f5d88f;--rose: #ffabc1;--shadow: 0 30px 86px rgba(2, 11, 22, .42);--inner: inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -18px 36px rgba(6, 18, 32, .18)}html[data-theme=night] body{color:var(--ink);background:radial-gradient(circle at 52% 34%,rgba(77,120,147,.32),transparent 15rem),radial-gradient(circle at 18% 84%,rgba(81,180,137,.24),transparent 34rem),radial-gradient(circle at 78% 18%,rgba(139,133,255,.28),transparent 28rem),radial-gradient(circle at 50% 110%,rgba(57,131,98,.28),transparent 30rem),linear-gradient(180deg,#071623,#102637 48%,#173b38)}html[data-theme=night] .stars{opacity:.9;background-image:radial-gradient(circle,rgba(232,251,247,.95) 1px,transparent 1.5px),radial-gradient(circle,rgba(119,228,216,.48) 1px,transparent 1.5px)}html[data-theme=night] .aurora{opacity:.42;mix-blend-mode:screen}html[data-theme=night] .cloud{background:#b2dae124;box-shadow:5rem 1rem #b2dae11a,10rem -.4rem #b2dae114,3rem 2.4rem #77e4d814}html[data-theme=night] .garden-silhouette{opacity:.18;filter:saturate(.9) brightness(.72)}html[data-theme=night] .vine-trail{opacity:.24}html[data-theme=night] .theme-toggle{border-color:var(--line);color:var(--ink);background:radial-gradient(circle at 14% 10%,rgba(119,228,216,.14),transparent 7rem),linear-gradient(145deg,#1c3646d1,#122635a8);box-shadow:var(--shadow),var(--inner)}html[data-theme=night] .theme-toggle:hover,html[data-theme=night] .theme-toggle span{color:#06242a;background:linear-gradient(135deg,#9ff4e8,#aebdff)}html[data-theme=night] .kicker,html[data-theme=night] .profile-head p{color:var(--muted)}html[data-theme=night] .profile-head h1{color:#f2fffb}html[data-theme=night] .side-nav a{border-color:#bcf0e73d;color:#d7f7f1;background:#ffffff17}html[data-theme=night] .side-nav a.active,html[data-theme=night] .side-nav a:hover{color:#06242a;background:linear-gradient(135deg,#9ff4e8,#aebdff)}html[data-theme=night] .profile-avatar{filter:brightness(.88) saturate(1.08)}html[data-theme=night] .island-card{border-color:var(--line);color:var(--ink);background:radial-gradient(circle at 14% 10%,rgba(119,228,216,.14),transparent 7rem),linear-gradient(145deg,#1c3646d1,#122635a8);box-shadow:var(--shadow),var(--inner)}