:root{--ink:#eefbff;--ink-soft:#b8d4df;--muted:#7f9ba8;--page:min(1160px, calc(100% - 48px));--bg:#020912;--bg-2:#061728;--surface:#091f30b8;--surface-strong:#0d2e44db;--line:#81d7e833;--line-strong:#81e1ee61;--accent:#71e5ef;--accent-2:#d6f7ff;--warm:#f1b86b;--shadow:#00071061;--star-rgb:215, 248, 255;--star-line-rgb:88, 205, 228;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}:root[data-theme=day]{--ink:#2a1f19;--ink-soft:#63483b;--muted:#8f6d59;--bg:#fff1df;--bg-2:#ffd49c;--surface:#fff8e8c7;--surface-strong:#fff6e1eb;--line:#b4643638;--line-strong:#be60266b;--accent:#df6c29;--accent-2:#8a3d22;--warm:#ff9f45;--shadow:#773e192e;--star-rgb:151, 74, 29;--star-line-rgb:201, 91, 36}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);min-width:320px;scroll-padding-top:96px}body{color:var(--ink);background:radial-gradient(circle at 82% 9%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 28rem), radial-gradient(circle at 8% 12%, color-mix(in srgb, var(--warm) 15%, transparent), transparent 26rem), linear-gradient(180deg, var(--bg-2), var(--bg) 72%);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7;transition:color .22s,background .22s;overflow-x:hidden}body:before{z-index:-2;background-image:linear-gradient(color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--accent) 7%, transparent) 1px, transparent 1px);content:"";pointer-events:none;background-size:72px 72px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 82%)}:root[data-theme=day] body{background:radial-gradient(circle at 74% 22%,#ffb35c5c,#0000 24rem),radial-gradient(circle at 16% 4%,#ffeebcb8,#0000 28rem),linear-gradient(#ffe1aa 0%,#fff3e3 38%,#fffaf1 100%)}::selection{color:var(--bg);background:var(--accent)}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}img,svg,canvas{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.skip-link{z-index:100;min-height:44px;color:var(--bg);background:var(--accent);padding:10px 16px;font-weight:800;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;width:var(--page);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:78px;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%)}.site-header--solid{margin:0 auto;position:relative;left:auto;transform:none}.brand,.site-header nav a,.theme-toggle{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.brand{color:var(--ink);letter-spacing:.03em;white-space:nowrap;gap:10px;font-weight:800}.brand-mark{border:1px solid var(--line-strong);background:var(--surface);width:34px;height:34px;box-shadow:0 0 28px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:999px;place-items:center;font-size:1rem;display:grid}.site-header nav{justify-content:flex-end;align-items:center;gap:clamp(2px,1vw,18px);min-width:0;display:flex}.site-header nav a{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding:0 7px;font-size:.68rem;position:relative}.site-header nav a:after{background:var(--accent);content:"";transform-origin:0;height:1px;transition:transform .18s;position:absolute;bottom:5px;left:7px;right:7px;transform:scaleX(0)}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--ink)}.site-header nav a:hover:after,.site-header nav a[aria-current=page]:after{transform:scaleX(1)}.nav-github{gap:7px}.theme-toggle{border:1px solid var(--line);width:54px;color:var(--ink);background:var(--surface);cursor:pointer;border-radius:999px;justify-content:center;gap:2px;transition:transform .18s,border-color .18s,background .18s}.theme-toggle:hover{border-color:var(--accent);transform:translateY(-1px)}.theme-toggle__sun{color:#f08a28}.theme-toggle__moon{color:#88dff0}:root[data-theme=day] .theme-toggle__moon{opacity:.35}:root[data-theme=night] .theme-toggle__sun{opacity:.38}.hero,.domain-hero{isolation:isolate;place-items:center;min-height:min(920px,100svh);display:grid;position:relative;overflow:hidden}.hero{background:radial-gradient(circle at 72% 40%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 24rem), radial-gradient(circle at 48% 110%, color-mix(in srgb, var(--warm) 18%, transparent), transparent 28rem), linear-gradient(180deg, var(--bg-2), var(--bg))}.hero:after,.domain-hero:after{z-index:2;background:linear-gradient(transparent, var(--bg));content:"";pointer-events:none;height:150px;position:absolute;bottom:0;left:0;right:0}.starfield{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-orb{pointer-events:none;border-radius:999px;position:absolute}.hero-orb--sun{filter:blur(.4px);opacity:.62;background:radial-gradient(circle,#ffb75ef2,#df6c2942 46%,#0000 70%);width:clamp(110px,18vw,230px);height:clamp(110px,18vw,230px);top:17%;right:12%}:root[data-theme=night] .hero-orb--sun{opacity:.18}.hero-orb--whale{border:1px solid var(--line);background:var(--surface);width:clamp(96px,14vw,180px);height:clamp(96px,14vw,180px);box-shadow:0 30px 90px var(--shadow);place-items:center;font-size:clamp(3rem,7vw,6rem);display:grid;bottom:19%;right:8%;transform:rotate(-8deg)}.hero-content,.domain-hero__inner{z-index:3;width:var(--page);padding:154px 0 120px;position:relative}.eyebrow,.section-kicker,.card-eyebrow,.article-meta,.note-meta,.footer-kicker,.footer-link,.copyright,.timeline-marker,.domain-button,.button,.tag-cloud,.topic-card span,.domain-card span{font-family:var(--mono)}.eyebrow,.section-kicker,.footer-kicker{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin:0 0 13px;font-size:.7rem}.hero h1,.domain-hero h1,.section-title,.page-hero h1,.article-header h1{letter-spacing:-.06em;margin:0;font-weight:360;line-height:.98}.hero h1{overflow-wrap:anywhere;word-break:keep-all;max-width:1000px;font-size:clamp(3.3rem,9vw,8rem)}.hero h1 span{overflow-wrap:anywhere;word-break:break-all;max-width:100%;display:inline-block}.hero h1 span,.domain-hero h1{color:#0000;background:linear-gradient(100deg, var(--accent), var(--accent-2) 44%, var(--warm));-webkit-background-clip:text;background-clip:text}.hero-subtitle{max-width:760px;color:var(--ink-soft);margin:32px 0 0;font-size:clamp(1.02rem,2vw,1.3rem)}.tag-cloud{flex-wrap:wrap;gap:9px;max-width:860px;margin:34px 0 0;padding:0;list-style:none;display:flex}.tag-cloud li{border:1px solid var(--line);max-width:100%;color:var(--ink-soft);background:var(--surface);letter-spacing:.04em;border-radius:999px;padding:7px 10px;font-size:.68rem}.domain-actions{flex-wrap:wrap;gap:13px;margin-top:42px;display:flex}.domain-button,.button{border:1px solid var(--line-strong);min-height:50px;color:var(--ink);background:var(--surface);letter-spacing:.08em;text-transform:uppercase;box-shadow:0 18px 50px var(--shadow);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:11px 17px;font-size:.72rem;font-weight:800;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.domain-button:hover,.button:hover{border-color:var(--accent);background:var(--surface-strong);transform:translateY(-2px)}.domain-button .icon,.button .icon{transition:transform .18s}.domain-button:hover .icon,.button:hover .icon{transform:translate(4px)}.section{width:var(--page);margin:0 auto;padding:clamp(82px,10vw,136px) 0}.compact-section{padding-top:clamp(72px,9vw,112px)}.section-head,.split-section{grid-template-columns:minmax(0,1fr) minmax(270px,.56fr);align-items:end;gap:26px 58px;display:grid}.section-head{margin-bottom:clamp(36px,5vw,62px)}.section-title{font-size:clamp(2.35rem,5vw,4.9rem)}.section-intro{color:var(--ink-soft);margin:0;font-size:.98rem}.section-index{align-items:center;gap:10px;display:inline-flex}.section-index:before{background:var(--accent);content:"";width:28px;height:1px}.domain-grid,.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.domain-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.domain-card,.topic-card{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface-strong), color-mix(in srgb, var(--surface) 70%, transparent));min-height:255px;box-shadow:0 22px 70px var(--shadow);border-radius:28px;flex-direction:column;padding:24px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.domain-card:hover,.topic-card[href]:hover{border-color:var(--accent);transform:translateY(-5px)}.card-eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 14px;font-size:.62rem}.domain-card h3,.topic-card h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.45rem,2.4vw,2rem);font-weight:430;line-height:1.1}.domain-card p:not(.card-eyebrow),.topic-card p:not(.card-eyebrow){color:var(--ink-soft);margin:18px 0 22px;font-size:.9rem}.domain-card span,.topic-card span{min-height:44px;color:var(--accent);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:8px;margin-top:auto;font-size:.66rem;display:inline-flex}.theme-panel{grid-template-columns:1fr 1fr;gap:14px;display:grid}.theme-swatch{min-height:230px;box-shadow:0 24px 80px var(--shadow);border-radius:30px;padding:23px}.theme-swatch span{color:#ffffffc7;font-family:var(--mono);letter-spacing:.14em;font-size:.66rem;display:block}.theme-swatch strong{color:#fff;margin-top:72px;font-size:1.8rem;font-weight:520;display:block}.theme-swatch p{color:#ffffffc2;margin:8px 0 0}.theme-swatch--day{background:linear-gradient(145deg,#ffb15f,#e96b2d 45%,#824128)}.theme-swatch--night{background:radial-gradient(circle at 70% 18%,#86edf5,#0000 15%),linear-gradient(145deg,#061c31,#020710)}.journey-timeline{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.journey-timeline:before{background:linear-gradient(90deg, var(--accent), var(--line-strong), var(--warm));content:"";height:1px;position:absolute;top:27px;left:0;right:0}.journey-timeline li{padding-right:28px;position:relative}.timeline-marker{border:1px solid var(--line-strong);background:var(--surface-strong);width:56px;height:56px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:28px;font-size:.62rem;display:grid;position:relative}.timeline-copy h3{margin:0 0 12px;font-size:1.2rem;font-weight:520}.timeline-copy p{color:var(--ink-soft);margin:0;font-size:.9rem}.domain-hero{background:radial-gradient(circle at 70% 38%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 24rem), linear-gradient(180deg, var(--bg-2), var(--bg));min-height:610px}.domain-hero__inner{padding-top:140px}.domain-hero h1{max-width:880px;font-size:clamp(3.3rem,9vw,7.5rem)}.domain-hero__inner>p:not(.eyebrow){max-width:720px;color:var(--ink-soft);margin:28px 0 34px;font-size:clamp(1rem,2vw,1.25rem)}.domain-hero--photograph{background:radial-gradient(circle at 72% 32%, color-mix(in srgb, var(--warm) 24%, transparent), transparent 24rem), linear-gradient(180deg, var(--bg-2), var(--bg))}.domain-hero--travel{background:radial-gradient(circle at 80% 40%, #74d8b933, transparent 24rem), linear-gradient(180deg, var(--bg-2), var(--bg))}.domain-hero--music{background:radial-gradient(circle at 75% 36%, #bd8cff38, transparent 24rem), linear-gradient(180deg, var(--bg-2), var(--bg))}.empty-gallery{width:var(--page);min-height:clamp(320px,48vh,680px);margin:0 auto}.site-footer{width:var(--page);border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:20px 36px;margin:0 auto;padding:70px 0 36px;display:grid}.footer-line{margin:0;font-size:clamp(1.2rem,2.8vw,2rem);font-weight:360}.footer-link{color:var(--ink-soft);letter-spacing:.08em;align-self:center;gap:10px;font-size:.72rem;text-decoration:none}.footer-link .icon{transform:rotate(-90deg)}.footer-link:hover{color:var(--accent)}.copyright{color:var(--muted);letter-spacing:.06em;grid-column:1/-1;margin:18px 0 0;font-size:.65rem}.page-hero,.article-header{width:var(--page);border-bottom:1px solid var(--line);margin:0 auto;padding:clamp(86px,12vw,145px) 0 62px}.page-hero h1{max-width:850px;font-size:clamp(3rem,8vw,7rem)}.page-hero>p:last-child{max-width:680px;color:var(--ink-soft);margin:26px 0 0}.notes-page-list{width:var(--page);margin:0 auto;padding:54px 0 128px}.archive-notice{border:1px solid color-mix(in srgb, var(--warm) 44%, transparent);color:var(--ink);background:color-mix(in srgb, var(--warm) 11%, transparent);border-radius:22px;grid-template-columns:auto 1fr;gap:14px;margin-bottom:36px;padding:20px 22px;display:grid}.archive-notice strong{margin-bottom:4px;display:block}.archive-notice p{color:var(--ink-soft);margin:0;font-size:.84rem}.notes-preview{border-top:1px solid var(--line);display:grid}.note-row{border-bottom:1px solid var(--line);grid-template-columns:130px 1fr auto;align-items:center;gap:24px;min-height:124px;padding:24px 4px;text-decoration:none;transition:padding .18s,background .18s;display:grid}.note-row:hover{background:color-mix(in srgb, var(--accent) 9%, transparent);padding-inline:18px}.note-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.63rem}.note-row h2,.note-row h3{margin:0 0 5px;font-size:clamp(1.1rem,2.5vw,1.55rem);font-weight:430}.note-row p{color:var(--ink-soft);margin:0;font-size:.88rem}.note-row .icon{color:var(--accent)}.article-header{width:min(900px,100% - 48px)}.article-header h1{margin:12px 0 22px;font-size:clamp(2.4rem,7vw,5.4rem);line-height:1.08}.article-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;margin:0;font-size:.65rem;display:flex}.article-shell{width:min(900px,100% - 48px);margin:0 auto;padding:44px 0 128px}.article-back{min-height:44px;color:var(--ink-soft);font-family:var(--mono);align-items:center;gap:9px;margin-bottom:36px;font-size:.68rem;text-decoration:none;display:inline-flex}.article-back .icon{transform:rotate(180deg)}.article-back:hover{color:var(--accent)}.prose{color:var(--ink-soft);font-size:clamp(1rem,1.8vw,1.08rem);line-height:1.85}.prose h2,.prose h3,.prose h4{color:var(--ink);letter-spacing:-.025em;scroll-margin-top:90px;font-weight:520}.prose h2{border-bottom:1px solid var(--line);margin:2.7em 0 .85em;padding-bottom:.42em;font-size:clamp(1.7rem,4vw,2.5rem)}.prose h3{margin:2em 0 .65em;font-size:clamp(1.25rem,3vw,1.65rem)}.prose p{margin:1.15em 0}.prose a{color:var(--accent);overflow-wrap:anywhere}.prose img{border:1px solid var(--line);background:#fff;width:auto;max-height:680px;margin:2rem auto;display:block}.prose pre{border:1px solid var(--line);border-radius:18px;margin:1.7rem 0;padding:20px;font-size:.82rem;line-height:1.65;overflow-x:auto}.prose :not(pre)>code{border:1px solid var(--line);color:var(--accent-2);background:color-mix(in srgb, var(--accent) 10%, transparent);font-family:var(--mono);overflow-wrap:anywhere;padding:.15em .35em;font-size:.88em}.prose blockquote{border-left:2px solid var(--accent);color:var(--ink-soft);margin:1.6rem 0;padding:2px 0 2px 22px}.prose table{border-collapse:collapse;width:100%;font-size:.86rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;min-width:120px;padding:10px 12px}.prose th{color:var(--ink);background:color-mix(in srgb, var(--accent) 10%, transparent)}.prose hr{background:var(--line);border:0;height:1px;margin:3rem 0}.not-found{width:var(--page);text-align:center;place-items:center;min-height:calc(100svh - 78px);margin:0 auto;padding:80px 0;display:grid}.not-found strong{color:#0000;background:linear-gradient(var(--accent), var(--warm));font-family:var(--mono);-webkit-background-clip:text;background-clip:text;font-size:clamp(6rem,24vw,16rem);font-weight:300;line-height:.8;display:block}.not-found h1{margin:35px 0 8px;font-weight:430}.not-found p{color:var(--ink-soft);margin:0 0 28px}@media (width<=1080px){.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid{grid-template-columns:1fr 1fr}}@media (width<=820px){:root{--page:min(1160px, calc(100% - 32px))}.site-header{grid-template-columns:1fr auto;align-items:start;min-height:92px;padding:12px 0}.site-header nav{flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:flex-start;gap:0 8px}.site-header nav a{min-height:36px;padding-inline:5px;font-size:.62rem}.theme-toggle{grid-area:1/2}.hero{min-height:840px}.hero-content{padding-top:154px}.hero h1{font-size:clamp(3.1rem,15vw,5.7rem)}.hero-orb--whale{opacity:.72;bottom:12%;right:5%}.section-head,.split-section,.domain-grid,.topic-grid,.theme-panel{grid-template-columns:1fr}.journey-timeline{grid-template-columns:1fr;gap:44px}.journey-timeline:before{display:none}.journey-timeline li{grid-template-columns:58px 1fr;gap:17px;padding:0;display:grid}.timeline-marker{margin:0}.site-footer{grid-template-columns:1fr}.footer-link{justify-self:start}}@media (width<=520px){html{scroll-padding-top:110px}.brand{font-size:.86rem}.brand-mark{width:32px;height:32px}.nav-github span{display:none}.hero-content,.domain-hero__inner{width:calc(100% - 32px);min-width:0;max-width:calc(100% - 32px)}.hero-content{padding-top:168px}.hero h1{letter-spacing:-.045em;word-break:break-all;width:100%;max-width:100%;font-size:clamp(2.55rem,12.8vw,3.65rem);line-height:1.06}.hero h1 span{width:100%;max-width:100%;display:block}.hero-subtitle{overflow-wrap:anywhere;max-width:100%;font-size:.98rem}.tag-cloud,.domain-actions{width:100%;max-width:100%}.domain-button{justify-content:space-between;width:100%;max-width:100%}.section{padding-block:82px}.section-title{font-size:clamp(2.35rem,12vw,3.9rem)}.domain-card,.topic-card{min-height:230px;padding:22px}.domain-hero{min-height:560px}.domain-hero__inner{padding-top:150px}.domain-hero h1{font-size:clamp(3rem,16vw,5rem)}.note-row{grid-template-columns:1fr auto;gap:8px 14px;min-height:150px}.note-meta{grid-column:1/-1}.article-header,.article-shell{width:var(--page)}.prose pre{margin-inline:-16px;padding:16px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-footer,.article-back,.starfield,.theme-toggle{display:none!important}body{color:#111;background:#fff}.article-header,.article-shell{width:100%}.prose,.prose h2,.prose h3{color:#111}}