*{box-sizing:border-box}body{color:#182634;background:#f5f7fa;margin:0;font:14px Arial,Noto Sans KR,sans-serif}button,input{font:inherit}button,a{cursor:pointer}button{border:0}button:disabled{opacity:.5}a{color:inherit;text-decoration:none}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline-offset:3px;outline:3px solid #80ab40}.shell{min-height:100vh;display:flex}aside{color:#a3afbd;background:#15212d;width:224px;padding:36px 20px;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:17px;font-size:53px;font-weight:800;line-height:1;display:flex}.brand b{letter-spacing:1px;font-size:14px;line-height:1.5}.navlabel{letter-spacing:2px;color:#64788b;margin:60px 14px 18px;font-size:11px;display:block}aside button{width:100%;color:inherit;text-align:left;background:0 0;border-radius:7px;gap:14px;margin:5px 0;padding:15px 12px;display:flex}aside button span{width:20px;font-size:20px}aside button.active{color:#192d22;background:#bde978;font-weight:700}.asidefoot{padding:14px;position:absolute;bottom:30px}.asidefoot b{color:#fff}.asidefoot p{font-size:13px;line-height:1.8}.asidefoot small{letter-spacing:1px;color:#65788b;font-size:10px}header{color:#82909b;border-bottom:1px solid #e1e7ed;justify-content:space-between;align-items:center;height:75px;font-size:13px;display:flex}.intro{justify-content:space-between;align-items:center;margin:38px 0 25px;display:flex}.intro small{letter-spacing:2px;color:#7b9a42;font-size:11px;font-weight:700}h1{letter-spacing:-1px;margin:10px 0;font-size:30px}p{color:#7c8893;margin:8px 0;font-size:14px;line-height:1.8}.mode{background:#e6eaf0;border-radius:8px;flex-shrink:0;padding:4px;display:flex}.mode button{color:#7a8795;background:0 0;border-radius:5px;padding:9px 14px}.mode .selected{color:#263b32;background:#fff;box-shadow:0 1px 5px #00000010}.search{background:#fff;border:1px solid #cbd9bd;border-radius:10px;align-items:center;gap:16px;padding:9px 10px 9px 20px;display:flex;box-shadow:0 3px 16px #142b0c08}.search>span{color:#81916a;font-size:30px}.search input{background:0 0;border:0;flex:1;min-width:0;font-size:18px}.search button,.empty button{color:#fff;background:#26392e;border-radius:6px;padding:13px 26px}.suggest{color:#8b98a3;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 22px;font-size:12px;display:flex}.suggest button{color:#6a814c;background:#eaf0e3;border-radius:5px;padding:5px 10px}.notice{color:#768168;background:#edf3e6;border-left:3px solid #b6d77e;padding:13px 15px;font-size:12px}.error{color:#a44636;background:#fff0ef;margin-top:12px;padding:15px}.error button{color:inherit;background:0 0;margin-left:15px;text-decoration:underline}.resulttitle{justify-content:space-between;align-items:center;margin:28px 0 17px;display:flex}h2{letter-spacing:-.5px;margin:0;font-size:18px}.resulttitle h2{font-size:23px}.resulttitle small{color:#939faa;margin-left:12px;font-size:12px;font-weight:400}.outline{color:#6d7b89;background:#fff;border:1px solid #dde3e8;border-radius:6px;padding:9px 12px;font-size:12px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.metric{background:#fff;border:1px solid #e1e7ec;border-radius:9px;padding:23px}.metric span{color:#7d8a97;font-size:13px;display:block}.metric strong{letter-spacing:-1px;margin:13px 0;font-size:30px;display:block}.metric small{color:#9aa4ae;font-size:12px}.panel{background:#fff;border:1px solid #e1e7ec;border-radius:10px;margin:22px 0;padding:25px}.charts{grid-template-columns:2.3fr 1fr;gap:20px;display:grid}.charts .panel{margin:0 0 22px}.panelhead{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panelhead p{font-size:12px}.tag{color:#769747;white-space:nowrap;background:#eef4e6;border-radius:4px;padding:5px 9px;font-size:11px}.tag.high{color:#b68556;background:#fff1e7}.charts .panel>svg{width:100%;height:auto}.months{color:#99a3ad;justify-content:space-between;padding-left:28px;font-size:11px;display:flex}.footnote{color:#909da8;margin-top:18px;font-size:12px}.icon{color:#789e3e;margin-bottom:12px;font-size:27px;display:block}.insight p{margin:12px 0 18px;font-size:13px}.insight div{border-top:1px solid #e5ebdf;gap:18px;padding:14px 0;display:flex}.insight b{white-space:nowrap;font-size:12px}.insight div span{color:#788772;font-size:12px;line-height:1.7}.tablewrap{overflow:auto}table{border-collapse:collapse;text-align:right;white-space:nowrap;width:100%}th{color:#929da8;background:#f7f9fb;padding:13px 16px;font-size:12px;font-weight:400}td{border-bottom:1px solid #eef1f4;padding:17px 16px;font-size:13px}th:first-child,td:first-child{text-align:left}td button{color:#8a9a91;background:0 0;font-size:19px}footer{color:#9aa7b1;justify-content:space-between;margin:30px 0;font-size:11px;display:flex}.empty{text-align:center;padding:50px}.empty button{margin-top:18px}.twocol{grid-template-columns:repeat(2,1fr);gap:20px;margin:24px 0;display:grid}article{background:#f7f9fb;border-radius:8px;padding:24px}h3{font-size:17px;line-height:1.5}.setup code{color:#6c8155;padding:13px 0;line-height:2;display:block}article a{color:#6a8c44;margin-top:15px;display:block}.contentgrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px;display:grid}.siminputs{grid-template-columns:repeat(5,1fr);gap:15px;margin:25px 0;display:grid}.siminputs label{color:#7c8895;font-size:12px}.siminputs input{border:1px solid #dbe2e9;border-radius:5px;width:100%;margin-top:9px;padding:12px}@media (max-width:1100px){aside{width:190px}main{width:calc(100% - 190px);margin-left:190px;padding:0 24px}.charts{grid-template-columns:1fr}.metric{padding:16px}.metric strong{font-size:25px}.contentgrid{grid-template-columns:1fr}.siminputs{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.shell{display:block}aside{gap:8px;width:100%;padding:15px;display:flex;position:static;overflow:auto}.brand{flex-shrink:0;font-size:28px}.brand b,.navlabel,.asidefoot{display:none}aside button{white-space:nowrap;width:auto;padding:9px;font-size:12px}aside button span{display:none}main{width:100%;margin:0;padding:0 16px}header{height:55px}.intro{margin-top:25px;display:block}h1{font-size:25px}.intro p{font-size:13px}.mode{margin-top:15px;display:inline-flex}.search{gap:8px;padding:8px}.search input{font-size:15px}.search button{padding:12px;font-size:12px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metric strong{font-size:24px}.resulttitle h2{font-size:18px}.resulttitle small{display:none}.panel{padding:18px}.twocol{grid-template-columns:1fr}.siminputs{grid-template-columns:repeat(2,1fr)}footer span{display:none}}body{color:#191919;background:#fafafa;font-family:Arial,Noto Sans KR,Apple SD Gothic Neo,sans-serif}aside{color:#8e8e8e;background:#111;border-right:1px solid #202020;width:232px;padding:33px 20px}.brand{letter-spacing:-2px;gap:15px;font-size:43px}.brand>span{color:#fff;margin-left:-15px}.brand b{letter-spacing:-.5px;white-space:nowrap;font-size:16px}.brand b small{letter-spacing:2px;color:#777;margin-top:7px;font-size:9px;font-weight:400;display:block}.navlabel{color:#646464;letter-spacing:2px;margin-top:55px;font-size:10px}aside button{color:#a5a5a5;border-radius:5px;gap:14px;padding:15px 13px;font-size:14px}aside button span{width:19px;font-size:inherit;justify-content:center;align-items:center;display:flex}aside button.active{color:#161616;background:#fff}aside button:hover:not(.active){color:#fff;background:#202020}.asidefoot{border-top:1px solid #303030;align-items:center;gap:15px;padding:17px 8px 0;display:flex;bottom:25px;left:20px;right:20px}.asidefoot .mascot{object-fit:contain;width:56px;height:87px}.asidefoot b{color:#ddd;font-size:12px}.asidefoot small{color:#767676;letter-spacing:0;margin-top:8px;font-size:11px;display:block}main{width:calc(100% - 232px);margin-left:232px;padding:0 44px}header{color:#929292;border-color:#e7e7e7;height:76px;font-size:12px}header b{color:#272727}.owner{color:#555;align-items:center;gap:10px;display:flex}.avatar{background:#e9e9e9;border-radius:50%;width:31px;height:31px;display:block;overflow:hidden}.avatar img{object-fit:cover;object-position:top;width:31px;height:48px}.intro{margin:37px 0 24px}.intro small{color:#909090;letter-spacing:2.2px;font-size:10px}h1{letter-spacing:-1.2px;margin:11px 0 9px;font-size:32px;font-weight:700}p{color:#858585}h2{color:#222}.search{border:1px solid #bbb;border-radius:7px;padding:10px 11px 10px 19px;box-shadow:0 4px 20px #00000004}.search>span{color:#555;display:flex}.search input{color:#171717;outline:none;font-size:17px}.search button,.empty button{color:#fff;background:#111;border-radius:4px;font-size:14px;font-weight:600}.search button:hover,.empty button:hover{background:#333}.suggest{color:#999;gap:8px}.suggest button{color:#666;background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:6px 11px}.suggest button:hover{color:#111;border-color:#888}.notice{color:#929292;background:0 0;border-bottom:1px solid #ececec;border-left:0;padding:0 0 18px;font-size:12px}.resulttitle{margin-top:29px}.resulttitle h2{color:#161616;font-size:22px}.resulttitle small{color:#999}.outline{color:#666;background:#fff;border-color:#ddd;border-radius:4px;align-items:center;gap:7px;display:inline-flex}.outline:hover{border-color:#777}.metric,.panel{border-color:#e4e4e4;border-radius:7px}.metrics{gap:14px}.metric{padding:24px}.metric span{color:#777}.metric strong{letter-spacing:-1px;margin:14px 0;font-size:32px}.metric small{color:#aaa}.panel{padding:25px}.panelhead p{color:#929292}.tag{color:#555;background:#f1f1f1;border:1px solid #e7e7e7;border-radius:3px;font-size:11px}.tag.high{color:#222;background:#eee;border-color:#dedede}.months{color:#999;font-size:11px}.footnote{color:#9c9c9c}.insight{background:#f5f5f5}.insight .icon{color:#222}.insight div{border-color:#e3e3e3}.insight div span{color:#888}.insight b{color:#444}th{color:#8d8d8d;background:#f7f7f7}td{color:#555;border-color:#ececec}td:first-child{color:#222}td button{color:#555;padding:5px}td button:hover{background:#f1f1f1;border-radius:3px}.empty{min-height:230px;padding:45px 25px}.empty h2{font-size:20px}.empty p{font-size:14px}.setup article,.contentgrid article{background:#f7f7f7}.setup code{color:#666}.setup a,.contentgrid a{color:#333;text-underline-offset:4px;text-decoration:underline}.siminputs input{border-color:#ddd;border-radius:4px}.siminputs label{color:#777}footer{color:#aaa;border-top:1px solid #e9e9e9;padding-top:22px}.error{border:1px solid #e8c9c4;border-radius:5px}:is(button:focus-visible,a:focus-visible,input:focus-visible){outline-color:#777}@media (min-width:1500px){main{padding:0 60px}}@media (max-width:1100px){aside{width:205px}.brand{font-size:37px}.brand b{font-size:14px}main{width:calc(100% - 205px);margin-left:205px;padding:0 25px}.metric strong{font-size:26px}}@media (max-width:760px){aside{border:0;width:100%;padding:14px;position:static}.brand{gap:10px;font-size:28px}.brand b,.brand b small{display:none}aside button{padding:9px;font-size:12px}.asidefoot{display:none}main{width:100%;margin:0;padding:0 16px}.owner{font-size:11px}.intro{margin-top:25px}h1{font-size:28px}.search button{padding:12px;font-size:12px}.metrics{gap:10px}.metric{padding:18px}.metric strong{font-size:25px}.panel{padding:18px}}.primary{color:#fff;background:#161616;border-radius:4px;padding:12px 20px;font-weight:600}.actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.filters{grid-template-columns:repeat(6,1fr);gap:13px;margin-top:20px;display:grid}.filters label,.groupentry label,.draftfield{color:#777;font-size:13px}.filters input,.filters select,.groupentry input,.draftfield input,.draftfield textarea,.researchcontrols select{color:#222;width:100%;font:inherit;background:#fff;border:1px solid #ddd;border-radius:4px;margin-top:7px;padding:11px}.groupentry{grid-template-columns:30px 1fr 2fr auto;align-items:end;gap:14px;margin:14px 0;display:grid}.groupno{color:#aaa;align-self:center;font-size:13px}.groupentry button{height:41px}.presetbuttons{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.chosen{color:#fff!important;background:#191919!important;border-color:#191919!important}.researchcontrols{justify-content:space-between;align-items:center;gap:15px;display:flex}.researchcontrols select{width:auto;margin:0}.researchlayout{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);align-items:start;gap:22px;display:grid}.resultitem{background:#fff;border-bottom:1px solid #eee;border-radius:0;padding:21px 0}.resultitem h3{margin:13px 0;font-size:17px}.resultitem h3 a{color:#222;text-decoration:none}.resultitem p{font-size:14px}.itemmeta{color:#999;flex-wrap:wrap;align-items:center;gap:9px;font-size:12px;display:flex}.resultitem .outline{margin:0;text-decoration:none}.draftpanel{position:sticky;top:20px}.draftpanel>p{font-size:13px}.draftfield{margin-top:17px;display:block}.draftfield textarea{resize:vertical}.selecteditem{background:#f5f5f5;border-radius:4px;justify-content:space-between;gap:9px;margin:8px 0;padding:11px;font-size:12px;display:flex}.selecteditem a{color:#555;margin:0;text-decoration:none}.selecteditem button{color:#888;background:0 0;font-size:18px}.recharts-wrapper svg{height:100%}.compareform input:focus,.draftfield textarea:focus{outline-offset:1px;outline:2px solid #888}@media (max-width:1100px){.filters{grid-template-columns:repeat(3,1fr)}.researchlayout{grid-template-columns:1fr}.draftpanel{position:static}}@media (max-width:760px){.filters{grid-template-columns:repeat(2,1fr)}.groupentry{grid-template-columns:25px 1fr auto}.groupentry label:nth-of-type(2){grid-column:2/4}.groupentry>button{grid-area:1/3}.researchcontrols{align-items:start}.researchlayout{gap:0}}button svg,a.outline svg,.search>span svg,aside button svg{flex-shrink:0;width:16px;height:16px}.search>span svg{width:22px;height:22px}aside button svg{width:18px;height:18px}.pagination{color:#888;justify-content:space-between;align-items:center;gap:15px;padding-top:20px;font-size:12px;display:flex}.pagination>div{align-items:center;gap:14px;display:flex}.pagination .outline:disabled{cursor:default}@media (max-width:600px){.pagination{flex-direction:column;align-items:start}}.ranksummary{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0;display:grid}.ranksummary .panel{padding:20px}.ranksummary strong{font-size:17px}.ranksummary p,.ranksummary a{font-size:12px}.researchcontrols select{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px}@media (max-width:1000px){.ranksummary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.ranksummary{grid-template-columns:1fr}.search{flex-wrap:wrap}.search input{min-width:150px}}:root{--accent:#4169d8;--accent-dark:#3153b2;--accent-soft:#edf2ff;--teal:#158577;--amber:#9b6818;--rose:#bc5366}.search button,.primary{background:var(--accent);color:#fff;box-shadow:0 3px 9px #4169d81a}.search button:hover,.primary:hover{background:var(--accent-dark)}.chosen{background:var(--accent-soft)!important;color:var(--accent-dark)!important;border-color:#bbcafa!important}.outline:hover{color:var(--accent-dark);background:#f8faff;border-color:#a7b9ed}aside button.active{color:#171717;background:#fff;box-shadow:inset 3px 0 #7998ee}aside button.active svg{color:#4169d8}.suggest button:hover{color:var(--accent-dark);background:var(--accent-soft);border-color:#b6c6f1}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline-offset:3px;outline:3px solid #9db5f2}.compareform input:focus,.draftfield textarea:focus{outline:2px solid #9db5f2}.tag.low,.competition.low{color:#237e5b;background:#eaf7f1;border-color:#cce9dc}.tag.medium,.competition.medium{color:#946415;background:#fff5df;border-color:#f1dfb7}.tag.high,.competition.high{color:#b2495d;background:#fceef0;border-color:#efced5}.metric strong.competition{border:1px solid #0000;border-radius:5px;padding:7px 12px;font-size:25px;display:inline-block}.metric strong.competition.low{border-color:#cce9dc}.metric strong.competition.medium{border-color:#f1dfb7}.metric strong.competition.high{border-color:#efced5}.tag:not(.high):not(.medium):not(.low){color:#61749e;background:#f0f3fa;border-color:#e0e6f3}.ranksummary strong{color:var(--accent-dark)}.ranksummary a{color:var(--accent)}td button:hover{background:var(--accent-soft);color:var(--accent)}.groupentry{grid-template-columns:30px minmax(0,1fr) auto;max-width:720px}.groupno{color:var(--accent);font-weight:600}.groupentry label{color:#666}.groupentry input{padding:13px;font-size:15px}.presetbuttons input[type=checkbox]{accent-color:var(--accent);margin-right:5px}.primary:disabled,.search button:disabled{box-shadow:none;cursor:default}@media (max-width:760px){.groupentry{grid-template-columns:25px minmax(0,1fr) auto}.groupentry>button{grid-area:auto/3}}.monthlychart{width:100%;min-width:0;height:250px}.charttooltip{color:#252b37;pointer-events:none;background:#fffffffa;border:1px solid #e3e8f3;border-radius:12px;min-width:180px;max-width:320px;padding:16px 18px;box-shadow:0 8px 28px #1d33551a}.tooltipdate{color:#7d879a;border-bottom:1px solid #eef1f6;margin-bottom:10px;padding-bottom:10px;font-size:12px;font-weight:600}.tooltiprow{align-items:center;gap:9px;margin:9px 0;display:flex}.tooltipdot{border-radius:50%;flex:none;width:8px;height:8px}.tooltipname{overflow-wrap:anywhere;flex:1;font-size:13px}.tooltiprow strong{font-variant-numeric:tabular-nums;margin-left:18px;font-size:18px}.charttooltip small{color:#98a0ae;margin-top:12px;font-size:10px;display:block}.recharts-tooltip-wrapper{transition:none!important}.recharts-surface:focus{outline:none}.contentsearch{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.keywordbox{background:#fff;border:1px solid #ddd;border-radius:9px;padding:16px 18px;transition:border-color .15s,box-shadow .15s;display:block}.keywordbox:focus-within{border-color:#8ca8ed;box-shadow:0 0 0 3px #edf2ff}.keywordbox>span{color:#5d6f99;margin-bottom:9px;font-size:12px;font-weight:600;display:block}.keywordbox input{color:#191919;background:0 0;border:0;width:100%;padding:0;font-size:18px;display:block;outline:none!important}.keywordbox small{color:#9a9a9a;margin-top:10px;font-size:11px;display:block}.contentsearch>button{background:var(--accent);color:#fff;border-radius:6px;padding:15px 24px;font-weight:600}.contentsearch>button:hover{background:var(--accent-dark)}@media (max-width:760px){.contentsearch{grid-template-columns:1fr 1fr;gap:10px}.contentsearch>button{grid-column:1/-1}.keywordbox{padding:14px}.keywordbox input{font-size:16px}}@media (max-width:440px){.contentsearch{grid-template-columns:1fr}}.shopcategory{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:720px;display:grid}.shopcategory label{color:#777;font-size:13px}.shopcategory input,.shopcategory select{width:100%;font:inherit;color:#222;background:#fff;border:1px solid #ddd;border-radius:5px;margin-top:8px;padding:12px;display:block}.shopfilters{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px}.shopchart{width:100%;min-width:0;height:320px}.shopcontext{color:#7b879d;margin:22px 0;font-size:12px}.shopmetrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.shopmetrics .metric strong{font-size:28px}.shopmetrics .footnote{margin:12px 0 0}@media (max-width:760px){.shopcategory{grid-template-columns:1fr}.shopfilters{grid-template-columns:repeat(2,minmax(0,1fr))}.shopchart{height:280px}.shopmetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.shopmetrics .metric{padding:16px}}.adinputs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:20px 0;display:grid}.adfield{color:#6f7580;font-size:12px;display:block}.adfield>span{margin-bottom:8px;display:block}.adfield input{width:100%;font:inherit;color:#222;background:#fff;border:1px solid #ddd;border-radius:5px;padding:12px;font-size:15px}.adfield small{color:#9a9fa9;margin-top:7px;font-size:10px;line-height:1.5;display:block}.scenarioinputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.scenariocard{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;padding:20px}.scenariocard h3{margin:0 0 18px;font-size:14px}.scenariocard .adfield{margin:14px 0}.scenariocard.baseline{background:#f7f9ff;border-color:#bacbf3}.scenariocard.baseline h3{color:#4169d8}.metric.positive strong,.profitpositive{color:#168273}.metric.negative strong,.profitnegative{color:#b2495d}.metric.negative strong{font-size:25px}.adinputs+.metrics{margin-top:24px}@media (max-width:760px){.scenarioinputs{grid-template-columns:1fr}.adinputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:440px){.adinputs{grid-template-columns:1fr}}
