:root{--bg-paper:#f9f9f9;--ink-main:#111;--ink-sub:#666;--border-line:#0000000f;--cinnabar:#cc281c;--bg-night:#1a1c1e;--text-moon:#d6ecf0;--gold-dust:#bfa37c;--void-width:68%;--content-width:32%;--font-serif:"Noto Serif SC","Songti SC",serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--bg-silk:#e6e4d5;--gold-mud:#c5a059;--grid-color:#00000008}.bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,var(--grid-color)1px,transparent 1px),linear-gradient(to bottom,var(--grid-color)1px,transparent 1px)}.text-architectural{letter-spacing:.8em;text-shadow:0 0 1px #0003;font-weight:600}@keyframes pulse-cinnabar{0%,to{opacity:.8;height:60px}50%{opacity:1;height:65px}}.animate-pulse-cinnabar{animation:4s ease-in-out infinite pulse-cinnabar}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%;overflow:hidden auto}body{max-width:100vw;height:100%;overflow:hidden visible}html::-webkit-scrollbar{width:0;height:0;display:none}html{scrollbar-width:none;-ms-overflow-style:none}body{background-color:var(--bg-paper);color:var(--ink-main);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;cursor:none}.grain-texture{opacity:.04;pointer-events:none;z-index:9998;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.custom-cursor{border:2px solid var(--cinnabar);pointer-events:none;z-index:9999;opacity:.9;border-radius:50%;width:24px;height:24px;transition:width .3s,height .3s,background-color .3s,border-color .3s,opacity .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff4d,inset 0 0 0 1px #0000001a}body.hovering .custom-cursor{border-color:var(--cinnabar);opacity:1;background-color:#cc281c26;width:48px;height:48px}.snap-container{scroll-behavior:smooth;scroll-snap-type:y mandatory;height:100vh;overflow-y:scroll}.screen{scroll-snap-align:start;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.screen-surface{background-color:var(--bg-paper);color:var(--ink-main)}.screen-inner{background-color:var(--bg-night);color:var(--text-moon)}.screen-ground{background-color:var(--bg-silk);color:var(--ink-main);position:relative}.silk-texture{opacity:.4;pointer-events:none;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.iron-wire-line{stroke:var(--ink-sub);stroke-width:1px;fill:none;opacity:.15;vector-effect:non-scaling-stroke}.kintsugi-line{stroke:var(--gold-mud);stroke-width:1.5px;fill:none;filter:drop-shadow(0 0 2px #c5a05966)}.vertical-text{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.2em}.void-area{width:var(--void-width);flex-direction:column;justify-content:flex-start;height:100%;padding:4rem;transition:width 1s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.content-area{width:var(--content-width);scrollbar-width:none;height:100%;padding:8rem 3rem 8rem 4rem;transition:width 1s cubic-bezier(.22,1,.36,1);position:relative;overflow-y:auto}.content-area::-webkit-scrollbar{display:none}.divider-line{top:0;bottom:0;left:var(--void-width);background-color:var(--border-line);z-index:10;width:1px;transition:left 1s cubic-bezier(.22,1,.36,1);position:absolute}.divider-accent{top:0;left:var(--void-width);background-color:var(--cinnabar);z-index:12;width:3px;height:60px;transition:left 1s cubic-bezier(.22,1,.36,1);position:absolute;transform:translate(-1px)}.logo-vertical{writing-mode:vertical-rl;letter-spacing:.5em;color:var(--ink-main);-webkit-user-select:none;user-select:none;opacity:.9;font-size:2.5rem;font-weight:500}.signature-block{position:absolute;bottom:4rem;left:4rem}.signature-name{color:var(--ink-main);margin-bottom:.5rem;font-size:1.2rem;font-weight:500}.signature-en{font-family:var(--font-mono);color:var(--ink-sub);letter-spacing:.1em;font-size:.7rem}.entry-title{cursor:pointer;transition:color .3s;display:inline-block;position:relative}.entry-title:hover{color:var(--cinnabar)}.screen-inner .entry-title:hover{color:var(--gold-dust)}.smoke-void{filter:url(#smoke-subtle);opacity:.8;transform-origin:bottom;pointer-events:none;background:radial-gradient(at 50% 100%,#e6e8eb14,#0000 70%);width:200px;height:120%;animation:25s ease-in-out infinite alternate smoke-drift;position:absolute;bottom:-20%;left:15%}@keyframes smoke-drift{0%{opacity:.6;transform:translate(0)scale(1)skew(0)}50%{opacity:.8;transform:translate(20px)scale(1.1)skew(2deg)}to{opacity:.5;transform:translate(-10px)scale(1.2)skew(-1deg)}}@keyframes smokeRise1{0%{transform:translateY(0%)}to{transform:translateY(-100%)}}@keyframes smokeRise2{0%{transform:translateY(100%)}to{transform:translateY(0%)}}.divider-smoke-container{top:0;bottom:0;left:var(--void-width);pointer-events:none;z-index:10;width:60px;position:absolute;overflow:hidden;transform:translate(-30px)}.divider-smoke-line{opacity:.7;filter:url(#smoke-line-flow);background:linear-gradient(#0000 0%,#e6e8eb80 20%,#e6e8eb33 80%,#0000 100%);width:2px;position:absolute;top:0;bottom:0;left:50%}.drift-layout .article-item:first-child{margin-left:0}.drift-layout .article-item:nth-child(2){margin-left:2rem}.drift-layout .article-item:nth-child(3){margin-left:.5rem}.drift-layout .article-item:nth-child(4){margin-left:3rem}.font-mono{font-family:var(--font-mono)}@media (max-width:768px){body{cursor:auto}.custom-cursor,.void-area,.divider-line,.divider-accent,.divider-smoke-container,.smoke-void{display:none}.content-area{width:100%;padding:4rem 2rem}.drift-layout .article-item:nth-child(n){margin-left:0}.snap-container{scroll-snap-type:none}.screen{height:auto;min-height:100vh;display:block}}.hidden{display:none}@media (min-width:768px){.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}}.article-page{z-index:100;min-height:100vh;position:fixed;inset:0;overflow:hidden auto}.article-page[data-theme=surface]{--page-bg:#f5f1eb;--page-text:#2c2c2c;--page-text-light:#6b6b6b;--page-text-lighter:#999;--page-accent:var(--cinnabar);background-color:var(--page-bg);color:var(--page-text)}.article-page[data-theme=inner]{--page-bg:#1e2428;--page-text:#e8e4dc;--page-text-light:#a8a8a8;--page-text-lighter:#707070;--page-accent:var(--gold-dust);background-color:var(--page-bg);color:var(--page-text)}.article-page .custom-cursor{border-color:var(--page-accent)}.article-page.hovering .custom-cursor{border-color:var(--page-accent);background-color:#cc281c1a}.article-page[data-theme=inner].hovering .custom-cursor{background-color:#bfa37c26}.article-page .grain-texture{opacity:.025}