:root{--bg:#0c0d10;--fg:#e9ecf1;--muted:#97a1b3;--accent:#5aa7ff;--accent-dark:#3f7dd4;--card:#151922;--border:#243046}#root,body,html{height:100%}body{background:#0c0d10;background:var(--bg);color:#e9ecf1;color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Arial,sans-serif;margin:0}.app-root{display:grid;grid-template-rows:auto 1fr auto;min-height:100%}.app-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#15192299;border-bottom:1px solid #243046;border-bottom:1px solid var(--border);padding:24px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.brand-link{color:inherit;display:inline-flex;flex-direction:column;gap:4px;text-decoration:none}.brand-link h1{font-size:22px;margin:0;transition:color .2s ease}.brand-link:focus h1,.brand-link:hover h1{color:#5aa7ff;color:var(--accent)}.subtitle{color:#97a1b3;color:var(--muted);font-size:13px;margin:0}.app-main{padding:24px 16px 40px}.app-footer{border-top:1px solid #243046;border-top:1px solid var(--border);color:#97a1b3;color:var(--muted);font-size:12px;padding:16px;text-align:center}.home-container{grid-gap:32px;display:grid;gap:32px;margin:0 auto;max-width:1040px}.home-intro h2{font-size:24px;margin:0 0 8px}.home-intro p{color:#97a1b3;color:var(--muted);line-height:1.6;margin:0}.category-grid{grid-gap:20px;display:grid;gap:20px}.category-section{grid-gap:16px;background:#151922;background:var(--card);border:1px solid #243046;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 32px #00000040;display:grid;gap:16px;padding:20px}.category-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.category-title{font-size:18px;font-weight:600;margin:0}.category-count{background:#5aa7ff26;border:1px solid #5aa7ff66;border-radius:999px;color:#5aa7ff;color:var(--accent);font-size:12px;padding:4px 10px}.category-prompts{-ms-overflow-style:none;cursor:grab;display:flex;gap:12px;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x}.category-prompts::-webkit-scrollbar{display:none}.category-prompts.is-dragging{cursor:grabbing}.prompt-card{grid-gap:12px;background:#0d121cbf;border:1px solid #0000;border-radius:16px;color:inherit;display:grid;flex:0 0 auto;gap:12px;padding:16px;scroll-snap-align:start;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .1s ease;width:280px}.prompt-card:focus,.prompt-card:hover{background:#5aa7ff1f;border-color:#5aa7ff;border-color:var(--accent)}.prompt-card:active{transform:translateY(1px)}.prompt-card img{background:#141924;border:1px solid #243046cc;border-radius:12px;height:auto;width:100%}.prompt-card-body{grid-gap:6px;display:grid;gap:6px}.prompt-card-title{font-size:15px;font-weight:600;line-height:1.4}.prompt-card-meta{color:#97a1b3;color:var(--muted);font-size:12px}.usage-guide{grid-gap:18px;background:#151922b3;border:1px solid #243046;border:1px solid var(--border);border-radius:18px;display:grid;gap:18px;margin-top:32px;padding:24px}.usage-guide-title{font-size:18px;margin:0}.usage-guide-subtitle{color:#97a1b3;color:var(--muted);font-size:14px;margin:0}.usage-guide-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.usage-guide-item{grid-gap:10px;background:#0c0f18bf;border:1px solid #243046cc;border-radius:14px;display:grid;gap:10px;margin:0;padding:16px}.usage-guide-item img{border:1px solid #243046b3;border-radius:10px;height:auto;width:100%}.usage-guide-item figcaption{grid-gap:4px;color:#97a1b3;color:var(--muted);display:grid;font-size:13px;gap:4px}.usage-guide-item figcaption strong{color:#e9ecf1;color:var(--fg);font-size:14px}.detail-container{grid-gap:16px;display:grid;gap:16px;margin:0 auto;max-width:820px}.breadcrumb a{align-items:center;border:1px solid #0000;color:#97a1b3;color:var(--muted);display:inline-flex;font-size:14px;gap:6px;padding:4px 0;text-decoration:none}.breadcrumb a:focus,.breadcrumb a:hover{border-bottom-color:#5aa7ff;border-bottom-color:var(--accent);color:#5aa7ff;color:var(--accent)}.detail-meta{align-items:center;display:flex;gap:10px}.detail-hero{background:#10141f;border:1px solid #243046cc;border-radius:18px;overflow:hidden;width:100%}.detail-hero img{display:block;height:auto;object-fit:cover;width:100%}.detail-category{background:#5aa7ff33;border:1px solid #5aa7ff66;border-radius:999px;font-size:12px;letter-spacing:.02em;padding:6px 12px}.detail-id{color:#97a1b3;color:var(--muted);font-size:12px}.detail-empty{grid-gap:12px;background:#151922;background:var(--card);border:1px solid #243046;border:1px solid var(--border);border-radius:16px;display:grid;gap:12px;padding:32px;text-align:center}.detail-empty h2{margin:0}.back-home{border:1px solid #5aa7ff;border:1px solid var(--accent);border-radius:999px;color:#5aa7ff;color:var(--accent);justify-self:center;padding:8px 16px;text-decoration:none;transition:background .2s ease,color .2s ease}.back-home:focus,.back-home:hover{background:#5aa7ff;background:var(--accent);color:#041126}.prompt-content{grid-gap:14px;background:#151922;background:var(--card);border:1px solid #243046;border:1px solid var(--border);border-radius:16px;display:grid;gap:14px;padding:20px}.content-title{font-size:20px;line-height:1.35;margin:0}.content-body{background:#0b0e14;border:1px solid #243046;border:1px solid var(--border);border-radius:12px;line-height:1.6;margin:0;padding:16px;white-space:pre-wrap}.content-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.copy-btn,.share-btn{background:#5aa7ff;background:var(--accent);border:none;border-radius:999px;color:#041126;cursor:pointer;font-weight:600;padding:10px 16px;transition:background .2s ease,transform .1s ease}.share-btn{background:#0000;border:1px solid #5aa7ff;border:1px solid var(--accent);color:#e9ecf1;color:var(--fg)}.copy-btn:focus,.copy-btn:hover,.share-btn:focus,.share-btn:hover{transform:translateY(-1px)}.copy-btn:focus,.copy-btn:hover{background:#3f7dd4;background:var(--accent-dark)}.share-btn:focus,.share-btn:hover{background:#5aa7ff33}@media (max-width:720px){.app-main{padding:16px 12px 32px}.home-container{gap:24px}.category-section{padding:16px}.category-prompts{padding-bottom:4px}.prompt-card{width:240px}.usage-guide{padding:18px}.usage-guide-grid{grid-template-columns:1fr}.prompt-content{padding:16px}.content-body{padding:12px}}
/*# sourceMappingURL=main.db2ba884.css.map*/