@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans KR,Manrope,sans-serif;color:#f6f1e8;background:#101827;font-synthesis:none}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden;background:#101827}button,a{font:inherit}button{color:inherit;border:0;cursor:pointer}.app-shell{--person-color: #ef9b4d;position:relative;display:flex;flex-direction:column;min-height:100dvh;background:radial-gradient(circle at 72% 45%,rgba(47,68,99,.42),transparent 35%),#101827;overflow:hidden;isolation:isolate}.app-shell:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}.topbar{display:flex;align-items:center;justify-content:space-between;height:82px;padding:0 5vw;border-bottom:1px solid rgba(244,240,230,.13);position:relative;z-index:4}.brand,.menu-button{display:inline-flex;align-items:center;gap:10px;padding:0;background:transparent;font-weight:700;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;color:#111827;background:var(--person-color);border-radius:50%;transition:background .35s ease}.topbar-center{color:#8b99ac;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.topbar-center strong{color:#f6f1e8;margin-left:8px;font-weight:500}.slash{margin:0 5px;color:#46536a}.status-dot{display:inline-block;width:6px;height:6px;margin-right:8px;background:var(--person-color);border-radius:50%;transition:background .35s ease}.menu-button{width:36px;height:36px;justify-content:center;background:#ffffff0f;border-radius:50%}.explorer{display:grid;grid-template-columns:80px minmax(360px,.92fr) minmax(440px,1.08fr);flex:1;width:min(1380px,100%);margin:0 auto;touch-action:none;-webkit-user-select:none;user-select:none}.person-rail{display:flex;flex-direction:column;align-items:center;padding:48px 0 24px;border-right:1px solid rgba(244,240,230,.12)}.rail-label{margin-bottom:24px;color:#738198;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl;transform:rotate(180deg)}.rail-item{display:flex;align-items:center;gap:8px;padding:13px 0;color:#5e6a7e;background:transparent;font-family:DM Mono,monospace;font-size:10px;transition:color .2s,transform .2s}.rail-item:hover,.rail-item.active{color:#f6f1e8;transform:translate(2px)}.rail-item i{display:block;width:5px;height:5px;border-radius:50%;opacity:.45}.rail-item.active i{opacity:1;box-shadow:0 0 0 4px #ffffff12}.portrait-panel{display:flex;flex-direction:column;min-height:600px;padding:48px clamp(24px,4vw,70px) 32px;border-right:1px solid rgba(244,240,230,.12)}.portrait-topline,.source-credit{display:flex;justify-content:space-between;color:#7e8a9d;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.portrait-topline span:last-child{color:var(--person-color);transition:color .35s}.portrait-wrap{position:relative;flex:1;display:grid;place-items:center;min-height:500px}.portrait-halo{position:absolute;width:min(82%,490px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--person-color) 34%,transparent);border-radius:50%;transition:border-color .35s}.portrait-halo:before,.portrait-halo:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.portrait-halo:before{inset:11%}.portrait-halo:after{inset:-7%;border-style:dashed;opacity:.7}.portrait-wrap img{position:relative;z-index:1;width:min(70%,360px);height:min(70vh,520px);object-fit:cover;filter:grayscale(100%) contrast(1.05);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to bottom,black 78%,transparent 100%);mask-image:linear-gradient(to bottom,black 78%,transparent 100%);background:linear-gradient(145deg,#ffffff0f,#ffffff03)}.portrait-caption{position:absolute;bottom:8%;z-index:2;display:flex;align-items:center;gap:12px;color:#f6f1e8;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.portrait-caption span:first-child{color:var(--person-color)}.portrait-caption span+span:before{content:"·";margin-right:12px;color:#718096}.source-credit{padding-top:18px;border-top:1px solid rgba(244,240,230,.12)}.source-credit a{display:inline-flex;color:#8d99ac}.source-credit a:hover{color:var(--person-color)}.story-panel{display:flex;flex-direction:column;justify-content:center;overflow-y:auto;padding:48px clamp(30px,6vw,100px) 48px clamp(38px,6vw,100px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.story-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:25px;color:var(--person-color);font-family:DM Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:color .35s}.story-panel h1{max-width:600px;margin:0;color:#f6f1e8;font-size:clamp(38px,5vw,76px);letter-spacing:-.075em;line-height:1.05}.original-name{margin:15px 0 48px;color:#78869a;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.04em}.slide-copy{min-height:160px;max-width:535px}.slide-copy h2{margin:0 0 16px;color:#f6f1e8;font-size:clamp(22px,2.3vw,31px);letter-spacing:-.05em;line-height:1.25}.slide-copy p{margin:0;color:#aeb9c8;font-size:16px;line-height:1.8}.story-meta{display:flex;gap:8px;margin:30px 0 22px}.meta-tag{padding:7px 10px;color:#aeb9c8;border:1px solid rgba(244,240,230,.15);border-radius:999px;font-size:11px}.progress{width:min(100%,535px);height:2px;background:#f4f0e624}.progress span{display:block;height:100%;background:var(--person-color);transition:width .3s,background .35s}.story-controls{display:flex;align-items:center;gap:15px;margin-top:22px;color:#718096;font-family:DM Mono,monospace;font-size:11px}.circle-control{display:grid;place-items:center;width:34px;height:34px;background:transparent;border:1px solid rgba(244,240,230,.2);border-radius:50%}.circle-control:hover{color:#101827;background:var(--person-color);border-color:var(--person-color)}.swipe-hint{display:flex;align-items:center;gap:8px;margin:auto 0 24px;color:#7b899d;font-size:11px}.swipe-hint span{display:inline-flex;gap:0;color:var(--person-color)}.swipe-hint span+span{margin-left:3px}.quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:535px;padding-top:18px;border-top:1px solid rgba(244,240,230,.12)}.quick-facts div{display:flex;flex-direction:column;gap:8px}.quick-facts span{color:#728096;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em}.quick-facts strong{color:#dbe0e7;font-size:12px;font-weight:500;line-height:1.65}.footer{display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;border-top:1px solid rgba(244,240,230,.12);color:#6e7b90;font-size:11px}.footer button{display:inline-flex;align-items:center;gap:8px;padding:0;color:#d4dae2;background:transparent;font-size:11px}.footer button:hover{color:var(--person-color)}.reset-button{position:fixed;right:22px;bottom:67px;display:grid;place-items:center;width:32px;height:32px;color:#728096;background:#192338;border-radius:50%}.reset-button:hover{color:var(--person-color)}.mobile-menu{position:absolute;top:92px;right:5vw;z-index:8;display:flex;flex-direction:column;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 120px);overflow:auto;padding:16px;background:#141f32fa;border:1px solid rgba(244,240,230,.15);box-shadow:0 20px 50px #0006}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;padding:4px 0 14px;color:#95a3b7;font-family:DM Mono,monospace;font-size:10px}.mobile-menu-head button{display:grid;place-items:center;padding:0;background:transparent}.mobile-menu>button{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:12px 5px;color:#b8c1ce;background:transparent;border-top:1px solid rgba(244,240,230,.09);text-align:left}.mobile-menu>button.selected{color:#f6f1e8}.mobile-menu small{color:#77859b;font-size:10px}.menu-number{color:var(--person-color);font-family:DM Mono,monospace;font-size:10px}.filter-group{padding:9px 0;border-top:1px solid rgba(244,240,230,.09)}.filter-group>span,.mobile-menu-list-label{display:block;margin-bottom:8px;color:#77859b;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em}.filter-group>div{display:flex;gap:6px}.filter-group button{padding:6px 10px;color:#aeb9c8;background:#ffffff0d;border:1px solid rgba(244,240,230,.12);border-radius:999px;font-size:10px}.filter-group button.active{color:#101827;background:var(--person-color);border-color:var(--person-color)}.mobile-menu-list-label{margin:12px 5px 0}@media(max-width:900px){.topbar{height:68px;padding:0 22px}.topbar-center{font-size:9px}.explorer{grid-template-columns:54px 1fr;min-height:calc(100dvh - 120px)}.person-rail{padding-top:32px}.portrait-panel{min-height:480px;padding:32px 24px 22px;border-right:0;border-bottom:1px solid rgba(244,240,230,.12)}.portrait-wrap{min-height:390px}.portrait-wrap img{width:min(55%,250px);height:360px}.portrait-halo{width:min(80%,330px)}.story-panel{grid-column:2;padding:36px 28px 45px}.footer{padding:14px 22px}.quick-facts{grid-template-columns:1fr;gap:14px}}@media(max-width:620px){body{overflow-y:auto}.topbar-center{display:none}.explorer{grid-template-columns:44px 1fr;min-height:0}.person-rail{padding-top:28px}.rail-label{margin-bottom:16px;font-size:8px}.rail-item{padding:10px 0;font-size:9px}.portrait-panel{min-height:430px;padding:24px 18px 18px}.portrait-wrap{min-height:325px}.portrait-wrap img{width:58%;height:315px}.portrait-caption{bottom:7%;font-size:8px}.story-panel{padding:30px 20px 36px}.story-kicker{margin-bottom:18px;font-size:9px}.story-panel h1{font-size:clamp(34px,11vw,53px)}.original-name{margin:12px 0 35px;font-size:9px}.slide-copy{min-height:0}.slide-copy h2{font-size:23px}.slide-copy p{font-size:15px;line-height:1.75}.story-meta{margin:25px 0 18px}.swipe-hint{margin:34px 0 22px;font-size:10px}.quick-facts strong{font-size:12px}.footer{font-size:10px}.footer span{max-width:190px}.mobile-menu{position:fixed;inset:68px 16px auto;z-index:8;display:flex;flex-direction:column;padding:16px;background:#141f32fa;border:1px solid rgba(244,240,230,.15);box-shadow:0 20px 50px #0006}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;padding:4px 0 14px;color:#95a3b7;font-family:DM Mono,monospace;font-size:10px}.mobile-menu-head button{display:grid;place-items:center;padding:0;background:transparent}.mobile-menu>button{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;padding:12px 5px;color:#b8c1ce;background:transparent;border-top:1px solid rgba(244,240,230,.09);text-align:left}.mobile-menu>button.selected{color:#f6f1e8}.mobile-menu small{color:#77859b;font-size:10px}.menu-number{color:var(--person-color);font-family:DM Mono,monospace;font-size:10px}.reset-button{right:16px;bottom:60px}}@media(max-width:620px){.filter-group{padding:9px 0;border-top:1px solid rgba(244,240,230,.09)}.filter-group>span,.mobile-menu-list-label{display:block;margin-bottom:8px;color:#77859b;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em}.filter-group>div{display:flex;gap:6px}.filter-group button{padding:6px 10px;color:#aeb9c8;background:#ffffff0d;border:1px solid rgba(244,240,230,.12);border-radius:999px;font-size:10px}.filter-group button.active{color:#101827;background:var(--person-color);border-color:var(--person-color)}.mobile-menu-list-label{margin:12px 5px 0}}.mobile-menu>button{grid-template-columns:1fr auto}.mobile-intro,.detail-modal{display:none}@media(max-width:620px){html,body,#root{height:100%}body{overflow:hidden}.app-shell{height:100dvh;min-height:100dvh;overflow:hidden}.topbar{position:absolute;inset:0 0 auto;z-index:10;background:linear-gradient(180deg,rgba(10,17,29,.78),transparent);border-bottom:0}.explorer{position:relative;display:block;height:100dvh;min-height:0;width:100%}.person-rail{position:absolute;left:12px;bottom:154px;z-index:6;display:flex;padding:0;border:0}.rail-label{display:none}.rail-item{padding:7px 0}.portrait-panel{position:absolute;inset:0;z-index:0;display:block;min-height:0;padding:0;border:0;overflow:hidden;background:#101827}.portrait-panel:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#1018270f 20%,#1018271f 42%,#101827f0 82%,#101827)}.portrait-topline{position:absolute;top:88px;left:58px;right:20px;z-index:4}.portrait-wrap{position:absolute;inset:0;display:block;min-height:0}.portrait-halo{width:70vw;max-width:310px;top:21%;left:50%;transform:translate(-50%)}.portrait-wrap img{position:absolute;inset:0;width:100%;height:78%;object-fit:cover;object-position:center top;opacity:.9;mix-blend-mode:normal;filter:grayscale(100%) contrast(1.08);-webkit-mask-image:linear-gradient(to bottom,black 74%,transparent 100%);mask-image:linear-gradient(to bottom,black 74%,transparent 100%)}.portrait-caption{bottom:27%;left:58px;z-index:4;font-size:9px}.source-credit{position:absolute;left:58px;right:20px;bottom:21%;z-index:4;padding-top:10px;border-top-color:#f4f0e633}.story-panel{position:absolute;inset:auto 0 0;z-index:5;display:block;height:27%;max-height:250px;min-height:205px;overflow:hidden;padding:22px 22px 26px 58px;background:linear-gradient(180deg,#10182700,#101827e6 15%,#101827 42%);cursor:pointer}.story-kicker{margin-bottom:9px;font-size:9px}.story-panel h1{font-size:clamp(33px,10vw,47px);line-height:1}.original-name{margin:8px 0 12px;font-size:9px}.mobile-intro{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#c6ced9;font-size:13px;line-height:1.5}.mobile-intro span{display:inline-flex;align-items:center;flex:0 0 auto;gap:3px;color:var(--person-color);font-family:DM Mono,monospace;font-size:9px}.slide-copy,.story-meta,.progress,.story-controls,.swipe-hint,.quick-facts{display:none}.footer{position:absolute;bottom:0;left:0;right:0;z-index:7;height:42px;padding:8px 16px 8px 58px;border-top:0;background:#101827b8}.footer span{display:none}.footer button{font-size:10px}.reset-button{z-index:8;right:16px;bottom:55px}.detail-modal{position:fixed;inset:0;z-index:20;display:flex;align-items:flex-end}.detail-backdrop{position:absolute;inset:0;width:100%;height:100%;background:#03070fa3}.detail-sheet{position:relative;width:100%;max-height:82dvh;overflow-y:auto;padding:18px 22px 28px;color:#f6f1e8;background:#172238;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px #0006}.detail-sheet-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#8997ab;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.1em}.detail-sheet-head button{display:grid;place-items:center;width:34px;height:34px;color:#d9e0e9;background:#ffffff12;border-radius:50%}.detail-sheet .story-kicker{margin-bottom:12px}.detail-sheet h2{margin:0;font-size:31px;letter-spacing:-.06em}.detail-original{margin:9px 0 22px;color:#8593a8;font-family:DM Mono,monospace;font-size:9px}.detail-lead{margin:0 0 22px;color:#d5dce5;font-size:15px;line-height:1.75}.detail-section{padding:15px 0;border-top:1px solid rgba(244,240,230,.13)}.detail-section span{display:block;margin-bottom:7px;color:var(--person-color);font-family:DM Mono,monospace;font-size:9px;letter-spacing:.08em}.detail-section strong{display:block;margin-bottom:7px;font-size:17px}.detail-section p{margin:0;color:#aeb9c8;font-size:13px;line-height:1.7}.detail-controls{display:flex;align-items:center;justify-content:center;gap:17px;margin-top:18px;color:#8491a5;font-family:DM Mono,monospace;font-size:10px}.detail-controls button{display:grid;place-items:center;width:34px;height:34px;color:#dbe0e7;background:transparent;border:1px solid rgba(244,240,230,.2);border-radius:50%}}