@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";*{box-sizing:border-box}body{color:#29372e;background:#fafaf7;margin:0;font-family:DM Sans,Noto Sans KR,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}a{color:inherit;text-decoration:none}button{color:inherit;background:0 0;border:0}button:focus-visible{outline-offset:4px;outline:2px solid #c96e47}a:focus-visible{outline-offset:4px;outline:2px solid #c96e47}input:focus-visible{outline-offset:4px;outline:2px solid #c96e47}select:focus-visible{outline-offset:4px;outline:2px solid #c96e47}[tabindex]:focus-visible{outline-offset:4px;outline:2px solid #c96e47}header{background:#fff;border-bottom:1px solid #e5e7de;align-items:center;gap:28px;height:82px;padding:0 38px;display:flex}.brand{letter-spacing:-1.5px;align-items:center;gap:8px;font-size:31px;font-weight:700;display:flex}.brand-symbol{color:#c57250;place-items:center;margin-right:2px;display:grid}.beta{letter-spacing:1px;color:#80907c;border:1px solid #d8dfd2;border-radius:4px;margin-left:3px;padding:3px 5px;font-size:9px}.header-note{color:#8a9185;align-items:center;gap:8px;font-size:12px;display:flex}.live-dot{background:#879b7a;border-radius:50%;width:5px;height:5px}.about-link{color:#75816f;align-items:center;gap:5px;margin-left:auto;font-size:12px;display:flex}.workspace{grid-template-columns:324px minmax(0,1fr);min-height:calc(100vh - 82px);display:grid}.sidebar{background:#fff;border-right:1px solid #e5e7de;padding:37px 27px 24px}.eyebrow{letter-spacing:1.8px;color:#8f977f;font-size:10px;font-weight:600}h1{letter-spacing:-1.3px;margin:16px 0 12px;font-size:26px;font-weight:600;line-height:1.55}h1 span{color:#8c9585}.intro{color:#8b9388;margin:0 0 27px;font-size:13px;line-height:1.9}form label{color:#788171;font-size:11px;font-weight:500}.input-wrap{background:#fcfcfa;border:1px solid #dce0d6;border-radius:9px;align-items:center;gap:9px;margin:9px 0 10px;padding:13px;display:flex}.input-wrap span{color:#a3aa9a;font-size:17px}.input-wrap input{color:#354032;background:0 0;border:0;outline:none;width:100%;font-size:14px}.analyze{color:#fff;background:#344d3c;border-radius:9px;justify-content:space-between;align-items:center;width:100%;padding:14px 15px;font-size:12px;display:flex}.analyze:hover{background:#203d2b}.no-login{color:#9a9e90;text-align:center;margin:12px 0;font-size:10px}.no-login span{color:#8fa47f;margin-right:4px}.divider{background:#eceee6;height:1px;margin:29px 0 26px}.section-title{justify-content:space-between;align-items:center;display:flex}.section-title h2{margin:0;font-size:13px;font-weight:600}.section-title>span{color:#9ba28e;letter-spacing:1px;font-size:9px}.small{font-size:10px}.muted{color:#9a9f91}.rank-list{flex-direction:column;gap:5px;margin-top:15px;display:flex}.rank{text-align:left;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 4px;display:flex}.rank:hover,.rank.selected{background:#f3f4ed}.rank-number{color:#a7ae9d;width:16px;font-size:11px}.avatar{vertical-align:middle;color:#66745d;background:#e8e9e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.rank-copy{flex:1;min-width:0}.rank-copy strong{text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.rank-copy small{color:#9a9f90;margin-top:4px;font-size:9px;display:block}.rank-dot{border-radius:50%;width:5px;height:5px}.data-note{color:#989f8e;background:#fafbf6;border:1px solid #e9ecdf;border-radius:10px;gap:9px;margin-top:32px;padding:13px;font-size:10px;line-height:1.8;display:flex}.note-icon{border:1px solid #acb39f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;margin-top:3px;font-size:9px;display:flex}.data-note strong{color:#76816c;font-weight:500}.data-note p{margin:5px 0 0}.map-area{background:#f8f8f2 radial-gradient(#d8ddcf .7px,#0000 .7px) 0 0/20px 20px;flex-direction:column;min-width:0;padding:32px 34px 0;display:flex;position:relative;overflow:hidden}.map-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.map-heading h2{letter-spacing:-.6px;margin:11px 0 0;font-size:23px;font-weight:600}.map-heading h2 span{color:#86917d;margin-left:8px;font-size:18px;font-weight:400}.settings-toggle{background:#ffffffb3;border:1px solid #dce1d2;border-radius:8px;align-items:center;gap:7px;padding:10px 12px;font-size:11px;display:flex}.settings-toggle.on{border-color:#83967b}.stats{border-bottom:1px solid #dfe4d6;align-items:center;gap:26px;margin-top:29px;padding-bottom:24px;display:flex}.stats>div{align-items:baseline;gap:8px;display:flex}.stats strong{letter-spacing:-1px;font-size:25px;font-weight:500}.stats span{color:#8d9781;font-size:10px}.stats i{background:#dfe3d7;width:1px;height:22px}.stats .sample-pill{color:#84916e;background:#f0f3e9;border:1px solid #d7decd;border-radius:20px;margin-left:auto;padding:5px 9px;font-size:9px}.map-filters{justify-content:space-between;align-items:center;gap:10px;margin-top:20px;display:flex}.tabs{background:#edeee6;border:1px solid #e1e5d9;border-radius:8px;gap:3px;padding:4px;display:flex}.tabs button{color:#8e9784;border-radius:5px;padding:7px 13px;font-size:11px}.tabs button.active{color:#4b5c42;background:#fff;box-shadow:0 1px 3px #253c2910}.map-filters select{color:#828d76;background:#fafbf7;border:1px solid #dfe4d6;border-radius:7px;padding:9px 10px;font-size:11px}.canvas{flex:1;justify-content:center;align-items:center;min-height:490px;margin:0 -30px;display:flex;position:relative;overflow:hidden}.canvas>svg{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;width:100%;height:100%;min-height:490px;max-height:690px}.canvas>svg:active{cursor:grabbing}.node-label{fill:#929b86;font-size:12px}.canvas-hint{color:#a3ad96;font-size:10px;position:absolute;bottom:21px;left:32px}.zoom-tools{background:#fffefb;border:1px solid #dee4d4;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:13px;right:35px;box-shadow:0 3px 15px #2b412508}.zoom-tools button{align-items:center;padding:6px;display:flex}.zoom-tools span{text-align:center;color:#7c8971;min-width:33px;font-size:10px}.zoom-tools i{background:#e4e8dd;width:1px;height:17px;margin:0 4px}footer{color:#9ca58f;border-top:1px solid #e0e4d7;justify-content:space-between;align-items:center;gap:10px;padding:18px 0;font-size:10px;display:flex}.legend{gap:20px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:50%;width:6px;height:6px}.settings-panel{z-index:4;background:#fff;border:1px solid #dfe5d5;border-radius:12px;width:280px;padding:20px;font-size:12px;position:absolute;top:92px;right:34px;box-shadow:0 12px 40px #2c412018}.settings-panel p{color:#89947f;font-size:11px}.settings-panel label{margin:18px 0;font-size:11px;display:block}.settings-panel b{float:right}.settings-panel input{accent-color:#58704b;width:100%;margin-top:9px;display:block}.settings-panel small{color:#8f9985;font-size:10px}.detail-card{background:#fff;border:1px solid #e1e5da;border-radius:13px;align-items:center;gap:13px;max-width:calc(100% - 50px);padding:23px 30px 20px 20px;display:flex;position:absolute;bottom:102px;right:34px;box-shadow:0 8px 30px #293b2014}.detail-card strong{font-size:13px}.detail-card p{color:#89977d;align-items:center;gap:5px;margin:8px 0;font-size:10px;display:flex}.detail-card a{color:#b67350;align-items:center;gap:3px;font-size:10px;display:flex}.close{color:#a4ac9c;padding:3px;position:absolute;top:6px;right:5px}.error{color:#a05238;background:#fcf0e9;border:1px solid #edd7ca;border-radius:7px;padding:11px;font-size:11px;line-height:1.7}.loading-note{color:#7d8b74;font-size:11px;line-height:1.7}.spin{animation:1s linear infinite spin}.empty{color:#89967e;font-size:13px;position:absolute;bottom:25%}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1600px){.workspace{grid-template-columns:360px 1fr}.sidebar{padding:45px 35px}.map-area{padding-left:50px;padding-right:50px}.canvas>svg{max-height:840px}}@media (max-width:1000px){header{padding:0 20px}.header-note{display:none}.workspace{grid-template-columns:275px 1fr}.sidebar{padding:30px 20px}h1{font-size:23px}.map-area{padding:28px 20px 0}.map-heading h2{font-size:20px}.map-heading h2 span{margin:5px 0 0;font-size:13px;display:block}.stats{gap:12px}.stats>div{flex-direction:column;gap:0}.stats .sample-pill,.canvas-hint{display:none}.legend{gap:10px}.map-filters select{max-width:110px}.tabs button{padding:7px 9px}footer>span{font-size:9px}.settings-toggle{padding:9px;font-size:10px}.canvas{margin:0 -15px}}@media (max-width:700px){header{height:65px}.brand{font-size:26px}.about-link{font-size:10px}.workspace{flex-direction:column;display:flex}.sidebar{padding:24px 22px}.sidebar h1{margin:10px 0;font-size:24px}.intro{display:none}.sidebar form{margin-top:18px}.sidebar .divider,.sidebar .section-title,.sidebar .small,.rank-list,.data-note{display:none}.no-login{margin-bottom:0}.map-area{border-top:1px solid #dde3d4;min-height:710px;padding:25px 18px 0}.map-heading h2 span{margin-left:7px;display:inline}.stats{gap:25px;margin-top:20px;padding-bottom:19px}.stats>div{flex-direction:row;gap:7px}.stats strong{font-size:23px}.map-filters{margin-top:16px}.canvas{min-height:440px}.canvas>svg{min-height:440px;max-height:500px}.detail-card{bottom:110px;right:20px}.settings-panel{right:18px}footer{font-size:9px}.zoom-tools{right:20px}.eyebrow{font-size:9px}footer>span{text-align:right;max-width:135px;line-height:1.7}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}@media (min-width:701px){.workspace{height:calc(100vh - 82px);min-height:0}.sidebar{overflow-y:auto}.map-area,.canvas{min-height:0}.canvas>svg{height:100%;min-height:0;max-height:none;position:absolute;inset:0}.canvas-hint{bottom:15px}}.project-home{background:#fafaf7;max-width:1120px;min-height:100vh;margin:auto;padding:0 40px}.project-home nav{color:#8d9880;border-bottom:1px solid #e0e5d8;justify-content:space-between;align-items:center;height:106px;font-size:12px;display:flex}.project-wordmark{letter-spacing:-1px;color:#334d3a;font-size:25px;font-weight:700}.project-wordmark span{color:#c47f5c;margin-left:8px}.project-intro{padding:76px 0 48px}.project-intro h1{letter-spacing:-1.7px;margin:20px 0;font-size:40px;line-height:1.5}.project-intro>p:last-child{color:#8d9884;font-size:14px;line-height:1.9}.project-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.project-card{background:#fff;border:1px solid #dfe4d5;border-radius:18px;transition:transform .2s,box-shadow .2s;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 14px 38px #3f502014}.project-art{background:#f1f3e9 radial-gradient(#cdd6bf 1px,#0000 1px) 0 0/18px 18px;place-items:center;height:240px;display:grid;position:relative;overflow:hidden}.mini-orbit{border:1px solid #cdd7be;border-radius:50%;width:220px;height:135px;position:absolute;transform:rotate(-24deg)}.ring-two{transform:rotate(40deg)}.ring-three{transform:rotate(90deg)}.mini-core{color:#b77751;z-index:1;background:#fcfcf5;border:1px solid #c8d2ba;border-radius:50%;place-items:center;width:75px;height:75px;display:grid}.satellite{background:#cb906b;border:4px solid #f9f9ef;border-radius:50%;width:13px;height:13px;position:absolute;box-shadow:0 0 0 1px #d4dbca}.s1{top:65px;left:32%}.s2{background:#82a28a;bottom:65px;right:29%}.s3{background:#ac9abb;top:51px;right:35%}.art-word{letter-spacing:3px;color:#8b9b7f;font-size:15px;font-weight:600;position:absolute;bottom:23px}.project-copy{padding:25px 27px}.project-tag{letter-spacing:1.5px;color:#9ba68e;font-size:9px}.project-copy h2{justify-content:space-between;align-items:center;margin:12px 0;font-size:25px;font-weight:600;display:flex}.project-copy h2 svg{color:#9ba68e}.project-copy p{color:#8a9581;font-size:12px;line-height:1.9}.project-path{color:#b07c5d;margin-top:23px;font-size:11px;display:block}.project-end{color:#9aa48f;border-top:1px solid #e0e5d8;justify-content:space-between;margin-top:70px;padding:25px 0;font-size:11px;display:flex}@media (max-width:700px){.project-home{padding:0 24px}.project-home nav{height:80px}.project-intro{padding-top:50px}.project-intro h1{font-size:29px}.project-intro>p:last-child{font-size:12px}.project-grid{grid-template-columns:1fr}.project-art{height:210px}.project-copy{padding:24px}.project-end{margin-top:45px}}.keyring-art{background-color:#f4f0e8;background-image:radial-gradient(#ded8ca 1px,#0000 1px)}.keyring-window{background:#fffdf780;border:1px solid #d8d2c4;border-radius:12px;width:240px;height:150px;position:absolute;top:34px;box-shadow:0 8px 24px #74634608}.keyring-window:after{content:"";border-top:1px solid #e3ded1;position:absolute;top:25px;left:0;right:0}.keyring-window i{background:#c5cbb7;border-radius:50%;width:5px;height:5px;margin:10px 0 0 8px;display:inline-block}.keyring-window i:first-child{background:#d5ad94;margin-left:12px}.keyring-window i:last-child{background:#c8beda}.keyring-cursor{z-index:2;color:#5b6655;position:absolute;top:42px;left:calc(50% - 45px);transform:rotate(-12deg)}.keyring-cursor svg{fill:#fffdf5;filter:drop-shadow(0 2px 2px #414f2920)}.keyring-chain{transform-origin:top;border-left:4px dotted #9b907c;width:5px;height:37px;position:absolute;top:69px;left:calc(50% - 13px);transform:rotate(-14deg)}.keyring-charm{object-fit:contain;filter:drop-shadow(2px 5px 3px #75614320);width:112px;height:112px;position:absolute;top:86px;left:calc(50% - 50px);transform:rotate(9deg)}.keyring-art .art-word{color:#a58b6f;letter-spacing:2px;font-size:12px;bottom:17px}@media (max-width:700px){.keyring-window{height:140px;top:22px}.keyring-cursor{top:30px}.keyring-chain{top:57px}.keyring-charm{width:102px;height:102px;top:74px}.keyring-art .art-word{bottom:14px}}.project-card{flex-direction:column;display:flex}.project-art{flex-shrink:0}.project-copy{flex-direction:column;flex:1;justify-content:space-between;display:flex}.map-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.export-control{position:relative}.export-menu{z-index:8;background:#fff;border:1px solid #dce3d2;border-radius:12px;width:300px;padding:11px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 38px #2a40231c}.export-menu>p{color:#96a18b;margin:7px 9px 10px;font-size:10px;line-height:1.6}.export-menu>p:last-child{margin:10px 9px 5px;font-size:9px}.export-menu>button{text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 9px;display:flex}.export-menu>button:hover{background:#f2f5eb}.export-menu b{color:#6f8562;border:1px solid #dee5d6;border-radius:7px;place-items:center;width:30px;height:32px;font-size:13px;display:grid}.export-menu button span{font-size:11px;font-weight:500}.export-menu small{color:#99a38d;margin-top:5px;font-size:9px;font-weight:400;display:block}.period-toolbar{color:#7d8b70;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;font-size:10px;display:flex}.period-toolbar>label{align-items:center;gap:6px;font-weight:500;display:flex}.period-toolbar select{color:#657b57;background:#fffef9;border:1px solid #dce3d1;border-radius:7px;padding:7px 9px;font-size:10px}.period-toolbar>span{color:#98a18d;margin-left:auto;font-size:9px}.period-hint{color:#9aa58e;margin:8px 0 0;font-size:9px;line-height:1.6}.period-toolbar+.period-hint+.map-filters{margin-top:13px}.date-range{align-items:center;gap:8px;width:100%;margin-top:3px;display:flex}.date-range label{color:#96a18a;font-size:9px}.date-range input{color:#6e7d61;background:#fffef9;border:1px solid #dce3d1;border-radius:6px;width:139px;margin-top:5px;padding:7px 8px;font-size:11px;display:block}.date-range button{color:#fff;background:#3b573e;border-radius:6px;align-self:flex-end;padding:9px 13px;font-size:10px}.period-error{color:#b16a4d;margin:8px 0 0;font-size:10px;line-height:1.6}.export-status{color:#7d8d6e;margin:8px 0 0;font-size:10px;line-height:1.6}@media (max-width:1000px){.map-actions{gap:5px}.map-actions .settings-toggle{gap:5px;padding:8px}.period-toolbar>span{width:100%;margin-left:0}.date-range input{width:124px}}@media (max-width:700px){.map-heading{flex-wrap:wrap;gap:14px}.map-actions{margin-left:0}.period-toolbar>span{width:auto;margin-left:auto}.date-range input{width:126px}.export-menu{width:290px;left:-110px;right:auto}.settings-panel{top:130px}.canvas{min-height:440px}}