:root{--bg-main: #0d1117;--bg-panel: #161b22;--bg-soft: #1c2333;--bg-hover: #242d3d;--bg-elevated: #1f2937;--text-main: #e6edf3;--text-secondary: #c9d1d9;--text-muted: #8b949e;--text-faint: #6e7681;--border-soft: #30363d;--border-accent: #388bfd;--accent: #58a6ff;--accent-hover: #79c0ff;--accent-soft: rgba(88, 166, 255, .12);--green: #3fb950;--green-soft: rgba(63, 185, 80, .12);--red: #f85149;--red-soft: rgba(248, 81, 73, .12);--yellow: #d29922;--yellow-soft: rgba(210, 153, 34, .12);--purple: #bc8cff;--purple-soft: rgba(188, 140, 255, .12);--teal: #39d2c0;--teal-soft: rgba(57, 210, 192, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-main);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}.page{max-width:1060px;margin:0 auto;padding:32px 24px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border-soft);gap:16px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:600;display:flex;align-items:baseline;gap:12px}.item-count{font-size:13px;font-weight:400;color:var(--text-muted)}.back-link{font-size:13px;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px}.back-link:hover{color:var(--accent);text-decoration:none}.card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:10px;padding:20px;margin-bottom:16px}.toast-success{background:var(--green-soft);border-color:#3fb9504d;color:var(--green);font-weight:500;font-size:14px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid transparent;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:var(--bg-elevated);color:var(--text-secondary);border-color:var(--border-soft)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-main);border-color:var(--accent)}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--accent)}.btn-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}input[type=text],input[type=search],select,textarea{background:var(--bg-soft);color:var(--text-main);border:1px solid var(--border-soft);border-radius:6px;padding:8px 12px;font-size:14px;font-family:inherit;width:100%;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}textarea{resize:vertical;min-height:80px}label{font-size:13px;font-weight:500;color:var(--text-muted);display:block;margin-bottom:4px}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-green{background:var(--green-soft);color:var(--green)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-yellow{background:var(--yellow-soft);color:var(--yellow)}.badge-purple{background:var(--purple-soft);color:var(--purple)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.output-block{background:var(--bg-soft);border:1px solid var(--border-soft);border-left:3px solid var(--accent);border-radius:6px;padding:16px;font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word;overflow-x:auto;color:var(--text-secondary)}.filters-row{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.filters-row input[type=search]{flex:2;min-width:200px}.filters-row select{flex:1;min-width:140px}.seg-control{display:inline-flex;background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:8px;padding:3px;gap:2px}.seg-btn{padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s;font-family:inherit}.seg-btn:hover{color:var(--text-main)}.seg-btn.active{background:var(--bg-panel);color:var(--text-main);box-shadow:0 1px 3px #0003}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-soft);border-left:3px solid transparent;cursor:pointer;transition:all .12s}.list-item:last-child{border-bottom:none}.list-item:hover{background:var(--bg-hover);border-left-color:var(--accent)}.list-item-title{font-weight:500;font-size:14px;color:var(--text-main);line-height:1.4}.list-item-keywords{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.keyword-tag{display:inline-block;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:500;background:var(--accent-soft);color:var(--accent)}.list-item-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.meta-chip{background:var(--bg-soft);padding:1px 6px;border-radius:4px;font-size:11px;color:var(--text-secondary)}.group-section{border-bottom:1px solid var(--border-soft)}.group-section:last-child{border-bottom:none}.group-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-elevated);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.3px;transition:background .1s}.group-header:hover{background:var(--bg-hover)}.group-header-left{display:flex;align-items:center;gap:8px}.group-chevron{font-size:10px;color:var(--text-muted);width:14px;text-align:center}.collapsible{border:1px solid var(--border-soft);border-radius:10px;margin-bottom:12px;overflow:hidden}.collapsible-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--bg-panel);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s}.collapsible-header:hover{background:var(--bg-hover)}.collapsible-title{font-weight:600;font-size:14px}.collapsible-count{font-size:12px;color:var(--text-muted);background:var(--bg-soft);padding:2px 10px;border-radius:999px;font-weight:500}.collapsible-body{padding:16px;border-top:1px solid var(--border-soft)}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:40px 24px;animation:fadeIn .3s ease-out}.home-header{text-align:center;margin-bottom:48px}.home-logo{font-size:40px;font-weight:700;letter-spacing:-1px;margin-bottom:8px}.home-logo span{background:linear-gradient(135deg,var(--accent),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-subtitle{color:var(--text-muted);font-size:16px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;max-width:640px;width:100%}.category-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:14px;padding:36px 24px 28px;text-align:center;cursor:pointer;transition:all .25s;text-decoration:none;color:var(--text-main);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--teal));opacity:.5;transition:opacity .25s}.category-card:hover{border-color:var(--accent);background:var(--bg-hover);text-decoration:none;transform:translateY(-3px);box-shadow:0 12px 32px #0006}.category-card:hover:before{opacity:1}.category-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-main),0 0 0 4px var(--accent)}.category-card.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.category-icon{font-size:52px;margin-bottom:16px;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.category-name{font-size:18px;font-weight:600;margin-bottom:6px}.category-desc{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:4px}.category-badge{position:absolute;top:14px;right:14px}.submission-card{background:var(--bg-soft);border:1px solid var(--border-soft);border-radius:8px;margin-bottom:10px;overflow:hidden}.submission-card-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background .1s}.submission-card-header:hover{background:var(--bg-hover)}.submission-card-body{padding:16px;border-top:1px solid var(--border-soft)}.prompt-editor{display:flex;flex-direction:column;height:calc(100vh - 120px)}.prompt-editor textarea{flex:1;min-height:0;resize:none;font-size:15px;line-height:1.7;padding:20px;border-radius:10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.prompt-editor textarea::-webkit-scrollbar{width:8px}.prompt-editor textarea::-webkit-scrollbar-track{background:transparent}.prompt-editor textarea::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.prompt-editor textarea:hover::-webkit-scrollbar-thumb{background:#ffffff40}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border-soft);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-style:italic;display:inline-flex;align-items:center;gap:8px}.meta{font-size:13px;color:var(--text-muted)}.meta strong{color:var(--text-main);font-weight:500}.meta-grid{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13px}.meta-grid dt{color:var(--text-muted);font-weight:500}.meta-grid dd{color:var(--text-secondary)}.section-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.empty-state{text-align:center;padding:56px 24px;color:var(--text-muted)}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.4;filter:grayscale(.5)}.empty-state p:first-of-type{font-size:15px;font-weight:500;color:var(--text-secondary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}html{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.card{transition:border-color .15s}.card:hover{border-color:#58a6ff33}@media(max-width:640px){.page{padding:16px}.page-header{flex-direction:column}.category-grid{grid-template-columns:1fr}.filters-row{flex-direction:column}.filters-row input,.filters-row select{width:100%}.list-item{flex-direction:column;align-items:flex-start}.list-item-meta{flex-direction:row;gap:8px}}