*{box-sizing:border-box;font-family:Pretendard Black,Pretendard-Black,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,맑은 고딕,sans-serif}*,body{margin:0;padding:0}body{background-color:#f5f5f7;color:#333}.container{margin:0 auto;max-width:1100px;padding:16px}.grid-responsive{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.grid-responsive{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-responsive{grid-template-columns:1fr}}.flowing-gradient-text{-webkit-text-fill-color:#0000;animation:textGradientFlow 8s ease-in-out infinite;background:linear-gradient(315deg,#ffb703,#fb8500 40%,#ff7a18 70%)}@keyframes textGradientFlow{0%{background-position:100% 100%}50%{background-position:0 0}to{background-position:100% 100%}}.hero-title{font-family:Pretendard Black,Pretendard-Black,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,맑은 고딕,sans-serif;font-size:clamp(28px,6vw,64px);line-height:1.1;margin:0;text-align:center}.hero-title--orange{background:linear-gradient(135deg,#6a11cb,#2575fc,#00b09b,#96c93d);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}.hero-title--green,.hero-title--orange{-webkit-text-fill-color:#0000;animation:textGradientFlow 12s ease-in-out infinite}.hero-title--green{background:linear-gradient(135deg,#00c853,#2ecc71,#00b09b,#96c93d);-webkit-background-clip:text;background-clip:text;background-size:300% 300%}.hero-tagline{color:#6b7280;font-size:clamp(12px,2.6vw,15px);margin-top:8px}.chip-container{gap:10px 10px;justify-content:center}.chip{background:#fafafa;font-weight:600;padding:6px 10px}.chip.active{box-shadow:inset 0 0 0 1px #000}.chip-dark{background:#fff;border:1px solid #dcdcdc;border-radius:10px;box-shadow:inset 0 1px 0 #00000008;color:#111;padding:8px 12px}.chip-dark.active{background:#ff4dd2;border-color:#ff4dd2;color:#fff}.todo-main{margin:0 auto;max-width:1200px;padding:20px;position:relative}h1{color:#000;font-size:1.5rem;margin-bottom:20px}ul{list-style-type:none;padding-left:0}.h-scroll{grid-gap:16px;display:grid;gap:16px;grid-auto-columns:minmax(280px,1fr);grid-auto-flow:column;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.h-scroll::-webkit-scrollbar{height:10px}.h-scroll::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}li.todo-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#111;min-height:180px;padding:16px;scroll-snap-align:start;transition:transform .1s ease,box-shadow .2s ease}li.todo-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-2px)}li h3{color:#1d1d1f;font-size:1.3rem;margin:0 0 8px}li .p-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#3f3f45;display:-webkit-box;font-family:Pretendard-Regular;font-size:1rem;max-height:3.2em;overflow:hidden}li .p-date,li .p-writer{color:#6b7280;font-family:Pretendard-Regular;font-size:.95rem}.contents-buttons{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:auto min-content;width:100%}.buttons{display:flex;flex-direction:column;gap:8px}.edit-button{background-color:green;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:background-color .2s ease,transform .2s ease;width:92px}.edit-button:hover{background-color:#90ee90;transform:scale(1.05)}.delete-button{background-color:red;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:background-color .2s ease,transform .2s ease;width:92px}.delete-button:hover{background-color:#f08080;transform:scale(1.05)}.create-button{align-self:flex-start;background-color:#000;border:none;color:#fff;cursor:pointer;font-size:16px;margin-bottom:0;padding:10px 20px;width:100px}.chip-container{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.chip{background:#fff;border:1px solid #e0e0e0;border-radius:999px;color:#111;cursor:pointer;font-size:14px;font-weight:700;padding:6px 12px;width:auto}.chip.active{background:#000;border-color:#000;color:#fff}.header-actions{display:flex;gap:12px}.ai-button{background-color:#8b5cf6}.ai-button:hover{background-color:#7c3aed}@media(max-width:1024px){.header-row{align-items:center;display:flex;justify-content:space-between}}@media(max-width:768px){.header-row{align-items:flex-start;flex-direction:column;gap:10px}.create-button{margin-left:0;margin-top:10px;width:100px}.buttons{flex-direction:row}}.hero-wrapper{align-items:center;display:flex;justify-content:center;margin-bottom:24px;padding-top:50px}.face-wrap{height:260px;position:relative;width:260px}.face{animation:faceGradientFlow 6s ease-in-out infinite;background:linear-gradient(135deg,#6a11cb,#2575fc,#00b09b,#96c93d);background-size:300% 300%;border-radius:9999px;filter:saturate(1.1);inset:0;position:absolute}@keyframes faceGradientFlow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.eye{background:#ffffffe6;border-radius:50%;box-shadow:inset 0 6px 20px #00000014;height:72px;position:absolute;top:38%;width:72px}.eye-left{left:24%}.eye-right{right:24%}.pupil{background:#2b2d42;border-radius:50%;height:24px;top:50%;transform:translate(-50%,-50%);transition:transform .06s linear;width:24px}.mouth,.pupil{left:50%;position:absolute}.mouth{background:radial-gradient(ellipse at center,#0000002e,#0000 70%);border-bottom-left-radius:999px;border-bottom-right-radius:999px;bottom:26%;height:48px;transform:translateX(-50%);width:100px}.notice-banner{margin:0 auto 16px;max-width:1100px;padding:0 16px;width:100%}.notice-banner .notice-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 24px #0000000f;cursor:pointer;display:flex;min-height:160px;overflow:hidden;text-align:left;width:100%}.notice-banner .notice-card:hover{box-shadow:0 8px 28px #00000014}.notice-banner .notice-media{align-items:center;background-color:#f3f4f6;background-position:50%;background-size:cover;display:flex;justify-content:center;min-height:160px;width:48%}.notice-banner .notice-fallback{color:#9ca3af;font-weight:700}.notice-banner .notice-info{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:16px}.notice-banner .notice-chip{align-self:flex-start;background:#fee2e2;border-radius:9999px;color:#b91c1c;font-size:12px;font-weight:600;padding:4px 10px}.notice-banner .notice-title{color:#111827;font-size:20px;line-height:1.3}.notice-banner .notice-desc,.notice-banner .notice-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;text-overflow:ellipsis}.notice-banner .notice-desc{color:#4b5563}.notice-banner .notice-meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.notice-banner .dot{color:#d1d5db}.notice-banner.skeleton{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 37%,#f3f4f6 63%);background-size:400% 100%;border-radius:16px;height:160px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.marquee-wrap{box-sizing:border-box;overflow:hidden;padding:0 16px;width:100%}.marquee-track{display:block;width:max-content}.marquee-track.is-animated{animation:marquee 30s linear infinite;animation:marquee var(--marquee-duration,30s) linear infinite}.marquee-track-inner{display:flex;gap:16px;width:max-content}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.notice-card-h{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 14px #0000000f;cursor:pointer;display:flex;gap:12px;max-width:360px;min-width:360px;padding:10px}.thumb{background:#f3f4f6;background-position:50%;background-size:cover;border-radius:8px;flex:0 0 auto;height:80px;width:120px}.info{flex:1 1;min-width:0}.title{color:#111827;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:6px}.dot{color:#d1d5db}.actions{display:flex;gap:6px}.btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:12px;padding:4px 8px}.btn:hover{background:#f3f4f6}.btn.danger{border-color:#fecaca;color:#b91c1c}.btn.danger:hover{background:#fee2e2}.vendor-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:980px){.vendor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.vendor-grid{grid-template-columns:1fr}}.vendor-card{align-items:center;border:1px solid #eee;box-shadow:0 4px 12px #0000000d;gap:16px;padding:16px;position:relative;transition:transform .08s ease,box-shadow .2s ease}.vendor-card:hover{box-shadow:0 10px 24px #0000001f;transform:translateY(-2px)}.vendor-logo{background:#f5f5f5;border-radius:10px;height:56px;width:56px}.vendor-content{flex:1 1;min-width:0}.vendor-title{font-weight:800;margin:0}.vendor-desc{color:#666;margin:4px 0 8px}.vendor-meta{color:#374151;font-size:12px;gap:10px}.meta-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px}.disclaimer{color:#6b7280;font-size:12px;margin-top:16px;text-align:center}.admin-actions{gap:6px;position:absolute;right:8px;top:8px}.btn-edit{background:#2563eb;border-radius:8px;font-weight:700;padding:6px 10px}.btn-edit:hover{background:#1d4ed8}.btn-delete{background:#ef4444;border-radius:8px;font-weight:700;padding:6px 10px}.btn-delete:hover{background:#dc2626}.modal-overlay{align-items:center;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;padding:18px;width:min(640px,92vw)}.modal-actions{gap:10px;margin-top:10px}.dink-ad{align-items:center;background:#fff;border:1px solid #ffe1e8;border-radius:14px;box-shadow:0 12px 28px #ff698726;color:#111;display:flex;gap:14px;margin:10px 0 18px;overflow:hidden;padding:14px 16px;position:relative;text-decoration:none}.dink-ad:before{animation:borderFlow 6s ease-in-out infinite;background:linear-gradient(120deg,#ff4dd2,#ff7a18,#ff4dd2);border-radius:14px;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;position:absolute}@keyframes borderFlow{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(30deg)}to{filter:hue-rotate(0deg)}}.dink-logo{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 8px 18px #0000000f;display:flex;height:76px;justify-content:center;width:76px}.dink-right{flex:1 1;min-width:0}.dink-badge{background:linear-gradient(120deg,#ff5aa0,#ff7a18);border-radius:999px;box-shadow:0 6px 14px #ff698759;color:#fff;font-size:13px;padding:6px 8px;position:absolute;right:10px;top:10px}.dink-badge,.dink-title{font-family:Pretendard Black,Pretendard-Black,Pretendard,sans-serif}.dink-title{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#ff4dd2,#ff7a18);-webkit-background-clip:text;background-clip:text;font-size:18px;margin:0}.dink-desc{color:#444;font-size:14px;margin:4px 0 0}.dink-ad:hover{box-shadow:0 16px 36px #ff698740;transform:translateY(-2px)}.tools-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s ease}.tool-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.tool-header{align-items:center;display:flex;margin-bottom:15px}.tool-logo{border-radius:6px;height:32px;margin-right:12px;object-fit:cover;width:32px}.tool-name{color:#111827;font-size:18px;font-weight:600;margin:0}.tool-description{color:#6b7280;line-height:1.5;margin-bottom:15px}.tool-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.tool-category{background:#f3f4f6;border-radius:4px;color:#374151;font-size:12px;font-weight:500;padding:4px 8px}.tool-price{color:#059669;font-size:14px;font-weight:600}.tool-actions{align-items:center;display:flex;justify-content:space-between}.tool-link{background:#3b82f6;border-radius:6px;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:background-color .2s ease}.tool-link:hover{background:#2563eb}.admin-actions{display:flex;gap:8px}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.edit-btn{background:#3b82f6;color:#fff}.edit-btn:hover{background:#2563eb}.delete-btn{background:#ef4444;color:#fff}.delete-btn:hover{background:#dc2626}.directory-filters{margin-bottom:30px}.search-box{margin-bottom:20px}.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:16px;max-width:400px;outline:none;padding:12px 16px;transition:border-color .2s ease;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.category-chips{display:flex;flex-wrap:wrap;gap:10px}.search-container{display:flex;justify-content:center;margin:20px 0}.search-input-centered{background:#fff;border:2px solid #e5e7eb;border-radius:25px;box-shadow:0 2px 4px #0000000d;font-size:16px;max-width:500px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.search-input-centered:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a,0 4px 8px #0000001a;transform:translateY(-1px)}.search-input-centered::placeholder{color:#9ca3af;font-style:italic}.search-input-centered:hover{border-color:#d1d5db;box-shadow:0 4px 8px #0000001a}.edit-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.edit-modal-content h3{color:#111827;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:30px}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.save-btn{background:#10b981;color:#fff}.save-btn:hover{background:#059669}.cancel-btn{background:#6b7280;color:#fff}.cancel-btn:hover{background:#4b5563}.loading,.no-results{color:#6b7280;font-size:16px;padding:40px;text-align:center}@media (max-width:768px){.tools-grid{grid-template-columns:1fr}.edit-modal-content{margin:20px;padding:20px}.modal-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.vendor-detail-container{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.vendor-detail-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.vendor-header{border-bottom:1px solid #e9ecef;display:flex;gap:24px;padding:32px 24px}.vendor-logo-section{flex-shrink:0}.vendor-logo-large{border:1px solid #e9ecef;border-radius:12px;height:120px;object-fit:cover;width:120px}.vendor-info-section{flex:1 1}.vendor-title-large{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.vendor-category-badge{background:#0ea5e9;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:500;margin-bottom:16px;padding:4px 12px}.vendor-description-large{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:24px}.vendor-meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.visit-site-btn{background:#0ea5e9}.visit-site-btn:hover{background:#0284c7}.vendor-detail-sections{padding:32px 24px}.related-vendors-section{border-top:1px solid #e9ecef;padding-top:32px}.related-vendors-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.related-vendor-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;padding:16px;transition:all .2s}.related-vendor-card:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e926;transform:translateY(-2px)}.related-vendor-logo{border-radius:8px;flex-shrink:0;height:56px;margin-right:16px;object-fit:cover;width:56px}.related-vendor-info{flex:1 1}.related-vendor-info h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px}.related-vendor-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:14px;line-height:1.4;margin:0 0 8px;overflow:hidden}.related-vendor-price{background:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}@media (max-width:768px){.vendor-header{flex-direction:column;text-align:center}.vendor-logo-large{height:80px;margin:0 auto;width:80px}.vendor-title-large{font-size:24px}.related-vendors-grid,.vendor-meta-grid{grid-template-columns:1fr}.vendor-detail-container{padding:16px}.vendor-detail-sections,.vendor-header{padding:20px 16px}}.category-page-container{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.category-header{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;color:#fff;margin-bottom:32px;padding:40px;text-align:center}.category-title{font-size:36px;font-weight:700;line-height:1.2;margin:0 0 16px}.category-description{font-size:18px;line-height:1.6;margin:0 auto;max-width:800px;opacity:.95}.category-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.category-intro{border-bottom:1px solid #e9ecef;padding:32px 24px}.category-intro h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 16px}.category-intro p{color:#4a5568;font-size:16px;line-height:1.7;margin:0}.vendors-section{border-bottom:1px solid #e9ecef;padding:32px 24px}.vendors-section h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 24px}.vendors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.vendor-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;padding:20px;transition:all .3s ease}.vendor-card:hover{border-color:#0ea5e9;box-shadow:0 8px 25px #0ea5e926;transform:translateY(-4px)}.vendor-logo{border:1px solid #e9ecef;border-radius:12px;flex-shrink:0;height:80px;margin-right:20px;object-fit:cover;width:80px}.vendor-info{flex:1 1}.vendor-name{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 8px}.vendor-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 12px;overflow:hidden}.vendor-meta{display:flex;flex-wrap:wrap;gap:8px}.meta-badge{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;font-size:12px;font-weight:500;padding:4px 8px}.category-faq{padding:32px 24px}.category-faq h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 24px}.faq-list{display:flex;flex-direction:column;gap:20px}.faq-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:24px}.faq-item h3{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 12px}.faq-item p{color:#4a5568;font-size:14px;line-height:1.6;margin:0}@media (max-width:768px){.category-page-container{padding:16px}.category-header{padding:24px 20px}.category-title{font-size:28px}.category-description{font-size:16px}.vendors-grid{grid-template-columns:1fr}.vendor-card{padding:16px}.vendor-logo{height:60px;margin-right:16px;width:60px}.category-faq,.category-intro,.vendors-section{padding:24px 20px}}.ai-tool-detail-container{font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.ai-tool-detail-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.ai-tool-header{border-bottom:1px solid #e9ecef;display:flex;gap:24px;padding:32px 24px}.ai-tool-logo-section{flex-shrink:0}.ai-tool-logo-large{border:1px solid #e9ecef;border-radius:12px;height:120px;object-fit:cover;width:120px}.ai-tool-info-section{flex:1 1}.ai-tool-title-large{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.ai-tool-category-badge{background:#10b981;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:500;margin-bottom:16px;padding:4px 12px}.ai-tool-description-large{color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:24px}.ai-tool-meta-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.meta-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.meta-label{color:#6c757d;display:block;font-size:12px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.meta-value{color:#1a1a1a;display:block}.meta-value,.visit-site-btn{font-size:16px;font-weight:600}.visit-site-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 24px;transition:background-color .2s}.visit-site-btn:hover{background:#059669}.ai-tool-detail-sections{padding:32px 24px}.detail-section{margin-bottom:40px}.detail-section h2{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 16px}.detail-section h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:24px 0 12px}.detail-content{color:#4a5568;line-height:1.6}.detail-content ul{margin:16px 0;padding-left:20px}.detail-content li{margin-bottom:8px}.detail-content a{color:#0ea5e9;text-decoration:none}.detail-content a:hover{text-decoration:underline}.related-tools-section{border-top:1px solid #e9ecef;padding-top:32px}.related-tools-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}.related-tool-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;padding:16px;transition:all .2s}.related-tool-card:hover{border-color:#10b981;box-shadow:0 4px 12px #10b98126;transform:translateY(-2px)}.related-tool-logo{border-radius:8px;flex-shrink:0;height:56px;margin-right:16px;object-fit:cover;width:56px}.related-tool-info{flex:1 1}.related-tool-info h4{color:#1a1a1a;font-size:16px;font-weight:600;margin:0 0 8px}.related-tool-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:14px;line-height:1.4;margin:0 0 8px;overflow:hidden}.related-tool-price{background:#e9ecef;border-radius:4px;color:#495057;display:inline-block;font-size:12px;font-weight:500;padding:2px 8px}.loading{color:#6c757d;font-size:18px;padding:60px 20px;text-align:center}@media (max-width:768px){.ai-tool-header{flex-direction:column;text-align:center}.ai-tool-logo-large{height:80px;margin:0 auto;width:80px}.ai-tool-title-large{font-size:24px}.ai-tool-meta-grid,.related-tools-grid{grid-template-columns:1fr}.ai-tool-detail-container{padding:16px}.ai-tool-detail-sections,.ai-tool-header{padding:20px 16px}}.login-form{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:100px auto;max-width:400px;padding:40px}.login-form input[type=password],.login-form input[type=text]{border:1px solid #d1d5db;border-radius:8px;font-size:1rem;margin-bottom:20px;padding:15px;width:100%}.login-form input[type=password]:focus,.login-form input[type=text]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40;outline:none}.login-form button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:15px;width:100%}.login-form #linkRegister{margin-top:10px;text-align:end}.auth-primary-btn{animation:authPrimaryFlow 6s ease-in-out infinite;background:linear-gradient(135deg,#a78bfa,#60a5fa,#34d399);background-size:200% 200%;box-shadow:0 6px 16px #60a5fa59;color:#0b1035;font-weight:700;transition:transform .15s ease,box-shadow .2s ease}.auth-primary-btn:hover{box-shadow:0 8px 22px #60a5fa73;transform:translateY(-1px)}.flowing-gradient-text{animation:authPrimaryFlow 6s ease-in-out infinite;background:linear-gradient(90deg,#a78bfa,#60a5fa,#34d399);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#0000}@media (max-width:768px){form{margin-top:50px;padding:30px}button,input[type=password],input[type=text]{padding:12px}}.login-form .flowing-gradient-text{animation:authPrimaryFlow 6s ease-in-out infinite;background:linear-gradient(90deg,#a78bfa,#60a5fa,#34d399);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#0000}.google-oauth-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 12px #0000000f;color:#111827;display:flex;font-weight:700;gap:10px;justify-content:center;padding:12px 16px;transition:transform .12s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.google-oauth-btn:hover{background-color:#f9fafb;box-shadow:0 8px 20px #00000014;transform:translateY(-1px)}.google-oauth-btn img{display:block}form{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;margin:60px auto;max-width:350px;padding:32px 24px 24px}h1{color:#222;font-size:2rem;margin-bottom:18px}input[type=password],input[type=text]{border:1px solid #d1d5db;border-radius:6px;font-size:1rem;outline:none;padding:12px;transition:border-color .2s,box-shadow .2s}input[type=password]:focus,input[type=text]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40}button[type=submit].auth-primary-btn{animation:authPrimaryFlow 6s ease-in-out infinite;background:linear-gradient(135deg,#a78bfa,#60a5fa,#34d399);background-size:200% 200%;border:none;border-radius:6px;box-shadow:0 6px 16px #60a5fa59;color:#0b1035;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px;transition:transform .15s ease,box-shadow .2s ease}button[type=submit].auth-primary-btn:hover{box-shadow:0 8px 22px #60a5fa73;transform:translateY(-1px)}@keyframes authPrimaryFlow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}#linkRegister{color:#111;font-weight:500;margin-top:8px;text-decoration:none;transition:color .2s}#linkRegister:hover{color:#007bff;text-decoration:underline}form .flowing-gradient-text{animation:authPrimaryFlow 6s ease-in-out infinite;background:linear-gradient(90deg,#a78bfa,#60a5fa,#34d399);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#0000}nav{align-items:center;animation:navbarGradientFlow 12s ease infinite;background:linear-gradient(135deg,#6a11cb,#2575fc,#00b09b,#96c93d);background-size:300% 300%;box-shadow:0 2px 4px #0000001a;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;left:0;padding:10px 20px;position:fixed;top:0;width:100%;z-index:1000}body{margin-top:70px}nav .home-link{color:#fff;font-size:1.5rem;font-weight:700;margin-right:auto;text-decoration:none}.nav-center{justify-self:center;left:auto;position:static;transform:none;z-index:1}.nav-icons{gap:10px}.icon-link,.nav-icons{align-items:center;display:flex}.icon-link{font-size:18px;height:34px;justify-content:center;width:34px}.collection-link,.icon-link{background:#ffffff2e;border-radius:999px}.collection-link{color:#fff;display:inline-block;font-size:14px;font-weight:800;margin:0 4px;padding:6px 12px}.menu-toggle{background:#0000;border:none;color:#fff;cursor:pointer;display:none;font-size:22px;margin-left:8px}nav .right-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:16px;justify-content:end;justify-self:end;position:relative;z-index:2}nav .writer-label{color:#fff;font-weight:700;margin-right:12px;width:200px}nav a{display:inline-block;text-decoration:none;transition:color .3s}nav a,nav button{color:#fff;font-weight:700;margin-left:0;white-space:nowrap}nav button{background-color:#ffffff38;border:none;border-radius:5px;cursor:pointer;padding:5px 15px;transition:background-color .3s}nav button:hover{background-color:#ffffff59}nav a:hover{color:#e6f7ff}@media (max-width:900px){nav{display:flex;justify-content:space-between;left:0;position:sticky;right:0;top:0}body{margin-top:0}.nav-center{display:none}.menu-toggle{display:inline-block}nav{padding:10px 14px}nav .home-link{margin-right:0}.menu-toggle{margin-left:auto}nav .right-buttons{align-items:stretch;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000040;border-radius:10px;display:none;flex-direction:column;gap:10px;left:10px;padding:10px;position:absolute;right:10px;top:56px;z-index:1001}nav .right-buttons.open{display:flex}nav .writer-label{width:auto}.mobile-cats{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.mobile-chip{background:#ffffff38;border-radius:999px;color:#fff;display:inline-block;font-size:16px;font-weight:800;padding:10px 0;text-align:center}}.compose-wrap{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));margin:20px auto;max-width:1100px;padding:12px}@media (max-width:980px){.compose-wrap{grid-template-columns:1fr}}.card{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000f;color:#111;padding:18px}.card-title{font-size:20px;font-weight:800;margin:0 0 8px}input[type=date],input[type=number],input[type=text],input[type=url],select,textarea{border:1px solid #e5e7eb;border-radius:8px;outline:none;padding:12px;width:100%}textarea{resize:vertical}.row-2{grid-gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.row-2,.row-3{display:grid;gap:10px}.row-3{grid-gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:640px){.row-2,.row-3{grid-template-columns:1fr}}.btn-primary{animation:btnGradientFlow 10s ease infinite;background:linear-gradient(135deg,#6a11cb,#2575fc,#00b09b,#96c93d);background-size:300% 300%;border:none;border-radius:10px;box-shadow:0 8px 18px #2563eb40;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:8px;padding:12px 14px;transition:transform .1s ease,box-shadow .2s ease;width:100%}.btn-primary:hover{box-shadow:0 12px 26px #2563eb59;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;filter:grayscale(.2);opacity:.6}@keyframes btnGradientFlow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}input[type=date],input[type=number],input[type=text],input[type=url],select,textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa40}.bulk-box{border-top:1px solid #f1f5f9;margin-top:16px;padding-top:12px}.bulk-title{font-size:18px;font-weight:800;margin:6px 0}.bulk-desc{color:#6b7280;font-size:13px;margin:0 0 8px}.bulk-sample{background:#0f172a;border-radius:8px;color:#e2e8f0;font-size:12px;overflow:auto;padding:10px}.bulk-input{width:100%}.bulk-hint{color:#6b7280;font-size:12px;margin-top:8px}.bulk-results{margin-top:10px}.bulk-results ul{padding-left:18px}.bulk-results li.ok{color:#16a34a}.bulk-results li.fail{color:#dc2626}.progress{background:#e5e7eb;border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.progress .bar{background:#2563eb;height:8px}.button-group{display:flex;gap:10px;margin-top:20px}.btn-secondary{background-color:#6b7280;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-secondary:hover{background-color:#4b5563}.item-actions{display:flex;gap:5px;margin-left:10px}.btn-edit{background-color:#3b82f6;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.btn-edit:hover{background-color:#2563eb}.btn-delete{background-color:#ef4444;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.btn-delete:hover{background-color:#dc2626}.compose-container{margin:0 auto;max-width:800px;padding:20px}.compose-container .card{margin-bottom:30px}.bulk-results ul{list-style:none;padding:0}.bulk-results li{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:5px;padding:10px}.bulk-results li:last-child{border-bottom:none}.image-upload-box{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;margin:12px 0;padding:12px}.image-upload-box .preview-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:10px}.image-upload-box .preview-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;position:relative}.image-upload-box .preview-item img{display:block;height:100px;object-fit:cover;width:100%}.image-upload-box .preview-item button{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 6px;position:absolute;right:6px;top:6px}.btn-secondary{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#111827;margin-top:8px;padding:8px 12px}.image-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-top:16px}.image-grid .image-item{border:1px solid #e5e7eb;border-radius:6px;height:140px;object-fit:cover;width:100%}.todo-update-container{background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000000f;color:#111;margin:20px auto;max-width:640px;padding:20px}h1{color:#111;text-align:center}label{color:#222;display:block;font-weight:600;margin-bottom:12px}input[type=date],input[type=text],textarea{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#111;margin-top:6px;padding:12px;width:100%}.submit-button{background-color:#111;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:16px;padding:12px 0}.submit-button:hover{background-color:#222}@media (max-width:768px){.todo-update-container{margin:12px;padding:16px}}.detail-container{margin:0 auto;max-width:960px;padding:16px}.detail-nav{align-items:center;display:flex;margin-bottom:12px}.back-btn{background:#111;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.detail-paper{background:#fff;border-radius:14px;box-shadow:0 12px 30px #00000014;padding:20px}.detail-header{gap:14px;margin-bottom:12px}.detail-header,.logo-circle{align-items:center;display:flex}.logo-circle{background:linear-gradient(135deg,#6a11cb,#2575fc,#00b09b,#96c93d);border-radius:12px;color:#fff;font-weight:800;height:52px;justify-content:center;width:52px}.detail-title{font-size:24px;margin:0}.meta-row{color:#6b7280;font-size:13px}.meta-dot{padding:0 6px}.detail-content{margin-top:12px}.detail-pre{color:#111;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,맑은 고딕,sans-serif;font-size:15px;line-height:1.7;white-space:pre-wrap}@media (max-width:680px){.detail-title{font-size:20px}}.notfound-container{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000f;margin:100px auto 60px;max-width:720px;padding:28px;text-align:center}.notfound-actions{margin-top:16px}.notfound-actions .btn{background-color:#96c93de6;border-radius:8px;color:#fff;display:inline-block;margin:0 6px;padding:8px 16px;text-decoration:none}.notfound-actions .btn:hover{background-color:#96c93d}.legal-container{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000f;margin:100px auto 60px;max-width:960px;padding:28px 28px 36px}.legal-container h1{font-size:28px}.legal-container h2{font-size:18px;margin-bottom:8px;margin-top:18px}.legal-container li,.legal-container p{color:#222;line-height:1.7}.legal-container ul{margin-left:18px}.legal-updated{color:#666;margin-bottom:8px}.legal-footer{color:#666;margin-top:24px}.error-container{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000f;margin:100px auto 60px;max-width:720px;padding:28px;text-align:center}.error-actions{margin-top:16px}.error-actions .btn{background-color:#2575fce6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;margin:0 6px;padding:8px 16px;text-decoration:none}.error-actions .btn:hover{background-color:#2575fc}.faq-container{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000f;margin:100px auto 60px;max-width:960px;padding:28px 28px 36px}.faq-item+.faq-item{margin-top:18px}.faq-item h2{font-size:18px;margin-bottom:6px}.faq-item p{line-height:1.7}.inline-link{color:#2575fc;text-decoration:none}.inline-link:hover{text-decoration:underline}.site-footer{animation:navbarGradientFlow 12s ease infinite;background:linear-gradient(135deg,#6a11cb,#2575fc,#00b09b,#96c93d);background-size:300% 300%;bottom:0;color:#fff;padding:18px 20px;position:sticky;width:100%;z-index:10}.footer-inner{gap:12px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-info,.footer-inner{align-items:center;display:flex}.footer-info{flex-wrap:wrap;gap:8px}.footer-item{color:#fff;text-decoration:none}.footer-sep{opacity:.7}@keyframes navbarGradientFlow{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}
/*# sourceMappingURL=main.324b4e36.css.map*/