:root{--c-bg: #07080a;--c-text: rgba(228, 218, 204, .88);--c-text-muted: rgba(210, 198, 182, .5);--c-accent: rgba(200, 80, 60, .8);--c-glass-bg: rgba(10, 12, 16, .6);--c-glass-border: rgba(255, 255, 255, .08);--f-sys: "Courier Prime", "Courier New", Courier, monospace;--f-sans: "Inter", sans-serif;--f-serif: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;background:var(--c-bg);color:var(--c-text);font-family:var(--f-sans);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}.bg{position:fixed;inset:0;background-size:cover;background-position:center 30%;filter:saturate(.75) brightness(.5);z-index:-3}.vignette{position:fixed;inset:0;background:radial-gradient(ellipse 90% 90% at 50% 50%,transparent 30%,rgba(4,5,8,.8) 100%),linear-gradient(to top,rgba(4,5,8,.95) 0%,transparent 45%,rgba(4,5,8,.6) 100%),linear-gradient(to right,rgba(4,5,8,.7) 0%,transparent 20%,transparent 80%,rgba(4,5,8,.7) 100%);z-index:-2;pointer-events:none}.grain{position:fixed;inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E");background-size:256px 256px;animation:grain .15s steps(1) infinite;pointer-events:none;z-index:-1}@keyframes grain{0%{background-position:0 0}25%{background-position:-30px 10px}50%{background-position:15px -20px}75%{background-position:-10px 25px}}.frame-corner{position:fixed;width:24px;height:24px;border-color:#ffffff26;border-style:solid;z-index:100;pointer-events:none}.tl{top:4vh;left:4vw;border-width:1px 0 0 1px}.tr{top:4vh;right:4vw;border-width:1px 1px 0 0}.bl{bottom:4vh;left:4vw;border-width:0 0 1px 1px}.br{bottom:4vh;right:4vw;border-width:0 1px 1px 0}.brand{position:fixed;top:4.5vh;left:50%;transform:translate(-50%);font-family:var(--f-sys);font-size:11px;letter-spacing:.55em;color:var(--c-text-muted);text-transform:uppercase;white-space:nowrap;z-index:100}.obs-dot{position:fixed;top:4.7vh;right:4.5vw;width:6px;height:6px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 8px var(--c-accent);animation:blink 2.4s ease-in-out infinite;z-index:100}@keyframes blink{0%,to{opacity:.8}50%{opacity:.2}}.content-wrapper{position:relative;width:100%;z-index:10}.section{min-height:100vh;width:100%;padding:10vh 15vw;display:flex;align-items:center;justify-content:center}.hero{position:relative;flex-direction:column;justify-content:flex-end;padding-bottom:15vh}.phrase{font-family:var(--f-serif);font-size:clamp(14px,2vw,24px);letter-spacing:.4em;line-height:2.2;text-align:center;animation:fadeUp 2s cubic-bezier(.4,0,.2,1) forwards}.divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent,var(--c-text-muted),transparent);margin:2rem auto;animation:fadeUp 2.5s cubic-bezier(.4,0,.2,1) forwards}.sub{font-family:var(--f-sys);font-size:10px;letter-spacing:.6em;color:var(--c-text-muted);text-align:center;text-transform:uppercase;animation:fadeUp 3s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:5vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.5}.scroll-indicator span{font-family:var(--f-sys);font-size:8px;letter-spacing:.3em}.scroll-indicator .line{width:1px;height:30px;background:var(--c-text);animation:scrollLine 2s infinite}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}50.1%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.glass-panel{background:var(--c-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--c-glass-border);border-radius:4px;padding:4rem;width:100%;max-width:800px;box-shadow:0 30px 60px #0006;transition:transform .5s ease,box-shadow .5s ease}.glass-panel:hover{transform:translateY(-5px);box-shadow:0 40px 80px #00000080;border-color:#ffffff26}.section-title{font-family:var(--f-sys);font-size:12px;letter-spacing:.4em;color:var(--c-text-muted);margin-bottom:2rem;border-bottom:1px solid var(--c-glass-border);padding-bottom:1rem}.section-subtitle{font-family:var(--f-serif);font-size:24px;margin-bottom:2rem;letter-spacing:.1em}.about-text{font-family:var(--f-serif);font-size:15px;line-height:2.4;letter-spacing:.05em;color:#e4dacce6}.log-list{list-style:none}.log-item{display:flex;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--c-glass-border);transition:padding-left .3s ease}.log-item:hover{padding-left:10px}.log-date{font-family:var(--f-sys);font-size:11px;color:var(--c-text-muted);width:100px}.log-tag{font-family:var(--f-sys);font-size:9px;padding:3px 8px;border-radius:2px;margin-right:1.5rem;letter-spacing:.1em}.tag-system{background:#ffffff1a;color:#fff}.log-title{text-decoration:none;color:var(--c-text);font-size:14px;transition:color .3s}.log-title:hover{color:#fff}.main-footer{text-align:center;padding:4rem 0;font-family:var(--f-sys);font-size:10px;letter-spacing:.2em;color:var(--c-text-muted)}@media(max-width:768px){.section{padding:5vh 8vw}.glass-panel{padding:2rem}.log-item{flex-direction:column;align-items:flex-start;gap:.5rem}}