:root{--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-16: 64px;--s-24: 96px;--s-32: 128px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--fs-32: 32px;--fs-24: 24px;--fs-h1: 46px;--measure: 38em;--lh-tight: 1.25;--lh-body: 1.7;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--dur-fast: .2s;--dur-enter: .3s;--ease-out: cubic-bezier(0, 0, .58, 1);--font-sans: "HarmonyOS Sans SC", "Noto Sans SC", "PingFang SC", system-ui, -apple-system, sans-serif;--bg: #FBF6EC;--bg-glow: rgba(240, 178, 122, .15);--border: #EFE4D3;--text: #241D17;--text-body: #4A423A;--text-muted: #7A6E60;--accent: #C96A3B;--accent-strong: #B65C2E;--on-accent: #FFFFFF;--cta-shadow: 0 8px 22px rgba(182, 92, 46, .2);--cta-shadow-hover: 0 12px 28px rgba(182, 92, 46, .26);--noise-opacity: .035;--rule-gradient: linear-gradient(90deg, rgba(201, 106, 59, 0) 0%, rgba(201, 106, 59, .45) 55%, #C96A3B 100%);--works-hover: #B65C2E;--card: #FFFFFF;--card-border: #EFE4D3;--card-shadow: 0 10px 30px rgba(36, 29, 23, .05);--card-shadow-hover: 0 16px 40px rgba(36, 29, 23, .08)}@media(prefers-color-scheme:dark){:root{--bg: #1A1613;--bg-glow: rgba(232, 160, 92, .16);--border: rgba(255, 255, 255, .09);--text: #F3EBE1;--text-body: #D9C9B8;--text-muted: #C9B7A6;--accent: #E8A05C;--accent-strong: #E8A05C;--on-accent: #1A1613;--cta-shadow: 0 8px 22px rgba(232, 160, 92, .2);--cta-shadow-hover: 0 12px 28px rgba(232, 160, 92, .28);--noise-opacity: .05;--rule-gradient: linear-gradient(90deg, rgba(232, 160, 92, 0) 0%, rgba(232, 160, 92, .45) 55%, #E8A05C 100%);--works-hover: #E8A05C;--card: #241D17;--card-border: rgba(255, 255, 255, .09);--card-shadow: 0 10px 30px rgba(0, 0, 0, .35);--card-shadow-hover: 0 16px 44px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{background:var(--bg);color-scheme:light dark;-webkit-text-size-adjust:100%}body{min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden;font-family:var(--font-sans);font-size:var(--fs-16);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9;opacity:var(--noise-opacity);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='140' height='140' filter='url(%23n)'/></svg>")}.page{position:relative;flex:1;display:flex;flex-direction:column;padding:var(--s-8) var(--s-10) var(--s-6)}.glow{position:absolute;top:-340px;right:-260px;width:780px;height:780px;border-radius:50%;background:radial-gradient(circle,var(--bg-glow),transparent 66%);pointer-events:none}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.nav{position:relative;display:flex;align-items:center;justify-content:space-between;animation:rise var(--dur-enter) var(--ease-out) both}.brand{display:flex;align-items:center;gap:var(--s-3);font-size:var(--fs-16);font-weight:700;letter-spacing:-.01em;color:inherit;text-decoration:none}.brand i{display:block;width:24px;height:2px;border-radius:2px;background:var(--accent)}.nav nav a{font-size:var(--fs-14);color:var(--text-muted);text-decoration:none;margin-left:var(--s-8);letter-spacing:.01em;transition:color var(--dur-fast) var(--ease-out)}.nav nav a:hover{color:var(--text)}.nav nav a.on{color:var(--text);font-weight:600}.rule{position:relative;height:1px;margin-top:var(--s-5);background:var(--rule-gradient);animation:rise var(--dur-enter) var(--ease-out) both}.rule-progress{position:absolute;inset:0 auto 0 0;width:100%;border-radius:1px;background:var(--accent);transform:scaleX(var(--scroll, 0));transform-origin:left center}.foot{display:flex;justify-content:space-between;font-size:var(--fs-12);color:var(--text-muted);letter-spacing:.02em;padding-top:var(--s-4);border-top:1px solid var(--border);animation:rise var(--dur-enter) var(--ease-out) both}.sec-h{display:flex;align-items:baseline;gap:var(--s-2);font-size:var(--fs-12);font-weight:700;letter-spacing:.16em;color:var(--text-muted)}.sec-h b{font-weight:400;letter-spacing:.06em}.cta{display:inline-flex;align-items:center;gap:var(--s-2);margin-top:var(--s-8);font-size:var(--fs-16);font-weight:600;color:var(--on-accent);background:var(--accent-strong);padding:var(--s-4) var(--s-6);border-radius:var(--r-md);text-decoration:none;box-shadow:var(--cta-shadow);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.cta:hover{transform:translateY(-2px);box-shadow:var(--cta-shadow-hover)}@media(max-width:560px){.page{padding:var(--s-5) var(--s-5) var(--s-6)}.brand{font-size:var(--fs-14)}.nav nav a{margin-left:var(--s-4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}