@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{--ink:#20252d;--muted:#707681;--line:#e8eaf0;--pink:#e33e74;--surface:#f6f7fa;color:var(--ink);font-synthesis:none;background:#fff;font-family:Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline-offset:4px;outline:3px solid #e33e7480}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:26px;height:94px;padding:0 4%;display:flex}.brand{letter-spacing:.06em;align-items:center;gap:12px;font-size:19px;font-weight:900;display:flex}.brand-mark{background:var(--pink);color:#fff;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.brand-sub{letter-spacing:.22em;margin-top:2px;font-size:12px;font-weight:500;display:block}.top-label{color:var(--muted);border-left:1px solid var(--line);padding-left:26px;font-size:14px}.help-link{color:var(--muted);margin-left:auto;font-size:14px}.page-shell{grid-template-columns:228px 1fr;gap:44px;max-width:1680px;margin:auto;padding:0 4%;display:grid}.sidebar{border-right:1px solid var(--line);min-height:calc(100vh - 94px);padding-top:49px;padding-right:25px}.aside-label,.tiny-label{letter-spacing:.15em;color:#7b818c;font-size:12px;font-weight:700}.aside-label{margin-bottom:18px;padding-left:14px}.nav-item{text-align:left;color:#69707c;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-bottom:6px;padding:13px 14px;font-size:15px;display:flex}.nav-item>span:first-child{align-items:center;gap:13px;display:flex}.nav-item:hover{background:var(--surface)}.nav-item.active{color:var(--pink);background:#fff0f5;font-weight:700}.count{font-size:12px;font-weight:500}.category-dot{width:18px;height:18px;position:relative}.category-dot:after{content:"";border:1.5px solid;border-radius:50%;width:5px;height:5px;position:absolute;top:6px;left:6px}.aside-note{color:#737985;margin-top:68px;padding:0 14px;font-size:14px;line-height:1.9}.aside-note p{color:#535b68;margin:15px 0 9px;font-weight:500}.aside-note>span:last-child{font-size:12px;line-height:1.8;display:block}main{min-width:0;padding-top:34px}.breadcrumb{color:#787f8a;font-size:12px}.breadcrumb span{color:#a1a7b2;padding:0 10px}.page-heading{justify-content:space-between;align-items:center;padding:28px 0 29px;display:flex}.eyebrow{letter-spacing:.16em;color:var(--pink);font-size:12px;font-weight:700}h1{letter-spacing:-.055em;margin:7px 0 9px;font-size:38px;font-weight:800}.page-heading p{color:var(--muted);margin:0;font-size:16px}.collection-count{text-align:right;padding-right:5px}.collection-count strong{letter-spacing:-.05em;font-size:46px;font-weight:500;line-height:1.2;display:block}.collection-count span{letter-spacing:.08em;color:var(--muted);font-size:12px}.toolbar{border-bottom:1px solid var(--line);gap:12px;padding:4px 0 22px;display:flex}.search{background:var(--surface);color:#7f8795;border-radius:9px;flex:1;align-items:center;gap:12px;min-height:50px;padding:0 16px;display:flex}.search input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:14px}.search button,.refresh{color:#78818d;background:0 0;border:0;place-items:center;padding:5px;display:grid}.sort{border:1px solid var(--line);color:#646b76;border-radius:9px;align-items:center;gap:10px;padding:0 13px;display:flex}.sort select{color:var(--ink);background:0 0;border:0;max-width:120px;padding:5px 0;font-size:14px}.result-line{color:var(--muted);justify-content:space-between;align-items:center;margin:21px 0;font-size:14px;display:flex}.result-line strong{color:var(--ink)}.result-line>div{align-items:center;gap:8px;display:flex}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}.card{text-align:left;background:#fff;border:0;min-width:0;padding:0}.card-image{aspect-ratio:1;background:var(--surface);border:1px solid #eeeef2;border-radius:12px;position:relative;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.card:hover img{transform:scale(1.035)}.badge{color:#4b525c;background:#fffffff0;border-radius:5px;padding:4px 9px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.card-copy{padding:13px 1px}.creator{color:var(--muted);font-size:12px}.card h2{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;min-height:48px;margin:5px 0 12px;font-size:15px;font-weight:600;line-height:1.6;display:-webkit-box;overflow:hidden}.card-bottom{color:#757c87;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:12px;display:flex}.card-bottom span:first-child{color:#69717e;background:var(--surface);border-radius:4px;padding:3px 6px}.card-bottom span:last-child{padding:3px 0}.empty{text-align:center;background:linear-gradient(150deg,#fcfcfe,#f7f8fb);border:1px dashed #dfe2eb;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:385px;padding:45px 25px;display:flex}.empty-icon{color:#919bae;background:#fff;border:1px solid #e8eaf1;border-radius:25px;place-items:center;width:84px;height:84px;margin-bottom:22px;display:grid}.empty h2{letter-spacing:-.045em;margin:14px 0 8px;font-size:22px}.empty p{color:var(--muted);max-width:460px;margin:0;font-size:16px;line-height:1.8}.empty .outline-button{margin-top:18px}.error{background:#fff1f4;border:1px solid #f7ccd9;border-radius:10px;margin-bottom:20px;padding:20px;font-size:14px;line-height:1.8}.error button{color:var(--pink);background:#fff;border:0;border-radius:6px;margin-left:12px;padding:5px 10px}footer{border-top:1px solid var(--line);color:#747c88;justify-content:space-between;gap:16px;margin-top:50px;padding:26px 0;font-size:12px;display:flex}footer span:first-child{letter-spacing:.06em}.mobile-categories{display:none}.spinning svg,svg.spinning{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.outline-button,.primary-button{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:11px 18px;font-size:14px;display:inline-flex}.primary-button{background:var(--pink);color:#fff;border-color:var(--pink);font-weight:600}.load-more{margin:25px auto;display:flex}dialog{border:0;border-radius:18px;width:min(820px,100vw - 36px);max-height:90vh;padding:0;overflow:auto;box-shadow:0 25px 100px #0003}dialog[open]{grid-template-columns:1fr 1fr;display:grid}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#141a2e80}.close{border:1px solid var(--line);z-index:2;background:#fffffff0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:12px;right:12px}.detail-image{background:var(--surface);align-items:center;min-height:350px;display:flex}.detail-image img{width:100%;height:auto}.detail-copy{padding:44px 28px 28px}.detail-copy h2{overflow-wrap:anywhere;font-size:21px;line-height:1.6}.detail-copy h3{margin-top:24px;font-size:14px}.detail-copy p{color:var(--muted);font-size:16px;line-height:1.8}.detail-copy>.primary-button,.detail-copy>.outline-button{width:100%;margin-top:14px}.option-list{flex-wrap:wrap;gap:7px;margin-bottom:20px;display:flex}.option-list span{color:#a52e57;background:#fff0f5;border-radius:5px;padding:7px 10px;font-size:14px}.image-placeholder{color:#848d9e;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;min-height:160px;font-size:12px;display:flex}.setup{max-width:740px;margin:0 auto;padding:50px 24px}.setup h1{font-size:32px}.setup p,.setup li{color:#616977;font-size:16px;line-height:1.9}.setup li{margin:18px 0}.setup code{background:var(--surface);overflow-wrap:anywhere;border-radius:4px;padding:3px 7px}.setup .back{color:var(--pink);font-size:14px}@media (min-width:1500px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1200px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.page-shell{grid-template-columns:190px 1fr;gap:28px}.sidebar{padding-right:18px}.top-label{display:none}footer{flex-direction:column;gap:8px}}@media (max-width:850px){.page-shell{padding:0 24px;display:block}.sidebar{display:none}.topbar{height:80px;padding:0 24px}.mobile-categories{gap:8px;margin:0 0 21px;padding:2px 1px 5px;display:flex;overflow:auto}.mobile-categories button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:20px;padding:8px 16px;font-size:14px}.mobile-categories button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.page-heading{padding-top:22px}h1{font-size:34px}.collection-count strong{font-size:38px}}@media (max-width:560px){.page-shell{padding:0 18px}.topbar{height:74px;padding:0 18px}.brand{gap:9px;font-size:16px}.brand-mark{width:37px;height:37px}.brand-sub,.help-link{font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.toolbar{flex-wrap:wrap;padding-bottom:16px}.search{flex-basis:100%}.sort{height:38px;margin-left:auto}.page-heading p{font-size:14px}h1{font-size:31px}.collection-count strong{font-size:35px}.collection-count span{font-size:12px}.card h2{min-height:45px;font-size:14px}.card-image{border-radius:9px}.empty{min-height:340px}.empty h2{font-size:19px}.result-line{font-size:12px}dialog[open]{display:block}.detail-image{min-height:0;max-height:44vh;overflow:hidden}.detail-image img{object-fit:contain;max-height:44vh}.detail-copy{padding:20px}.detail-copy h2{font-size:19px}footer{margin-top:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.avatar-find{background:#fff5f8;border:1px solid #f5dce5;border-radius:12px;margin:0 0 20px;padding:19px 20px}.avatar-find-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:16px;display:flex}.avatar-find-heading>span{color:#a04e69;font-size:12px}.avatar-search{color:#d4376b;background:#fff;border:1px solid #efc2d2;border-radius:8px;align-items:center;gap:12px;min-height:52px;padding:0 15px;display:flex}.avatar-search input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:16px}.avatar-search button{color:#9a5b70;background:0 0;border:0;place-items:center;display:grid}.avatar-find p{color:#9b5b73;margin:9px 0 0;font-size:13px;line-height:1.8}.text-button{color:#b92757;cursor:pointer;background:0 0;border:0;font-size:13px;text-decoration:underline}.avatar-notice{color:var(--muted);background:var(--surface);border-radius:8px;padding:12px 15px;font-size:13px;line-height:1.8}.avatar-tags{flex-wrap:wrap;gap:5px;margin:0 0 12px;display:flex}.avatar-tags>span{color:#a33258;background:#fff0f5;border-radius:4px;padding:3px 7px;font-size:12px}.avatar-tags>span.match{color:#fff;background:#cf3568}.avatar-tags>span.unconfirmed{color:#797f89;background:var(--surface)}.detail-avatars{gap:8px;max-height:240px;margin-bottom:20px;display:grid;overflow:auto}.detail-avatars>div{background:#fff8fa;border:1px solid #f1dce4;border-radius:7px;padding:9px 12px}.detail-avatars strong{font-size:14px;display:block}.detail-avatars span{color:#727a86;overflow-wrap:anywhere;font-size:12px;display:block}.detail-avatars small{color:#9c5871;margin-top:3px;font-size:12px;display:block}@media (max-width:560px){.avatar-find{padding:15px 14px}.avatar-search input{font-size:14px}.avatar-find-heading{font-size:15px}.avatar-find-heading>span{font-size:12px}}.avatar-subnav{border-left:1px solid #e9eaf0;margin:0 0 16px 22px;padding:4px 0 3px 13px}.subnav-label{color:#9299a4;padding:3px 8px 9px;font-size:12px;display:block}.avatar-nav{text-align:left;color:#737b87;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px;font-size:14px;display:flex}.avatar-nav:hover{background:var(--surface)}.avatar-nav.active{color:var(--pink);background:#fff0f5;font-weight:700}.mobile-avatar-favorites{display:none}@media (max-width:850px){.mobile-avatar-favorites{margin:0 0 20px;display:block}.mobile-avatar-favorites>span{color:var(--muted);margin-bottom:9px;font-size:12px;display:block}.mobile-avatar-favorites>div{flex-wrap:wrap;gap:7px;display:flex}.mobile-avatar-favorites button{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.mobile-avatar-favorites button.selected{color:var(--pink);background:#fff0f5;border-color:#f6c1d3;font-weight:600}.mobile-avatar-favorites small{color:var(--muted);font-size:12px}}.link-lookup{border:1px solid var(--line);background:#fff;border-radius:12px;margin:0 0 20px;padding:18px 20px}.link-lookup-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.link-lookup-heading h2{align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.link-lookup-heading h2 svg{color:var(--pink)}.link-lookup-heading>span{color:var(--muted);font-size:12px}.link-lookup-form{gap:10px;display:flex}.link-lookup-input{border:1px solid #dce0e8;border-radius:8px;flex:1;align-items:center;min-width:0;min-height:48px;padding:0 13px;display:flex}.link-lookup-input:focus-within{border-color:var(--pink)}.link-lookup-input input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:none;font-size:16px}.link-lookup-input input[aria-invalid=true]{color:#a72843}.link-lookup-input button{color:var(--muted);background:0 0;border:0;place-items:center;padding:7px;display:grid}.link-lookup-form>.primary-button{flex-shrink:0;min-height:48px;margin:0}.link-lookup-help{color:var(--muted);overflow-wrap:anywhere;margin:9px 0 0;font-size:12px;line-height:1.7}.link-lookup-message,.link-lookup-match{background:var(--surface);border-radius:8px;margin:14px 0 0;padding:14px 16px;font-size:14px;line-height:1.7}.link-lookup-message p{color:var(--muted);margin:5px 0 0;font-size:13px}.link-lookup-message.invalid{color:#a72843;background:#fff2f5}.link-lookup-message.invalid p{color:inherit;margin:0}.link-lookup-match{background:#fff5f8;border:1px solid #f4d7e2}.link-lookup-owned{color:#ac2853;align-items:center;gap:8px;display:flex}.link-lookup-product{justify-content:space-between;align-items:center;gap:16px;margin-top:10px;display:flex}.link-lookup-product>div{min-width:0}.link-lookup-product span{color:var(--muted);font-size:12px}.link-lookup-product h3{overflow-wrap:anywhere;margin:3px 0;font-size:16px;line-height:1.6}.link-lookup-product p{color:#8a4b62;margin:3px 0 0;font-size:13px}.link-lookup-product>button{flex-shrink:0}@media (max-width:560px){.link-lookup{padding:15px 14px}.link-lookup-heading{flex-direction:column;align-items:flex-start;gap:4px}.link-lookup-form{flex-wrap:wrap}.link-lookup-input{flex-basis:100%}.link-lookup-form>.primary-button{width:100%}.link-lookup-product{flex-direction:column;align-items:stretch}.link-lookup-product>button{width:100%}}