@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans KR,sans-serif;color:#e8e8e7;background:#101215;font-synthesis:none;font-weight:400;font-size:14px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.3}button:focus-visible,a:focus-visible{outline:2px solid #ddbd7b;outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}.site-header{height:88px;border-bottom:1px solid #292b30;display:flex;align-items:center;gap:26px;padding:0 5%}.brand{display:flex;gap:12px;align-items:center;font-family:Georgia,serif;font-size:29px;letter-spacing:1px;line-height:1}.brand-mark{color:#d7b679;font-size:44px}.brand-two{color:#d7b679}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:4px;margin-top:7px}.header-divider{width:1px;height:26px;background:#34363b}.header-title{font-size:15px;font-weight:600}.header-note{margin-left:auto;color:#777c87;font-size:12px}main{max-width:1520px;margin:auto;padding:43px 48px 60px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#b69a68;font-weight:600}h1{font-size:32px;font-weight:700;letter-spacing:-1.4px;margin:9px 0 10px}h1 span{color:#d4b272}.page-heading p{color:#858a94;font-size:13px;margin:0}.heading-tag{font-size:11px;color:#9a958a;border:1px solid #35332d;border-radius:20px;padding:9px 13px;white-space:nowrap}.heading-tag i,.board-toolbar>span i{display:inline-block;width:5px;height:5px;background:#c4a26b;border-radius:50%;margin-right:8px}.workspace{display:grid;grid-template-columns:365px minmax(0,1fr);gap:24px;align-items:start}.settings{display:flex;flex-direction:column;gap:16px}.panel{border:1px solid #303238;background:#191c21;border-radius:12px}.settings .panel{padding:22px}.section-title{display:flex;align-items:center;gap:10px}h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.4px}.step{font-size:10px;font-weight:700;color:#c5a775;border:1px solid #514632;border-radius:5px;padding:3px 5px;background:#28261f}.count{margin-left:auto;font-size:10px;color:#b9a27c;background:#302b23;padding:4px 7px;border-radius:4px}.setup-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:21px}label{font-size:11px;color:#9ca1aa}select,input{width:100%;height:42px;background:#111418;border:1px solid #373a42;color:#e5e5e5;border-radius:6px;padding:0 12px;margin-top:8px;outline:none}select:focus,input:focus{border-color:#b89b65}input::placeholder{color:#626873;font-size:12px}.point-input{position:relative}.point-input input{padding-right:29px}.point-input>span{position:absolute;right:12px;top:20px;color:#b9a077;font-size:12px}input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.field-note{font-size:10px;color:#727985;line-height:1.8;margin:12px 0 0}.section-description{font-size:11px;line-height:1.9;color:#8b919c;margin:13px 0 18px}.grade-groups{max-height:340px;overflow:auto;padding-right:7px;scrollbar-width:thin;scrollbar-color:#44464c transparent}.grade-group+.grade-group{margin-top:21px}.grade-heading{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;margin-bottom:10px}.grade-heading>span:last-child{margin-left:auto;color:#727985;font-size:10px;font-weight:400}.grade-dot{display:inline-block;width:6px;height:6px;border-radius:2px;background:currentColor;flex-shrink:0}.unique{color:#d3a55a}.legend{color:#b390d1}.rare{color:#6aabe1}.common{color:#9aa8ac}.node-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.node-options button{background:#202329;border:1px solid #34373f;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:6px;text-align:left;padding:9px;font-size:10px;color:#aeb3bc;min-height:34px;word-break:keep-all;line-height:1.6}.node-options button>span{color:#777e89;flex-shrink:0}.node-options button:hover{border-color:#77705e;background:#282a2e}.node-options button.selected{border-color:#b8995e;color:#e3c792;background:#393125}.node-options button.selected>span{color:#e3c792}.priority-list{display:flex;flex-direction:column;gap:6px}.priority-item{display:flex;align-items:center;gap:10px;background:#202329;border:1px solid #30343b;border-radius:6px;padding:8px 10px;min-height:39px;cursor:grab}.priority-item.dragging{opacity:.4}.grip{color:#626975;font-size:19px;line-height:1}.rank{font-size:11px;color:#bca16e;width:17px;text-align:center}.priority-name{font-size:11px;color:#c3c7cf}.order-controls{margin-left:auto;display:flex;gap:3px}.order-controls button{border:0;background:transparent;color:#818895;padding:0 4px;font-size:13px}.calculate{border:1px solid #d3b579;border-radius:8px;background:#cdb07a;color:#201c15;padding:16px 20px;display:flex;justify-content:space-between;font-weight:700;font-size:13px}.calculate:hover{background:#ddc18a}.calculate span{font-size:19px;line-height:1}.board-section{position:sticky;top:24px;min-width:0}.board-panel{overflow:hidden}.board-topline{display:flex;justify-content:space-between;align-items:center;padding:25px 28px}.board-topline h2{font-size:19px;margin-top:8px}.board-class{display:flex;align-items:center;gap:5px;color:#b5b7bd;font-size:11px;border:1px solid #3b3b3d;border-radius:6px;padding:3px 10px 3px 4px}.board-class img{width:32px;height:32px;object-fit:contain}.board-tabs{display:grid;grid-template-columns:repeat(5,1fr);padding:0 22px;border-bottom:1px solid #32353b;gap:5px}.board-tabs button{padding:17px 2px;background:transparent;border:0;border-bottom:2px solid transparent;color:#858b97;font-size:12px;white-space:nowrap}.board-tabs button span{font-size:9px;color:#626975;margin-right:7px}.board-tabs button.active{color:#e2c58d;border-color:#d1b174}.board-tabs button.active span{color:#b49a6c}.board-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 26px 10px;background:#14171b}.board-toolbar>span{font-size:11px;color:#b7bbc3}.board-toolbar small{font-size:9px;color:#666e7a;margin-left:10px}.zoom-controls{display:flex;gap:10px;align-items:center;font-size:10px;color:#8c939e}.zoom-controls button{border:1px solid #343941;background:#1d2127;border-radius:4px;width:24px;height:24px;color:#c1c5cc;line-height:1}.board-viewport{background:#14171b;padding:4px 20px 17px;overflow:auto;scrollbar-width:thin;scrollbar-color:#44464c #14171b}.board-grid{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));aspect-ratio:1;min-width:490px;margin:auto;max-width:none}.board-node{border:0;background:transparent;display:flex;padding:0;align-items:center;justify-content:center;min-width:0;min-height:0;border-radius:5px;position:relative}.board-node img{width:100%;height:100%;object-fit:contain;pointer-events:none}.board-node:hover{background:#34332b;outline:1px solid #6d5f43;z-index:1}.board-node.inspected{outline:1px solid #c9aa71;background:#363025}.start-node{filter:drop-shadow(0 0 7px #cfad6240)}.board-legend{display:flex;justify-content:center;gap:23px;padding:17px 10px;background:#14171b;border-top:1px solid #272b31}.board-legend>span{display:flex;align-items:center;gap:6px;font-size:10px}.board-legend small{font-size:9px;color:#626a77}.legend-start{width:7px;height:7px;transform:rotate(45deg);background:#d2b77e}.board-legend>span:first-child{color:#b4b7be}.node-detail{padding:20px 26px;display:flex;align-items:center;gap:13px;border-top:1px solid #30343a;min-height:87px}.detail-symbol{font-size:24px;color:#ac9366}.node-detail strong{font-size:11px;font-weight:500;color:#c9ccd1}.node-detail p{font-size:10px;color:#7d8592;line-height:1.7;margin:5px 0 0}.coordinate{font-size:10px;color:#747c89;margin-left:auto;white-space:nowrap}.board-bottom-note{display:flex;align-items:center;gap:9px;margin-top:16px;padding:0 4px;color:#9a8661}.board-bottom-note p{font-size:10px;color:#7e848f;margin:0}.board-bottom-note>span:last-child{margin-left:auto;font-size:9px;color:#626a77}footer{max-width:1424px;margin:0 auto;padding:24px 0;border-top:1px solid #282c32;display:flex;justify-content:space-between;color:#5e6673;font-size:10px}footer>span:first-child{font-size:9px;letter-spacing:1.5px}@media(min-width:1500px){.board-grid{max-width:780px}}@media(max-width:1150px){main{padding:32px 24px 48px}.workspace{grid-template-columns:320px minmax(0,1fr);gap:18px}.settings .panel{padding:18px}.board-tabs button span{display:none}.board-legend{gap:14px}.board-topline{padding:22px}.heading-tag{display:none}.board-bottom-note>span:last-child{display:none}footer{margin:0 24px}}@media(max-width:850px){.site-header{height:72px;padding:0 22px;gap:18px}.header-note{display:none}.workspace{grid-template-columns:1fr}.board-section{position:static;grid-row:1}.board-grid{min-width:460px;max-width:680px}.settings{display:grid;grid-template-columns:1fr 1fr;align-items:start}.setup{grid-column:1 / -1}.setup-fields{max-width:480px}.required-panel{grid-row:2 / 4}.calculate{align-self:end}.grade-groups{max-height:410px}.page-heading{margin-bottom:24px}h1{font-size:28px}.board-bottom-note{margin-bottom:8px}}@media(max-width:540px){main{padding:26px 14px 36px}.header-title{font-size:12px}.brand{font-size:25px}.brand-mark{font-size:34px}.page-heading p{font-size:11px;line-height:1.9;max-width:280px}h1{font-size:26px}.settings{display:flex}.settings .panel,.calculate{width:100%}.board-topline{padding:20px 17px}.board-topline h2{font-size:17px}.board-tabs{padding:0 10px;gap:0}.board-tabs button{font-size:11px;padding:15px 0}.board-toolbar{padding:14px 16px 9px}.board-viewport{padding:0 8px 12px}.board-legend{gap:13px;padding:14px 5px}.board-legend>span{font-size:9px;gap:4px}.board-legend small{display:none}.node-detail{padding:17px 14px;gap:10px}.coordinate{font-size:9px}.grade-groups{max-height:320px}.node-options button{font-size:11px}.header-divider{height:22px}.board-class{font-size:10px;padding-right:7px}.board-bottom-note p{font-size:9px}footer{margin:0 14px;gap:12px;font-size:9px;flex-wrap:wrap}.setup-fields{max-width:none}}