:root{--bg: #f5f6f8;--card: #ffffff;--text: #1a1a2e;--text-secondary: #666;--primary: #2f5af7;--primary-light: #eef1ff;--border: #e8e9ed;--shadow: 0 2px 16px rgba(0,0,0,.06);--shadow-hover: 0 8px 30px rgba(0,0,0,.1);--radius: 16px;--radius-sm: 10px;--transition: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Apple SD Gothic Neo,Noto Sans KR,-apple-system,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}.header{background:linear-gradient(135deg,#1a237e,#283593,#3949ab 60%,#2f5af7);padding:40px 20px 60px;text-align:center;position:relative;overflow:hidden}.header:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.header-content{position:relative;z-index:1;max-width:700px;margin:0 auto}.header h1{font-size:2.2rem;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.5px}.header .time{font-size:.95rem;color:#ffffffbf;margin-bottom:24px;font-weight:400}.search-wrapper{display:flex;background:#fff;border-radius:50px;overflow:hidden;box-shadow:0 6px 30px #00000026;transition:var(--transition)}.search-wrapper:focus-within{box-shadow:0 8px 36px #00000038;transform:translateY(-1px)}.search-wrapper input{flex:1;border:none;padding:16px 24px;font-size:1rem;outline:none;background:transparent;color:var(--text)}.search-wrapper input::placeholder{color:#777}.search-engine{display:flex;align-items:center;gap:4px;padding:8px 12px 8px 8px}.se-btn{padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;background:transparent;color:#5a5a5a;transition:var(--transition);white-space:nowrap}.se-btn.active{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.se-btn:hover{color:var(--primary)}.search-btn{width:56px;border:none;cursor:pointer;background:var(--primary);color:#fff;font-size:1.3rem;transition:var(--transition);flex-shrink:0}.search-btn:hover{background:#1e48e0}.main{max-width:1100px;margin:24px auto 60px;padding:0 20px;position:relative;z-index:2}.category{margin-bottom:28px}.category-title{font-size:.85rem;font-weight:700;color:#5a5a5a;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;padding-left:6px;display:flex;align-items:center;gap:8px}.category-title:after{content:"";flex:1;height:1px;background:var(--border)}.category-title a{color:inherit;text-decoration:none}.category-title a:hover{color:var(--primary)}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}.link-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:var(--transition);border:1px solid transparent}.link-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#d0d5f0}.link-card .icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#fff;flex-shrink:0}.link-card .info{flex:1;min-width:0}.link-card .info .name{font-size:.93rem;font-weight:600;letter-spacing:-.2px}.link-card .info .desc{font-size:.75rem;color:var(--text-secondary)}.ic-green{background:#03c75a}.ic-orange{background:#ff6b35}.ic-blue{background:#4285f4}.ic-yellow{background:#fce374;color:#333}.ic-red{background:#e74c3c}.ic-purple{background:#8b5cf6}.ic-teal{background:#0ea5a9}.ic-pink{background:#ec4899}.ic-gray{background:#64748b}.ic-black{background:#1a1a2e}.ic-mint{background:#10b981}.footer{text-align:center;padding:32px 20px;color:#777;font-size:.82rem}@media(max-width:640px){.header{padding:28px 16px 44px}.header h1{font-size:1.6rem}.search-wrapper input{padding:14px 16px;font-size:.95rem}.search-engine{gap:2px;padding:6px 8px 6px 4px}.se-btn{padding:5px 10px;font-size:.78rem}.search-btn{width:44px}.link-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.link-card{padding:12px;gap:10px}.link-card .icon{width:34px;height:34px;font-size:.95rem;border-radius:8px}.link-card .info .name{font-size:.85rem}}