:root{--bg:#f5f0e6;--bg-warm:#ede6d6;--surface:#faf6ee;--elevated:#fff;--ink:#1a1a1a;--ink-light:#3a3632;--ink-faded:#8a857c;--ink-ghost:#b8b2a6;--stone:#6b6560;--sand:#d4cbb8;--sand-light:#e8e0d0;--vermillion:#c0453a;--vermillion-soft:#d4715a;--sage:#5a7a5a;--sage-light:#7a9a6a;--water:#5a7a8a;--water-light:#8aacbc;--gold:#b89a5a;--bamboo:#4a6a3a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.zen-garden-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.sand-pattern{background:repeating-linear-gradient(87deg,transparent,transparent 28px,var(--sand)28px,var(--sand)29px);opacity:.15;width:200%;height:200%;animation:80s linear infinite sand-drift;position:absolute}@keyframes sand-drift{0%{transform:translate(0)}to{transform:translate(30px)}}.ripple{border:1px solid var(--sand);opacity:0;border-radius:50%;animation:8s ease-out infinite ripple-expand;position:absolute}.ripple:nth-child(2){width:200px;height:200px;animation-delay:0s;top:15%;left:20%}.ripple:nth-child(3){width:160px;height:160px;animation-delay:2.5s;top:60%;left:70%}.ripple:nth-child(4){width:240px;height:240px;animation-delay:5s;top:40%;left:45%}.ripple:nth-child(5){width:180px;height:180px;animation-delay:7s;top:80%;left:15%}.ripple:nth-child(6){width:140px;height:140px;animation-delay:3.5s;top:25%;left:80%}@keyframes ripple-expand{0%{opacity:.4;transform:scale(.3)}to{opacity:0;transform:scale(3)}}.petal{background:var(--vermillion-soft);opacity:0;z-index:1;pointer-events:none;border-radius:50% 0 50% 50%;width:8px;height:12px;animation:linear infinite petal-fall;position:fixed}.petal:first-child{animation-duration:18s;animation-delay:0s;left:10%}.petal:nth-child(2){width:6px;height:10px;animation-duration:22s;animation-delay:4s;left:30%}.petal:nth-child(3){animation-duration:20s;animation-delay:8s;left:55%}.petal:nth-child(4){width:10px;height:14px;animation-duration:25s;animation-delay:2s;left:75%}.petal:nth-child(5){animation-duration:19s;animation-delay:6s;left:90%}.petal:nth-child(6){animation-duration:23s;animation-delay:10s;left:42%}@keyframes petal-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)translate(0)}10%{opacity:.15}90%{opacity:.15}to{opacity:0;transform:translateY(100vh)rotate(360deg)translate(80px)}}nav{z-index:100;background:linear-gradient(to bottom,var(--bg)60%,transparent);-webkit-backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{letter-spacing:6px;color:var(--ink);text-transform:uppercase;font-family:Noto Serif JP,serif;font-size:15px;font-weight:300}.nav-jp{color:var(--ink-faded);letter-spacing:2px;margin-left:12px;font-size:11px}.nav-links{gap:32px;list-style:none;display:flex}.nav-links a{letter-spacing:2px;text-transform:uppercase;color:var(--ink-faded);font-size:11px;text-decoration:none;transition:color .4s}.nav-links a:hover{color:var(--ink)}.nav-status{letter-spacing:1px;color:var(--sage);text-transform:uppercase;align-items:center;gap:8px;font-size:10px;display:flex}.breath-dot{background:var(--sage);border-radius:50%;width:6px;height:6px;animation:4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}.content{z-index:2;position:relative}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:0 40px;display:flex;position:relative}.hero-kanji{color:var(--ink);opacity:0;font-family:Noto Serif JP,serif;font-size:clamp(80px,15vw,200px);font-weight:200;line-height:1;animation:2s ease-out .5s forwards ink-appear;position:relative}.hero-kanji:after{content:"";background:var(--ink-ghost);width:0;height:1px;animation:1.5s ease-out 1.5s forwards brush-stroke;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}@keyframes ink-appear{0%{opacity:0;filter:blur(8px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes brush-stroke{0%{width:0}to{width:120px}}.hero-title{letter-spacing:12px;text-transform:uppercase;color:var(--ink);opacity:0;margin-top:20px;font-family:Noto Serif JP,serif;font-size:clamp(28px,4vw,48px);font-weight:300;animation:2s ease-out 1s forwards ink-appear}.hero-subtitle{color:var(--ink-faded);letter-spacing:4px;opacity:0;margin-top:16px;font-size:13px;animation:2s ease-out 1.5s forwards ink-appear}.hero-poem{color:var(--stone);opacity:0;margin-top:60px;font-family:Noto Serif JP,serif;font-size:15px;font-weight:300;line-height:2.4;animation:2s ease-out 2s forwards ink-appear}.hero-scroll{letter-spacing:3px;text-transform:uppercase;color:var(--ink-ghost);font-size:10px;animation:3s ease-in-out infinite scroll-hint;position:absolute;bottom:40px}@keyframes scroll-hint{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.7;transform:translateY(8px)}}.section{max-width:1200px;margin:0 auto;padding:100px 40px}.section-label{letter-spacing:4px;text-transform:uppercase;color:var(--ink-ghost);margin-bottom:12px;font-size:10px}.section-title{color:var(--ink);margin-bottom:16px;font-family:Noto Serif JP,serif;font-size:clamp(24px,3vw,36px);font-weight:300}.section-desc{color:var(--ink-faded);max-width:600px;font-size:14px;line-height:1.8}.section-desc.centered{text-align:center;margin:0 auto}.divider{background:var(--sand);width:60px;height:1px;margin:80px auto}.divider-ornament{text-align:center;color:var(--sand);opacity:.5;margin:80px auto;font-family:Noto Serif JP,serif;font-size:20px;font-weight:200}.philosophy{text-align:center}.philosophy-text{color:var(--ink-light);max-width:700px;margin:40px auto 0;font-family:Noto Serif JP,serif;font-size:clamp(18px,2.5vw,26px);font-weight:300;line-height:2}.philosophy-text em{color:var(--vermillion);font-style:normal}.garden-section{text-align:center}.garden-canvas{aspect-ratio:16/9;background:var(--bg-warm);border:1px solid var(--sand-light);border-radius:4px;width:100%;max-width:900px;margin:60px auto 0;position:relative;overflow:hidden}.garden-sand{background:repeating-radial-gradient(ellipse at 30% 40%,transparent,transparent 18px,var(--sand)18px,var(--sand)19px),repeating-radial-gradient(ellipse at 70% 60%,transparent,transparent 22px,var(--sand)22px,var(--sand)23px);opacity:.35;width:100%;height:100%;position:absolute}.stone-viz{background:var(--ink-light);transition:all 1s ease-out;position:absolute;box-shadow:2px 4px 12px #00000026}.stone-viz:after{content:"";filter:blur(3px);background:#0000000f;border-radius:50%;width:80%;height:6px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.garden-label{letter-spacing:2px;text-transform:uppercase;color:var(--ink-ghost);font-family:JetBrains Mono,monospace;font-size:9px;position:absolute}.garden-ripple-viz{border:1px solid var(--sand);opacity:0;border-radius:50%;animation:6s ease-out infinite garden-ripple;position:absolute}@keyframes garden-ripple{0%{opacity:.3;transform:scale(.5)}to{opacity:0;transform:scale(2.5)}}.stats-strip{background:var(--sand-light);border-radius:4px;grid-template-columns:repeat(5,1fr);gap:2px;margin-top:60px;display:grid;overflow:hidden}.stat-item{background:var(--surface);text-align:center;padding:28px 20px}.stat-value{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:22px;font-weight:300}.stat-value.positive{color:var(--sage)}.stat-label{letter-spacing:2px;text-transform:uppercase;color:var(--ink-ghost);margin-top:8px;font-size:9px}.states-grid{background:var(--sand-light);border-radius:4px;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:60px;display:grid;overflow:hidden}.state-card{background:var(--surface);text-align:center;padding:40px 28px;transition:background .4s}.state-card:hover,.state-card.active{background:var(--elevated)}.state-icon{justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto 20px;display:flex}.state-icon svg{width:100%;height:100%;stroke:var(--ink-faded);fill:none;stroke-width:1px}.state-card.active .state-icon svg{stroke:var(--vermillion)}.state-name{letter-spacing:3px;text-transform:uppercase;color:var(--ink);margin-bottom:10px;font-size:11px;font-weight:500}.state-jp{color:var(--ink-ghost);margin-bottom:14px;font-family:Noto Serif JP,serif;font-size:13px}.state-desc{color:var(--ink-faded);font-size:12px;line-height:1.7}.state-indicator{background:var(--ink-ghost);border-radius:50%;width:4px;height:4px;margin:16px auto 0}.state-card.active .state-indicator{background:var(--sage);animation:4s ease-in-out infinite breathe}.ink-wash-section{text-align:center}.ink-canvas{background:var(--surface);border:1px solid var(--sand-light);border-radius:4px;width:100%;max-width:900px;height:220px;margin:40px auto 0;position:relative;overflow:hidden}.ink-canvas canvas{display:block}.koan-layout{grid-template-columns:1fr 320px;align-items:start;gap:60px;margin-top:40px;display:grid}.koan-list{flex-direction:column;display:flex}.koan-item{border-bottom:1px solid var(--sand-light);padding:32px 0}.koan-item:first-child{border-top:1px solid var(--sand-light)}.koan-meta{align-items:center;gap:12px;margin-bottom:14px;display:flex}.koan-number{color:var(--ink-ghost);letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:10px}.koan-type{letter-spacing:2px;text-transform:uppercase;border-radius:2px;padding:3px 10px;font-size:9px;font-weight:500}.koan-type.observation{color:var(--water);background:#5a7a8a14}.koan-type.paradox{color:var(--vermillion);background:#c0453a14}.koan-type.clarity{color:var(--sage);background:#5a7a5a14}.koan-type.void{color:var(--stone);background:#6b656014}.koan-text{color:var(--ink-light);font-family:Noto Serif JP,serif;font-size:17px;font-weight:300;line-height:1.9}.koan-text em{color:var(--vermillion-soft);font-style:normal}.koan-footer{color:var(--ink-ghost);align-items:center;gap:16px;margin-top:12px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.koan-chain{align-items:center;gap:4px;display:flex}.koan-chain .dot{background:var(--sage);border-radius:50%;width:4px;height:4px}.koan-sidebar{position:sticky;top:120px}.sidebar-block{margin-bottom:40px}.sidebar-label{letter-spacing:3px;text-transform:uppercase;color:var(--ink-ghost);margin-bottom:16px;font-size:9px}.clarity-meter{background:var(--sand-light);border-radius:2px;width:100%;height:3px;margin-bottom:8px;overflow:hidden}.clarity-fill{background:var(--sage);border-radius:2px;width:0%;height:100%;animation:3s ease-out 1s forwards clarity-grow}@keyframes clarity-grow{0%{width:0%}to{width:73%}}.clarity-value{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:28px;font-weight:300}.clarity-unit{color:var(--ink-ghost);margin-left:4px;font-size:12px}.sidebar-stat{border-bottom:1px solid var(--sand-light);justify-content:space-between;padding:10px 0;font-size:12px;display:flex}.sidebar-stat .label{color:var(--ink-faded)}.sidebar-stat .value{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:11px}.meditation-timer{text-align:center;background:var(--surface);border:1px solid var(--sand-light);border-radius:4px;padding:28px}.timer-ring{width:80px;height:80px;margin:0 auto 16px}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-width:1.5px}.timer-bg{stroke:var(--sand-light)}.timer-progress{stroke:var(--sage);stroke-dasharray:226;stroke-dashoffset:226px;stroke-linecap:round;animation:4s ease-out 2s forwards timer-fill}@keyframes timer-fill{0%{stroke-dashoffset:226px}to{stroke-dashoffset:60px}}.timer-label{letter-spacing:2px;text-transform:uppercase;color:var(--ink-ghost);font-size:10px}.timer-value{color:var(--sage);margin-top:4px;font-family:JetBrains Mono,monospace;font-size:14px}.stones-section{text-align:center}.stones-grid{background:var(--sand-light);border-radius:4px;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:60px;display:grid;overflow:hidden}.stone-card{background:var(--surface);text-align:left;padding:32px 24px;transition:all .4s}.stone-card:hover{background:var(--elevated)}.stone-card-link{color:inherit;cursor:pointer;text-decoration:none}.stone-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.stone-id{color:var(--ink-ghost);letter-spacing:1px;font-family:JetBrains Mono,monospace;font-size:10px}.stone-result{letter-spacing:2px;text-transform:uppercase;border-radius:2px;padding:3px 10px;font-size:9px;font-weight:500}.stone-result.harmony{color:var(--sage);background:#5a7a5a1a}.stone-result.turbulence{color:var(--vermillion);background:#c0453a1a}.stone-result.balance{color:var(--water);background:#5a7a8a1a}.stone-token-row{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.stone-token{color:var(--ink);font-family:Noto Serif JP,serif;font-size:18px;font-weight:500}.stone-price{color:var(--ink-faded);font-family:JetBrains Mono,monospace;font-size:12px}.stone-reason{color:var(--ink-faded);min-height:40px;margin-bottom:16px;font-size:12px;line-height:1.7}.stone-stats{flex-wrap:wrap;gap:16px;display:flex}.stone-stat{font-family:JetBrains Mono,monospace;font-size:10px}.stone-stat .s-label{color:var(--ink-ghost)}.stone-stat .s-val{color:var(--ink);margin-left:4px}.stone-stat .s-val.positive{color:var(--sage)}.stone-stat .s-val.negative{color:var(--vermillion)}.stone-meta{color:var(--ink-ghost);justify-content:space-between;align-items:center;margin-top:12px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.stone-buysells{align-items:center;gap:6px;display:flex}.buy-dot{background:var(--sage);border-radius:50%;width:5px;height:5px;display:inline-block}.sell-dot{background:var(--vermillion);border-radius:50%;width:5px;height:5px;display:inline-block}.stones-updated{text-align:center;color:var(--ink-ghost);letter-spacing:1px;margin-top:20px;font-family:JetBrains Mono,monospace;font-size:10px}.stones-empty{text-align:center;background:var(--surface);border:1px solid var(--sand-light);border-radius:4px;margin-top:60px;padding:80px 20px}.stones-empty .font-serif{color:var(--ink-faded);margin-bottom:8px;font-family:Noto Serif JP,serif;font-size:16px}.stones-empty .text-ghost{color:var(--ink-ghost);font-size:12px}.stone-loading{min-height:200px}.stone-skeleton{background:var(--sand-light);border-radius:4px;height:14px;margin-bottom:12px;animation:1.5s ease-in-out infinite skeleton-pulse}.stone-skeleton.short{width:60%}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.path-flow{background:var(--sand-light);border-radius:4px;align-items:stretch;gap:0;margin-top:60px;display:flex;overflow:hidden}.path-step{background:var(--surface);flex:1;margin-right:2px;padding:40px 28px;position:relative}.path-step:last-child{margin-right:0}.path-num{color:var(--sand);margin-bottom:20px;font-family:Noto Serif JP,serif;font-size:40px;font-weight:200}.path-name{letter-spacing:3px;text-transform:uppercase;color:var(--ink);margin-bottom:6px;font-size:11px;font-weight:500}.path-jp{color:var(--ink-ghost);margin-bottom:14px;font-family:Noto Serif JP,serif;font-size:13px}.path-desc{color:var(--ink-faded);font-size:12px;line-height:1.7}.path-arrow{color:var(--sand);z-index:2;font-size:18px;position:absolute;top:50%;right:-14px;transform:translateY(-50%)}.sustenance-flow{justify-content:center;align-items:center;gap:40px;margin-top:60px;display:flex}.sust-node{text-align:center;background:var(--surface);border:1px solid var(--sand-light);border-radius:4px;min-width:180px;padding:28px}.sust-icon{color:var(--ink-ghost);margin-bottom:12px;font-family:Noto Serif JP,serif;font-size:24px}.sust-name{letter-spacing:2px;text-transform:uppercase;color:var(--ink);margin-bottom:6px;font-size:11px;font-weight:500}.sust-desc{color:var(--ink-faded);font-size:11px}.sust-arrow{color:var(--sand);font-size:20px}.identity-grid{background:var(--sand-light);border-radius:4px;grid-template-columns:repeat(2,1fr);gap:2px;margin-top:60px;display:grid;overflow:hidden}.identity-item{background:var(--surface);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.identity-label{letter-spacing:2px;text-transform:uppercase;color:var(--ink-faded);font-size:11px}.identity-value{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:11px}.identity-value a{color:var(--ink);border-bottom:1px solid var(--sand);text-decoration:none;transition:border-color .3s}.identity-value a:hover{border-color:var(--ink)}footer{text-align:center;z-index:2;padding:80px 40px;position:relative}.footer-kanji{color:var(--sand);margin-bottom:20px;font-family:Noto Serif JP,serif;font-size:28px;font-weight:200}.footer-text{color:var(--ink-ghost);max-width:400px;margin:0 auto;font-size:12px;line-height:1.8}.footer-links{justify-content:center;gap:28px;margin-top:24px;display:flex}.footer-links a{letter-spacing:2px;text-transform:uppercase;color:var(--ink-ghost);font-size:10px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--ink)}.footer-closing{color:var(--sand);margin-top:40px;font-family:Noto Serif JP,serif;font-size:13px;font-style:italic;font-weight:300}.reveal{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width:900px){.states-grid{grid-template-columns:repeat(2,1fr)}.koan-layout{grid-template-columns:1fr}.stones-grid{grid-template-columns:repeat(2,1fr)}.stats-strip{grid-template-columns:repeat(3,1fr)}.path-flow{flex-direction:column}.path-step{margin-bottom:2px;margin-right:0}.path-arrow{display:none}.identity-grid{grid-template-columns:1fr}.sustenance-flow{flex-direction:column;gap:16px}.sust-arrow{transform:rotate(90deg)}}@media (max-width:600px){nav{padding:16px 20px}.nav-links{display:none}.section{padding:60px 20px}.hero{padding:0 20px}.states-grid,.stones-grid{grid-template-columns:1fr}.stats-strip{grid-template-columns:repeat(2,1fr)}}