*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-secondary);transition:background-color var(--duration-slow) var(--ease-default), color var(--duration-slow) var(--ease-default);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--selection-bg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.liquid-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);box-shadow:var(--glass-inset);cursor:pointer;border:none;text-decoration:none;transition:background .25s,transform .25s,color .25s;position:relative}.liquid-glass:before{content:"";border-radius:inherit;background:linear-gradient(180deg, var(--glass-edge) 0%, var(--glass-edge-soft) 20%, transparent 40%, transparent 60%, var(--glass-edge-soft) 80%, var(--glass-edge) 100%);-webkit-mask-composite:xor;pointer-events:none;padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.liquid-glass:hover{background:var(--glass-bg-hover);transform:scale(.975)}.liquid-glass:active{transform:scale(.96)}.glass-card{background:var(--card-bg);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);border-radius:20px;transition:background .25s;position:relative}.glass-card:hover{background:var(--card-bg-hover)}.navbar{z-index:1000;padding:20px var(--container-padding);position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:var(--space-8);max-width:var(--container-max);border-radius:var(--radius-pill);background:var(--nav-bg);border:1px solid var(--nav-border);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);margin:0 auto;padding:12px 12px 12px 18px;display:flex}.navbar-brand{font-family:var(--font-ios);letter-spacing:-.02em;color:var(--text-primary);white-space:nowrap;font-size:.95rem;font-weight:600;display:none}.navbar-links{align-items:center;gap:var(--space-2);scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.navbar-links::-webkit-scrollbar{display:none}.navbar-link{font-family:var(--font-ios);color:var(--text-secondary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);white-space:nowrap;transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);font-size:.85rem;font-weight:500}.navbar-link:hover,.navbar-link.active{color:var(--text-primary)}.navbar-link.active{background:var(--overlay-2)}.navbar-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.navbar-icon-btn{border-radius:var(--radius-full);width:34px;height:34px;color:var(--text-primary);justify-content:center;align-items:center;font-size:1rem;display:flex}.navbar-lang{border-radius:var(--radius-pill);align-items:center;padding:3px;display:flex}.navbar-lang.liquid-glass:hover{transform:none}.navbar-lang-btn{border-radius:var(--radius-pill);font-family:var(--font-ios);letter-spacing:.04em;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);background:0 0;border:none;padding:5px 9px;font-size:.7rem;font-weight:600}.navbar-lang-btn.active{background:var(--overlay-3);color:var(--text-primary)}.navbar-burger{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-primary);background:0 0;border:none;justify-content:center;align-items:center;display:none}.navbar-burger-box{width:24px;height:20px;display:block;position:relative}.navbar-burger-line{border-radius:var(--radius-pill);background:currentColor;height:1.75px;transition:transform .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(50% - .875px);right:0}.navbar-burger-line-top{width:24px;transform:translateY(-4px)}.navbar-burger-line-bottom{width:15px;transform:translateY(4px)}.menu-open .navbar-burger-line-top{width:22px;transform:translateY(0)rotate(45deg)}.menu-open .navbar-burger-line-bottom{width:22px;transform:translateY(0)rotate(-45deg)}.navbar-mobile-menu{top:calc(100% - 6px);left:var(--container-padding-md);right:var(--container-padding-md);gap:var(--space-1);padding:var(--space-4);background:var(--nav-bg);border:1px solid var(--nav-border);-webkit-backdrop-filter:blur(40px)saturate(180%);backdrop-filter:blur(40px)saturate(180%);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform-origin:top;border-radius:24px;flex-direction:column;transition:opacity .25s,transform .3s cubic-bezier(.4,0,.2,1),visibility .25s;display:none;position:absolute;transform:translateY(-8px)scale(.98)}.menu-open .navbar-mobile-menu{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.navbar-mobile-link{align-items:center;gap:var(--space-4);font-family:var(--font-ios);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-default), background var(--duration-fast) var(--ease-default);border-radius:16px;padding:12px 16px;font-size:1rem;font-weight:500;display:flex}.navbar-mobile-link:hover,.navbar-mobile-link.active{color:var(--text-primary);background:var(--overlay-2)}@media (width<=700px){.navbar{padding:14px var(--container-padding-md)}.navbar-inner{gap:var(--space-4);padding:8px 8px 8px 18px}.navbar-brand{text-overflow:ellipsis;display:block;overflow:hidden}.navbar-links,.navbar-github{display:none}.navbar-burger,.navbar-mobile-menu{display:flex}}@media (width<=400px){.navbar{padding:12px var(--container-padding-sm)}.navbar-mobile-menu{left:var(--container-padding-sm);right:var(--container-padding-sm)}}@media (width<=360px){.navbar-brand{font-size:.85rem}.navbar-icon-btn{width:30px;height:30px}.navbar-lang-btn{padding:4px 7px}}.footer{padding:var(--space-24) var(--container-padding) var(--space-16);gap:var(--space-16);flex-direction:column;display:flex}.footer-quote{font-family:var(--font-ios);color:var(--text-secondary);border-left:2px solid var(--border-default);padding-left:var(--space-12);font-size:.95rem;line-height:1.6}.footer-quote cite{margin-top:var(--space-6);color:var(--text-dim);font-size:.8rem;font-style:normal;display:block}.footer-bottom{font-family:var(--font-mono-alt);color:var(--text-dim);justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;margin-bottom:30px;font-size:.75rem;display:flex}.footer-clock{font-variant-numeric:tabular-nums}.loading-screen{background:var(--bg-loading);justify-content:center;align-items:center;gap:var(--space-12);z-index:2000;animation:loading-in .4s var(--ease-out) both;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.loading-glow{border-radius:var(--radius-full);background:radial-gradient(circle, var(--overlay-3), transparent 65%);filter:blur(20px);width:360px;height:360px;animation:loading-breathe 3s var(--ease-in-out) infinite;position:absolute}.loading-mark{width:84px;height:84px;animation:loading-float 3s var(--ease-in-out) infinite;justify-content:center;align-items:center;display:flex;position:relative}@property --loading-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.loading-ring{background:conic-gradient(from var(--loading-angle), transparent 0deg, transparent 200deg, var(--text-primary) 330deg, transparent 360deg);-webkit-mask-composite:xor;opacity:.85;border-radius:28px;padding:2px;animation:1.4s linear infinite loading-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.loading-tile.liquid-glass{width:72px;height:72px;font-family:var(--font-ios);letter-spacing:-.03em;color:var(--text-primary);cursor:default;border-radius:22px;justify-content:center;align-items:center;font-size:2.1rem;font-weight:700;display:flex;position:relative}.loading-tile.liquid-glass:hover{transform:none}.loading-dots{gap:6px;display:flex}.loading-dots span{border-radius:var(--radius-full);background:var(--text-primary);opacity:.25;width:6px;height:6px;animation:loading-dot 1.2s var(--ease-in-out) infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}.loading-text{font-family:var(--font-ios);letter-spacing:.01em;background:linear-gradient(90deg, var(--text-faintest) 0%, var(--text-faintest) 35%, var(--text-primary) 50%, var(--text-faintest) 65%, var(--text-faintest) 100%);color:#0000;background-size:250% 100%;-webkit-background-clip:text;background-clip:text;font-size:.85rem;font-weight:500;animation:2s linear infinite loading-shimmer}@keyframes loading-in{0%{opacity:0}to{opacity:1}}@keyframes loading-spin{to{--loading-angle:360deg}}@keyframes loading-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes loading-breathe{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes loading-dot{0%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@keyframes loading-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion:reduce){.loading-glow,.loading-mark,.loading-dots span,.loading-text{animation:none}.loading-ring{animation-duration:4s}}:root{--bg-primary:#0b0d0e;--bg-surface:#1a1b1c;--bg-surface-elevated:#232326;--bg-surface-subtle:#151515;--bg-loading:#0a0a0a;--bg-avatar-border:#0a0a0b;--bg-skeleton:#18181b;--bg-gradient-start:#1a1a1a;--bg-gradient-end:#0d0d0d;--bg-tweet:#1f1f23;--text-primary:#fff;--text-secondary:#b3b3b3;--text-tertiary:#b4b4b4;--text-muted:#999;--text-faint:#71767b;--text-dim:#666;--text-faintest:#555;--text-ghost:#333;--border-default:#444;--border-hover:#888;--border-subtle:#ffffff1a;--border-inset:#ffffff14;--border-inset-highlight:#fff3;--accent-blue:#3b82f6;--accent-blue-hover:#60a5fa;--accent-amber:#f59e0b;--accent-green:#1ef801;--accent-green-surface:#22c55e;--accent-red:#ef4444;--accent-yellow:#fbbf24;--accent-discord:#5865f2;--accent-discord-hover:#4752c4;--accent-discord-green:#23a559;--status-active:#02ff67;--status-active-bg:#091d11;--status-active-glow:#02ff6780;--status-past:#f33;--status-past-bg:#1d0909;--status-past-glow:#ff333380;--status-future:#fa0;--status-future-bg:#1d1509;--status-future-glow:#ffaa0080;--status-role:#4ade80;--blog-tag-bg:#18181b;--blog-tip-border:#22c55e;--blog-tip-bg:#22c55e0d;--blog-tip-text:#86efac;--blog-warn-border:#fbbf24;--blog-warn-bg:#fbbf240d;--blog-warn-text:#fde047;--blog-dont-border:#ef4444;--blog-dont-bg:#ef44440d;--blog-dont-text:#fca5a5;--blog-highlight-white:#ffffff26;--blog-highlight-normal:#ffffff14;--blog-text-line-bg:#ffffff08;--cal-level-0:#161b22;--cal-level-1:#0e4429;--cal-level-2:#006d32;--cal-level-3:#26a641;--cal-level-4:#39d353;--overlay-1:#ffffff0a;--overlay-2:#ffffff14;--overlay-3:#ffffff1f;--glass-bg:#4444441a;--glass-bg-hover:#4444442e;--glass-inset:inset 0 1px 1px #ffffff47, inset 0 -1px 0 #ffffff0f;--glass-edge:#ffffff73;--glass-edge-soft:#ffffff26;--card-bg:#ffffff08;--card-bg-hover:#ffffff0d;--card-shadow:none;--nav-bg:#08090a61;--nav-border:#ffffff14;--scrollbar-thumb:#ffffff1a;--scrollbar-track:#ffffff05;--selection-bg:#b4b4b44d;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-ui:"Figtree", sans-serif;--font-ios:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI Variable Display", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-mono-alt:"JetBrains Mono", "JetBrains Mono Fallback", sans-serif;--container-max:700px;--container-padding:18px;--container-padding-md:25px;--container-padding-sm:20px;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-8:16px;--space-10:20px;--space-12:24px;--space-16:32px;--space-20:40px;--space-24:48px;--radius-sm:2px;--radius-md:3px;--radius-lg:4px;--radius-xl:6px;--radius-2xl:8px;--radius-3xl:10px;--radius-pill:999px;--radius-full:50%;--radius-round:50px;--shadow-sm:0px 4px 16px #0000001a;--shadow-md:0 6px 16px #00000040;--shadow-lg:0 8px 32px #0000001a;--shadow-card:0 2px 8px -4px #0006;--shadow-pill:0px 32px 64px -16px #0006, 0px 16px 32px -8px #0006, 0px 8px 16px -4px #0004, 0px 4px 8px -2px #0004, 0px -8px 16px -1px #0003, 0px 2px 4px -1px #0004, 0px 0px 0px 1px #000, inset 0px 0px 0px 1px #ffffff14, inset 0px 1px 0px #fff3;--shadow-pill-hover:0px 40px 80px -16px #0008, 0px 20px 40px -8px #0008, 0px 12px 20px -4px #0006, 0px 6px 12px -2px #0006, 0px -12px 20px -1px #0004, 0px 4px 8px -1px #0006, 0px 0px 0px 1px #000, inset 0px 0px 0px 1px #ffffff20, inset 0px 1px 0px #ffffff40;--duration-fast:.2s;--duration-normal:.25s;--duration-slow:.3s;--duration-slower:.6s;--duration-page:.8s;--ease-default:ease;--ease-out:ease-out;--ease-in-out:ease-in-out;--ease-material:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.68, -.55, .265, 1.55);--ease-loading:cubic-bezier(.5, 0, .9, 1)}:root[data-theme=light]{--bg-primary:#f5f5f7;--bg-surface:#fff;--bg-surface-elevated:#ececf0;--bg-surface-subtle:#f0f0f3;--bg-loading:#f5f5f7;--bg-avatar-border:#fff;--bg-skeleton:#e8e8ed;--bg-gradient-start:#f0f0f3;--bg-gradient-end:#e5e5ea;--bg-tweet:#ececf0;--text-primary:#1d1d1f;--text-secondary:#424245;--text-tertiary:#515154;--text-muted:#6e6e73;--text-faint:#86868b;--text-dim:#6e6e73;--text-faintest:#a1a1a6;--text-ghost:#d2d2d7;--border-default:#d2d2d7;--border-hover:#86868b;--border-subtle:#00000014;--status-active:#16a34a;--status-active-bg:#dcfce7;--status-past:#dc2626;--status-past-bg:#fee2e2;--status-future:#d97706;--status-future-bg:#fef3c7;--status-role:#16a34a;--overlay-1:#00000008;--overlay-2:#0000000f;--overlay-3:#0000001a;--glass-bg:#ffffff80;--glass-bg-hover:#ffffffbf;--glass-inset:inset 0 1px 1px #ffffffe6, inset 0 -1px 0 #0000000a, 0 1px 3px #0000000f;--glass-edge:#00000024;--glass-edge-soft:#0000000d;--card-bg:#ffffffa6;--card-bg-hover:#ffffffe6;--card-shadow:0 1px 2px #0000000a, 0 8px 24px -12px #00000014;--nav-bg:#f5f5f766;--nav-border:#00000014;--scrollbar-thumb:#00000026;--scrollbar-track:#00000005;--selection-bg:#0000001f}#root{min-height:100vh}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}section{scroll-margin-top:50px}@media (width<=700px){.container{padding:0 var(--container-padding-md)}}@media (width<=400px){.container{padding:0 var(--container-padding-sm)}}.page-content{max-width:var(--container-max);padding:var(--space-24) var(--container-padding) var(--space-24);gap:var(--space-24);flex-direction:column;margin:0 auto;display:flex}.page-back{align-items:center;gap:var(--space-3);border-radius:var(--radius-pill);color:var(--text-secondary);width:fit-content;transition:color var(--duration-fast) var(--ease-default);padding:6px 14px;font-size:.85rem;display:inline-flex}.page-back:hover{color:var(--text-primary)}.page-title{font-family:var(--font-ui);color:var(--text-primary);font-size:1.5rem;font-weight:700}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes heart-beat{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}