@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#252336;--muted:#777583;--purple:#7961b6;--line:#e7e3ec;--paper:#f7f5f9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.6 'Noto Sans KR',sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b196eb;outline-offset:3px}header{height:91px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:#191729;color:#eee9f6;border-bottom:1px solid #ffffff14}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:inherit;font-size:19px;font-weight:700}.brand small{display:block;letter-spacing:2.5px;font:9px/1.5 sans-serif;color:#aaa0bf}.mark{font:40px Georgia;color:#cfb7f4}.edition{font:10px sans-serif;letter-spacing:2px;color:#c1b7ce}.edition i{font-style:normal;color:#7e748f;margin-left:24px}.intro{position:relative;overflow:hidden;min-height:365px;background:radial-gradient(ellipse at 80% 65%,#39304e 0,transparent 60%),#191729;color:#eee9f6;padding:48px max(5vw,24px) 56px;display:flex;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:2px;color:#9b85bd;font-weight:600}h1{font-size:42px;line-height:1.4;letter-spacing:-2px;margin:14px 0 12px;font-weight:500}h1 em{font-style:normal;color:#d3b9f2}.intro p{font-size:12px;line-height:1.9;color:#aaa1b8}.intro-meta{position:absolute;bottom:20px;left:5vw;right:5vw;display:flex;justify-content:space-between;color:#80788f;font-size:9px;letter-spacing:2px}.hero-art{position:relative;width:42%;display:grid;place-items:center;margin-right:4vw}.star{font:145px Georgia;color:#ccb4ed;filter:drop-shadow(0 0 34px #ba8cff55)}.orbit{position:absolute;width:250px;height:250px;border:1px solid #bb9dd130;border-radius:50%;transform:rotate(-20deg) scaleX(1.5)}.orbit:after{content:'';position:absolute;inset:35px;border:1px solid #bb9dd130;border-radius:50%}.orbit-label{position:absolute;bottom:15px;letter-spacing:4px;font:8px sans-serif;color:#9b89af}#heroIcons img{position:absolute;width:48px;height:48px;image-rendering:pixelated;padding:8px;background:#ffffff09;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 25px #0003}#heroIcons img:nth-child(1){left:15%;top:24%}#heroIcons img:nth-child(2){right:11%;top:10%}#heroIcons img:nth-child(3){right:8%;bottom:15%}main{max-width:1400px;margin:auto;padding:0 5vw 65px}#groups{display:flex;gap:34px;border-bottom:1px solid var(--line);padding-top:11px;margin-bottom:30px}#groups button{border:0;background:none;padding:19px 2px;color:#85808e;font-weight:500;position:relative}#groups button.active{color:var(--ink);font-weight:700}#groups button.active:after{content:'';position:absolute;height:3px;background:var(--purple);bottom:-1px;left:0;right:0}.workspace{display:grid;grid-template-columns:180px 1fr;gap:34px}.aside-heading{display:flex;justify-content:space-between;color:#8d8595;font-size:10px;letter-spacing:1px;padding:8px 12px 16px}#jobs{display:grid;gap:4px}#jobs button{border:0;background:transparent;color:#777181;text-align:left;padding:10px 13px;border-radius:6px;font-size:12px}#jobs button:hover{background:#efebf3}#jobs button.active{background:#eae3f3;color:#6c4f9d;font-weight:700}#jobs button.active:after{content:'›';float:right}.library-top{display:flex;justify-content:space-between;align-items:center;margin:3px 0 23px}h2{font-size:27px;letter-spacing:-1px;margin:5px 0}.library-top .eyebrow{font-size:9px;letter-spacing:1px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:8px 13px}.search span{font-size:23px;color:#92879f}.search input{width:180px;border:0;outline:0;font-size:11px;background:transparent;color:var(--ink)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#stages{display:flex;gap:5px}#stages button{border:1px solid transparent;padding:6px 16px;border-radius:5px;background:none;font-size:12px;color:#8c8395}#stages button.active{background:#30283f;color:white}#resultCount{font-size:10px;color:#938b9d}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.card{background:#fff;border:1px solid var(--line);border-radius:9px;text-align:left;padding:20px;transition:transform .15s,border-color .15s;min-height:183px;color:var(--ink)}.card:hover{transform:translateY(-3px);border-color:#b9a0d3;box-shadow:0 8px 20px #3d215808}.card-top{display:flex;align-items:center;justify-content:space-between}.skill-icon{width:46px;height:46px;object-fit:contain;image-rendering:pixelated;background:#f5f1fa;border:1px solid #eee8f4;border-radius:9px;padding:6px}.badge{font-size:8px;letter-spacing:1px;color:#9a8caa;background:#f6f3f9;padding:3px 6px;border-radius:3px}.card h3{font-size:13px;margin:12px 0 6px}.card p{font-size:10px;line-height:1.8;color:#8d8596;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{display:flex;justify-content:space-between;font-size:9px;color:#a89daf;margin-top:14px}.card-bottom strong{color:#8a6cb0;font-weight:500}.notice{font-size:10px;color:#a49aaa;margin-top:24px}.empty{grid-column:1/-1;padding:60px 20px;text-align:center;color:#8c8395;border:1px dashed var(--line);border-radius:8px}footer{display:flex;justify-content:space-between;padding:28px 5vw;border-top:1px solid var(--line);font-size:10px;color:#aaa0b1}footer span:first-child{font-weight:700;color:#887795}dialog{border:1px solid var(--line);border-radius:16px;padding:32px;max-width:580px;width:calc(100% - 32px);max-height:85vh;color:var(--ink);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#17112499;backdrop-filter:blur(4px)}#close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:27px;color:#8a7f97}.detail-head{display:flex;align-items:center;gap:16px;margin:8px 0 22px}.detail-head h2{font-size:22px}.detail-head small{color:#9a8aa8;font-size:10px}.detail-text{white-space:pre-line;line-height:1.95;font-size:13px}.effect{background:#f5f0fa;border-left:3px solid #a68aca;padding:18px;margin:20px 0}.effect h3{font-size:11px;letter-spacing:1px;color:#8966ac;margin:0 0 10px}.effect p{margin:0}details{font-size:11px;color:#8d8199}details summary{cursor:pointer}dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;font-size:11px}dt{color:#8b8095}dd{margin:0;text-align:right;overflow-wrap:anywhere}.note{border-top:1px solid var(--line);padding-top:16px;color:#80619d}.error{padding:30px;color:#9b4762}
@media(min-width:1500px){.intro{padding-left:calc((100vw - 1260px)/2)}header{padding-left:calc((100vw - 1260px)/2);padding-right:calc((100vw - 1260px)/2)}}@media(max-width:1050px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:160px 1fr;gap:22px}.search input{width:150px}.hero-art{margin-right:0}.orbit{width:190px;height:190px}}@media(max-width:700px){header{height:74px}.edition{font-size:8px}.edition i{display:none}.intro{min-height:300px;padding-top:30px}.intro h1{font-size:33px}.intro p{font-size:11px}.hero-art{width:30%;opacity:.6}.star{font-size:90px}.orbit{width:120px;height:160px}.orbit-label,#heroIcons{display:none}#groups{gap:25px;overflow-x:auto;margin-bottom:20px;white-space:nowrap}#groups button{font-size:12px}.workspace{display:block}.aside-heading{display:none}#jobs{display:flex;overflow-x:auto;gap:6px;padding-bottom:16px;margin-bottom:10px}#jobs button{white-space:nowrap;background:#eeebf2;font-size:11px}#jobs button.active:after{display:none}.library-top{align-items:flex-start;gap:16px;flex-direction:column}.search{width:100%}.search input{width:100%}h2{font-size:25px}.card{padding:15px;min-height:185px}.cards{gap:10px}.card h3{font-size:12px}.card p{font-size:10px}#stages button{padding:6px 13px}footer span:last-child{display:none}dialog{padding:24px}.detail-head h2{font-size:18px}}