:root{--ink: #0c1f1b;--pine: #0e8a6b;--amber: #e8a33d;--bg: #f3f6f5;--line: #e3e9e7;--paper: #fbfaf7;--card: #ffffff;--ink-1: #2f2e2c;--ink-2: #6b6963;--ink-3: #a3a09a;--hairline: #efede7;--mint: #b9e8d5;--mint-deep: #2ba888;--sakura: #ffdce5;--sakura-deep: #ef6f9c;--sky: #cbe2ff;--sky-deep: #5b8def;--lemon: #ffefbf;--lemon-deep: #d99a2b;--taro: #e6ddff;--taro-deep: #8b74e0;--font-hand: "ZCOOL KuaiLe", "Noto Sans SC", cursive;--font-body: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-num: "Quicksand", "Manrope", sans-serif;--shadow-soft: 0 4px 20px rgba(47, 46, 44, .05);--shadow-lift: 0 12px 32px rgba(47, 46, 44, .1);--shadow-pill: 0 8px 30px rgba(47, 46, 44, .12);--r-card: 16px;--r-img: 10px;--r-pill: 999px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--paper);color:var(--ink-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.display-font{font-family:Space Grotesk,Manrope,sans-serif}.font-hand{font-family:var(--font-hand)}.font-num{font-family:var(--font-num)}::selection{background:var(--mint);color:var(--ink-1)}.page{animation:rise .35s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-slide-enter-active,.fade-slide-leave-active{transition:opacity .3s ease,transform .3s ease}.fade-slide-enter-from{opacity:0;transform:translateY(14px)}.fade-slide-leave-to{opacity:0;transform:translateY(-8px)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay, 0s)}.reveal.reveal-in{opacity:1;transform:none}.stagger>*{opacity:0;animation:stagger-in .55s cubic-bezier(.22,1,.36,1) forwards}.stagger>*:nth-child(1){animation-delay:.04s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.16s}.stagger>*:nth-child(4){animation-delay:.22s}.stagger>*:nth-child(5){animation-delay:.28s}.stagger>*:nth-child(6){animation-delay:.34s}.stagger>*:nth-child(7){animation-delay:.4s}.stagger>*:nth-child(8){animation-delay:.46s}@keyframes stagger-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.surface{border-radius:12px;box-shadow:0 1px 2px #0c1f1b0a,0 4px 16px #0c1f1b0a}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.toolbar .spacer{flex:1}.page-title{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.page-desc{font-size:13px;color:#7c8d87;margin:0 0 18px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#d8d5cd;border-radius:4px}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.stagger>*{opacity:1!important;transform:none!important}}