:root{
  color-scheme:dark; --bg:#05070d;--fg:#ebebee;--muted:#9396a7;--soft:#646b7c;--gold:#f0cf9a;--gold-dim:#b79466;--aqua:#a0c6e9;
  --serif:Georgia,"Batang","AppleMyungjo","Nanum Myeongjo",serif;--sans:system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--serif);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:#a98157;color:#0a0c13}#cosmos{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.vignette{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 82% 65% at 50% 42%,transparent 25%,rgba(3,4,11,.4) 72%,rgba(2,3,8,.88) 100%)}.cursor-glow{position:fixed;z-index:4;width:140px;height:140px;left:0;top:0;opacity:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(245,205,135,.18),rgba(245,205,135,.03) 35%,transparent 65%);transform:translate(-50%,-50%);transition:opacity .4s;mix-blend-mode:screen}@media(hover:hover) and (pointer:fine){body:has(.chapter-light:hover) .cursor-glow{opacity:1}}.skip-link{position:fixed;z-index:999;top:-80px;left:1rem;padding:12px 18px;background:#f7d99e;color:#080b11;text-decoration:none;border-radius:8px}.skip-link:focus{top:12px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:70;background:rgba(255,255,255,.04)}.reading-progress div{width:0;height:100%;background:linear-gradient(90deg,#6d93b9,var(--gold));box-shadow:0 0 14px rgba(255,207,148,.4)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:clamp(16px,2.2vw,28px) clamp(18px,4vw,60px);pointer-events:none}.site-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:12px;letter-spacing:.1em;font-weight:400;color:rgba(235,231,226,.82);white-space:nowrap}.brand-symbol{font:38px/1 Georgia,serif;color:var(--gold);font-weight:200}.brand small{display:block;margin-top:5px;font-family:var(--sans);font-size:8px;letter-spacing:.34em;color:var(--soft)}.header-actions{display:flex;gap:8px;flex-shrink:0}.tool-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 13px;border:1px solid rgba(222,220,218,.13);background:rgba(9,12,22,.72);backdrop-filter:blur(18px);border-radius:999px;color:#aeb3c0;font-family:var(--sans);font-size:10px;letter-spacing:.03em;transition:background .2s,border-color .2s,color .2s}.tool-button>span:first-child{font-size:18px;line-height:1;color:var(--gold-dim)}.tool-button:hover,.tool-button[aria-pressed="true"]{color:var(--gold);border-color:rgba(240,207,154,.48);background:rgba(39,32,32,.8)}
main{position:relative;z-index:1}.chapter{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:125px 24px 135px;isolation:isolate;text-align:center}.chapter-content{width:min(860px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:clamp(13px,2.5vh,27px)}.eyebrow{font:500 10px/1.6 var(--sans);letter-spacing:.33em;color:var(--gold-dim);margin:0 0 20px}.eyebrow span{color:#6e7183;margin:0 4px}.chapter-heading{font-size:clamp(24px,3.5vw,44px);font-weight:400;letter-spacing:-.015em;line-height:1.62;margin:0;color:#e9e8ed;text-wrap:balance;text-shadow:0 0 65px rgba(162,179,237,.08)}.chapter-verse{font-size:clamp(18px,2.45vw,31px);font-weight:400;line-height:1.8;margin:0;letter-spacing:.005em;text-wrap:balance}.chapter-verse em,.gold{font-style:normal;color:var(--gold)}.muted{color:var(--muted)}.small-note{font:400 clamp(12px,1.5vw,14px)/1.85 var(--sans);color:#858a9d;letter-spacing:.07em;margin:12px 0 0}.quiet-caption{font:400 11px/1.85 var(--sans);letter-spacing:.01em;color:#8c91a5;max-width:620px;margin:12px 0 0;text-wrap:pretty}.js .reveal{opacity:0;transform:translateY(24px);filter:blur(6px);transition:opacity 1.2s ease,transform 1.2s ease,filter 1.2s ease}.js .reveal.visible{opacity:1;transform:none;filter:none}.intro-content{gap:24px}.hero-heading{font-size:clamp(32px,5vw,71px);font-weight:400;letter-spacing:.01em}.intro-pause{font-size:25px;letter-spacing:.8em;color:#6b7190;margin:0}.singularity{height:170px;width:170px;display:grid;place-items:center;position:relative;margin-bottom:10px}.singularity:before,.singularity:after{content:"";position:absolute;inset:17%;border:1px solid rgba(227,194,142,.25);border-radius:50%;box-shadow:0 0 30px rgba(235,198,135,.05)}.singularity:after{inset:2%;border-color:rgba(227,194,142,.08);border-style:dashed;animation:spin 42s linear infinite}.singularity span{height:10px;width:10px;background:#fff6da;border-radius:50%;box-shadow:0 0 20px #f7dab0,0 0 70px 25px rgba(230,192,128,.12);animation:heart 6s ease-in-out infinite}.scroll-cue{position:absolute;bottom:95px;left:50%;transform:translateX(-50%);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:10px;white-space:nowrap;font:400 9px/1.4 var(--sans);letter-spacing:.27em;color:#8992a3}.scroll-arrow{font-size:22px;animation:floatDown 2.4s ease-in-out infinite}
.light-field{position:relative;display:block;width:min(660px,100%);height:clamp(220px,33vh,300px);overflow:hidden;border-radius:26px;border:1px solid rgba(190,201,226,.15);background:radial-gradient(ellipse at center,rgba(38,48,76,.15),rgba(3,5,12,.42) 66%);box-shadow:inset 0 0 100px rgba(0,0,0,.35),0 20px 90px rgba(0,0,0,.1);touch-action:pan-y;cursor:crosshair;user-select:none}.light-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(184,200,221,.1);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:148px;height:148px}.orbit-two{width:246px;height:246px;opacity:.5}.light-field::before{content:"";position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;background:#f0cf9a;box-shadow:0 0 32px 6px rgba(240,207,154,.36);transform:translate(-50%,-50%)}.light-prompt{position:absolute;top:26px;left:0;right:0;font:400 10px var(--sans);letter-spacing:.3em;color:#69758c;pointer-events:none}.light-count{position:absolute;right:22px;bottom:18px;font:400 10px var(--sans);color:#9aa7ba;pointer-events:none}.light-spark{position:absolute;width:6px;height:6px;left:0;top:0;border-radius:50%;background:#fff1ce;pointer-events:none;box-shadow:0 0 14px 4px rgba(239,190,133,.58);animation:sparkOut 1.3s ease-out both}.light-field:focus-visible{outline-offset:5px}
.time-card{position:relative;width:min(460px,100%);padding:45px 12px 40px;margin:15px 0 0;border-top:1px solid rgba(243,216,167,.15);border-bottom:1px solid rgba(243,216,167,.15)}.metric-kicker{font:400 12px/1.4 var(--sans);letter-spacing:.14em;color:#a8a7b0;margin:0}.time-display{font:300 clamp(62px,9vw,110px)/1.2 Georgia,monospace;letter-spacing:.06em;color:var(--gold);text-shadow:0 0 45px rgba(244,209,149,.2);margin:20px 0 8px;font-variant-numeric:tabular-nums}.time-units{font:400 9px var(--sans);letter-spacing:.4em;color:#696c76;margin:0}.time-units span{padding:0 20px;color:var(--gold-dim)}.time-halo{position:absolute;left:50%;top:50%;width:330px;height:330px;max-width:80vw;border-radius:50%;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(circle,rgba(237,196,131,.06),transparent 70%);pointer-events:none}
.chapter-memory .chapter-content{width:min(940px,100%)}.memory-world{width:min(740px,100%)}.memory-field{position:relative;width:100%;height:clamp(240px,34vh,330px);border-radius:32px;background:radial-gradient(ellipse at 48% 55%,rgba(91,105,147,.06),transparent 70%);border:1px solid rgba(181,173,162,.04)}.memory-star{position:absolute;left:var(--x);top:var(--y);width:44px;height:44px;transform:translate(-50%,-50%);padding:0;background:transparent;border:none;border-radius:50%;display:grid;place-items:center}.memory-star::before{content:"";position:absolute;inset:7px;background:radial-gradient(circle,rgba(234,191,130,.2),transparent 70%);border-radius:50%;animation:memoryFloat 7s ease-in-out var(--delay) infinite}.memory-star span{display:block;width:6px;height:6px;border-radius:50%;background:#f9e4bb;box-shadow:0 0 15px 5px rgba(239,191,120,.32),0 0 39px rgba(239,191,120,.12);transition:transform .3s,box-shadow .3s}.memory-star:hover span,.memory-star.active span,.memory-star:focus-visible span{transform:scale(1.9);box-shadow:0 0 18px 8px rgba(255,205,145,.55),0 0 52px rgba(255,205,145,.25)}.memory-star:focus-visible{outline-offset:1px}.memory-detail{min-height:70px;padding:16px 24px;border:1px solid rgba(238,199,151,.17);border-radius:14px;color:#dfc8ac;background:rgba(15,16,25,.5);font-size:clamp(14px,1.8vw,19px);line-height:1.85;letter-spacing:.025em;display:flex;align-items:center;justify-content:center;text-wrap:balance}
.breath-stage{position:relative;width:clamp(210px,34vw,320px);height:clamp(210px,34vw,320px);margin:7px 0;display:grid;place-items:center}.breath-visual{position:absolute;inset:0;transform:scale(.7);will-change:transform;pointer-events:none}.breath-visual::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(245,203,157,.32),rgba(235,161,138,.11) 43%,transparent 70%);filter:blur(3px)}.breath-ring{position:absolute;inset:5%;border-radius:50%;border:1px solid rgba(246,198,140,.2);box-shadow:0 0 80px rgba(236,164,125,.12)}.ring-b{inset:23%;border-color:rgba(242,198,142,.45)}.breath-center{position:absolute;inset:43%;border-radius:50%;background:#fae6ca;box-shadow:0 0 30px rgba(251,219,168,.45)}.breath-center-label{position:relative;z-index:1;pointer-events:none}.breath-center-label p{margin:0}#breath-text{color:var(--gold);font-size:clamp(17px,2vw,22px);letter-spacing:.06em}#breath-count{margin-top:8px;font:400 13px var(--sans);color:#b8a189;font-variant-numeric:tabular-nums}.breath-controls{margin-top:0}
.pill-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;border-radius:999px;padding:11px 20px;border:1px solid rgba(238,205,154,.3);background:rgba(20,21,31,.65);color:#decdb6;text-decoration:none;font:500 12px var(--sans);transition:background .2s,border-color .2s,transform .2s;white-space:normal}.pill-button:hover{background:rgba(62,45,29,.75);border-color:rgba(238,205,154,.75);transform:translateY(-1px)}.pill-button.prominent{background:#e1c192;color:#121016;border-color:#e1c192}.pill-button.prominent:hover{background:#f7dab1;color:#0d0e16}
.eye{width:clamp(140px,17vw,186px);height:clamp(140px,17vw,186px);border:1px solid rgba(128,157,217,.23);border-radius:50%;display:grid;place-items:center;margin:10px auto 20px;background:radial-gradient(circle at 50% 48%,rgba(43,64,96,.26),#05070d 70%);box-shadow:inset 0 0 55px rgba(99,144,219,.17),0 0 100px rgba(87,130,211,.1)}.eye-iris{width:46%;height:46%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 37% 28%,#a4bff1,#496da9 25%,#172b4e 68%,#080d17 100%);box-shadow:0 0 34px rgba(121,170,244,.44),inset 0 0 18px rgba(0,0,0,.7);transition:transform .22s ease-out}.eye-pupil{width:35%;height:35%;border-radius:50%;background:#010307;box-shadow:0 0 6px rgba(4,6,12,.9),-8px -9px 0 -6px rgba(255,255,255,.7)}
.unity-glyph{position:relative;width:190px;height:190px;display:grid;place-items:center;margin-bottom:10px}.unity-glyph div{grid-area:1/1;width:140px;height:140px;border:1px solid rgba(238,196,140,.23);border-radius:50%}.unity-glyph div:nth-child(2){transform:translateX(-31px);border-color:rgba(130,169,224,.3)}.unity-glyph div:nth-child(3){transform:translateX(31px);border-color:rgba(130,169,224,.3)}.grand{font-size:clamp(40px,7vw,90px);line-height:1.25;font-weight:400}.final-star{width:10px;height:10px;border-radius:50%;background:#fff0d6;box-shadow:0 0 32px 12px rgba(246,199,124,.25),0 0 90px 35px rgba(246,199,124,.05);margin:24px 0;animation:heart 5s ease-in-out infinite}.final-message{font-size:clamp(14px,1.7vw,21px);color:#a9abb6}.end-actions{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:15px}.footer-mark{margin-top:25px;font:400 10px var(--sans);letter-spacing:.29em;color:#626878}.footer-mark span{color:var(--gold-dim)}
.chapter-navigation{position:fixed;z-index:60;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:3px;padding:7px 12px;border-radius:999px;border:1px solid rgba(231,221,209,.1);background:rgba(9,12,22,.72);box-shadow:0 12px 70px rgba(0,0,0,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.chapter-navigation a{width:40px;height:35px;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;text-decoration:none;font:500 10px var(--sans);color:#6e7688;border-radius:20px;transition:color .2s,background .2s}.chapter-navigation i{width:3px;height:3px;background:currentColor;border-radius:50%;opacity:.6}.chapter-navigation a:hover,.chapter-navigation a[aria-current]{color:#f2d7ae;background:rgba(215,186,145,.1)}.chapter-navigation a[aria-current] i{width:12px;border-radius:5px}
@keyframes heart{0%,100%{transform:scale(.8);opacity:.6}50%{transform:scale(1.3);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatDown{0%,100%{transform:translateY(0)}50%{transform:translateY(7px)}}@keyframes sparkOut{0%{transform:translate(-50%,-50%) scale(.3);opacity:1}65%{opacity:.7}100%{transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.1);opacity:0}}@keyframes memoryFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:680px){.site-header{padding:15px 14px}.brand{font-size:10px;gap:7px}.brand-symbol{font-size:29px}.brand small{font-size:7px;letter-spacing:.18em}.tool-button{padding:8px 11px;min-width:38px;min-height:38px}.tool-button .tool-label{display:none}.chapter{padding:105px 18px 124px}.chapter-content{gap:17px}.eyebrow{font-size:9px;margin:0 0 11px;letter-spacing:.19em}.chapter-heading{font-size:clamp(23px,5.6vw,32px);line-height:1.55}.hero-heading{font-size:clamp(29px,7vw,44px)}.chapter-verse{font-size:clamp(16px,4vw,23px);line-height:1.75}.small-note{font-size:11px;margin:0}.singularity{height:140px;width:140px;margin-bottom:0}.light-field{height:230px;border-radius:20px}.memory-field{height:250px}.memory-detail{min-height:72px;font-size:14px;padding:12px 14px}.breath-stage{width:240px;height:240px}.chapter-navigation{bottom:calc(12px + env(safe-area-inset-bottom));padding:5px 8px}.chapter-navigation a{width:37px;height:34px}.scroll-cue{bottom:81px}.quiet-caption{font-size:10px}.grand{font-size:clamp(35px,9vw,55px)}.end-actions{flex-direction:column;gap:10px}.end-actions .pill-button{width:min(290px,100%)}.final-star{margin:8px 0}}
@media(max-width:370px){.brand{font-size:9px}.brand small{font-size:6px}.chapter-navigation a{width:33px}.chapter{padding-left:14px;padding-right:14px}.breath-stage{height:220px;width:220px}}
@media(max-height:520px) and (orientation:landscape){.chapter{min-height:600px;padding-top:92px;padding-bottom:96px}.site-header{padding:9px 20px}.chapter-content{gap:12px}.eyebrow{margin:0;font-size:9px}.singularity{height:85px;width:85px}.light-field{height:200px}.memory-field{height:210px}.breath-stage{height:165px;width:165px}.eye{height:110px;width:110px;margin:0}.unity-glyph{height:115px;width:115px}.unity-glyph div{width:100px;height:100px}.scroll-cue{bottom:61px}.chapter-navigation{bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.reduced-motion *,.reduced-motion *::before,.reduced-motion *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reduced-motion .js .reveal,.reduced-motion .reveal{opacity:1;transform:none;filter:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}