:root{--bg-0: #0f1115;--bg-1: #161922;--bg-2: #1f2330;--bg-3: #2a2f3e;--fg-0: #e8eaef;--fg-1: #b9bdc8;--fg-2: #7c8294;--accent: #6aa7ff;--accent-hover: #8bb9ff;--danger: #ff6b6b;--radius: 6px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg-0);color:var(--fg-0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}button{font:inherit;cursor:pointer}.app{display:flex;flex-direction:column;min-height:100vh}.app__header{padding:20px 24px 12px;border-bottom:1px solid var(--bg-2)}.app__title{font-size:18px;font-weight:600;margin:0 0 4px}.app__tagline{font-size:12px;color:var(--fg-2);margin:0}.app__main{flex:1;padding:16px 24px 32px}.search{display:flex;gap:8px;margin-bottom:20px}.search__input{flex:1;padding:10px 14px;background:var(--bg-1);border:1px solid var(--bg-3);border-radius:var(--radius);color:var(--fg-0);font-size:14px;outline:none}.search__input:focus{border-color:var(--accent)}.search__btn{padding:10px 16px;background:var(--accent);color:#0a1626;border:0;border-radius:var(--radius);font-weight:600}.search__btn:hover{background:var(--accent-hover)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.card{background:var(--bg-1);border:1px solid var(--bg-2);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.card__thumb-wrap{position:relative;aspect-ratio:4 / 3;background:var(--bg-2)}.card__thumb{width:100%;height:100%;object-fit:cover;display:block}.card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0000 30%,#000000b3);opacity:0;transition:opacity .12s ease;display:flex;align-items:flex-end;padding:10px}.card:hover .card__overlay{opacity:1}.card__action{width:100%;padding:8px;background:#fffffff2;color:#0a1626;border:0;border-radius:var(--radius);font-size:12px;font-weight:600}.card__action:hover{background:#fff}.card__action:disabled{opacity:.6;cursor:not-allowed}.card__attribution{padding:8px 10px;font-size:11px;color:var(--fg-1);border-top:1px solid var(--bg-2)}.card__attribution a{color:var(--fg-0)}.footer{padding:16px 24px;border-top:1px solid var(--bg-2);color:var(--fg-2);font-size:12px;text-align:center}.footer a{color:var(--fg-1)}.state{padding:60px 24px;text-align:center;color:var(--fg-2);font-size:13px}.state--error{color:var(--danger)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:10px 16px;background:var(--bg-2);border:1px solid var(--bg-3);border-radius:var(--radius);color:var(--fg-0);font-size:13px;box-shadow:0 4px 14px #0006;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.load-more{display:block;margin:24px auto 0;padding:10px 24px;background:var(--bg-2);color:var(--fg-0);border:1px solid var(--bg-3);border-radius:var(--radius);font-weight:500}.load-more:hover{background:var(--bg-3)}.load-more:disabled{opacity:.5;cursor:not-allowed}