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-home{letter-spacing:.04em;opacity:.75;align-items:center;gap:8px;font-size:14px;transition:opacity .2s;display:inline-flex}.nav-home img{width:26px;height:26px;transition:transform .25s;display:block}.nav-home:hover{opacity:1}.nav-home:hover img{transform:translateY(-2px)scale(1.08)}.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}.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}
.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%)}
.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}.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}@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{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-head p.station-note{margin-top:2px}.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}@media (max-width:767px){.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{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)}@media (max-width:767px){.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{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}.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}@media (max-width:767px){.library{padding-top:96px}.planet-stage{aspect-ratio:4/3}.ring-label{display:none}.book-head{grid-template-columns:1fr}.book-cover{width:150px}}
.note-card{border:1px solid var(--line);color:var(--ink);background:#ece7cf0a;border-radius:14px;grid-template-columns:112px 1fr auto;align-items:center;gap:20px;margin-top:32px;padding:14px 22px 14px 14px;text-decoration:none;transition:border-color .25s,background .25s;display:grid}.note-card:hover{background:#d8ec8c12;border-color:#d8ec8c8c}.note-thumb{background:#fbf8ef;border-radius:8px;height:84px;overflow:hidden}.note-thumb img{width:100%;height:auto;transition:transform .4s;display:block}.note-card:hover .note-thumb img{transform:scale(1.06)}.note-card-text{gap:3px;display:grid}.note-card-text small{letter-spacing:.12em;color:var(--accent);font-size:11px}.note-card-text b{font-size:18px;font-weight:500}.note-card-text span{color:var(--ink-dim);font-size:13.5px;line-height:1.6}.note-card-go{color:var(--accent);font-size:22px;transition:transform .25s}.note-card:hover .note-card-go{transform:translate(5px)}.note-page{overflow-x:clip}.note-wrap{width:min(1100px,100%);margin:0 auto}.note-in{animation:.5s cubic-bezier(.22,.8,.3,1) both note-in}@keyframes note-in{0%{opacity:0;transform:translate(56px)}}.note-top{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.note-top .back{color:var(--accent);font-size:14px;text-decoration:none}.note-top h1{margin:0;font-size:22px;font-weight:400}.note-bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.note-chips{flex-wrap:wrap;gap:8px;display:flex}.note-chips button,.note-zoom button{border:1px solid var(--line);background:var(--glass);font:inherit;color:var(--ink-dim);cursor:pointer;border-radius:999px;padding:6px 13px;font-size:13px}.note-chips button.on{color:var(--accent);border-color:#d8ec8c8c}.note-chips button:hover,.note-zoom button:hover{color:var(--accent)}.note-zoom{flex-shrink:0;gap:6px;display:flex}.note-stage{border:1px solid var(--line);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:14px;height:calc(100vh - 230px);min-height:360px;position:relative;overflow:hidden}.note-stage:active{cursor:grabbing}.note-stage img{transform-origin:0 0;will-change:transform;background:#fff;max-width:none;position:absolute;top:0;left:0}.note-hint{color:var(--ink-dim);margin:10px 0 0;font-size:12px}@media (max-width:700px){.note-card{grid-template-columns:88px 1fr auto;gap:14px}.note-thumb{height:66px}.note-bar{flex-direction:column;align-items:flex-start}.note-stage{height:calc(100vh - 270px)}}
.boot{--boot-bg:#080a0c;--boot-panel:#0a0d10;--boot-line:#252b30;--boot-ink:#f1f3f5;--boot-dim:#a3adb8;--boot-off:#343b42;--boot-green:#45f09a;--boot-mute:#5c6670;z-index:100;background:var(--boot-bg);width:100vw;color:var(--boot-dim);font-family:ui-monospace,SF Mono,SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;transition:opacity .6s;animation:10ms 12s forwards boot-failsafe;position:fixed;inset:0 auto 0 0}.boot.is-leaving{opacity:0;pointer-events:none}@keyframes boot-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}html:has(.boot:not(.is-leaving)){animation:10ms 12s forwards boot-unlock;overflow:hidden}@keyframes boot-unlock{to{overflow:visible}}.boot-panel{--pad:clamp(20px, 8vw, 124px);box-sizing:border-box;border:1px solid var(--boot-line);background:var(--boot-panel);border-radius:10px;flex-direction:column;padding:clamp(18px,2.4vw,32px) 0 clamp(18px,2.4vw,28px);display:flex;position:absolute;inset:clamp(12px,4.5vw,68px);overflow:hidden}.boot-head{padding:0 var(--pad);letter-spacing:.04em;align-items:center;font-size:clamp(12px,1.2vw,15px);display:flex;position:relative}.boot-dots{gap:10px;display:flex;position:absolute;left:clamp(16px,1.6vw,24px)}.boot-dots i{background:var(--boot-off);border-radius:50%;width:11px;height:11px}.boot-dots i:first-child{background:var(--boot-green)}.boot-brand{color:var(--boot-dim)}.boot-brand b{color:var(--boot-ink);font-weight:400}.boot-body{min-height:0;padding:clamp(40px, 12vh, 120px) var(--pad) 0;flex-direction:column;flex:1;display:flex}.boot-log{gap:clamp(8px,1.5vh,13px);margin:0;padding:0;font-size:clamp(12.5px,1.25vw,16px);list-style:none;display:grid}.boot-log li{opacity:0;animation:boot-in .35s calc(.2s + var(--i) * .28s) both;grid-template-columns:2ch 27ch auto;display:grid}.boot-text{color:var(--boot-dim);white-space:nowrap;grid-column:2/3}li:first-child .boot-text{grid-column:2/-1}.boot-prompt{color:var(--boot-green)}.boot-status{color:var(--boot-dim);white-space:nowrap}.boot-status.is-ok{color:var(--boot-green)}.boot-status i{font-style:normal;animation:1.2s infinite boot-dot}.boot-status i:nth-child(2){animation-delay:.15s}.boot-status i:nth-child(3){animation-delay:.3s}.boot-status i:nth-child(4){animation-delay:.45s}@keyframes boot-dot{0%,to{opacity:.25}40%{opacity:1}}@keyframes boot-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.boot-rule{background:var(--boot-line);opacity:0;width:72px;height:1px;margin:clamp(26px,6vh,52px) 0 clamp(18px,4vh,36px);animation:.5s .9s both boot-in}.boot-name{letter-spacing:.02em;color:var(--boot-ink);opacity:0;margin:0;font-size:clamp(26px,7.4vw,68px);font-weight:700;line-height:1.1;animation:.7s 1.05s both boot-in}.boot-role{letter-spacing:.03em;color:var(--boot-dim);opacity:0;margin:clamp(8px,1.4vh,14px) 0 0;font-size:clamp(15px,2.3vw,28px);animation:.7s 1.3s both boot-in}.boot-progress{opacity:0;align-items:center;gap:clamp(14px,2.4vw,36px);margin-top:clamp(24px,5vh,46px);animation:.6s 1.5s both boot-in;display:flex}.boot-bar{flex:auto;grid-auto-columns:1fr;grid-auto-flow:column;gap:clamp(3px,.4vw,6px);max-width:540px;display:grid}.boot-bar span{background:var(--boot-off);border-radius:1px;height:clamp(10px,1.3vw,15px);transition:background .2s}.boot-bar span.is-lit{background:var(--boot-green)}.boot-pct{text-align:right;min-width:4ch;color:var(--boot-ink);font-variant-numeric:tabular-nums;font-size:clamp(12.5px,1.25vw,16px)}.boot-copy{letter-spacing:.06em;color:var(--boot-mute);align-self:flex-end;margin:0 clamp(18px,2.6vw,40px) 0 0;font-size:clamp(11px,1vw,13px)}@media (max-width:700px){.boot-dots{margin-right:14px;position:static}.boot-head{padding:0 var(--pad)}}@media (max-width:520px){.boot-log li{grid-template-columns:2ch 25ch auto}}@media (prefers-reduced-motion:reduce){.boot,.boot-log li,.boot-rule,.boot-name,.boot-role,.boot-progress{opacity:1;transition-duration:.2s;animation:none}.boot.is-leaving{opacity:0}.boot-status i{animation:none}.boot-bar span{transition:none}}
