:root{font-family:Noto Sans KR,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#657166;background-color:#daebe3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #99CDD8;--secondary-color: #F3C3B2;--text-color: #657166;--light-bg: #DAEBE3;--card-bg: #ffffff;--accent-color-1: #FDE8D3;--accent-color-2: #CFD6C2;--accent-color-3: #F3C3B2;--dark-accent: #657166;--header-font: "Dancing Script", cursive;--body-font: "Noto Sans KR", sans-serif}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;font-family:var(--body-font);color:var(--text-color);background-color:var(--light-bg)}h1,h2,h3{font-family:var(--header-font);line-height:1.1}h1{font-size:3.2em;margin-bottom:.5em}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 768px){.app-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.app-grid{grid-template-columns:1fr}}#root{max-width:1280px;margin:0 auto;padding:1rem;width:100%}.container{width:100%}.header{text-align:center;padding:3rem 0 2rem;position:relative}.header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(to right,var(--accent-color-1),var(--primary-color),var(--accent-color-3));border-radius:3px;margin-bottom:1rem}.header h1{font-family:var(--header-font);font-size:4rem;background:linear-gradient(to right,var(--primary-color),var(--dark-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.8rem;text-shadow:0 2px 10px rgba(153,205,216,.2)}.header p{font-size:1.2rem;color:var(--text-color);opacity:.8;font-weight:300;letter-spacing:.5px}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;padding:1rem 0}.app-card{background-color:var(--card-bg);border-radius:24px;overflow:hidden;box-shadow:0 8px 20px #6571661a;transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;border:1px solid rgba(153,205,216,.2)}.app-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #65716626;border-color:#99cdd866}.app-card-image{width:100%;height:180px;object-fit:cover;transition:transform .5s ease;border-bottom:1px solid rgba(153,205,216,.1)}.app-card:hover .app-card-image{transform:scale(1.05)}.app-card-content{padding:1.8rem;flex-grow:1;display:flex;flex-direction:column;background:linear-gradient(to bottom,#ffffffe6,#fff)}.app-card-title{font-size:1.5rem;margin-bottom:.7rem;color:var(--dark-accent);font-weight:600;position:relative;padding-bottom:.5rem}.app-card-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--accent-color-3);border-radius:2px}.app-card-description{font-size:.95rem;color:var(--text-color);opacity:.85;margin-bottom:1.2rem;flex-grow:1;line-height:1.6}.app-card-link{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.4rem;border-radius:50px;text-decoration:none;font-weight:500;transition:all .3s ease;text-align:center;box-shadow:0 2px 10px #0000001a;border:1px solid rgba(255,255,255,.2);min-width:140px}.app-card-link-app{background-color:var(--primary-color);color:var(--dark-accent);box-shadow:0 2px 10px #99cdd84d}.app-card-link-app:hover{background-color:#8ac0cc;color:var(--dark-accent);box-shadow:0 4px 15px #99cdd866;transform:translateY(-2px)}.app-card-link-video{background-color:var(--accent-color-3);color:var(--dark-accent);box-shadow:0 2px 10px #f3c3b24d}.app-card-link-video:hover{background-color:#eab5a3;color:var(--dark-accent);box-shadow:0 4px 15px #f3c3b266;transform:translateY(-2px)}.app-card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.app-card-tag{font-size:.75rem;padding:.2rem .8rem;background-color:var(--accent-color-2);border-radius:50px;color:var(--dark-accent);border:1px solid rgba(255,255,255,.3)}.footer{text-align:center;padding:2rem 0;margin-top:3rem;position:relative;font-family:var(--header-font);color:var(--text-color);opacity:.8}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:2px;background:linear-gradient(to right,var(--accent-color-2),var(--primary-color),var(--accent-color-1));border-radius:2px}.loading,.error{text-align:center;padding:3rem;margin:2rem auto;max-width:500px;border-radius:24px;background-color:var(--card-bg);box-shadow:0 8px 20px #6571661a}.loading{color:var(--primary-color);font-size:1.2rem;position:relative;padding-bottom:4rem}.loading:after{content:"";position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(to right,var(--primary-color),var(--accent-color-1),var(--primary-color));border-radius:3px;animation:loading 1.5s infinite ease-in-out}@keyframes loading{0%{width:50px;opacity:.5}50%{width:100px;opacity:1}to{width:50px;opacity:.5}}.error{color:var(--secondary-color);font-size:1.1rem;border:1px solid rgba(243,195,178,.3)}