*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}.container{height:100vh;width:100%}.form{display:flex;align-items:center;padding:10px;justify-content:center;gap:10px}#search-input{width:80%;padding:5px}.remove{font-size:11px;font-weight:700;color:#fff;background-color:#dc143c;padding:8px 18px;border-radius:4px}#search-button,#collection-button{padding:5px;cursor:pointer}.button-container{display:flex;align-items:center;padding:10px;gap:30px;justify-content:center}.button-container button{padding:5px;cursor:pointer}.active{background-color:green;font-weight:600;color:#fff;border:none}.btns{display:flex;gap:30px}@media(max-width:768px){.Card-Parent{grid-template-columns:repeat(2,1fr)}.btns{display:flex;flex-direction:row;justify-content:space-evenly}}.Card-Info{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:linear-gradient(transparent,#000000a6);display:flex;align-items:center;justify-content:space-between}.Card-Type{font-size:11px;font-weight:700;color:#fff;background-color:#1a73e8;padding:8px 18px;border-radius:4px}.Card-Type:hover{background-color:#034294;cursor:pointer}.header{display:flex;align-items:center;padding:10px;flex-direction:column;gap:1rem;justify-content:center;font-family:cursive}.removeAll{font-size:11px;font-weight:700;color:#fff;background-color:#dc143c;padding:8px 18px;border-radius:4px;border:none;cursor:pointer}.Back{font-size:11px;font-weight:700;color:#fff;background-color:#000;padding:10px 18px;border-radius:4px;border:none;cursor:pointer}.app{min-height:100vh;background-color:#fff;color:#1a1a1a;display:flex;flex-direction:column}.dark{background-color:#121212;color:#f0f0f0}.navbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background-color:#fff;border-bottom:1px solid #e0e0e0}.navbar-transparent{background-color:transparent;border-bottom:none;position:absolute;top:0;left:0;right:0;z-index:10}.navbar-logo{display:flex;align-items:center;gap:8px}.logo-icon{width:32px;height:32px;background-color:#1a73e8;color:#fff;font-weight:700;font-size:16px;border-radius:8px;display:flex;align-items:center;justify-content:center}.logo-text{font-size:20px;font-weight:700;color:#1a73e8}.navbar-transparent .logo-text{color:#fff}.navbar-transparent .logo-icon{background-color:#ffffff40;color:#fff}.navbar-right{display:flex;align-items:center;gap:14px}.github-btn{color:#333;display:flex;align-items:center;text-decoration:none}.navbar-transparent .github-btn{color:#fff}.darkmode-btn{background:none;border:1px solid #ccc;border-radius:20px;padding:4px 14px;font-size:16px;cursor:pointer;color:#333}.navbar-transparent .darkmode-btn{border-color:#fff9;color:#fff}.darkmode-btn:active{transform:scale(.95)}.dark .navbar{background-color:#1e1e1e;border-bottom:1px solid #333}.dark .github-btn{color:#f0f0f0}.dark .darkmode-btn{color:#f0f0f0;border-color:#555}.hero-wrapper{position:relative;width:100%;height:100vh;background:linear-gradient(135deg,#1a73e8,#0d47a1);display:flex;flex-direction:column}.hero{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.hero-content{max-width:680px}.hero-title{font-size:38px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:14px}.hero-subtitle{font-size:18px;color:#ffffffd9;margin-bottom:10px}.hero-hint{font-size:14px;color:#fff9;margin-bottom:28px}.hero-badges{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:20px}.badge{padding:5px 16px;border-radius:20px;font-size:13px;font-weight:600}.badge-blue{background-color:#e8f0fe;color:#1a73e8}.badge-green{background-color:#e6f4ea;color:#2e7d32}.badge-coral{background-color:#fce8e6;color:#c5221f}.hero-search{padding:0 20px 40px}.hero-search #search-input{background-color:#fff;border:none;border-radius:8px;padding:12px 16px;font-size:15px;width:70%}.hero-search #search-button{background-color:#fff;color:#1a73e8;border:none;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:600;cursor:pointer}.hero-search #search-button:active{transform:scale(.97)}.form{display:flex;align-items:center;padding:12px 16px;justify-content:center;gap:10px}#search-input{width:80%;padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none}#search-input:focus{border-color:#1a73e8}#search-button{padding:8px 16px;background-color:#1a73e8;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}#search-button:active{transform:scale(.95)}.button-container{display:flex;align-items:center;padding:10px;gap:20px;justify-content:center}.button-container button{padding:7px 20px;cursor:pointer;border:1px solid #ccc;border-radius:20px;font-size:14px;background-color:#fff;color:#333}.button-container button:active{transform:scale(.95)}.active{background-color:#1a73e8!important;color:#fff!important;border-color:#1a73e8!important;font-weight:600}.dark #search-input,.dark .button-container button{background-color:#2a2a2a;color:#f0f0f0;border-color:#444}.Card-Parent{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:16px}@media(max-width:1024px){.Card-Parent{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.Card-Parent{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.Card-Parent{grid-template-columns:repeat(1,1fr)}}.Card{border-radius:10px;overflow:hidden;position:relative;height:220px;cursor:pointer}.Card-Media{width:100%;height:100%}.Card-Media img,.Card-Media video{width:100%;height:100%;object-fit:cover;display:block}.Card-Info{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:linear-gradient(transparent,#000000a6)}.Card-Type{font-size:11px;font-weight:700;color:#fff;background-color:#1a73e8;padding:2px 8px;border-radius:4px}.Card-Title{font-size:13px;color:#fff;margin:4px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-msg{text-align:center;margin-top:60px;color:#555;font-size:18px}.dark .status-msg{color:#aaa}.footer{margin-top:auto;background-color:#f8f8f8;border-top:1px solid #e0e0e0;padding:32px 20px;text-align:center}.dark .footer{background-color:#1e1e1e;border-top:1px solid #333}.footer-inner{max-width:600px;margin:0 auto}.footer-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.footer-brand-name{font-size:16px;font-weight:700;color:#1a73e8}.footer-desc{font-size:13px;color:#777;margin-bottom:12px;line-height:1.6}.dark .footer-desc{color:#aaa}.footer-links{display:flex;justify-content:center;gap:8px;margin-bottom:12px;font-size:13px;color:#999}.footer-links a{color:#1a73e8;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-copy{font-size:12px;color:#bbb}@media(max-width:600px){.hero-title{font-size:24px}.hero-subtitle{font-size:15px}.navbar{padding:10px 14px}.logo-text{font-size:16px}.hero-search #search-input{width:65%}}