:root{color:#211630;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}*{box-sizing:border-box}:root{--paper:#eee7d8;--paper-light:#f8f4ea;--ink:#292231;--ink-muted:#6c6270;--plum:#593a69;--plum-light:#8c679e;--gold:#aa8752;--nav-accent:var(--gold)}@font-face{font-family:Galactic Simple;src:url(/fonts/galactic-simple.otf.woff2)format("woff2");font-display:swap}html,body,#root{width:100%;min-height:100%}body{margin:0;overflow:hidden}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}.site-shell{min-height:100vh;color:var(--ink);background:var(--paper);background-image:linear-gradient(#47333e09 1px,#0000 1px),linear-gradient(90deg,#47333e09 1px,#0000 1px);background-size:28px 28px;height:100vh;position:relative;overflow:hidden}.site-shell .archive-paper,.site-shell .archive-frame,.site-shell .archive-coordinate,.site-shell .page-dots{opacity:0}.site-shell.has-entered .archive-paper,.site-shell.has-entered .archive-frame,.site-shell.has-entered .archive-coordinate{animation:.8s ease-out forwards archive-in}.site-shell.has-entered .page-dots{animation:.5s ease-out .46s forwards dots-in}@keyframes archive-in{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes panel-in{0%{opacity:0;filter:blur(5px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes dots-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.archive-paper{z-index:0;pointer-events:none;background:radial-gradient(circle at 78% 20%,#aa875226,#0000 24%),radial-gradient(circle at 15% 84%,#593a691a,#0000 29%),linear-gradient(135deg,#fffdf7b3,#d9cbb452);border:1px solid #533a4b4d;animation:none;position:fixed;inset:18px;box-shadow:inset 0 0 0 7px #fffcf57a,inset 0 0 0 8px #533a4b1a}.archive-frame{z-index:1;pointer-events:none;border:1px solid #593a6936;transition:border-color .5s;position:fixed;inset:27px}.frame-corner{border-color:var(--gold);border-style:solid;width:22px;height:22px;position:absolute}.corner-nw{border-width:2px 0 0 2px;top:-1px;left:-1px}.corner-ne{border-width:2px 2px 0 0;top:-1px;right:-1px}.corner-sw{border-width:0 0 2px 2px;bottom:-1px;left:-1px}.corner-se{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.archive-coordinate{z-index:3;color:#593a699e;letter-spacing:.2em;pointer-events:none;writing-mode:vertical-rl;margin:0;font-size:.58rem;font-weight:800;position:fixed}.rune-archive{z-index:1;pointer-events:none;position:fixed;inset:40px;overflow:hidden}.field-rune{left:var(--x);top:var(--y);color:#593a691a;transform:rotate(var(--rotation));-webkit-user-select:none;user-select:none;font-family:Galactic Simple,sans-serif;font-size:clamp(.8rem,1.6vw,1.55rem);line-height:1;position:absolute}.theme-1 .archive-frame{border-color:#734e8b52}.theme-2 .archive-frame{border-color:#aa875261}.theme-3 .archive-frame{border-color:#4d675f57}.theme-4 .archive-frame{border-color:#78495357}.theme-1 .archive-paper{filter:sepia(.05)hue-rotate(13deg)}.theme-2 .archive-paper{filter:sepia(.18)saturate(1.08)}.theme-3 .archive-paper{filter:hue-rotate(24deg)saturate(.88)}.theme-4 .archive-paper{filter:sepia(.08)hue-rotate(320deg)}.theme-1{--nav-accent:#73508b}.theme-2{--nav-accent:#aa8752}.theme-3{--nav-accent:#4d675f}.theme-4{--nav-accent:#784953}.coordinate-left{top:62px;left:35px}.coordinate-right{bottom:90px;right:35px;transform:rotate(180deg)}.page-viewport{z-index:4;width:100vw;height:100vh;position:relative;overflow:hidden}.page-panel{align-items:center;padding:72px max(64px,50vw - 800px) 76px;display:flex;position:absolute;inset:0}.page-panel:after{background:linear-gradient(var(--gold), transparent);content:"";pointer-events:none;width:1px;height:0;position:absolute;top:50%;right:clamp(34px,5vw,90px)}.page-panel.is-active:after{animation:1.1s cubic-bezier(.16,1,.3,1) .18s forwards index-line}.sample-panel{width:100%;max-width:1500px;padding:0 clamp(24px,4vw,72px);position:relative}.sample-panel--home .title-runes{--title-rune-size:1.12em}.sample-panel--about .sample-list{margin-top:48px}.sample-panel--projects .sample-list{border-right:1px solid #593a6933;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:44px;display:grid}.sample-panel--projects .sample-list-item{border-top:0;border-left:1px solid #593a6933;grid-template-columns:1fr;align-content:space-between;min-height:148px;padding:22px}.sample-panel--projects .sample-list-item strong{max-width:10ch}.sample-panel--hobbies .sample-list{margin-top:48px}.sample-panel--social .sample-list-item{border-left:2px solid #593a6924;grid-template-columns:140px 1fr;padding-left:20px}.panel-kicker{border-bottom:1px solid #593a6947;align-items:center;gap:16px;width:min(100%,520px);padding-bottom:16px;display:flex}.panel-kicker:before{background:var(--gold);content:"";flex:none;width:38px;height:2px}@keyframes index-line{0%{opacity:0;height:0}to{opacity:.72;height:28vh}}.sample-eyebrow{color:var(--plum);letter-spacing:.18em;margin:0;font-size:.85rem;font-weight:800}.title-stage{margin-top:28px;position:relative}.sample-title{z-index:2;color:var(--ink);letter-spacing:-.05em;margin:0;font-size:clamp(3.6rem,6vw,7.2rem);line-height:1.02;position:relative}.title-runes{--title-rune-size:1em;--title-character-width:1em;--title-character-gap:.08em;color:var(--plum);font-family:Galactic Simple,sans-serif;font-size:var(--title-rune-size);letter-spacing:.08em;text-shadow:0 0 22px #aa875233;font-weight:400;line-height:.9;display:block}.title-runes.is-decoded{color:var(--plum);letter-spacing:.08em;text-shadow:none;--title-character-width:.61em;--title-character-gap:.044em;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:1.85em;font-weight:700;line-height:.486}.title-scramble,.title-static{grid-template-columns:repeat(var(--characters), var(--title-character-width));column-gap:var(--title-character-gap);color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;text-shadow:inherit;white-space:nowrap;display:inline-grid}.title-scramble-character{width:var(--title-character-width);color:inherit;font:inherit;letter-spacing:0;line-height:inherit;text-align:center;text-shadow:inherit;display:block}.title-runes.is-decoded .title-scramble,.title-runes.is-decoded .title-scramble-character{color:var(--plum);font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:inherit;font-weight:700;line-height:inherit}.title-label{color:var(--ink-muted);letter-spacing:.18em;margin:19px 0 0 .12em;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:.22em;font-weight:700;display:block}.type-character{vertical-align:baseline;will-change:clip-path, opacity, transform;margin-block:-.14em;padding-block:.14em;line-height:1.1;display:inline-block}.sample-subtitle{color:#625563;margin:15px 0 0;font-size:1.3rem}.sample-title:after{content:"";background:linear-gradient(90deg,#aa8752bf,#0000);width:min(100%,760px);height:1px;margin-top:26px;display:block}.sample-body{max-width:940px;color:var(--ink-muted);margin:26px 0 0;font-size:1.2rem;line-height:1.8}.sample-list{border-top:1px solid #593a6945;width:min(100%,1040px);margin-top:68px}.sample-list-item{border-bottom:1px solid #593a6933;grid-template-columns:90px 1fr;align-items:center;min-height:100px;display:grid}.sample-list-item span{color:var(--gold);font-size:.8rem;font-weight:700}.sample-list-item strong{color:var(--plum);font-size:1.4rem;font-weight:600}.panel-folio{border-left:1px solid var(--gold);color:#593a69a6;letter-spacing:.18em;margin:42px 0 0 3px;padding-left:16px;font-size:.62rem;font-weight:800}.page-dots{z-index:30;border:1px solid #593a6942;border-bottom-color:color-mix(in srgb, var(--nav-accent) 68%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8f4eab8;align-items:center;gap:16px;padding:8px 13px 8px 16px;display:flex;position:fixed;bottom:38px;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #39253f1a,inset 0 0 0 3px #fffdf761}.page-dots-caption,.page-dots-current{color:var(--ink-muted);letter-spacing:.14em;white-space:nowrap;font-size:.57rem;font-weight:800}.page-dots-current{min-width:72px;color:var(--nav-accent);text-align:right}.page-dot-controls{gap:4px;padding-bottom:4px;display:flex;position:relative}.page-dots button{color:#593a69a6;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:34px;padding:0;transition:color .22s,filter .22s;display:grid;position:relative}.page-dots button>span{z-index:1;letter-spacing:.08em;font-family:Inter,Pretendard,Noto Sans KR,system-ui,sans-serif;font-size:.72rem;font-weight:700;line-height:1;position:relative}.page-dot-active{background:linear-gradient(90deg, transparent, var(--nav-accent) 18%, var(--nav-accent) 82%, transparent);width:44px;height:2px;box-shadow:0 0 10px color-mix(in srgb, var(--nav-accent) 70%, transparent);position:absolute;bottom:0;left:0}.page-dots button:after{color:#fff;content:attr(data-label);letter-spacing:.02em;opacity:0;pointer-events:none;white-space:nowrap;background:#3b2751;border-radius:6px;padding:7px 10px;font-size:.76rem;font-weight:700;transition:opacity .18s,transform .18s;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%,4px)}.page-dots button:hover:after,.page-dots button:focus-visible:after{opacity:1;transform:translate(-50%)}.page-dots button:hover,.page-dots button:focus-visible{color:var(--plum);filter:drop-shadow(0 0 7px #aa87524d);outline:none}.page-dots button.active{color:var(--nav-accent);background:0 0}@media (prefers-reduced-motion:reduce){.page-panel,.page-dots button,.archive-paper,.archive-frame,.archive-coordinate,.field-rune{transition:none;animation:none}.site-shell .archive-paper,.site-shell .archive-frame,.site-shell .archive-coordinate,.site-shell .page-dots{opacity:revert}.site-shell.has-entered .archive-paper,.site-shell.has-entered .archive-frame,.site-shell.has-entered .archive-coordinate,.site-shell.has-entered .page-dots,.page-panel.is-active:after,.page-panel.is-active .sample-title{animation:none}}@media (width<=900px){.page-panel{padding-left:32px;padding-right:32px}.sample-panel{max-width:100%}}@media (width<=620px){.page-panel{padding:68px 24px 64px}.archive-paper{inset:10px}.archive-frame{inset:16px}.archive-coordinate{display:none}.sample-panel{padding:0 12px}.sample-panel--projects .sample-list{grid-template-columns:1fr}.sample-panel--projects .sample-list-item{grid-template-columns:58px 1fr;align-content:center;min-height:82px;padding:0}.sample-panel--social .sample-list-item{grid-template-columns:58px 1fr;padding-left:0}.sample-title{font-size:clamp(2.8rem,12vw,4rem)}.sample-list{margin-top:32px}.sample-list-item{grid-template-columns:58px 1fr;min-height:76px}.page-dots{gap:10px;padding:7px 10px 7px 12px;bottom:14px}.page-dots-caption,.page-dots-current{display:none}}.site-shell,.page-viewport{height:100dvh;min-height:100dvh}.page-panel{min-height:0}.sample-body{white-space:pre-line}.title-runes,.title-runes>span,.title-runes .type-character{white-space:nowrap;word-break:keep-all;overflow-wrap:normal}@media (width<=900px) and (width>=621px){.page-panel{padding-left:clamp(28px,4vw,38px);padding-right:clamp(28px,4vw,38px)}.sample-panel{padding-inline:clamp(12px,2vw,20px)}.sample-title{font-size:clamp(3rem,7vw,5rem)}.title-runes{font-size:1em}}@media (height<=820px) and (width>=621px){.page-panel{padding-top:clamp(42px,6dvh,58px);padding-bottom:clamp(48px,7dvh,66px)}.title-stage{margin-top:clamp(14px,2.3dvh,22px)}.sample-body{margin-top:clamp(12px,2.4dvh,20px);font-size:clamp(.92rem,1.85dvh,1.08rem)}.sample-list,.sample-panel--about .sample-list,.sample-panel--hobbies .sample-list,.sample-panel--projects .sample-list{margin-top:clamp(18px,3.6dvh,34px)}}@media (width<=620px){.site-shell,.page-viewport{height:100dvh;min-height:100dvh}.site-shell{word-break:keep-all;overflow-wrap:break-word}.page-panel{padding-top:max(clamp(52px, 8dvh, 72px), calc(env(safe-area-inset-top) + 20px));padding-right:clamp(24px,7vw,32px);padding-bottom:max(clamp(118px, 16dvh, 142px), calc(env(safe-area-inset-bottom) + 102px));padding-left:clamp(24px,7vw,32px);display:block;inset:0;overflow:hidden}.page-panel:after,.archive-coordinate{display:none}.sample-panel{width:100%;max-width:none;height:100%;margin:0;padding:0}.archive-page-content{width:100%;min-width:0;height:100%;position:relative}.panel-kicker{width:max-content;max-width:100%}.title-stage{width:100%;min-width:0;margin-top:clamp(20px,5vw,26px);padding-inline:clamp(2px,1vw,5px);overflow:visible}.sample-title{width:100%;min-width:0;font-size:clamp(2.35rem,9.2vw,3.35rem);line-height:.94}.title-runes{max-width:100%;font-size:1em;line-height:.9}.sample-title:after{width:100%}.sample-subtitle{margin-top:clamp(18px,4.5vw,24px)}.sample-body{max-width:34rem;margin-top:clamp(16px,4vw,22px);font-size:.95rem;line-height:1.7}.sample-list,.sample-panel--about .sample-list,.sample-panel--hobbies .sample-list,.sample-panel--projects .sample-list{width:100%;margin-top:clamp(30px,8vw,40px)}.sample-panel--projects .sample-list{border-right:0;grid-template-columns:1fr}.sample-list-item,.sample-panel--projects .sample-list-item,.sample-panel--links .sample-list-item{border-left:0;grid-template-columns:44px minmax(0,1fr);min-height:70px;padding:0}.sample-panel--projects .sample-list-item strong,.sample-list-item strong{max-width:none}.panel-folio{margin-top:clamp(30px,8vw,40px)}.sample-panel:not(.sample-panel--home) .panel-folio{left:clamp(24px,7vw,32px);right:clamp(24px,7vw,32px);bottom:max(calc(env(safe-area-inset-bottom) + 88px), 98px);z-index:70;pointer-events:none;margin:0;position:fixed}}.archive-nav{z-index:80;isolation:isolate;visibility:visible;opacity:1;pointer-events:auto;width:min(390px,100vw - 112px);position:fixed;bottom:clamp(42px,5dvh,54px);left:50%;transform:translate(-50%)}.archive-nav:before{display:none}.archive-nav-items{grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.archive-nav-item{color:#593a697a;cursor:pointer;background:0 0;outline:none;grid-template-rows:1fr auto;place-items:end center;min-height:44px;padding:0 4px 1px;display:grid;position:relative}.archive-nav-marker{transform-origin:50%;background:currentColor;border-radius:999px;align-self:end;width:clamp(28px,4vw,38px);height:2px;margin-bottom:10px;transition:color .18s,box-shadow .18s,height .18s,transform .18s;display:block}.archive-nav-number{z-index:2;color:currentColor;letter-spacing:.08em;font-size:.58rem;font-weight:800;line-height:1;position:relative}.archive-nav-label{display:none}.archive-nav-item:hover .archive-nav-marker,.archive-nav-item:focus-visible .archive-nav-marker{transform:scaleX(1.08)}.archive-nav-item:focus-visible:after{border:1px solid color-mix(in srgb, var(--nav-accent) 38%, transparent);content:"";position:absolute;inset:2px 7px}.archive-nav-item.is-active:before{background:var(--nav-accent);content:"";width:5px;height:5px;box-shadow:0 0 9px color-mix(in srgb, var(--nav-accent) 42%, transparent);position:absolute;bottom:16px;left:50%;transform:translate(-50%,50%)rotate(45deg)}.archive-nav-item.is-active .archive-nav-marker{height:3px;box-shadow:0 0 10px color-mix(in srgb, var(--nav-accent) 38%, transparent)}@media (prefers-reduced-motion:reduce){.archive-nav-marker,.archive-nav-item,.archive-nav-number{transition:none}}.sample-panel--home{position:relative}.home-seal-stage{aspect-ratio:1;isolation:isolate;opacity:.2;pointer-events:none;place-items:center;width:clamp(270px,30vw,450px);display:grid;position:absolute;top:50%;right:clamp(8px,3vw,34px);transform:translateY(-50%)}.home-seal-stage:before{content:"";border:1px solid #593a692e;border-radius:50%;position:absolute;inset:9%}.home-seal-image{z-index:1;aspect-ratio:1;box-sizing:border-box;object-fit:contain;clip-path:circle(50%);mix-blend-mode:multiply;filter:sepia(.05)contrast(1.08);-webkit-user-select:none;user-select:none;border-radius:50%;width:78%;padding:6%;display:block;position:relative}@media (width<=980px) and (width>=621px){.home-seal-stage{width:clamp(225px,33vw,330px);right:10px}}@media (width<=620px){.sample-panel--home .archive-page-content{flex-direction:column;display:flex}.home-seal-stage{aspect-ratio:1;opacity:.2;order:-1;align-self:flex-start;width:clamp(88px,24vw,108px);margin:0 0 clamp(18px,5vw,26px);position:static;transform:none}.home-seal-stage:before{display:none}.home-seal-image{width:100%;padding:8%}}@media (prefers-reduced-motion:reduce){.home-seal-stage{transform:translateY(-50%)!important}@media (width<=620px){.home-seal-stage{transform:none!important}}}.project-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,18px);width:min(100%,980px);margin-top:clamp(24px,3.5vw,40px);display:grid}.project-card{box-sizing:border-box;min-width:0;min-height:132px;color:inherit;cursor:pointer;background:#ffffff94;border:1px solid #1b1b1f24;border-radius:8px;flex-direction:column;padding:18px 20px;text-decoration:none;transition:border-color .16s,transform .16s,background-color .16s;display:flex}.project-card:hover{background:#ffffffc7;border-color:#7c4bb37a;transform:translateY(-2px)}.project-card:focus-visible{outline-offset:3px;outline:2px solid #7c4bb39e}.project-card-name{color:var(--plum);margin:0;font-size:1rem;font-weight:700;line-height:1.3}.project-card-description{color:var(--ink-muted);margin:10px 0 0;font-size:.84rem;line-height:1.5}.project-card-tech{flex-wrap:wrap;gap:7px;margin:auto 0 0;padding:18px 0 0;list-style:none;display:flex}.project-card-tech li{color:var(--ink-muted);background:#ffffff8f;border:1px solid #1b1b1f1a;border-radius:999px;padding:3px 8px;font-size:.66rem;line-height:1.25}@media (width<=760px){.project-card-grid{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;grid-template-columns:1fr;gap:8px;max-height:clamp(300px,100dvh - 340px,470px);margin-top:clamp(16px,4vw,22px);padding-right:3px;overflow:hidden auto}.project-card{min-height:104px;padding:13px 15px}.project-card-description{margin-top:6px;font-size:.8rem}.project-card-tech{padding-top:10px}}.sample-list--record-cards{border-top:0;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,1.6vw,18px);width:min(100%,1040px);height:clamp(250px,30vh,340px);margin-top:clamp(28px,3.8vw,48px);display:grid}.sample-list--record-cards .sample-list-item--detail{background:#ffffff80;border:1px solid #1b1b1f21;border-radius:10px;min-width:0;min-height:0;padding:clamp(18px,2vw,26px);transition:border-color .18s,background-color .18s,transform .18s;display:block;position:relative;overflow:hidden}@media (width>=761px){.sample-list--record-cards{width:min(100%,1248px);height:clamp(300px,36vh,408px)}.sample-panel--about .sample-list--record-cards{grid-template-rows:repeat(10,minmax(0,1fr))}}.sample-panel--about .sample-list--record-cards .sample-list-item--detail:first-child{grid-area:1/1/span 4/span 5}.sample-panel--about .sample-list--record-cards .sample-list-item--detail:nth-child(2){grid-area:5/1/span 6/span 5}.sample-panel--about .sample-list--record-cards .sample-list-item--detail:nth-child(3){grid-area:1/6/span 6/span 7}.sample-panel--about .sample-list--record-cards .sample-list-item--detail:nth-child(4){grid-area:7/6/span 4/span 4}.sample-panel--about .sample-list--record-cards .sample-list-item--detail:nth-child(5){grid-area:7/10/span 4/span 3}.sample-panel--hobbies .sample-list--record-cards .sample-list-item--detail:first-child{grid-area:1/1/auto/span 8}.sample-panel--hobbies .sample-list--record-cards .sample-list-item--detail:nth-child(2){grid-area:1/9/span 3/span 4}.sample-panel--hobbies .sample-list--record-cards .sample-list-item--detail:nth-child(3){grid-area:2/1/span 2/span 5}.sample-panel--hobbies .sample-list--record-cards .sample-list-item--detail:nth-child(4){grid-area:2/6/span 2/span 3}.sample-list--record-cards .sample-list-item--detail:hover,.sample-list--record-cards .sample-list-item--detail.is-open{background:#ffffffb8;border-color:#7c4bb36b}.sample-list--record-cards .sample-list-index{z-index:3;color:#7c4bb36b;letter-spacing:.12em;font-size:.66rem;font-weight:800;position:absolute;top:16px;right:18px}.sample-list-detail{flex-direction:column;min-width:0;height:100%;display:flex;position:relative}.sample-list-keyword-button{width:100%;min-height:100%;color:inherit;text-align:left;cursor:default;opacity:1;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:0 0;border:0;outline:0;justify-content:space-between;align-items:flex-end;gap:16px;padding:0;transition:opacity .16s;display:flex}.sample-list-keyword-button:focus,.sample-list-keyword-button:focus-visible,.sample-list-keyword-button:active{box-shadow:none;outline:0}.sample-list-item--detail .sample-list-keyword{max-width:16ch;color:var(--plum);letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word;font-size:clamp(1.05rem,1.55vw,1.45rem);font-weight:700;line-height:1.2;transition:color .16s,transform .16s,opacity .16s;display:inline-block}.sample-panel--about .sample-list--record-cards .sample-list-item--detail:first-child .sample-list-keyword,.sample-panel--hobbies .sample-list--record-cards .sample-list-item--detail:first-child .sample-list-keyword{font-size:clamp(1.3rem,2vw,1.9rem)}.sample-list-toggle{color:var(--plum-light);opacity:.68;flex:none;font-size:1rem;font-weight:500;line-height:1;display:none}.sample-list-description-wrap{z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility .18s;position:absolute;inset:0}.sample-list-description{color:var(--ink-muted);white-space:pre-line;word-break:keep-all;overflow-wrap:break-word;opacity:0;margin:0;padding:0 30px 0 0;font-size:clamp(.82rem,.92vw,.95rem);line-height:1.6;transition:opacity .18s,transform .22s;transform:translateY(5px)}@media (hover:hover) and (pointer:fine){.sample-list--record-cards .sample-list-item--detail:hover{transform:translateY(-2px)}.sample-list--record-cards .sample-list-item--detail:hover .sample-list-keyword-button{opacity:.1}.sample-list--record-cards .sample-list-item--detail:hover .sample-list-description-wrap{opacity:1;visibility:visible}.sample-list--record-cards .sample-list-item--detail:hover .sample-list-description{opacity:1;transform:translateY(0)}}.sample-list-item--detail.is-open .sample-list-keyword-button{opacity:.1}.sample-list-item--detail.is-open .sample-list-description-wrap{opacity:1;visibility:visible}.sample-list-item--detail.is-open .sample-list-description{opacity:1;transform:translateY(0)}@media (width<=760px),(hover:none),(pointer:coarse){.sample-list--record-cards{grid-template-rows:none;grid-template-columns:1fr;gap:7px;width:100%;min-width:0;max-width:none;height:auto;max-height:none;margin:18px 0 0;padding-right:0;display:grid;overflow:visible}.sample-panel--about .sample-list--record-cards .sample-list-item--detail:nth-child(n),.sample-panel--hobbies .sample-list--record-cards .sample-list-item--detail:nth-child(n){border-radius:7px;grid-area:auto/1;width:100%;height:auto;min-height:64px;padding:10px 13px;transition:min-height .18s,border-color .18s,background-color .18s}.sample-panel--about .sample-list--record-cards .sample-list-item--detail.is-open,.sample-panel--hobbies .sample-list--record-cards .sample-list-item--detail.is-open{min-height:88px}.sample-list--record-cards .sample-list-index{font-size:.56rem;top:9px;right:12px}.sample-list-detail{height:auto;min-height:44px;position:relative}.sample-list-keyword-button{z-index:3;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;min-height:0;transition:opacity .16s,align-items .16s;position:absolute;inset:0}.sample-list-item--detail.is-open .sample-list-keyword-button{opacity:.1;align-items:flex-end}.sample-list-item--detail .sample-list-keyword,.sample-panel--about .sample-list--record-cards .sample-list-item--detail:first-child .sample-list-keyword,.sample-panel--hobbies .sample-list--record-cards .sample-list-item--detail:first-child .sample-list-keyword{max-width:18ch;font-size:.9rem}.sample-list-toggle{font-size:.84rem;display:inline-block;position:absolute;bottom:0;right:0}.sample-list-description-wrap{z-index:2;opacity:0;visibility:hidden;grid-template-rows:0fr;margin-right:22px;transition:grid-template-rows .22s,opacity .18s,visibility .18s;display:grid;position:relative;inset:auto;overflow:hidden}.sample-list-description{min-height:0;padding-right:0;font-size:.75rem;line-height:1.42;overflow:hidden}.sample-list-item--detail.is-open .sample-list-description-wrap{opacity:1;visibility:visible;grid-template-rows:1fr}}@media (width<=760px) and (height<=720px),(hover:none) and (pointer:coarse) and (height<=720px){.sample-list--record-cards{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-height:250px;padding-right:3px;overflow:hidden auto}}@media (prefers-reduced-motion:reduce){.sample-list-item--detail,.sample-list-keyword-button,.sample-list-description-wrap,.sample-list-description{transition:none}}.sample-panel--links .sample-list-item{border-left:2px solid #593a6924;grid-template-columns:110px minmax(0,1fr);min-height:96px;padding-left:18px}.sample-panel--links .sample-list-item--link{transition:border-color .18s,background-color .18s}.sample-panel--links .sample-list-item--link:hover{background:#7c4bb309;border-left-color:#7c4bb39e}.archive-link{min-width:0;min-height:96px;color:inherit;justify-content:space-between;align-items:center;gap:18px;padding:12px 20px 12px 0;text-decoration:none;display:flex}.archive-link-copy{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;display:flex}.archive-link strong{width:max-content;max-width:100%;color:var(--plum);letter-spacing:.01em;font-size:clamp(1.08rem,1.6vw,1.34rem);font-weight:650;position:relative}.archive-link strong:after{content:"";opacity:.24;transform-origin:0;background:currentColor;width:100%;height:1px;transition:opacity .18s,transform .18s;position:absolute;bottom:-5px;left:0;transform:scaleX(.32)}.archive-link-description{max-width:44rem;color:var(--ink-muted);word-break:keep-all;overflow-wrap:anywhere;font-size:.82rem;font-weight:400;line-height:1.55}.archive-link-mark{color:var(--plum);opacity:.54;flex:none;font-size:.92rem;transition:opacity .18s,transform .18s;transform:translate(0)}.archive-link:hover strong:after,.archive-link:focus-visible strong:after{opacity:.72;transform:scaleX(1)}.archive-link:hover .archive-link-mark,.archive-link:focus-visible .archive-link-mark{opacity:1;transform:translate(3px,-3px)}.archive-link:focus-visible{outline-offset:5px;outline:1px solid #7c4bb380}@media (width<=620px){.sample-panel--links .sample-list{margin-top:clamp(28px,7vw,36px)}.sample-panel--links .sample-list-item,.sample-panel--links .sample-list-item--link{border-left:0;grid-template-columns:42px minmax(0,1fr);min-height:78px;padding-left:0}.archive-link{gap:12px;min-height:78px;padding:10px 4px 10px 0}.archive-link-copy{gap:6px}.archive-link strong{font-size:1rem}.archive-link strong:after{bottom:-4px}.archive-link-description{max-width:26rem;font-size:.74rem;line-height:1.5}.archive-link-mark{font-size:.82rem}}@media (hover:none),(pointer:coarse){.archive-link:active{opacity:.72}.archive-link:active .archive-link-mark{transform:translate(2px,-2px)}}:root{--paper:#e9e9ec;--paper-light:#fff;--ink:#1b1b1f;--ink-muted:#696970;--plum:#7c4bb3;--plum-light:#9b72c8;--gold:#7c4bb3;--nav-accent:#7c4bb3;--line:#1b1b1f1f;--line-strong:#1b1b1f38;--purple-soft:#7c4bb314;--purple-line:#7c4bb357}.site-shell{color:var(--ink);background-color:#e7e7ea;background-image:linear-gradient(#1b1b1f04 1px,#0000 1px),linear-gradient(90deg,#1b1b1f04 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box}.archive-paper,.theme-1 .archive-paper,.theme-2 .archive-paper,.theme-3 .archive-paper,.theme-4 .archive-paper{border-color:var(--line-strong);filter:none;background:radial-gradient(circle at 78% 20%,#7c4bb30e,#0000 25%),radial-gradient(circle at 15% 84%,#ffffffad,#0000 31%),linear-gradient(135deg,#fff,#f2f2f5);box-shadow:inset 0 0 0 7px #ffffffb8,inset 0 0 0 8px #1b1b1f0b}.archive-frame,.theme-1 .archive-frame,.theme-2 .archive-frame,.theme-3 .archive-frame,.theme-4 .archive-frame{border-color:var(--line)}.frame-corner{filter:drop-shadow(0 0 1px #1b1b1f29);border-color:#fff}.archive-coordinate{color:#1b1b1f57}.field-rune{color:var(--plum)}.field-rune--faint{opacity:.045}.field-rune--medium{opacity:.09}.field-rune--accent{opacity:.15;font-size:clamp(1rem,2vw,1.8rem)}.theme-0,.theme-1,.theme-2,.theme-3,.theme-4{--nav-accent:#7c4bb3}.page-panel:after{background:linear-gradient(var(--plum), transparent)}.panel-kicker{border-bottom-color:var(--line)}.panel-kicker:before{background:#fff;box-shadow:0 0 0 1px #1b1b1f14}.sample-eyebrow{color:#3d3d43}.title-runes,.title-runes.is-decoded,.title-runes.is-decoded .title-scramble,.title-runes.is-decoded .title-scramble-character{color:var(--plum)}.title-runes{text-shadow:0 0 20px #7c4bb31a}.sample-title{color:var(--ink)}.title-label{color:#55555c}.sample-subtitle{color:#414147}.sample-body{color:var(--ink-muted)}.sample-title:after{background:linear-gradient(90deg,#7c4bb394,#ffffffd6,#0000)}.sample-list,.sample-list-item,.sample-panel--projects .sample-list,.sample-panel--projects .sample-list-item,.sample-panel--social .sample-list-item{border-color:var(--line)}.sample-list-item span{color:var(--plum)}.sample-list-item strong{color:#25252a}.panel-folio{border-left-color:var(--plum);color:#1b1b1f6b}.about-seal-stage:before{border-color:#1b1b1f1c}.about-seal-image{mix-blend-mode:multiply;filter:grayscale()contrast(1.08);opacity:.88}.archive-nav-item{color:#1b1b1f6b}.archive-nav-item:hover,.archive-nav-item:focus-visible{color:#111114}.archive-nav-item.is-active{color:var(--plum)}