:root{color-scheme:light}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Noto Sans KR,system-ui,sans-serif;color:#202124;background:#fff}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.app-shell,.home-shell{min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,58px);border-bottom:1px solid #f1f3f4}.home-shell .topbar{border-bottom:none}.brand{font-size:23px;font-weight:700;white-space:nowrap;letter-spacing:-1px}.brand-mark i{font-style:normal}.brand-mark i:first-child,.brand-mark i:nth-child(4){color:#4285f4}.brand-mark i:nth-child(2),.brand-mark i:nth-child(6){color:#ea4335}.brand-mark i:nth-child(3){color:#fbbc05}.brand-mark i:nth-child(5){color:#34a853}.brand-tail{font-size:19px;color:#5f6368;font-weight:500;letter-spacing:-.6px}.topnav{display:flex;gap:22px;font-size:14px;color:#5f6368}.topnav a:hover{color:#1a73e8}.home-main{width:min(780px,calc(100% - 32px));margin:clamp(95px,18vh,195px) auto 0;text-align:center}.home-logo{font-size:clamp(54px,10vw,88px);font-weight:700;letter-spacing:-5px;white-space:nowrap}.c-blue{color:#4285f4}.c-red{color:#ea4335}.c-yellow{color:#fbbc05}.c-green{color:#34a853}.home-suffix{font-size:.47em;letter-spacing:-2px;color:#5f6368;font-weight:500}.home-main h1{font-size:19px;font-weight:500;margin:22px 0 7px}.home-main p{font-size:14px;color:#70757a;margin:0 0 30px}.search-form{display:flex;align-items:center;gap:13px;min-height:50px;max-width:740px;border:1px solid #dfe1e5;border-radius:28px;padding:5px 7px 5px 20px;background:#fff;box-shadow:0 1px 4px #2021240d}.search-form:focus-within,.search-form:hover{box-shadow:0 2px 9px #20212424;border-color:transparent}.search-form.large{min-height:58px;margin:0 auto}.search-symbol{font-size:27px;color:#9aa0a6;line-height:1;transform:rotate(-20deg)}.search-form input{border:0;outline:none;min-width:0;flex:1 1;color:#202124;font-size:16px;background:transparent}.search-form button{border:0;border-radius:24px;background:#1a73e8;color:#fff;font-size:14px;padding:11px 22px}.primary-link:hover,.search-form button:hover{background:#1558b0}.home-hints{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:28px}.home-hints span{background:#f8f9fa;color:#5f6368;border-radius:6px;font-size:12px;padding:10px 15px}.home-shell footer{text-align:center;color:#9aa0a6;font-size:12px;margin:clamp(100px,16vh,180px) 0 20px}.results-main{max-width:1520px;padding:28px 44px 80px;margin:0 auto}.results-search{max-width:760px;margin:0 0 19px}.tabs{display:flex;gap:24px;border-bottom:1px solid #ebedef;align-items:center}.tabs a{font-size:14px;color:#5f6368;padding:13px 5px 15px;border-bottom:3px solid transparent}.tabs a.active{color:#1a73e8;border-bottom-color:#1a73e8;font-weight:600}.result-meta{font-size:13px;color:#70757a;margin:24px 0 22px}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));grid-gap:24px 17px;gap:24px 17px}.media-card{display:block;min-width:0}.media-thumb{height:180px;border-radius:14px;overflow:hidden;background:#f1f3f4;display:flex;align-items:center;justify-content:center}.media-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.media-card:hover img{transform:scale(1.035)}.media-caption{padding:10px 3px;display:grid;grid-gap:5px;gap:5px;min-width:0}.media-caption strong{font-size:14px;font-weight:500}.media-caption span,.media-caption strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-caption span{font-size:12px;color:#70757a}.video-placeholder{display:flex;align-items:center;gap:9px;color:#5f6368;font-size:14px}.video-placeholder span{font-size:22px;color:#1a73e8}.empty-state{padding:78px 16px;text-align:center;color:#5f6368}.empty-icon{font-size:70px;color:#dadce0}.empty-state h1,.empty-state h2{font-size:20px;font-weight:500;color:#202124}.empty-state p{font-size:14px}.empty-state a{display:inline-block;color:#1a73e8;margin-top:15px}.pagination{display:flex;justify-content:center;gap:38px;margin:44px}.pagination a{color:#1a73e8;font-size:14px}.detail-main{max-width:1440px;padding:25px 44px 80px;margin:0 auto}.detail-search{max-width:740px;margin-bottom:30px}.back-link{display:inline-block;color:#5f6368;font-size:14px;margin-bottom:22px}.back-link:hover{color:#1a73e8}.detail-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);grid-gap:35px;gap:35px}.detail-preview{height:min(65vh,650px);min-height:340px;background:#f5f6f7;border-radius:20px;display:flex;justify-content:center;align-items:center;overflow:hidden}.detail-preview img{max-width:100%;max-height:100%;object-fit:contain}.video-large{text-align:center;color:#70757a}.video-large span{font-size:64px;color:#1a73e8}.detail-info{padding:14px 4px}.type-tag{display:inline-block;color:#1a73e8;background:#e8f0fe;border-radius:14px;padding:7px 13px;font-size:12px}.detail-info h1{font-size:25px;line-height:1.4;overflow-wrap:anywhere;font-weight:600;margin:23px 0 9px}.detail-note,.source-name{color:#70757a;font-size:14px}.detail-note{line-height:1.8;margin:28px 0}.primary-link{display:inline-block;background:#1a73e8;color:white;border-radius:22px;padding:13px 21px;font-size:14px}.detail-info dl{border-top:1px solid #eee;margin-top:32px;padding-top:15px;display:grid;grid-template-columns:110px 1fr;grid-gap:13px;gap:13px;font-size:13px}.detail-info dt{color:#70757a}.detail-info dd{margin:0;overflow-wrap:anywhere}@media(max-width:800px){.detail-main,.results-main{padding:20px 18px 60px}.detail-layout{grid-template-columns:1fr}.detail-preview{height:360px}.topbar{height:62px;padding:0 18px}.results-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px 10px}.media-thumb{height:140px}.home-logo{letter-spacing:-3px}.topnav{gap:13px}.home-main{margin-top:clamp(75px,15vh,130px)}}@media(max-width:400px){.brand{font-size:19px}.brand-tail{font-size:15px}.topnav{font-size:12px}.search-form button{padding:10px 13px}.home-logo{font-size:52px}.home-main h1{font-size:16px}}.translation-controls{display:flex;align-items:center;flex-wrap:wrap;gap:13px 20px;padding:16px 0 0;font-size:13px;color:#5f6368}.translate-toggle{display:inline-flex;align-items:center;gap:8px;color:#202124;font-weight:600;cursor:pointer}.translate-toggle input{width:17px;height:17px;accent-color:#1a73e8;cursor:pointer}.language-control{display:inline-flex;align-items:center;gap:9px}.language-control select{border:1px solid #dadce0;border-radius:8px;background:#fff;color:#202124;padding:7px 10px;font-size:13px}.translation-message{color:#70757a;font-size:12px}.translation-tags{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:13px 0 0}.translation-tags span{background:#e8f0fe;border-radius:14px;padding:6px 11px;font-size:12px;color:#174ea6}.translation-tags small{font-size:10px;color:#617dad;margin-left:5px}@media(max-width:650px){.translation-controls{align-items:flex-start;gap:10px 14px}.translation-message{width:100%}}