@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-hover:#f1f1f1;--text-primary:#111;--text-secondary:#666;--text-tertiary:#888;--border-color:#eaeaea;--accent:#000;--radius:6px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;width:260px;padding:24px 16px;display:flex;overflow-y:auto}.sidebar-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px;padding:0 12px;font-size:.875rem;font-weight:600}.category-list{flex-direction:column;gap:4px;display:flex}.category-item{border-radius:var(--radius);cursor:pointer;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:8px 12px;font-size:.95rem;transition:background .15s,color .15s;display:flex}.category-item:hover{background:var(--bg-hover);color:var(--text-primary)}.category-item.active{background:var(--bg-hover);color:var(--text-primary);font-weight:500}.main-content{flex-direction:column;flex:1;padding-bottom:80px;display:flex;position:relative;overflow-y:auto}.content-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;padding:48px 64px 32px;display:flex}.header-title h1{letter-spacing:-.02em;margin-bottom:8px;font-size:2rem;font-weight:600}.header-title p{color:var(--text-secondary);font-size:1rem}.subcategories-container{flex-direction:column;gap:48px;max-width:1000px;padding:40px 64px;display:flex}.subcategory{flex-direction:column;gap:16px;display:flex;position:relative}.subcategory-content{gap:40px;display:flex}.pr-column{flex:1}.subcategory h2{letter-spacing:-.01em;margin-bottom:16px;font-size:1.25rem;font-weight:600}.pr-list{flex-direction:column;gap:8px;list-style:none;display:flex}.pr-item{color:var(--text-secondary);padding-left:16px;font-size:.95rem;position:relative}.pr-item:before{content:"";background:var(--text-tertiary);border-radius:50%;width:4px;height:4px;position:absolute;top:10px;left:0}.pr-link{color:var(--text-secondary);text-decoration:none;transition:color .15s}.pr-link:hover{color:#06c;text-decoration:underline}.ideas-column{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius);opacity:.5;flex-direction:column;flex:1;gap:12px;padding:20px;transition:opacity .2s,box-shadow .2s;display:flex}.subcategory-content:hover .ideas-column,.ideas-column:focus-within{opacity:1;box-shadow:0 4px 12px #0000000d}.ideas-header{text-transform:uppercase;color:var(--text-tertiary);letter-spacing:.05em;margin-bottom:8px;font-size:.85rem;font-weight:600}.ideas-list{flex-direction:column;gap:8px;display:flex}.idea-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 12px;font-size:.95rem;display:flex}.idea-author{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;min-width:20px;height:20px;margin-top:2px;font-size:10px;font-weight:600;display:flex}.idea-text{flex:1}.category-count{background-color:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.category-item.active .category-count{background-color:var(--bg-primary)}.delete-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:8px;padding:2px}.delete-btn:hover{color:#e00;background:#fee}.idea-input-form{gap:8px;margin-top:auto;display:flex}.idea-input-form input{border:1px solid var(--border-color);border-radius:var(--radius);outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:.95rem;transition:border-color .2s}.idea-input-form input:focus{border-color:var(--accent)}.idea-input-form button{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius);cursor:pointer;padding:0 12px;font-weight:500;transition:background .15s,border-color .15s}.idea-input-form button:hover:not(:disabled){background:var(--bg-hover);border-color:#ccc}.idea-input-form button:disabled{opacity:.5;cursor:not-allowed}.global-actions{gap:12px;display:flex}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:opacity .2s;display:flex}.btn-primary:hover{opacity:.85}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:background .2s,border-color .2s;display:flex}.btn-secondary:hover{background:var(--bg-hover);border-color:#ccc}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}
