:root{color-scheme:light;--canvas:#f5f7fb;--canvas-soft:#eef3fb;--glass:#ffffff94;--glass-strong:#ffffffc2;--ink:#111827;--muted:#667085;--soft:#8a94a6;--line:#0f172a17;--blue:#2563eb;--violet:#7c3aed;--cyan:#14b8a6;--shadow:0 22px 64px #1f293717;--shadow-soft:0 16px 42px #1f293712;--blur:blur(30px) saturate(1.14);--page-width:min(1120px, calc(100vw - clamp(32px, 7vw, 96px)));--home-width:min(1160px, calc(100vw - clamp(28px, 6vw, 88px)));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);min-height:100%}body{min-height:100%;color:var(--ink);background:radial-gradient(circle at 14% 0%, #2563eb1a, transparent 360px), radial-gradient(circle at 86% 10%, #7c3aed14, transparent 340px), linear-gradient(180deg, #fbfcff 0%, var(--canvas) 58%, var(--canvas-soft) 100%);margin:0;font-size:16px;line-height:1.68}body:before{z-index:-1;pointer-events:none;content:"";opacity:.7;background:linear-gradient(115deg,#0000 0 42%,#ffffff85 46%,#0000 58%),radial-gradient(circle at 28% 22%,#14b8a614,#0000 260px);position:fixed;inset:0}a{color:inherit;text-decoration:none}.site-shell{width:var(--page-width);margin:0 auto}.home-page .site-shell{width:100%}.site-header{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:var(--blur);background:#ffffff7a;border:1px solid #ffffffa8;border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:22px 0 34px;padding:10px 12px;animation:.68s cubic-bezier(.2,.8,.2,1) both surface-in;display:flex}.home-page .site-header{display:none}.brand,.nav,.site-footer{align-items:center;display:flex}.brand{gap:10px;padding-left:4px;font-weight:760}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--blue), var(--violet));border-radius:11px;place-items:center;width:34px;height:34px;font-size:12px;display:grid;box-shadow:inset 0 1px #ffffff52,0 12px 24px #2563eb33}.nav{flex-wrap:wrap;gap:6px}.nav a{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:8px 12px;font-size:15px}.nav a:hover{border-color:var(--line);color:var(--ink);background:#ffffffa3}.site-footer{color:var(--soft);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:28px 0 34px;font-size:14px}.home-page .site-footer{display:none}main{min-height:auto}.system-home{min-height:100vh;padding:clamp(18px,2.3vw,34px);position:relative;overflow:hidden}.ambient{filter:blur(44px);opacity:.42;pointer-events:none;border-radius:999px;width:360px;height:360px;position:absolute}.ambient-one{background:#2563eb3d;top:-110px;left:-90px}.ambient-two{background:#7c3aed2e;top:72px;right:-60px}.ambient-three{background:#14b8a629;bottom:-150px;left:42%}.glass-nav{z-index:2;width:var(--home-width);-webkit-backdrop-filter:var(--blur);background:#ffffff7a;border:1px solid #ffffffa8;border-radius:999px;justify-content:space-between;align-items:center;gap:18px;margin:0 auto clamp(30px,5vw,64px);padding:10px 12px 10px 18px;animation:.7s cubic-bezier(.2,.8,.2,1) both surface-in;display:flex;position:relative;box-shadow:0 12px 38px #1f293714}.nav-brand{letter-spacing:0;font-weight:780}.nav-links{flex-wrap:wrap;gap:4px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:14px}.nav-links a:hover{color:var(--ink);background:#ffffffb8}.home-grid{z-index:2;width:var(--home-width);grid-template-columns:minmax(0,1.08fr) minmax(330px,.72fr);gap:clamp(16px,1.8vw,24px);margin:0 auto;display:grid;position:relative}.liquid-card{box-shadow:var(--shadow), inset 0 1px 0 #ffffffb8;-webkit-backdrop-filter:var(--blur);background:linear-gradient(135deg,#ffffffc7,#ffffff6b),#ffffff75;border:1px solid #ffffffad;transition:transform .24s,border-color .24s,box-shadow .24s,background .24s}.liquid-card:hover,.dock-item:hover,.list-card:hover,.project-card:hover,.section-grid article:hover{border-color:#ffffffdb;transform:translateY(-3px);box-shadow:0 24px 70px #1f29371c,inset 0 1px #ffffffc7}.hero-card{border-radius:34px;min-height:clamp(390px,37vw,460px);padding:clamp(34px,5vw,58px);animation:.76s cubic-bezier(.2,.8,.2,1) 90ms both surface-in}.kicker{color:var(--blue);background:#2563eb14;border-radius:999px;margin:0 0 26px;padding:8px 12px;font-size:12px;font-weight:760;display:inline-flex}.hero-card h1{color:#151b2b;letter-spacing:0;max-width:780px;margin:0;font-size:clamp(42px,5.4vw,70px);font-weight:780;line-height:1.02}.hero-line{color:#293244;max-width:520px;margin:22px 0 0;font-size:clamp(17px,1.9vw,21px);font-weight:560;line-height:1.56}.quiet-line{max-width:520px;color:var(--muted);margin:12px 0 0;font-size:15px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.primary-action,.secondary-action{border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-weight:760;display:inline-flex}.primary-action{color:#fff;background:#111827eb;box-shadow:0 12px 28px #11182724}.secondary-action{border:1px solid var(--line);color:var(--ink);background:#ffffff80}.widget-stack{gap:14px;animation:.76s cubic-bezier(.2,.8,.2,1) .17s both surface-in;display:grid}.focus-widget{border-radius:28px;padding:20px}.widget-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.widget-header span{color:var(--blue);font-size:13px;font-weight:800}.widget-header strong{font-size:19px}.focus-list{gap:10px;display:grid}.focus-row{background:#ffffff70;border:1px solid #0f172a12;border-radius:18px;grid-template-columns:74px minmax(0,1fr);gap:12px;padding:14px;display:grid}.focus-row>span{color:var(--soft);font-size:13px;font-weight:800}.focus-row strong{margin-bottom:3px;display:block}.focus-row p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.mini-widget{border-radius:26px;align-items:center;gap:14px;padding:18px 20px;display:flex}.status-dot{background:#22c55e;border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 8px #22c55e24}.mini-widget strong{display:block}.mini-widget p{color:var(--muted);margin:2px 0 0;font-size:14px}.quick-dock{z-index:2;width:var(--home-width);grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(16px,1.8vw,22px) auto 0;animation:.76s cubic-bezier(.2,.8,.2,1) .25s both surface-in;display:grid;position:relative}.dock-item{-webkit-backdrop-filter:blur(22px)saturate(1.12);background:#ffffff6b;border:1px solid #ffffffad;border-radius:24px;min-height:82px;padding:18px;transition:transform .24s,border-color .24s,box-shadow .24s,background .24s;box-shadow:0 14px 34px #1f293712}.dock-item span{font-weight:800;display:block}.dock-item small{color:var(--muted);margin-top:5px;font-size:13px;display:block}.page-heading,.article,.content-section,.section-grid,.project-grid,.list-stack{width:min(920px,100%);margin:0 auto}.page-heading{box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);background:linear-gradient(135deg,#ffffffc7,#ffffff70),#ffffff7a;border:1px solid #ffffffad;border-radius:34px;padding:clamp(34px,5vw,56px);animation:.72s cubic-bezier(.2,.8,.2,1) 80ms both surface-in}.page-heading h1,.article-header h1{letter-spacing:0;margin:0;font-size:clamp(36px,5.4vw,58px);line-height:1.06}.article-header h1{max-width:760px;font-size:clamp(32px,4vw,48px)}.page-heading p,.article-header p{max-width:720px;color:var(--muted);font-size:17px}.eyebrow,.meta{color:var(--blue);letter-spacing:0;text-transform:uppercase;font-size:13px;font-weight:800}.section-grid,.project-grid,.rss-panel,.list-stack{gap:14px;padding:18px 0 72px;animation:.72s cubic-bezier(.2,.8,.2,1) .16s both surface-in;display:grid}.section-grid,.project-grid,.rss-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.list-card,.project-card,.rss-card,.section-grid article{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(22px)saturate(1.1);background:linear-gradient(135deg,#ffffffb8,#ffffff75),#ffffff85;border:1px solid #ffffffad;border-radius:24px;padding:22px;transition:transform .24s,border-color .24s,box-shadow .24s}.list-card h2,.project-card h2,.rss-card h2,.section-grid h2{margin:8px 0 6px;font-size:21px;line-height:1.28}.list-card p,.project-card p,.rss-card p,.section-grid p{color:var(--muted);margin:0}.rss-panel{width:min(920px,100%);margin:0 auto}.rss-card h2{overflow-wrap:anywhere}.rss-card .primary-action,.rss-card .secondary-action{margin-top:18px}.tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tags span{color:var(--blue);background:#2563eb14;border:1px solid #2563eb21;border-radius:999px;padding:4px 10px;font-size:13px}.article{padding:0 0 70px}.article-header{max-width:820px;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--blur);background:linear-gradient(135deg,#ffffffc7,#ffffff70),#ffffff7a;border:1px solid #ffffffad;border-radius:34px;margin:0 auto 18px;padding:clamp(32px,5vw,54px);animation:.72s cubic-bezier(.2,.8,.2,1) 80ms both surface-in}.prose{max-width:820px;box-shadow:var(--shadow-soft);color:#273244;-webkit-backdrop-filter:blur(22px)saturate(1.08);background:#ffffff94;border:1px solid #ffffff9e;border-radius:28px;margin:0 auto;padding:clamp(24px,4vw,38px);font-size:17px;animation:.72s cubic-bezier(.2,.8,.2,1) .16s both surface-in}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h2,.prose h3{color:var(--ink);letter-spacing:0}.prose h2{border-top:1px solid #0f172a14;margin:44px 0 14px;padding-top:18px;font-size:clamp(25px,3.2vw,34px);line-height:1.18}.prose h3{margin:30px 0 10px;font-size:clamp(20px,2.4vw,25px);line-height:1.28}.prose p{margin:14px 0}.prose strong{color:#111827;font-weight:780}.prose ul,.prose ol{margin:14px 0;padding-left:1.35em}.prose li+li{margin-top:6px}.prose hr{background:linear-gradient(90deg,#0000,#0f172a29,#0000);border:0;height:1px;margin:34px 0}.page-heading+.prose{margin-top:18px}.prose a{color:var(--blue);text-underline-offset:3px;text-decoration:underline}.prose :not(pre)>code{color:#1d4ed8;background:#2563eb14;border:1px solid #2563eb1f;border-radius:8px;padding:2px 6px;font-size:.92em}.prose pre{color:#f8fafc;background:#111827;border:1px solid #ffffff1a;border-radius:18px;margin:18px 0;padding:18px;line-height:1.62;overflow-x:auto;box-shadow:inset 0 1px #ffffff14}.prose pre code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92em}@keyframes surface-in{0%{opacity:0;filter:blur(4px);transform:translateY(14px)scale(.985)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (width<=860px){:root{--home-width:min(100%, calc(100vw - 36px));--page-width:min(100%, calc(100vw - 32px))}.system-home{padding:18px}.glass-nav{margin-bottom:26px}.home-grid{grid-template-columns:1fr}.hero-card{border-radius:30px;min-height:auto}.quick-dock{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=861px) and (height<=760px){.system-home{padding-top:24px}.glass-nav{margin-bottom:38px}.hero-card{min-height:clamp(350px,32vw,410px)}.quick-dock{margin-top:16px}.dock-item{min-height:76px;padding:16px}}@media (width<=560px){:root{--home-width:min(100%, calc(100vw - 28px));--page-width:min(100%, calc(100vw - 28px))}.home-page .site-shell{width:100%}.site-shell{width:min(100% - 28px,1120px)}.system-home{padding:14px 0}.glass-nav{border-radius:26px;flex-direction:column;align-items:flex-start}.site-header{border-radius:26px}.hero-card h1{font-size:clamp(38px,11.4vw,48px)}.hero-line{font-size:18px}.focus-row,.quick-dock,.section-grid,.project-grid,.rss-panel{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}