@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.logo{display:flex;align-items:center;justify-content:center;width:150px;height:40px;border-radius:10px;background:transparent;transition:transform .3s ease}.logo-icon{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(1)}@keyframes pulse{0%{box-shadow:0 0 #4f46e566}70%{box-shadow:0 0 0 10px #4f46e500}to{box-shadow:0 0 #4f46e500}}.logo:hover{animation:pulse 1.5s infinite}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 2rem;transition:all .3s ease;background-color:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header.scrolled{background-color:#0f172af2;box-shadow:0 4px 20px #0003;padding:.75rem 2rem}.header-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-container h1{font-size:1.5rem;font-weight:700;color:var(--text);margin-left:.75rem}.search-container{position:relative;width:300px;max-width:100%}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:9999px;border:1px solid var(--border);background-color:#1e293b80;color:var(--text);font-size:.875rem;transition:all .2s ease}.search-input::-moz-placeholder{color:var(--text-tertiary)}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:none;border-color:var(--primary);background-color:#1e293bcc;box-shadow:0 0 0 2px #4f46e533}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}@media (max-width: 768px){.header{padding:.75rem}.header-container{flex-direction:row;gap:.75rem;align-items:center}.search-container{width:auto;flex:1}.search-input{padding:.5rem 1rem .5rem 2rem;font-size:.813rem}.search-icon{left:.5rem;width:16px;height:16px}}.email-subscribe{margin:2rem auto;max-width:500px;padding:2rem;background:#1e293b80;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateZ(0);transition:all .3s ease}.email-subscribe:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a,0 5px 10px #0000000a}.subscribe-title{color:var(--text);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.subscribe-form{display:flex;gap:.75rem}.email-input{flex:1;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);background:#1e293b4d;color:var(--text);font-size:.875rem;transition:all .2s ease}.email-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #4f46e533}.email-input::-moz-placeholder{color:var(--text-tertiary)}.email-input::placeholder{color:var(--text-tertiary)}.subscribe-button{padding:.75rem 1.5rem;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;font-weight:500;font-size:.875rem;transition:all .2s ease;white-space:nowrap}.subscribe-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.subscribe-button:disabled{opacity:.7;cursor:not-allowed}.subscribe-message{margin-top:1rem;text-align:center;font-size:.875rem;padding:.75rem;border-radius:6px;white-space:pre-line;line-height:1.5}.subscribe-message.success{color:var(--success);background:#10b9811a}.subscribe-message.error{color:var(--error);background:#ef44441a}@media (max-width: 640px){.email-subscribe{padding:1.5rem;margin:1.5rem 1rem;width:auto}.subscribe-title{font-size:1rem;margin-bottom:1rem}.subscribe-form{flex-direction:column;gap:.5rem}.subscribe-button{width:100%;padding:.625rem 1rem}.email-input{padding:.625rem;font-size:.813rem;-webkit-appearance:none}}#bot-container{width:150px;height:150px;position:relative;margin:0 auto;perspective:700px;pointer-events:none;z-index:50}#bot-body{width:100%;height:100%;position:relative;pointer-events:auto;transform-style:preserve-3d;border-radius:50%}.bot-part{position:absolute;border-radius:50%;transform-style:preserve-3d}.bot-head{width:100%;height:100%;background:linear-gradient(135deg,#fff,#f0f0f0,#e8e8e8);box-shadow:0 8px 25px #0000002e,inset 3px 3px 15px #fffc,inset -3px -3px 15px #0000001a;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;transform-style:preserve-3d;border-radius:50%;position:relative;transition:transform .1s ease-out}.bot-ear{position:absolute;width:24px;height:24px;background-color:#e0e0e0;border-radius:50%;transform-style:preserve-3d;box-shadow:inset 1px 1px 2px #fff9,inset -1px -1px 2px #0003;top:50%;transform:translateY(-50%) translateZ(-5px);z-index:-1;transition:transform .1s ease-out,opacity .1s ease-out}.left-ear{left:-8px}.right-ear{right:-8px}.bot-highlight{position:absolute;top:20%;left:25%;width:30%;height:15%;background:#ffffffb3;border-radius:50%;transform:rotate(-30deg);pointer-events:none}.bot-eyes{position:relative;width:60%;height:40px;display:flex;justify-content:space-between;align-items:center;transform-style:preserve-3d}.bot-eye{width:32px;height:32px;background-color:#000;border-radius:50%;position:relative;transform-style:preserve-3d;overflow:hidden;transition:transform .12s ease-out}.bot-pupil{position:absolute;width:12px;height:12px;background-color:#fff;border-radius:50%;top:25%;left:25%;transition:all .05s ease-out}.bot-eyelid{position:absolute;width:100%;height:100%;background-color:#f0f0f0;top:-100%;left:0;border-radius:0 0 50% 50%;animation:blink 4s infinite;animation-timing-function:ease-in-out;z-index:10}@keyframes blink{0%,96%,98%{transform:translateY(0)}97%,99%{transform:translateY(100%)}}.shadow{position:absolute;bottom:-15px;left:15%;width:70%;height:10px;background:#00000026;border-radius:50%;filter:blur(5px);z-index:-1}.bot-message{position:absolute;top:-80px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ffffffe6,#f0f0f0e6);padding:12px 20px;border-radius:20px;box-shadow:0 4px 15px #0000001a,inset 1px 1px 1px #ffffff4d,inset -1px -1px 1px #0000000d;width:400px;text-align:center;font-size:.9rem;color:#333;z-index:100;line-height:1.4;white-space:normal;word-break:keep-all;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:glowingBorder 2s infinite}@keyframes glowingBorder{0%{border-color:#4f46e533;box-shadow:0 4px 15px #0000001a,0 0 10px #4f46e533}50%{border-color:#8b5cf666;box-shadow:0 4px 15px #0000001a,0 0 20px #8b5cf64d}to{border-color:#4f46e533;box-shadow:0 4px 15px #0000001a,0 0 10px #4f46e533}}.bot-message:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(240,240,240,.9)}@media (max-width: 768px){#bot-container{margin:1rem auto}.bot-message{width:280px;left:50%;font-size:.8rem;padding:10px 15px;top:-70px}}#bot-body{cursor:pointer;transition:all .3s ease}#bot-body:hover{transform:scale(1.05);filter:brightness(1.1)}.firework{position:fixed;pointer-events:none;z-index:9999}.hero{padding:6rem 1.5rem 3rem;text-align:center;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(79,70,229,.15) 0%,transparent 50%);pointer-events:none;animation:nebula 20s infinite alternate;z-index:1}@keyframes nebula{0%{transform:scale(1) rotate(0);opacity:.5}50%{transform:scale(1.2) rotate(5deg);opacity:.7}to{transform:scale(1) rotate(0);opacity:.5}}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:10}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;letter-spacing:-.03em;display:flex;flex-direction:column;align-items:center;gap:.5rem}.title-line{text-align:center}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.category-chips{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.category-chip{padding:.5rem 1rem;border-radius:9999px;background:var(--surface);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);position:relative;transform:translateZ(0);box-shadow:0 2px 4px #0000001a,0 0 0 1px #ffffff0d inset}.category-chip:nth-child(1):hover{background:var(--cat-writing)}.category-chip:nth-child(2):hover{background:var(--cat-image)}.category-chip:nth-child(3):hover{background:var(--cat-video)}.category-chip:nth-child(4):hover{background:var(--cat-avatar)}.category-chip:nth-child(5):hover{background:var(--cat-music)}.category-chip:nth-child(6):hover{background:var(--cat-visual)}.category-chip:nth-child(7):hover{background:var(--cat-coding)}.category-chip:nth-child(8):hover{background:var(--cat-automation)}.category-chip:nth-child(9):hover{background:var(--cat-notes)}.category-chip:nth-child(10):hover{background:var(--cat-research)}.category-chip:nth-child(11):hover{background:var(--cat-content)}.category-chip:nth-child(12):hover{background:var(--cat-productivity)}.category-chip:nth-child(13):hover{background:var(--cat-agent)}.category-chip:nth-child(14):hover{background:var(--cat-collection)}.category-chip:nth-child(15):hover{background:var(--cat-korean-ai)}.category-chip:nth-child(16):hover{background:var(--cat-domain)}.category-chip:nth-child(17):hover{background:var(--cat-api)}.category-chip:nth-child(18):hover{background:var(--cat-rss)}.category-chip:nth-child(19):hover{background:var(--cat-mindmap)}.category-chip:hover{color:#fff;transform:translateY(-2px);border-color:transparent}.category-chip:nth-child(1):hover{background:var(--cat-writing);box-shadow:0 8px 16px #3b82f64d}.category-chip:nth-child(2):hover{background:var(--cat-image);box-shadow:0 8px 16px #ec48994d}.category-chip:nth-child(3):hover{background:var(--cat-video);box-shadow:0 8px 16px #f43f5e4d}.category-chip:nth-child(4):hover{background:var(--cat-avatar);box-shadow:0 8px 16px #6366f14d}.category-chip:nth-child(5):hover{background:var(--cat-music);box-shadow:0 8px 16px #14b8a64d}.category-chip:nth-child(6):hover{background:var(--cat-visual);box-shadow:0 8px 16px #8b5cf64d}.category-chip:nth-child(7):hover{background:var(--cat-coding);box-shadow:0 8px 16px #0ea5e94d}.category-chip:nth-child(8):hover{background:var(--cat-automation);box-shadow:0 8px 16px #f973164d}.category-chip:nth-child(9):hover{background:var(--cat-notes);box-shadow:0 8px 16px #22c55e4d}.category-chip:nth-child(10):hover{background:var(--cat-research);box-shadow:0 8px 16px #a855f74d}.category-chip:nth-child(11):hover{background:var(--cat-content);box-shadow:0 8px 16px #06b6d44d}.category-chip:nth-child(12):hover{background:var(--cat-productivity);box-shadow:0 8px 16px #eab3084d}.category-chip:nth-child(13):hover{background:var(--cat-agent);box-shadow:0 8px 16px #6366f14d}.category-chip:nth-child(14):hover{background:var(--cat-collection);box-shadow:0 8px 16px #10b9814d}.category-chip:nth-child(15):hover{background:var(--cat-korean-ai);box-shadow:0 8px 16px #0ea5e94d}.category-chip:nth-child(16):hover{background:var(--cat-domain);box-shadow:0 8px 16px #0ea5e94d}.category-chip:nth-child(17):hover{background:var(--cat-api);box-shadow:0 8px 16px #6366f14d}.category-chip:nth-child(18):hover{background:var(--cat-rss);box-shadow:0 8px 16px #f59e0b4d}.category-chip:nth-child(19):hover{background:var(--cat-mindmap);box-shadow:0 8px 16px #22c55e4d}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;pointer-events:none}.gradient-sphere{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#4f46e54d,#0f172a00 70%);filter:blur(50px);top:-100px;right:-100px;animation:float 10s ease-in-out infinite;z-index:1;pointer-events:none}.gradient-sphere.secondary{width:400px;height:400px;background:radial-gradient(circle,#8b5cf633,#0f172a00 70%);left:-100px;bottom:-100px;top:auto;right:auto;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-30px) translate(20px)}to{transform:translateY(0) translate(0)}}@media (max-width: 768px){.hero{padding:4rem 1rem 2rem}.hero-title{font-size:2rem;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1rem;padding:0 1rem;margin-bottom:1.5rem}.category-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;padding:.5rem;margin-top:2rem}.category-chip{width:100%;font-size:.813rem;padding:.75rem;white-space:normal;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0);box-shadow:0 2px 4px #0000001a,0 0 0 1px #ffffff0d inset}.category-chip:hover{transform:translateY(-2px);border-color:transparent}.category-chip:active{transform:translateY(0)}.category-chips::-webkit-scrollbar{display:none}.gradient-sphere{width:300px;height:300px}.gradient-sphere.secondary{width:250px;height:250px}.category-chip:nth-child(1):hover{background:var(--cat-writing);box-shadow:0 4px 8px #3b82f64d}.category-chip:nth-child(2):hover{background:var(--cat-image);box-shadow:0 4px 8px #ec48994d}.category-chip:nth-child(3):hover{background:var(--cat-video);box-shadow:0 4px 8px #f43f5e4d}.category-chip:nth-child(4):hover{background:var(--cat-avatar);box-shadow:0 4px 8px #6366f14d}.category-chip:nth-child(5):hover{background:var(--cat-music);box-shadow:0 4px 8px #14b8a64d}.category-chip:nth-child(6):hover{background:var(--cat-visual);box-shadow:0 4px 8px #8b5cf64d}.category-chip:nth-child(7):hover{background:var(--cat-coding);box-shadow:0 4px 8px #0ea5e94d}.category-chip:nth-child(8):hover{background:var(--cat-automation);box-shadow:0 4px 8px #f973164d}.category-chip:nth-child(9):hover{background:var(--cat-notes);box-shadow:0 4px 8px #22c55e4d}.category-chip:nth-child(10):hover{background:var(--cat-research);box-shadow:0 4px 8px #a855f74d}.category-chip:nth-child(11):hover{background:var(--cat-content);box-shadow:0 4px 8px #06b6d44d}.category-chip:nth-child(12):hover{background:var(--cat-productivity);box-shadow:0 4px 8px #eab3084d}.category-chip:nth-child(13):hover{background:var(--cat-agent);box-shadow:0 4px 8px #6366f14d}.category-chip:nth-child(14):hover{background:var(--cat-collection);box-shadow:0 4px 8px #10b9814d}.category-chip:nth-child(15):hover{background:var(--cat-korean-ai);box-shadow:0 4px 8px #0ea5e94d}.category-chip:nth-child(16):hover{background:var(--cat-domain);box-shadow:0 4px 8px #0ea5e94d}}.tool-card{background-color:var(--surface);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:all .5s cubic-bezier(.4,0,.2,1);border:1px solid var(--border);height:100%;position:relative;transform-origin:center;transform:perspective(2000px) translateZ(0) rotateX(0) rotateY(0);box-shadow:0 15px 35px -15px #0006,0 8px 15px -5px #0000004d,0 0 0 1px #ffffff0d inset;animation:cardFloat 10s ease-in-out infinite;will-change:transform,box-shadow}.tool-card:hover{transform:perspective(2000px) translateZ(80px) rotateX(8deg) rotateY(-8deg);box-shadow:0 40px 70px -20px #0009,0 20px 40px -10px #0006,0 -8px 25px -5px #ffffff26,0 0 0 1px #ffffff1a inset;border-color:transparent;z-index:1;animation-play-state:paused}.tool-card[data-category="글쓰기 리서치"]:hover{background:var(--cat-writing)}.tool-card[data-category="이미지 생성"]:hover{background:var(--cat-image)}.tool-card[data-category="동영상 생성"]:hover,.tool-card[data-category="동영상 편집"]:hover{background:var(--cat-video)}.tool-card[data-category="아바타/립싱크"]:hover{background:var(--cat-avatar)}.tool-card[data-category="음악/보이스"]:hover{background:var(--cat-music)}.tool-card[data-category="디자인 제작"]:hover{background:var(--cat-visual)}.tool-card[data-category="바이브 코딩"]:hover{background:var(--cat-coding)}.tool-card[data-category=자동화]:hover{background:var(--cat-automation)}.tool-card[data-category="회의록/기록"]:hover{background:var(--cat-notes)}.tool-card[data-category=연구]:hover{background:var(--cat-research)}.tool-card[data-category="컨텐츠 생성"]:hover{background:var(--cat-content)}.tool-card[data-category=생산성]:hover{background:var(--cat-productivity)}.tool-card[data-category="MCP/Agent"]:hover{background:var(--cat-agent)}@keyframes cardFloat{0%,to{transform:perspective(2000px) translateZ(0) rotateX(0) rotateY(0)}50%{transform:perspective(2000px) translateZ(30px) rotateX(3deg) rotateY(3deg)}}.tool-content{padding:1.5rem;flex-grow:1;position:relative;z-index:2;transition:transform .3s ease}.tool-card:hover .tool-content{transform:translateZ(40px);transition-delay:.1s}.tool-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.tool-name{font-size:1.125rem;font-weight:600;color:var(--text);margin:0}.tool-category{font-size:.75rem;color:var(--text-secondary);padding:.25rem .75rem;border-radius:9999px;white-space:nowrap;transition:all .3s ease;font-weight:500;background:#f773161a;border:1px solid rgba(247,115,22,.2)}.tool-card[data-category="한국 AI 서비스"]:hover{background:var(--cat-korean-ai);border-color:transparent}.tool-card[data-category=도메인]:hover{background:var(--cat-domain);border-color:transparent}.tool-card[data-category=API]:hover{background:var(--cat-api)}.tool-card[data-category=RSS]:hover{background:var(--cat-rss)}.tool-card[data-category=마인드맵]:hover{background:var(--cat-mindmap)}.tool-card:hover .tool-category{color:#fff;background:#fff3;border-color:transparent;text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 4px 12px #ffffff26}.tool-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.tool-link{padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--surface-light);color:var(--text);font-size:.875rem;font-weight:500;transition:all .4s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;z-index:2;transform:translateZ(10px)}.tool-link:hover{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;box-shadow:0 12px 25px #f773164d,0 0 0 1px #ffffff1a inset;transform:translateZ(30px);transition-delay:.05s}@media (max-width: 768px){.tool-card{max-width:100%;margin:0}.tool-content{padding:1.25rem}.tool-header{flex-direction:column;gap:.5rem;align-items:flex-start}.tool-name{font-size:1rem}.tool-description{font-size:.813rem;margin-top:.5rem}}.tools-section{padding:2rem 2rem 4rem;position:relative;z-index:10}.tools-container{max-width:1200px;margin:0 auto}.category-section{margin-bottom:4rem;scroll-margin-top:120px}.category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.category-title{font-size:1.75rem;font-weight:600;color:var(--text);white-space:nowrap}.category-line{flex-grow:1;height:1px;background:linear-gradient(to right,var(--primary-light) 0%,var(--accent) 50%,rgba(30,41,59,.3) 100%)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}@media (max-width: 768px){.tools-section{padding:1rem .75rem 2rem}.tools-grid{grid-template-columns:1fr;gap:.75rem}.category-title{font-size:1.25rem}.category-section{margin-bottom:2rem;scroll-margin-top:100px}}@media (min-width: 1400px){.tools-grid{grid-template-columns:repeat(4,1fr)}}.footer{background-color:var(--background-light);padding:3rem 2rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer-logo-section{display:flex;flex-direction:column;gap:1rem}.footer-logo{width:150px;height:40px;-o-object-fit:contain;object-fit:contain}.footer-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.company-info{font-size:.875rem;color:var(--text-secondary);line-height:1.6}.contact-info{display:flex;flex-direction:column;gap:.75rem;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.copyright-section{grid-column:1 / -1;text-align:center;padding-top:2rem;margin-top:2rem;border-top:1px solid var(--border)}.copyright-content{display:flex;justify-content:center;align-items:center;gap:.25rem;font-size:.875rem;color:var(--text-tertiary)}@media (max-width: 1024px){.contact-info{grid-column:1 / -1}}@media (max-width: 768px){.footer{padding:2rem 1rem}.footer-content{grid-template-columns:1fr;gap:2rem;text-align:left}}.chat-toggle-button{position:fixed;bottom:1.5rem;right:1.5rem;width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:0 4px 15px #0003;transition:all .3s ease;z-index:1000}.chat-toggle-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #00000040}.chat-modal{position:fixed;bottom:0;right:0;width:380px;height:600px;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;z-index:1000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{padding:1rem 1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;border-radius:20px 20px 0 0}.expand-button{background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.expand-button:hover{background:#fff3}.expand-button.expanded{background:#ffffff4d}.chat-header h3{margin:0;font-size:1.1rem}.close-button{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#ffffff1a}.question-types{max-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;background:#f8f9fa;border-bottom:1px solid #eee;transition:all .3s ease-in-out;padding:0 1rem}.question-type-button{padding:.5rem;border:1px solid #ddd;border-radius:8px;background:#fff;color:#333;font-size:.9rem;cursor:pointer;transition:all .2s ease}.question-type-button:hover,.question-type-button.active{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;border-color:transparent}.question-types.expanded{max-height:500px;padding:1rem}.guide-message{padding:.5rem;grid-column:1 / -1;background:#f8f9fa;color:#666;font-size:.9rem;line-height:1.4}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:.8rem 1rem;border-radius:15px;line-height:1.4;font-size:.95rem;animation:messageIn .3s ease-out;word-break:break-word;white-space:pre-wrap}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}.message.bot{background:#f0f0f0;color:#333;align-self:flex-start;border-bottom-left-radius:5px;overflow-wrap:break-word;line-height:1.6}.message.bot h3{font-size:1.1rem;font-weight:600;margin:.5rem 0;color:#1a1a1a}.message.bot p{margin:.5rem 0}.message.bot ul{margin:.5rem 0;padding-left:1.2rem}.message.bot li{margin:.3rem 0}.message.bot strong{color:#2563eb;font-weight:600}.chat-link{color:#4f46e5;text-decoration:underline;word-break:break-all}.message.user .chat-link{color:#fff}.chat-link:hover{text-decoration:none;opacity:.8}.chat-input{padding:1rem;border-top:1px solid #eee;display:flex;gap:.5rem;align-items:flex-end}.chat-input textarea{flex:1;padding:.8rem 1rem;border:1px solid #ddd;border-radius:15px;resize:none;font-size:.95rem;color:#333;line-height:1.4;max-height:100px;transition:all .2s;background:#fff}.chat-input textarea:focus{outline:none;border-color:var(--primary);color:#000}.send-button{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.send-button:hover:not(:disabled){transform:scale(1.1)}.send-button:disabled{opacity:.6;cursor:not-allowed}.typing-indicator{display:flex;gap:.3rem;padding:.2rem 0}.typing-indicator span{width:6px;height:6px;background:#666;border-radius:50%;animation:typing 1s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.question-examples{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.clickable-question{padding:.5rem;background:#4f46e51a;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--primary);font-size:.9rem;margin-bottom:.25rem;text-align:left}.clickable-question:hover{background:#4f46e533;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media (max-width: 480px){.chat-modal{width:100%;height:calc(100% - 4rem);bottom:0;right:0;border-radius:0;animation:slideUpMobile .3s ease-out}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.chat-header{border-radius:0;padding:.75rem 1rem}.question-types{grid-template-columns:1fr;padding:.75rem}.question-type-button{padding:.75rem;font-size:.875rem}.chat-messages{padding:.75rem}.message{max-width:85%;padding:.75rem;font-size:.875rem}.chat-input{padding:.75rem}.chat-input textarea{padding:.625rem;font-size:.875rem}.send-button{width:36px;height:36px}}:root{--primary: #4f46e5;--primary-light: #6366f1;--secondary: #3b82f6;--accent: #8b5cf6;--cat-writing: linear-gradient(135deg, #3b82f6 0%, #2dd4bf 100%);--cat-image: linear-gradient(135deg, #ec4899 0%, #8b5cf6 100%);--cat-video: linear-gradient(135deg, #f43f5e 0%, #f97316 100%);--cat-avatar: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--cat-music: linear-gradient(135deg, #14b8a6 0%, #22c55e 100%);--cat-visual: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--cat-coding: linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);--cat-automation: linear-gradient(135deg, #f97316 0%, #eab308 100%);--cat-notes: linear-gradient(135deg, #22c55e 0%, #84cc16 100%);--cat-research: linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--cat-content: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--cat-productivity: linear-gradient(135deg, #eab308 0%, #f97316 100%);--cat-agent: linear-gradient(135deg, #6366f1 0%, #0ea5e9 100%);--cat-collection: linear-gradient(135deg, #ec4899 0%, #f43f5e 100%);--cat-korean-ai: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);--cat-domain: linear-gradient(135deg, #0ea5e9 0%, #22c55e 100%);--cat-api: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);--cat-rss: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--cat-mindmap: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);--background: #0f172a;--background-light: #1e293b;--surface: #1e293b;--surface-light: #334155;--text: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border: #334155;--error: #ef4444;--success: #10b981;--warning: #f59e0b}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text);line-height:1.5;overflow-x:hidden;min-height:100vh;position:relative;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}.star{position:fixed;width:2px;height:2px;background:#fff;border-radius:50%;opacity:0;animation:twinkle var(--duration) infinite var(--delay);pointer-events:none;z-index:0}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:var(--opacity);transform:scale(var(--scale))}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;-webkit-overflow-scrolling:touch;touch-action:pan-y}a{color:var(--primary-light);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}button{font-family:Inter,sans-serif;cursor:pointer;border:none;outline:none;background:none}.gradient-text{background:linear-gradient(90deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}