html,body{background:#151509;margin:0}
:root{--ink:#ece7cf;--ink-dim:#ece7cfad;--line:#ece7cf29;--glass:#15150994;--accent:#d8ec8c;font-family:system-ui,-apple-system,Apple SD Gothic Neo,sans-serif}.overlay,.card.overlay{z-index:3;opacity:0;visibility:hidden;color:var(--ink);transition:none;position:fixed}.nav{z-index:10;opacity:0;background:linear-gradient(#151509b3,#15150900);justify-content:flex-end;align-items:center;padding:18px clamp(16px,4vw,48px);transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .45s;display:flex;position:fixed;inset:0 0 auto;transform:translateY(-100%)}.nav.is-shown{opacity:1;transform:translateY(0)}.nav a{color:var(--ink);text-decoration:none}.nav-back{letter-spacing:.04em;opacity:.75;align-items:center;gap:6px;font-size:14px;transition:opacity .2s,gap .2s;display:inline-flex}.nav-back:hover{opacity:1;gap:3px}.nav-items{letter-spacing:.04em;gap:clamp(18px,3vw,32px);margin-left:auto;font-size:14px;display:flex}.nav-items a{opacity:.75;transition:opacity .2s}.nav-items a:hover{opacity:1}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-size:12px}.copy-intro{max-width:360px;top:16vh;left:clamp(16px,6vw,96px)}.copy-intro h1{letter-spacing:.02em;margin:10px 0 14px;font-size:clamp(36px,4.2vw,56px);font-weight:300}.copy-intro p{color:var(--ink-dim);word-break:keep-all;margin:0;font-size:15px;line-height:1.7}.copy-ai{text-align:center;width:min(520px,100% - 32px);bottom:12vh;left:50%;transform:translate(-50%)}.copy-ai p{color:var(--ink-dim);word-break:keep-all;margin:8px 0 0;font-size:15px;line-height:1.7}.card{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);width:320px;color:var(--ink);border-radius:14px;padding:18px 20px 16px;text-decoration:none;transition:border-color .25s,transform .25s;display:block;position:relative}.card:hover{border-color:#d8ec8c73;animation:1.2s step-end infinite card-flicker}.card:hover>*{animation:1.2s step-end infinite card-glitch}.card:hover>:nth-child(2n){animation-delay:-.05s}@keyframes card-glitch{0%{text-shadow:2px 0 #ff5a5a8c,-2px 0 #5adcff8c;transform:translate(-2px)}6%{text-shadow:-3px 0 #ff5a5a8c,3px 0 #5adcff8c;transform:translate(3px,-1px)skew(-6deg)}12%{text-shadow:1px 0 #ff5a5a66,-1px 0 #5adcff66;transform:translate(-1px,1px)}18%,to{text-shadow:none;transform:none}}@keyframes card-flicker{0%,12%{border-color:#d8ec8ccc}6%{border-color:#d8ec8c33}18%,to{border-color:#d8ec8c73}}.card .meta{letter-spacing:.08em;color:var(--ink-dim);justify-content:space-between;gap:8px;font-size:12px;display:flex}.card .meta b{color:var(--accent);font-weight:600}.card h3{margin:10px 0 6px;font-size:22px;font-weight:500}.card h3 small{color:var(--ink-dim);margin-left:8px;font-size:13px;font-weight:400}.card p{color:var(--ink-dim);word-break:keep-all;margin:0;font-size:13.5px;line-height:1.6}.card .foot{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{border:1px solid var(--line);color:var(--ink-dim);border-radius:999px;padding:3px 8px;font-size:11px}.card .go{color:var(--accent);white-space:nowrap;font-size:18px}.card-fe{bottom:14vh;right:clamp(16px,6vw,120px)}.cards-be{pointer-events:none;justify-content:space-between;padding:0 clamp(16px,4vw,72px);display:flex;top:50%;left:0;right:0;transform:translateY(-30%)}.cards-be .card{pointer-events:auto;width:300px}.card-full{top:50%;right:clamp(16px,6vw,120px);transform:translateY(-50%)}.ai-flow{inset:0}.flow-head{text-align:center;width:min(560px,100% - 32px);position:absolute;top:14vh;left:50%;transform:translate(-50%)}.flow-head p{color:var(--ink-dim);word-break:keep-all;margin:10px 0 0;font-size:15px;line-height:1.7}.flow-label{color:var(--ink-dim);font:inherit;text-align:center;white-space:nowrap;cursor:pointer;pointer-events:auto;opacity:.5;background:#151509d9;border:0;border-radius:8px;margin-top:20px;padding:4px 6px;transition:opacity .3s,color .3s;position:absolute;top:0;left:0}.flow-label b{letter-spacing:.12em;font-size:11px;font-weight:500;display:block}.flow-label span{font-size:14px}.flow-label small{opacity:.75;margin-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:block}.flow-label:hover,.flow-label.is-done{opacity:.8}.flow-label.is-active{opacity:1;color:var(--ink)}.flow-label.human b,.flow-label.human small{color:var(--accent)}.flow-loop{color:#e9a178d9;white-space:nowrap;opacity:0;background:#151509d9;border:1px solid #e9a17859;border-radius:999px;align-items:center;gap:6px;margin-top:-10px;padding:3px 10px 3px 4px;font-size:11.5px;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.flow-loop b{color:#e9a178;background:#e9a17829;border-radius:999px;padding:1px 7px;font-weight:600}.flow-loop.is-shown{opacity:.9}.flow-panel{width:min(520px,100% - 32px);position:absolute;bottom:9vh;left:50%;transform:translate(-50%)}.flow-step{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);opacity:0;border-radius:14px;padding:18px 22px;transition:opacity .35s,transform .35s;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.flow-step.is-active{opacity:1;transform:none}.flow-step .eyebrow{justify-content:space-between;display:flex}.flow-step .who{letter-spacing:0;text-transform:none;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.flow-step h3{margin:8px 0 6px;font-size:20px;font-weight:500}.flow-step p{color:var(--ink-dim);word-break:keep-all;margin:0;font-size:14px;line-height:1.65}.seokmin-sky{z-index:3;visibility:hidden;pointer-events:none;position:fixed;inset:0}.sk-list{flex-direction:column;align-items:center;gap:36px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sk-node{--dot:#f3ecd2;color:#0000;white-space:nowrap;-webkit-user-select:none;user-select:none;margin:0;font-weight:500;line-height:1.2;text-decoration:none}.sk-chat{font-size:72px}.sk-link{cursor:pointer;font-size:50px}.sk-link.primary{--dot:#d8ec8c}.space{z-index:5;pointer-events:none;opacity:0;position:fixed;inset:0}.page.is-leaving .overlay,.page.is-leaving .seokmin-sky{transition:opacity .3s;opacity:0!important}.page-in{animation:.9s .5s both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}}.page.is-leaving .station,.page.is-leaving .library,.page.is-leaving .project{opacity:0;transition:opacity .3s,transform .3s;transform:scale(.985)}.page[data-arrive=dock] .page-in{animation-duration:.45s;animation-delay:0s}.station{z-index:6;box-sizing:border-box;min-height:100vh;color:var(--ink);padding:110px clamp(16px,4vw,64px) 64px;position:relative}.station-head{text-align:center;max-width:560px;margin:0 auto 8px}.station-head h1{margin:8px 0 10px;font-size:44px;font-weight:300}.station-head p{color:var(--ink-dim);word-break:keep-all;margin:0;font-size:15px;line-height:1.7}.station-body{aspect-ratio:1200/640;width:min(1200px,100%);margin:0 auto;position:relative}.truss{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.truss .rail{stroke:#f3ecd259;stroke-width:1.2px;fill:none}.truss .brace{stroke:#f3ecd229;stroke-width:1px;fill:none}.truss .panel rect{fill:#d8ec8c0d;stroke:#d8ec8c59}.truss .panel line{stroke:#d8ec8c38}.truss .span{stroke:#f3ecd2bf;stroke-width:4px;stroke-linecap:round}.truss .main .span{stroke:var(--accent);stroke-width:8px}.truss .tube{stroke:#f3ecd24d;stroke-width:1.2px;stroke-dasharray:3 4;fill:none}.truss .main .tube{stroke:#d8ec8c73;stroke-dasharray:none}.truss .port{fill:#151509;stroke:#f3ecd280}.truss .main .port{stroke:var(--accent)}.truss .year{fill:var(--ink-dim);letter-spacing:.1em;text-anchor:middle;font-size:12px}.truss .pulse{fill:#fbf6e2;filter:drop-shadow(0 0 4px #d8ec8ce6)}.card.module{left:var(--slot);box-sizing:border-box;width:min(300px,24%);min-width:250px;position:absolute;translate:-50%}.card.module.up{bottom:66%}.card.module.down{top:66%}.card.module.main{border-color:#d8ec8c66;box-shadow:0 0 0 1px #d8ec8c1f,0 0 24px #d8ec8c0f}.card.module:not(.main) h3{font-size:19px}.project{z-index:6;min-height:100vh;color:var(--ink);padding:96px 16px 80px;position:relative}.project-doc{box-sizing:border-box;border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);word-break:keep-all;background:#151509c7;border-radius:18px;width:min(760px,100%);margin:0 auto;padding:36px clamp(20px,5vw,56px) 40px}.project-doc .back{color:var(--accent);margin-bottom:26px;font-size:14px;text-decoration:none;display:inline-block}.project-doc .eyebrow b{color:var(--accent);font-weight:600}.project-doc h1{margin:10px 0 18px;font-size:clamp(34px,5vw,46px);font-weight:400}.project-doc h1 small{color:var(--ink-dim);margin-left:12px;font-size:18px;font-weight:300}.project-intro{margin:0 0 24px;font-size:16px;line-height:1.8}.facts{gap:10px;margin:0 0 18px;display:grid}.facts div{grid-template-columns:56px 1fr;gap:12px;font-size:14px;line-height:1.6;display:grid}.facts dt{color:var(--ink-dim)}.facts dd{margin:0}.project-doc .tags{margin-bottom:30px}.toc{border-top:1px solid var(--line);gap:2px;margin:0 0 12px;padding:18px 0 0;list-style:none;display:grid}.toc a{color:var(--ink);opacity:.85;gap:14px;padding:7px 0;font-size:15px;text-decoration:none;transition:opacity .2s,color .2s;display:flex}.toc a:hover{opacity:1;color:var(--accent)}.toc span{letter-spacing:.1em;color:var(--ink-dim);padding-top:3px;font-size:12px}.case{border-top:1px solid var(--line);margin-top:44px;padding-top:36px;scroll-margin-top:90px}.case-no{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:12px}.case h2{margin:8px 0 10px;font-size:24px;font-weight:500;line-height:1.4}.case-lead{color:var(--ink-dim);margin:0 0 22px;font-size:15.5px;line-height:1.75}.part{margin-top:18px}.part h3{letter-spacing:.06em;color:var(--ink);margin:0 0 8px;font-size:13px;font-weight:600}.case ul{margin:0;padding-left:18px}.case li{color:#ece7cfdb;margin:6px 0;font-size:15px;line-height:1.75}.part-result{background:#d8ec8c12;border:1px solid #d8ec8c38;border-radius:12px;padding:14px 18px}.part-result h3{color:var(--accent)}.project-nav{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:48px;padding-top:24px;display:flex}.project-nav a{color:var(--ink);gap:4px;font-size:17px;text-decoration:none;display:grid}.project-nav a:last-child{text-align:right}.project-nav small{letter-spacing:.1em;color:var(--ink-dim);font-size:12px}.project-nav a:hover{color:var(--accent)}.library{z-index:6;box-sizing:border-box;min-height:100vh;color:var(--ink);padding:110px clamp(16px,4vw,64px) 72px;position:relative}.planet-stage{aspect-ratio:16/9;width:min(1100px,100%);margin:0 auto;position:relative}.rings{pointer-events:none;position:absolute;inset:0;overflow:visible}.rings.back{z-index:0}.rings.front{z-index:3}.ring{fill:none;stroke:#d6eab047;stroke-width:1.2px}.ring-network{stroke-dasharray:2 5}.ring-design{stroke:#d6eab061;stroke-width:1.6px}.ring-ai{stroke:#d8ec8c80;stroke-dasharray:8 6}.planet{z-index:2;background:radial-gradient(circle at 34% 30%,#e8ecc6 0%,#9fae6a 22%,#4d5a2c 52%,#1d2310 78%,#12160a 100%);border-radius:50%;position:absolute;box-shadow:0 0 60px #d6eab02e,inset -18px -24px 60px #0000008c}.ring-label{z-index:3;letter-spacing:.08em;color:#d6eab0cc;white-space:nowrap;pointer-events:none;font-size:12px;position:absolute;translate:0 -50%}.orbit-book{color:var(--ink);transform-origin:50% 100%;will-change:transform;text-decoration:none;position:absolute;top:0;left:0}.orbit-book img{border-radius:3px;width:auto;height:clamp(54px,8.5vw,104px);transition:box-shadow .25s;display:block;box-shadow:0 6px 18px #0000008c,0 0 0 1px #ece7cf1f}@property --orbit-sweep{syntax:"<angle>";inherits:false;initial-value:0deg}.orbit-book.is-done img{animation:5s ease-in-out infinite done-glow;box-shadow:0 6px 18px #0000008c,0 0 0 1px #d8ec8cb3,0 0 32px #d8ec8c80}.orbit-book.is-done:before{content:"";background:conic-gradient(from var(--orbit-sweep), transparent 0deg, #f0fac8f2 30deg, #d8ec8c80 70deg, transparent 110deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;border-radius:6px;padding:2.5px;animation:7s linear infinite orbit-sweep;position:absolute;inset:-4px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes orbit-sweep{to{--orbit-sweep:360deg}}@keyframes done-glow{50%{box-shadow:0 6px 18px #0000008c,0 0 0 1px #d8ec8cf2,0 0 52px #d8ec8cbf}}.orbit-book:hover img{box-shadow:0 6px 18px #0000008c, 0 0 0 2px var(--accent), 0 0 24px #d8ec8c59}.orbit-tip{border:1px solid var(--line);white-space:nowrap;background:#151509eb;border-radius:10px;gap:2px;padding:8px 12px;font-size:14px;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%}.orbit-tip small{color:var(--ink-dim);font-size:12px}.shelf{gap:26px;width:min(760px,100%);margin:24px auto 0;display:grid}.shelf-ring h2{letter-spacing:.12em;color:#d6eab0e6;margin:0 0 10px;font-size:13px;font-weight:600}.shelf-book{color:var(--ink);background:#15150999;border:1px solid #0000;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:10px 12px;text-decoration:none;transition:border-color .2s;display:grid}.shelf-book+.shelf-book{margin-top:6px}.shelf-book:hover{border-color:#d8ec8c59}.shelf-book img{object-fit:contain;width:40px;height:52px}.shelf-title{gap:3px;min-width:0;display:grid}.shelf-title b{font-size:15px;font-weight:500}.shelf-title small{color:var(--ink-dim);font-size:12.5px}.state{color:var(--ink-dim);justify-items:end;gap:5px;font-size:12px;display:grid}.state small{font-size:11px}.orbit-book:hover{opacity:1!important;z-index:6!important}.orbit-tip .badge{justify-self:start;margin-top:4px}.badge{letter-spacing:.06em;color:var(--ink-dim);white-space:nowrap;border:1px solid #ece7cf40;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-reading{color:var(--accent);border-color:#d8ec8c8c}.badge-done{background:var(--accent);color:#151509;border-color:#0000}.badge.big{margin:14px 0 10px;padding:4px 12px;font-size:12.5px}.book-cover a{color:inherit}.book-head{grid-template-columns:180px 1fr;align-items:start;gap:28px;display:grid}.book-cover{margin:0}.book-cover img{border-radius:4px;width:100%;display:block;box-shadow:0 10px 28px #00000080}.book-cover figcaption{color:var(--ink-dim);margin-top:8px;font-size:11.5px}.book-doc h1{margin:8px 0 6px;font-size:clamp(28px,4vw,38px)}.book-by{color:var(--ink-dim);margin:0;font-size:15px}.book-about{margin-top:32px}.book-summary{margin:10px 0 0;font-size:16px;line-height:1.85}.book-about .part-result{margin-top:22px}.book-about .part-result p{margin:0;font-size:15px;line-height:1.7}.book-note{color:var(--ink-dim);margin:0;font-size:14px;line-height:1.6}@media (max-width:767px){.copy-intro{text-align:center;max-width:none;top:13vh;left:16px;right:16px}.copy-intro h1{font-size:40px}.card{width:auto;padding:14px 16px 12px}.card h3{font-size:19px}.card-fe,.card-full{inset:auto 16px 5vh;transform:none}.cards-be{flex-direction:column;gap:10px;padding:0 16px;top:auto;bottom:4vh;transform:none}.cards-be .card{width:auto}.cards-be .card p,.card-full p{display:none}.copy-ai{bottom:9vh}.flow-head{top:10vh}.flow-head p{font-size:14px}.flow-label{margin-top:16px}.flow-label small{font-size:10px}.flow-panel{bottom:4vh}.flow-step{padding:14px 16px}.flow-step h3{font-size:18px}.flow-step p{font-size:13.5px}.sk-list{gap:26px}.sk-chat{font-size:40px}.sk-link{font-size:32px}.station{padding-top:96px}.station-head h1{font-size:36px}.station-body{aspect-ratio:auto;box-sizing:border-box;grid-template-columns:minmax(0,1fr);gap:18px;margin-top:28px;padding-left:34px;display:grid}.station-body:before{content:"";background:repeating-linear-gradient(45deg,#0000 0 9px,#f3ecd224 9px 10px);border-left:1px solid #f3ecd259;border-right:1px solid #f3ecd259;width:14px;position:absolute;top:-10px;bottom:-10px;left:6px}.truss{display:none}.card.module,.card.module.up,.card.module.down{width:auto;min-width:0;position:relative;top:auto;bottom:auto;left:auto;translate:none}.card.module:before{content:"";border-top:1px dashed #f3ecd266;width:21px;position:absolute;top:50%;left:-21px}.card.module.main:before{border-top:2px solid #d8ec8c99}.project{padding-top:84px}.project-doc{padding:26px 18px 30px}.project-doc h1 small{margin:6px 0 0;display:block}.case h2{font-size:21px}.library{padding-top:96px}.planet-stage{aspect-ratio:4/3}.ring-label{display:none}.book-head{grid-template-columns:1fr}.book-cover{width:150px}}