@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{--bg:#fafaf7;--ink:#292e29;--muted:#92978e;--border:#e7e9e1;--yellow:#f8de70;--green:#506244}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.65}a{color:inherit;text-decoration:none}button{background:0 0;border:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #d3b448}svg{flex-shrink:0}small{font-size:11px}.shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);z-index:20;background:#fff;flex-direction:column;width:235px;padding:30px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1px;align-items:center;gap:10px;padding:0 7px 28px;font-size:19px;font-weight:800;display:flex}.brand small{letter-spacing:2.8px;color:#8d9487;margin-top:4px;font-size:9px;display:block}.brand-mark{background:var(--yellow);color:#424934;border-radius:13px;place-items:center;width:39px;height:39px;display:grid;transform:rotate(-7deg)}.workspace{border:1px solid var(--border);background:#fafbf8;border-radius:10px;align-items:center;gap:9px;padding:12px 9px;font-size:11px;font-weight:600;display:flex}.avatar{color:#657552;background:#e8ecdf;border-radius:8px;padding:7px 9px;font-size:13px}.workspace small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.private-dot,.live-dot{background:#779773;border-radius:50%;width:6px;height:6px;display:inline-block}.workspace .private-dot{margin-left:auto}.nav-label{letter-spacing:1.5px;color:#a2a697;padding:26px 10px 11px;font-size:9px;font-weight:700}.sidebar nav button,.community-nav button{text-align:left;color:#7b8177;border-radius:8px;align-items:center;gap:11px;width:100%;margin-bottom:3px;padding:11px 12px;font-size:12px;display:flex}.sidebar nav button span,.community-nav button>span:last-child{color:#9b9f94;margin-left:auto;font-size:10px}.sidebar nav .active{color:#4c503a;background:#fcf2ca;font-weight:700}.sidebar nav .active span{color:#777346}.source-label{justify-content:space-between;display:flex}.community-nav{scrollbar-width:thin;scrollbar-color:#e5e7dd transparent;min-height:0;overflow-y:auto}.community-nav button{gap:10px;padding:9px 12px;font-size:11px}.community-nav .selected{color:#303b2b;background:#f1f3ed;font-weight:700}.source-icon{color:#fff;border-radius:5px;flex-shrink:0;place-items:center;width:19px;height:19px;font-size:9px;font-weight:700;display:inline-grid}.source-icon.tiny{width:16px;height:16px;font-size:8px}.sidebar-foot{border-top:1px solid var(--border);color:#8a9181;gap:8px;margin-top:14px;padding:20px 7px 0;font-size:10px;display:flex}.sidebar-foot small{color:#a4a99d;margin-top:6px;font-size:8px;display:block}.main{width:calc(100% - 235px);margin-left:235px}.topbar{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:22px;height:72px;padding:0 36px;display:flex}.breadcrumb{color:#a0a598;align-items:center;gap:12px;font-size:11px;display:flex}.breadcrumb b{color:#656e5d;font-weight:500}.private-label{letter-spacing:1.2px;color:#8a9381;align-items:center;gap:7px;margin-left:auto;font-size:8px;display:flex}.add-button{border:1px solid var(--border);background:#fff;border-radius:7px;align-items:center;gap:6px;padding:9px 13px;font-size:11px;display:flex}.main main{max-width:1720px;margin:auto;padding:36px 36px 0}.heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{letter-spacing:2px;color:#909881;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.eyebrow span{background:#d5ba57;border-radius:50%;width:5px;height:5px}h1{letter-spacing:-1.4px;margin:10px 0 9px;font-size:30px;font-weight:800}.heading p{color:#919589;margin:0;font-size:12px;line-height:1.8}.refresh{white-space:nowrap;background:#fff;border:1px solid #dfe3d6;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:11px;font-weight:600;display:flex}.stats{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:1fr 1fr 1fr 1.7fr;margin-top:27px;padding:20px 0;display:grid}.stats>div{border-right:1px solid var(--border);align-items:center;gap:13px;padding:0 24px;display:flex}.stats>div:last-child{border:0}.stat-icon{border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.yellow{color:#988345;background:#fff5d2}.mint{color:#718662;background:#edf2e7}.pink{color:#bb9685;background:#f7eeeb}.stats small{color:#939a8a;font-size:10px;display:block}.stats b{font-size:23px;font-weight:700;line-height:1.6;display:block}.stats b em{color:#93998a;margin-left:5px;font-size:10px;font-style:normal;font-weight:400}.stats .stat-note{gap:8px}.stat-note p{color:#758368;margin:0;font-size:10px;line-height:1.7}.stat-note small{margin-top:4px;font-size:8px}.live-dot{flex-shrink:0;box-shadow:0 0 0 4px #f0f5eb}.category-tabs{border-bottom:1px solid var(--border);gap:9px;padding:27px 0 21px;display:flex;overflow:auto}.category-tabs button{white-space:nowrap;border:1px solid var(--border);color:#797f70;background:#fff;border-radius:22px;align-items:center;gap:7px;padding:9px 16px;font-size:11px;display:flex}.category-tabs button span{font-size:15px;line-height:1}.category-tabs .chosen{background:var(--yellow);border-color:var(--yellow);color:#4e5035;font-weight:700}.filterbar{gap:9px;margin-top:21px;display:flex}.search{border:1px solid var(--border);color:#969c8d;background:#fff;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:180px;padding:0 12px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;height:42px;font-size:11px}.search input::placeholder{color:#a4aa9b}.filterbar select{border:1px solid var(--border);color:#76816c;background:#fff;border-radius:8px;max-width:160px;padding:0 12px;font-size:10px}.reset{border:1px solid var(--border);color:#8a9481;background:#fff;border-radius:8px;padding:10px}.resultbar{justify-content:space-between;align-items:center;padding:23px 0 17px;font-size:12px;display:flex}.resultbar b{color:#6b8250;margin-left:5px;font-size:12px}.resultbar small{color:#9ba190;margin-left:5px;font-size:9px}.resultbar select{color:#89917f;background:0 0;border:0;font-size:10px}.card-grid{columns:4;column-gap:17px}.card{break-inside:avoid;border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;margin-bottom:17px;transition:box-shadow .2s,transform .2s;display:inline-block;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #30392412}.card-image{text-align:center;aspect-ratio:1.14;background:#edf0e7;width:100%;padding:0;display:block;position:relative;overflow:hidden}.card-image.height-1{aspect-ratio:.87}.card-image.height-2{aspect-ratio:1.04}.card-image.height-3{aspect-ratio:1.22}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.card-image:hover img{transform:scale(1.035)}.media-pill{color:#4e5346;background:#fffef5e8;border-radius:5px;align-items:center;gap:4px;padding:4px 7px;font-size:9px;display:flex;position:absolute;top:10px;left:10px}.play-circle{color:#484f42;background:#fffc;border:1px solid #fff;border-radius:50%;place-items:center;width:45px;height:45px;padding-left:3px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-hover{color:#fff;white-space:nowrap;opacity:0;background:#292f27c9;border-radius:6px;align-items:center;gap:8px;padding:7px 11px;font-size:10px;transition:opacity .2s;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.card-image:hover .preview-hover{opacity:1}.card-body{padding:13px 13px 9px}.card-source{color:#7d8774;align-items:center;gap:5px;font-size:9px;display:flex}.animal-tag{color:#a0a691;margin-left:auto;font-size:8px}.card-title{text-align:left;-webkit-line-clamp:2;letter-spacing:-.2px;-webkit-box-orient:vertical;width:100%;min-height:42px;margin:9px 0 11px;padding:0;font-size:12px;font-weight:600;line-height:1.8;display:-webkit-box;overflow:hidden}.card-foot{border-top:1px solid #f1f2ed;justify-content:space-between;align-items:center;padding-top:8px;display:flex}.card-foot small{color:#a8ae9e;font-size:8px}.card-foot>div{gap:5px;display:flex}.card-foot button{color:#9aa38d;align-items:center;padding:3px;display:flex}.card-foot button.is-saved{color:#a18c34}.placeholder,.failed-image{color:#a7b09a;background:linear-gradient(135deg,#eff2e9,#e7ebdd);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:10px;display:flex}.placeholder small{color:#a5ac9a;margin-top:5px;font-size:9px;display:block}.failed-image{display:none}.no-image .failed-image{display:flex}.page-footer{color:#adb29f;border-top:1px solid var(--border);justify-content:center;align-items:center;gap:8px;margin-top:30px;padding:25px 0;font-size:9px;line-height:1.8;display:flex}.page-footer span span{padding:0 7px}.empty{text-align:center;color:#97a18b;border:1px dashed #d9dfcf;border-radius:12px;padding:65px 20px}.empty h3{color:#6c785e;font-size:17px}.empty p{font-size:12px}.empty button,.more{color:#697855;background:#e9eddf;border-radius:8px;margin-top:15px;padding:11px 19px;font-size:12px}.more{align-items:center;gap:8px;margin:25px auto;display:flex}.source-explain{color:#8b957f;padding:25px 0;font-size:12px;line-height:1.9}.sources-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.source-tile{border:1px solid var(--border);background:#fff;border-radius:12px;padding:20px}.source-tile>div{align-items:center;gap:10px;display:flex}.source-icon.large{width:33px;height:33px;font-size:13px}.source-tile h3{margin:0;font-size:13px}.source-tile h3 small{color:#a2a994;margin-top:4px;font-size:9px;font-weight:400;display:block}.source-count{color:#8b947e;margin-left:auto;font-size:11px}.source-tile p{color:#a28766;margin:20px 0 5px;font-size:11px}.source-tile p.ok{color:#6b8753}.source-tile>small{color:#a4aa9c;font-size:9px}.source-tile footer{border-top:1px solid var(--border);color:#7b896b;justify-content:space-between;margin-top:17px;padding-top:13px;font-size:10px;display:flex}.source-tile footer>*{align-items:center;gap:3px;padding:0;display:flex}.error-note{color:#a47738;background:#fff0dd;border-radius:8px;margin-top:15px;padding:13px;font-size:12px}.error-note button{text-decoration:underline}.subnote{color:#949c87;margin-top:0;font-size:10px}.mobile-nav{display:none}dialog{border:1px solid var(--border);width:calc(100% - 32px);max-width:650px;max-height:90vh;color:var(--ink);border-radius:18px;padding:0;box-shadow:0 30px 90px #151f3240}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#20291e88}.close-dialog{z-index:3;background:#ffffffe8;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:13px;right:13px;box-shadow:0 2px 10px #0001}.detail>img,.detail>video{object-fit:contain;background:#eff1e9;width:100%;max-height:49vh;display:block}.detail-content{padding:25px}.detail-source{color:#8e9c7f;font-size:10px}.detail h2{letter-spacing:-.5px;font-size:20px;line-height:1.6}.detail p{color:#979e8f;font-size:11px;line-height:1.8}.detail .video-note{color:#97874e;background:#f5f0db;border-radius:6px;padding:10px}.detail-actions{gap:10px;margin:20px 0;display:flex}.detail-actions>*{border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 15px;font-size:12px;display:flex}.primary{border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:12px 18px;font-size:12px;font-weight:600;display:flex;background:var(--yellow)!important;border:0!important}.detail-actions a{flex:1}.detail-content>small{color:#a1a995;font-size:9px}.detail-placeholder{text-align:center;color:#a5b297;background:#eff2e8;padding:65px 20px 25px}.add-form{padding:40px}.add-form h2{letter-spacing:-.6px;margin-top:22px;font-size:22px}.add-form p{color:#929b84;font-size:12px;line-height:1.9}.add-form label{color:#788367;margin-top:24px;font-size:11px;display:block}.add-form input{border:1px solid #dfe5d3;border-radius:8px;outline-color:#d6bd56;width:100%;margin:8px 0 18px;padding:13px;display:block}.add-form .primary{width:100%}.toast{color:#fff;z-index:100;background:#35432c;border:1px solid #596449;border-radius:10px;align-items:center;gap:9px;width:max-content;max-width:calc(100vw - 30px);padding:13px 20px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #28321a24}.spin{animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1700px){.card-grid{columns:5}}@media (width<=1250px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.main{width:calc(100% - 210px);margin-left:210px}.main main{padding:28px 25px 0}.topbar{padding:0 25px}.stats>div{padding:0 17px}.stats .stat-note{display:none}.stats{grid-template-columns:repeat(3,1fr)}.stats>div:nth-child(3){border:0}.card-grid{columns:3}.category-tabs{gap:6px}.category-tabs button{padding:9px 13px}.sources-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.sidebar{width:185px;padding-left:10px;padding-right:10px}.brand{gap:7px;padding-left:2px;font-size:16px}.brand-mark{width:33px;height:33px}.workspace{padding:10px 6px;font-size:10px}.main{width:calc(100% - 185px);margin-left:185px}.main main{padding:25px 20px 0}.heading h1{font-size:25px}.heading p{font-size:10px}.card-grid{columns:2}.filterbar{flex-wrap:wrap}.search{flex-basis:100%}.filterbar select{flex:1;max-width:none;height:36px}.refresh{padding:10px;font-size:10px}.stats>div{gap:8px;padding:0 12px}.stat-icon{width:32px;height:32px}.stats b{font-size:20px}.stats small{font-size:9px}}@media (width<=640px){.sidebar{display:none}.main{width:100%;margin:0}.topbar{gap:10px;height:55px;padding:0 17px}.breadcrumb{gap:6px;font-size:10px}.private-label{letter-spacing:.5px;font-size:7px}.add-button{padding:7px 9px;font-size:10px}.main main{padding:20px 16px 0}.mobile-nav{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.mobile-nav b{align-items:center;gap:6px;font-size:14px;display:flex}.mobile-nav b svg{color:#b29a43}.mobile-nav>div{gap:12px;display:flex}.mobile-nav button{color:#8c977f;padding:4px}.heading{display:block;position:relative}.eyebrow{letter-spacing:1.4px;font-size:8px}.heading h1{margin-top:11px;font-size:25px}.heading p{max-width:295px;font-size:10px;line-height:1.8}.refresh{margin-top:17px;padding:9px 13px}.stats{margin-top:20px;padding:14px 0}.stats>div{text-align:center;padding:0 6px;display:block}.stat-icon{display:none}.stats small{font-size:9px}.stats b{font-size:22px}.stats em{font-size:9px!important}.category-tabs{scrollbar-width:none;margin-right:-16px;padding-top:20px;padding-bottom:16px}.category-tabs button{padding:8px 13px;font-size:10px}.filterbar{gap:7px;margin-top:15px}.search input{height:39px}.filterbar select{min-width:0;padding:0 7px;font-size:9px}.reset{padding:7px}.resultbar{padding:20px 0 14px;font-size:11px}.resultbar small{font-size:8px}.card-grid{column-gap:11px}.card{border-radius:10px;margin-bottom:11px}.card-body{padding:10px 10px 7px}.card-source{font-size:8px}.animal-tag{font-size:7px}.card-title{min-height:37px;margin:8px 0 9px;font-size:11px;line-height:1.7}.card-foot small{font-size:7px}.card-foot button{padding:3px}.media-pill{font-size:8px;top:8px;left:8px}.page-footer{align-items:flex-start;padding:20px 2px;font-size:8px}.page-footer>svg{display:none}.sources-grid{grid-template-columns:1fr}.source-explain{padding:18px 0;font-size:11px}.source-tile{padding:18px}.add-form{padding:30px 22px}.add-form h2{font-size:20px}.detail-content{padding:20px}.detail h2{font-size:17px}.toast{font-size:11px}.card-image .preview-hover{display:none}.placeholder{font-size:8px}.placeholder small{font-size:7px}.placeholder svg{width:25px}.failed-image{font-size:9px}.detail .stat-icon,.add-form .stat-icon{display:inline-flex}}.download-panel{border-top:1px solid var(--border);margin:23px 0 16px;padding-top:18px}.download-head{justify-content:space-between;align-items:center;display:flex}.download-head h3{align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.download-panel>p{margin:8px 0 14px;font-size:10px}.media-list{flex-direction:column;gap:8px;max-height:310px;display:flex;overflow:auto}.media-row{border:1px solid var(--border);border-radius:9px;align-items:center;gap:10px;padding:8px;display:flex}.file-preview{color:#94a383;background:#eef1e7;border-radius:5px;place-items:center;width:47px;height:43px;display:grid;overflow:hidden}.file-preview img{object-fit:cover;width:100%;height:100%}.media-row>span{flex:1}.media-row b{font-size:11px;font-weight:500}.media-row small{color:#a2aa94;margin-top:3px;font-size:9px;display:block}.download-file{background:#f8edbd;border-radius:6px;align-items:center;gap:5px;padding:8px 11px;font-size:10px;display:flex}.open-file{color:#9ca68c;padding:7px}.detail .media-notice{color:#9b8850;background:#f7f2df;border-radius:6px;padding:8px}.card-foot>div{gap:3px}.card-image video{object-fit:cover;width:100%;height:100%;display:block}.rising{background:#fffaf0;border:1px solid #efd6ac;border-radius:16px;margin:26px 0;padding:24px}.rising-heading{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.rising h2{margin:0;font-size:21px}.rising-heading span,.rising p{color:#8a7656;font-size:12px}.rising-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.rising-grid button{text-align:left;cursor:pointer;background:#fff;border:1px solid #eee5d5;border-radius:12px;align-items:center;gap:14px;padding:15px;display:flex}.rising-grid button>span{flex:1;min-width:0}.rising-grid strong{margin:6px 0;font-size:14px;display:block}.rising-grid small{color:#888}.rising-grid em{color:#bf641c;font-size:12px;font-style:normal}.rank{color:#d88332;font-size:24px}.rising-empty{color:#817765;padding:24px 0 8px;font-size:13px}.metric-line{color:#9b6a32;margin:10px 0;font-size:11px}@media (width<=800px){.rising-grid{grid-template-columns:1fr}.rising{padding:17px}}