@charset "UTF-8";
:root{--bg:#070a15;--bg2:#101424;--ink:#f1ebdf;--muted:#a7a7ae;--soft:#858b99;--gold:#e5c69b;--blue:#a7dce4;--line:rgba(223,223,222,.17);--serif:Georgia,"AppleMyungjo","Nanum Myeongjo","Batang",serif;--sans:"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;min-width:280px;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 16% 14%,rgba(95,88,124,.12),transparent 39%),radial-gradient(ellipse at 83% 69%,rgba(51,101,111,.12),transparent 43%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}::selection{background:rgba(167,220,228,.3);color:#fff}canvas{display:block}.skip-link{position:fixed;top:-100px;left:12px;z-index:1000;padding:12px 16px;background:#fff;color:#000}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.8}.ambient-glow{position:fixed;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 32% 35%,rgba(82,112,140,.07),transparent 50%),radial-gradient(ellipse at 74% 75%,rgba(155,121,86,.06),transparent 50%)}#pointer-light{position:fixed;left:0;top:0;width:280px;height:280px;pointer-events:none;z-index:1;opacity:0;border-radius:50%;background:radial-gradient(circle,rgba(220,200,150,.075),transparent 68%);transform:translate3d(-50%,-50%,0);transition:opacity .35s ease}body.pointer-visible #pointer-light{opacity:1}
.site-head{height:72px;position:fixed;z-index:60;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 clamp(18px,4vw,74px);background:linear-gradient(to bottom,rgba(6,9,20,.94),rgba(6,9,20,.75));border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(17px)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:12px;letter-spacing:.18em;white-space:nowrap}.brand-mark{font-size:24px;font-weight:100;color:var(--gold)}.brand small{font-family:var(--sans);font-size:10px;letter-spacing:.07em;color:var(--soft);display:block;margin-top:2px}.chapter-nav{display:flex;align-items:center;gap:clamp(11px,2.2vw,29px);margin:auto}.chapter-nav a{font:12px var(--serif);letter-spacing:.07em;color:#788192;position:relative;padding:12px 2px;transition:color .25s}.chapter-nav a.current,.chapter-nav a:hover{color:var(--gold)}.chapter-nav a.current::after{content:"";position:absolute;bottom:5px;left:2px;right:2px;height:1px;background:var(--gold)}.head-actions{display:flex;gap:6px}.icon-button{display:grid;place-items:center;background:transparent;color:#acb4c1;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;transition:background .2s,border-color .2s}.icon-button svg{width:19px;height:19px}.icon-button:hover,.icon-button[aria-pressed="true"]{color:var(--gold);border-color:rgba(229,198,155,.6);background:rgba(229,198,155,.06)}#reading-progress{position:absolute;bottom:-1px;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--blue),var(--gold));transition:width .12s linear}
.chapter{position:relative;z-index:2;min-height:100svh;padding:110px clamp(24px,8vw,148px) 105px;display:flex;align-items:center;justify-content:center;isolation:isolate;border-bottom:1px solid rgba(255,255,255,.07);scroll-margin-top:0}.chapter-content{width:min(100%,1240px);position:relative;z-index:4}.eyebrow{font:11px var(--serif);letter-spacing:.22em;color:var(--gold);text-transform:uppercase;line-height:1.8;margin:0 0 24px}.eyebrow .bar{display:inline-block;width:23px;border-top:1px solid rgba(229,198,155,.56);vertical-align:middle;margin:0 8px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.055em;line-height:1.4;margin-bottom:26px;word-break:keep-all}h1{font-size:clamp(56px,8.2vw,132px)}h2{font-size:clamp(35px,4.1vw,69px)}h1 em,h2 em{font-weight:400;color:var(--gold);font-style:normal}p{line-height:1.9;word-break:keep-all}.chapter-heading>p:not(.eyebrow),.time-content>p:not(.eyebrow){color:var(--muted);font-size:clamp(14px,1.25vw,17px)}.kicker{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted);font-weight:400}.unit{font:16px var(--serif);color:var(--muted);margin-left:9px}.tiny-caption{font-size:11px;color:#9199a5;line-height:1.8;margin:10px 0}.fine-print{color:#9299a4;font-size:11px;line-height:1.85;margin:22px auto 0;max-width:680px}.primary-link,.filled-button,.quiet-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:45px;border-radius:2px;transition:background .2s,color .2s,border-color .2s,transform .2s}.primary-link{min-height:50px;border-bottom:1px solid var(--gold);font-size:13px;letter-spacing:.04em;color:var(--gold);padding:0 1px}.primary-link span{font-size:19px}.primary-link:hover{transform:translateX(3px)}.filled-button{border:1px solid var(--gold);background:var(--gold);padding:12px 19px;color:#101321;font-size:12px;font-weight:650;white-space:nowrap}.filled-button:hover{background:#f3ddbd;border-color:#f3ddbd}.quiet-button{border:1px solid rgba(229,198,155,.3);background:rgba(7,10,21,.55);color:var(--gold);padding:12px 17px;font-size:12px;white-space:nowrap}.quiet-button:hover{border-color:var(--gold);background:rgba(229,198,155,.08)}.text-button{border:none;background:transparent;color:var(--muted);font-size:12px;padding:8px 2px;min-height:30px}.text-button:hover{color:var(--gold)}.next-chapter{position:absolute;bottom:30px;right:clamp(22px,5vw,90px);color:#8a92a0;font-family:var(--serif);font-size:11px;letter-spacing:.14em;z-index:6}.next-chapter span{font-size:18px;margin-left:8px;color:var(--gold)}.next-chapter:hover{color:var(--gold)}
.chapter-intro{padding-top:120px;min-height:100svh;overflow:hidden}.intro-copy{width:100%;max-width:1210px;margin:auto;padding-left:clamp(0px,5vw,80px)}.intro-copy h1{margin-top:10px}.intro-copy h1 em{color:var(--ink);font-style:italic;font-weight:400;text-shadow:0 0 70px rgba(205,166,122,.25)}.intro-desc{font-size:clamp(14px,1.3vw,17px);color:#c0bdba;margin-bottom:30px}.small-note{font-size:11px;margin-top:23px;color:#838d99}.intro-art{position:absolute;z-index:1;width:min(74vw,860px);height:min(74vw,860px);right:-7%;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.95}.seed-orb{width:47%;height:47%;border-radius:50%;position:absolute;top:26.5%;left:26.5%;background:radial-gradient(circle at 33% 29%,rgba(255,248,228,1) 0%,#edd5b5 8%,#a58c7c 20%,#3a4b60 41%,#111e35 60%,#080d1c 73%);box-shadow:inset -16px -25px 50px rgba(0,0,0,.65),0 0 68px 14px rgba(148,177,180,.14),0 0 195px 45px rgba(181,158,124,.08);animation:orbfloat 9s ease-in-out infinite}.orb-shine{position:absolute;top:5%;left:4%;height:92%;width:92%;border-radius:50%;background:conic-gradient(from 120deg,transparent 5%,rgba(176,207,218,.055) 25%,transparent 38%,rgba(226,186,125,.08) 54%,transparent 63%);filter:blur(25px);animation:slowspin 30s linear infinite}.orbit{position:absolute;border:1px solid rgba(204,200,178,.16);border-radius:50%;inset:9%;transform:rotate(-24deg) scaleX(.77)}.orbit-b{inset:0;border-color:rgba(177,203,216,.11);transform:rotate(45deg) scaleX(.85)}.orbit-c{inset:16%;border-color:rgba(230,201,158,.25);transform:rotate(78deg) scaleX(.81)}.orbit-label{position:absolute;font:10px var(--serif);letter-spacing:.19em;color:rgba(217,217,210,.45)}.orbit-label-a{top:15%;left:20%}.orbit-label-b{bottom:17%;right:13%}.scroll-cue{position:absolute;left:clamp(24px,8vw,148px);bottom:39px;display:flex;align-items:center;gap:13px;color:#7f8b97;font:9px var(--serif);letter-spacing:.2em}.scroll-cue i{display:block;height:32px;width:1px;background:linear-gradient(var(--gold),transparent)}
.two-column{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(16px,4vw,100px)}.chapter-breath{background:radial-gradient(ellipse at 80% 52%,rgba(78,116,138,.12),transparent 41%)}.breath-panel{margin-top:45px;border-top:1px solid var(--line);max-width:290px;padding-top:22px}.hero-number{display:inline-block;font:clamp(42px,4.5vw,75px) var(--serif);color:var(--gold);margin-top:7px}.breath-panel .tiny-caption{margin-top:10px}.breath-experience{display:flex;align-items:center;flex-direction:column}.breath-visual{width:min(100%,440px);aspect-ratio:1;position:relative;display:flex;align-items:center;justify-content:center}.breath-ring{position:absolute;border-radius:50%;border:1px solid rgba(150,202,220,.17)}.ring-outer{inset:3%}.ring-inner{inset:12%;border-style:dashed;border-color:rgba(202,212,222,.16)}.breath-core{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 42% 36%,rgba(200,243,251,.43),rgba(117,164,196,.31) 38%,rgba(89,113,181,.1) 65%,transparent 75%);border:1px solid rgba(173,218,241,.35);box-shadow:0 0 70px rgba(120,165,225,.11),inset 0 0 64px rgba(165,192,221,.19);transform:scale(.75);will-change:transform}.breath-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:none}.breath-center .kicker{color:#b3c6d1;font:9px var(--serif);letter-spacing:.23em}.breath-center strong{font-size:clamp(18px,2vw,27px);font-weight:400;letter-spacing:.08em;color:#f6efe4}.breath-center span:last-child{font:12px var(--serif);letter-spacing:.2em;color:#a5b9c9}.breath-controls{display:flex;gap:10px;margin-top:12px}.guidance{font-size:11px;color:#8c98a5;min-height:25px;margin:15px 0;text-align:center;max-width:370px}
.chapter-time{background:linear-gradient(110deg,rgba(22,22,34,.4),transparent 62%)}.time-content{text-align:center;max-width:890px}.time-content h2{margin-bottom:15px}.birth-form{max-width:610px;margin:38px auto 0}.birth-form label,.cosmos-toolbar label{display:block;text-align:left;color:#ccc0ad;font-size:12px;letter-spacing:.04em;margin-bottom:11px}.label-aside{float:right;font-size:11px;color:#9299a5}.birth-input-row{display:flex;gap:8px}.birth-input-row input,.cosmos-input-row input,.memory-form input{border:1px solid rgba(236,214,178,.26);border-radius:2px;color:var(--ink);background:rgba(4,7,16,.78);height:48px;padding:0 16px;min-width:0;width:100%;font-size:14px}.birth-input-row input{color-scheme:dark}.birth-input-row button{flex-shrink:0}.form-error{font-size:12px;text-align:left;color:#e4a4a4;min-height:23px;margin:5px 0 0}.time-placeholder{padding:25px 0;color:#858c9b;font:14px var(--serif)}.clock-glyph{color:var(--gold);font-size:32px}.time-results{border:1px solid rgba(219,193,155,.22);padding:25px clamp(20px,4vw,50px);margin-top:32px;background:linear-gradient(120deg,rgba(23,27,43,.55),rgba(22,18,30,.33))}.time-main .eyebrow{margin-bottom:4px}.time-days{font:clamp(42px,7vw,76px) var(--serif);color:var(--gold);font-variant-numeric:tabular-nums}.time-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:17px 30px;margin-top:20px;text-align:left}.time-stats>div{border-top:1px solid var(--line);padding:12px 0;display:flex;gap:15px;align-items:center;justify-content:space-between}.time-stats span{font-size:11px;color:#a1a3ae;line-height:1.5}.time-stats strong{font:clamp(12px,1.7vw,18px) var(--serif);color:#ebdfca;font-variant-numeric:tabular-nums;white-space:nowrap}
.chapter-life,.chapter-cosmos{padding:0;min-height:max(740px,100svh);overflow:hidden;background:radial-gradient(ellipse at center,rgba(26,43,53,.45),rgba(7,10,21,.74) 75%)}#life-canvas,#cosmos-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;touch-action:pan-y}.chapter-overline,.cosmos-heading{position:absolute;top:clamp(105px,16vh,190px);left:5vw;right:5vw;text-align:center;z-index:4;pointer-events:none}.chapter-overline h2,.cosmos-heading h2{font-size:clamp(29px,3.2vw,53px)}.chapter-overline .eyebrow,.cosmos-heading .eyebrow{margin-bottom:14px}.life-toolbar{position:absolute;bottom:clamp(90px,12vh,148px);left:6vw;right:6vw;z-index:6;display:flex;align-items:end;justify-content:space-between;gap:25px;pointer-events:none}.life-toolbar>div{pointer-events:auto}.life-toolbar strong{display:inline-block;font:48px var(--serif);color:var(--gold);margin:8px 12px 0 0}.life-toolbar .muted{display:block;color:#9a9ba5}.life-toolbar .muted b{font-weight:400;color:var(--gold)}.life-buttons{display:flex;gap:8px}.life-hint{position:absolute;bottom:62px;left:5vw;right:5vw;margin:0;text-align:center;color:#a3a7b1;font-size:11px;pointer-events:none;z-index:6}.chapter-life .next-chapter,.chapter-cosmos .next-chapter{bottom:25px}.chapter-cosmos{background:radial-gradient(ellipse at 55% 50%,rgba(43,43,78,.22),rgba(7,10,21,.85) 78%)}.cosmos-heading p:not(.eyebrow){color:#c0c1c6;font-size:12px}.cosmos-toolbar{position:absolute;bottom:clamp(80px,12vh,122px);left:50%;transform:translateX(-50%);width:min(calc(100% - 40px),550px);z-index:7;text-align:center;background:linear-gradient(90deg,transparent,rgba(7,10,21,.65) 15%,rgba(7,10,21,.65) 85%,transparent);padding:10px 18px}.cosmos-toolbar label{text-align:center}.cosmos-input-row{display:flex;gap:8px}.cosmos-input-row input{letter-spacing:.07em;text-align:center}.cosmos-buttons{display:flex;justify-content:center;gap:28px;margin-top:11px}.cosmos-toolbar .tiny-caption{max-width:450px;margin:8px auto;color:#9b9ba4}
.chapter-ending{text-align:center;min-height:100svh;padding-bottom:120px;background:radial-gradient(ellipse at 50% 51%,rgba(70,53,65,.13),transparent 57%)}.ending-content{max-width:850px}.ending-content h2{font-size:clamp(32px,4.25vw,67px)}.ending-verse{color:#bcbac1;font:clamp(14px,1.3vw,18px)/2.15 var(--serif);margin:0 auto 35px}.ending-halo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(80vw,800px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(230,196,156,.09);pointer-events:none}.ending-halo::after{content:"";position:absolute;inset:14%;border:1px solid rgba(230,196,156,.11);border-radius:50%}.ending-halo>div{position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle,rgba(220,180,123,.12),transparent 68%)}.memory-card{max-width:560px;margin:0 auto 40px;padding:26px 23px 22px;border:1px solid rgba(225,197,154,.23);background:rgba(10,14,28,.69);backdrop-filter:blur(10px)}.memory-card h3{font:21px var(--serif);font-weight:400;margin:8px 0 21px}.memory-form{display:flex;gap:8px}.memory-result{margin:11px auto 0;color:var(--gold);min-height:22px;font:14px var(--serif)}.memory-actions{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:8px}.memory-actions .tiny-caption{max-width:180px;margin:0;text-align:right}.chapter-ending .primary-link{margin-top:5px}footer{position:absolute;bottom:26px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;color:#788293;font:9px var(--serif);letter-spacing:.1em}
.idle-message{position:fixed;z-index:35;bottom:20px;left:50%;transform:translate(-50%,10px);background:rgba(5,9,20,.79);border:1px solid rgba(232,213,171,.17);padding:13px 23px;color:#c9c3bb;font:12px var(--serif);letter-spacing:.03em;white-space:nowrap;max-width:calc(100vw - 25px);opacity:0;pointer-events:none;transition:opacity .5s,transform .5s}.idle-message.show{transform:translate(-50%,0);opacity:1}.toast{position:fixed;z-index:200;bottom:22px;right:22px;max-width:330px;padding:12px 17px;border:1px solid rgba(229,198,155,.48);border-radius:3px;background:rgba(16,20,34,.97);color:var(--ink);font-size:12px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s,transform .25s}.toast.show{opacity:1;transform:translateY(0)}
@keyframes orbfloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.025)}}@keyframes slowspin{to{transform:rotate(360deg)}}
@media(max-width:950px){.site-head{padding:0 18px}.brand{font-size:10px}.brand small{font-size:9px}.chapter-nav{gap:12px}.chapter{padding-left:6vw;padding-right:6vw}.intro-copy{padding-left:0}.intro-art{right:-27%;width:90vw;height:90vw;opacity:.75}.two-column{gap:20px}.time-stats{gap:10px 18px}}
@media(max-width:720px){.site-head{height:67px;padding:0 13px;gap:6px}.brand{letter-spacing:.06em;font-size:10px;gap:5px}.brand small{font-size:8px}.brand-mark{font-size:18px}.chapter-nav{position:absolute;left:0;right:0;bottom:-37px;margin:auto;justify-content:center;background:linear-gradient(to bottom,rgba(6,9,20,.86),transparent);gap:26px;padding:0 10px}.chapter-nav a{font-size:11px;padding:9px 0}.chapter-nav a.current::after{bottom:2px;left:0;right:0}.head-actions{gap:4px}.icon-button{width:34px;height:34px}.icon-button svg{width:17px}.chapter{padding:130px 24px 95px;min-height:100svh}.chapter-intro{padding-top:145px}.intro-art{width:108vw;height:108vw;right:-39%;top:35%;opacity:.6}.intro-copy{margin-top:70px;z-index:3}.intro-copy h1{font-size:clamp(52px,13vw,91px)}.intro-desc{color:#e1ded9}.scroll-cue{bottom:27px;left:24px}.two-column{grid-template-columns:1fr;gap:4px}.chapter-heading{text-align:center}.chapter-heading h2{margin-bottom:14px}.chapter-heading>p:not(.eyebrow){font-size:13px}.chapter-breath .chapter-content{margin:0}.breath-panel{display:none}.breath-visual{width:min(72vw,340px)}.breath-controls{margin-top:-3px}.guidance{font-size:11px}.chapter-time .time-content{padding-top:10px}.chapter-time h2{font-size:36px}.time-stats{grid-template-columns:1fr}.time-stats>div{padding:7px 0}.birth-input-row{flex-wrap:wrap}.birth-input-row input{flex:1 0 100%}.birth-input-row button{flex:1}.time-results{margin-top:16px;padding:18px}.time-days{font-size:51px}.chapter-life,.chapter-cosmos{padding:0;min-height:max(680px,100svh)}.chapter-overline,.cosmos-heading{top:134px}.chapter-overline h2,.cosmos-heading h2{font-size:clamp(27px,7.2vw,39px)}.life-toolbar{bottom:125px;left:24px;right:24px;flex-direction:column;align-items:center;gap:10px}.life-toolbar>div:first-child{text-align:center}.life-toolbar strong{font-size:32px}.life-toolbar .muted{display:inline-block;margin-left:10px}.life-buttons{gap:7px}.life-hint{bottom:74px;font-size:10px;padding:0 8px}.cosmos-heading p:not(.eyebrow){font-size:11px}.cosmos-toolbar{bottom:92px;padding:9px 10px}.cosmos-toolbar .tiny-caption{font-size:10px}.cosmos-buttons{gap:14px}.chapter-ending{padding-bottom:130px}.ending-content h2{font-size:35px}.ending-verse{font-size:13px}.memory-form{flex-wrap:wrap}.memory-form input{flex:1 0 100%}.memory-form button{flex:1}.memory-card{padding:20px 15px}.memory-card h3{font-size:18px}footer{flex-direction:column;align-items:center;gap:5px;bottom:15px}.next-chapter{bottom:27px;right:24px}}
@media(max-width:380px){.chapter-nav{gap:18px}.brand{font-size:9px}.brand small{font-size:7px}.chapter{padding-left:18px;padding-right:18px}.chapter-heading h2,.time-content h2{font-size:31px}.breath-visual{width:70vw}.chapter-breath .eyebrow{margin-bottom:12px}.life-toolbar{bottom:125px}.life-buttons .filled-button,.life-buttons .quiet-button{padding:10px 12px;font-size:11px}.cosmos-heading{top:120px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body.motion-off *,body.motion-off *::before,body.motion-off *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.motion-off{scroll-behavior:auto}body.motion-off .seed-orb{transform:none}body.motion-off .breath-core{will-change:auto}