:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f1ea;--ink-soft:#f4f1eabd;--ink-faint:#f4f1ea80;--line:#f4f1ea59;--deep:#02111a;--gold:#ffcf8a;--navy:#0f2352;--navy-soft:#0f2352c7;--day:1;--sky-ink:color-mix(in oklab, #0f2352 calc(var(--day) * 100%), #f4f1ea);--sky-ink-soft:color-mix(in oklab, #0f2352c7 calc(var(--day) * 100%), #f4f1eacc);--sky-glow:color-mix(in oklab, #ffffff61 calc(var(--day) * 100%), #000a1e99);--glass:#041a3657;--glass-hover:#041a3675;--glass-edge:#ffffff24;--display:"Noto Serif SC", "Songti SC", serif;--body:"Noto Sans SC", "PingFang SC", system-ui, sans-serif}html,body{background:var(--deep);color:var(--ink);margin:0}body{font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}#sea{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}main{z-index:1;padding-inline:clamp(16px,6vw,96px);position:relative}section{flex-direction:column;justify-content:center;gap:1.5rem;min-height:100vh;display:flex}.column{flex-direction:column;gap:1.5rem;width:100%;max-width:62rem;margin-inline:auto;display:flex}.eyebrow{letter-spacing:.24em;color:var(--ink-soft);font-variant-numeric:tabular-nums;font-size:.75rem}h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:700;line-height:1.2}h2{text-shadow:0 2px 30px #00000059;font-size:clamp(1.9rem,4.5vw,3rem)}p{margin:0;line-height:1.8}.hero{color:var(--sky-ink);box-sizing:border-box;padding-bottom:26vh;position:relative}.nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.hero .nav{top:calc(env(safe-area-inset-top,0px) + 28px);position:absolute;left:0;right:0}.nav-sky{color:var(--sky-ink)}.nav-deep{color:var(--ink);padding-top:calc(env(safe-area-inset-top,0px) + 28px);text-shadow:0 1px 12px #00143280}.brand{font-family:var(--display);letter-spacing:.12em;font-size:1.15rem;font-weight:700}.nav ul{gap:clamp(1rem,3vw,2.25rem);margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.nav a{opacity:.85}.nav a:hover{opacity:1}.hero-body{flex-direction:column;gap:1.25rem;max-width:38rem;display:flex}.hero h1{letter-spacing:.04em;text-shadow:0 1px 24px var(--sky-glow);font-size:clamp(2.4rem,6.2vw,4.8rem)}.hero .lede{color:var(--sky-ink-soft);text-shadow:0 1px 18px var(--sky-glow);font-size:1.12rem}.hero .eyebrow{color:var(--sky-ink-soft)}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.btn{background:var(--navy);color:#fff;font:500 .95rem var(--body);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;display:inline-flex}.btn:hover{background:#17306b}.hero-meta{color:var(--sky-ink-soft);font-variant-numeric:tabular-nums;font-size:.85rem}.hint{letter-spacing:.3em;color:#f4f1ead9;flex-direction:column;gap:.6rem;font-size:.75rem;display:flex;position:absolute;bottom:6vh;left:0}.hint i{background:linear-gradient(#f4f1ea,#0000);width:1px;height:44px;animation:2.2s ease-in-out infinite drip}@keyframes drip{0%{transform-origin:top;transform:scaleY(0)}50%{transform-origin:top;transform:scaleY(1)}51%{transform-origin:bottom}to{transform-origin:bottom;transform:scaleY(0)}}.spacer{min-height:50vh}.waterline{text-align:center;align-items:center}.waterline p{color:var(--ink-soft);text-shadow:0 1px 12px #0006;max-width:30rem}[data-lit],[data-lit] *{color:#0000!important;text-shadow:none!important}[data-lit] ::selection{background:#ffcf8a59}.under,.under h2{--c:#f4f1ea}.under .eyebrow{--c:#f4f1eab8}.posts{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.post{border-top:1px solid #f4f1ea24;grid-template-columns:7.5rem minmax(0,1fr) auto;align-items:baseline;gap:1.5rem;padding-block:1.1rem;display:grid}.post:last-child{border-bottom:1px solid #f4f1ea24}.post .date{--c:#f4f1ea8c;font-variant-numeric:tabular-nums;font-size:.85rem}.post .title{--c:#f4f1ea;font-family:var(--display);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700}.post .info{--c:#ffcf8ad9;white-space:nowrap;font-size:.82rem}.post:hover .title{--c:#ffe2b8}.all{--c:#ffcf8a;font-size:.92rem}.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.contact p{--c:#f4f1eacc}.contact h3{font-size:1.4rem}.contact>div,.subscribe>div{flex-direction:column;gap:.9rem;display:flex}.channels{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.channels li{border-top:1px solid #f4f1ea24;grid-template-columns:5rem minmax(0,1fr);gap:1rem;padding-block:.8rem;display:grid}.channels .k{--c:#f4f1ea8c;font-size:.85rem}.channels .v{--c:#f4f1ea;font-variant-numeric:tabular-nums}.subscribe{flex-direction:column;gap:1rem;display:flex}.subscribe form{flex-wrap:wrap;gap:.6rem;display:flex}.subscribe input{min-width:0;color:var(--ink);font:.95rem var(--body);background:#02142859;border:1px solid #ffffff38;border-radius:999px;flex:12rem;padding:.75rem 1rem}.subscribe input::placeholder{color:var(--ink-faint)}.subscribe .btn{background:var(--gold);color:var(--navy)}.form-note{color:var(--gold);min-height:1.4em;font-size:.82rem}footer{--c:#f4f1ea73;text-align:center;padding-block:4rem;font-size:.8rem}.gauge{z-index:2;pointer-events:none;align-items:center;gap:.75rem;display:flex;position:fixed;top:50%;right:clamp(12px,3vw,36px);transform:translateY(-50%)}.gauge .track{background:var(--line);width:1px;height:38vh;position:relative}.gauge .mark{background:var(--ink);width:9px;height:1px;position:absolute;left:-4px}.gauge .surface{background:var(--gold);width:17px;height:1px;position:absolute;left:-8px}.gauge .read{text-shadow:0 1px 8px #00143299;font-variant-numeric:tabular-nums;letter-spacing:.08em;flex-direction:column;gap:.2rem;min-width:5.5em;font-size:.8rem;display:flex}.gauge .read small{color:var(--ink-soft);letter-spacing:.2em;font-size:.68rem}@media (max-width:1100px){.gauge .read{display:none}}@media (max-width:760px){.contact{grid-template-columns:minmax(0,1fr)}.post{grid-template-columns:minmax(0,1fr);gap:.3rem}.nav ul,.gauge{display:none}}.fallback{z-index:3;color:var(--ink);background:#02111ad9;border-radius:8px;margin:0;padding:12px 16px;position:fixed;bottom:16px;left:16px;right:16px}@media (prefers-reduced-motion:reduce){.hint i{animation:none}}.page{flex-direction:column;gap:2rem;max-width:46rem;margin-inline:auto;padding-bottom:6rem;display:flex}.page-head{text-shadow:0 1px 3px #001e3c80,0 2px 24px #001432a6;flex-direction:column;gap:1rem;padding-top:12vh;display:flex}.page-head h1{font-size:clamp(2rem,5vw,3.2rem)}.page-head .meta{color:var(--ink);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:1rem;font-size:.88rem;display:flex}.page-head .summary{color:var(--ink);font-size:1.05rem}.glass{border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(12px)saturate(1.2);backdrop-filter:blur(12px)saturate(1.2);background:#03182c94;border-radius:18px;padding:clamp(1.25rem,4vw,3rem);box-shadow:0 20px 60px #000a1959}.prose{color:#f4f1eae6;font-size:1.06rem;line-height:1.9}.prose>*+*{margin-top:1.15em}.prose h2{margin-top:2.2em;font-size:1.6rem}.prose h3{margin-top:1.8em;font-size:1.25rem}.prose a{color:var(--gold);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.prose strong{color:#fff}.prose blockquote{color:var(--ink-soft);border-left:2px solid #ffcf8a99;margin-inline:0;padding-left:1.1em}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.35em}.prose hr{border:0;border-top:1px solid #f4f1ea2e;margin-block:2.5em}.prose img{border-radius:10px;max-width:100%}.prose table{border-collapse:collapse;width:100%;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid #f4f1ea29;padding:.5em .8em}.prose :not(pre)>code{background:#ffffff1a;border-radius:5px;padding:.15em .4em;font-size:.9em}.prose figure{margin-inline:0}.prose pre{background:#0008128c;border:1px solid #ffffff14;border-radius:12px;padding:1em 1.2em;font-size:.88rem;line-height:1.65;overflow-x:auto}.prose pre code{font-family:ui-monospace,SF Mono,Menlo,monospace}.page-foot{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.92rem;display:flex}.page-foot a:hover{color:var(--gold)}.index .post{color:var(--ink)}.index .post .date{color:var(--ink-faint)}.index .post .title{color:var(--ink)}.index .post .info{color:#ffcf8ad9}.index .post:hover .title{color:#ffe2b8}.index .summary{color:var(--ink-soft);grid-column:2/3;font-size:.92rem}@media (max-width:760px){.index .summary{grid-column:auto}}.time-dial{z-index:4;right:max(16px, env(safe-area-inset-right));bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed}.time-bar{align-items:center;gap:8px;display:flex}.time-toggle,.time-now{border:1px solid var(--glass-edge);height:34px;color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:500 .82rem var(--body);cursor:pointer;font-variant-numeric:tabular-nums;background:#03182c6b;border-radius:999px;align-items:center;gap:.45rem;padding:0 .85rem;transition:background .2s;display:inline-flex}.time-toggle:hover,.time-now:hover{background:#03182c99}.sound-toggle{border:1px solid var(--glass-edge);color:#f4f1eab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#03182c6b;border-radius:50%;place-items:center;width:34px;height:34px;transition:background .2s,color .2s;display:inline-grid}.sound-toggle:hover{background:#03182c99}.sound-toggle.is-on{color:var(--gold)}.time-tag{color:var(--gold);letter-spacing:.1em;font-size:.7rem}.time-now{color:var(--gold)}.time-ring{touch-action:none;cursor:grab;background:conic-gradient(from 180deg,#0b1a3a 0deg,#2a4a8a 60deg,#f0b37a 80deg,#7fc4ec 110deg,#9fd6f5 180deg,#7fc4ec 250deg,#f09a6a 280deg,#2a4a8a 300deg,#0b1a3a 360deg);border-radius:50%;width:120px;height:120px;position:relative;box-shadow:0 10px 30px #000a1959;-webkit-mask:radial-gradient(circle,#0000 38px,#000 39px);mask:radial-gradient(circle,#0000 38px,#000 39px)}.time-ring:active{cursor:grabbing}.time-ring .knob{background:#fff;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 3px #03182c8c,0 2px 8px #0006}.time-ring .tick{color:#ffffffd9;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #0009;pointer-events:none;font-size:.62rem;position:absolute}.time-ring .tick-noon{top:4px;left:50%;transform:translate(-50%)}.time-ring .tick-night{bottom:4px;left:50%;transform:translate(-50%)}.time-ring .tick-dawn{top:50%;left:5px;transform:translateY(-50%)}.time-ring .tick-dusk{top:50%;right:5px;transform:translateY(-50%)}@media (prefers-reduced-motion:reduce){.time-toggle,.time-now{transition:none}}.quote-by{opacity:.8;margin-top:.4rem;font-size:.92rem;display:block}