:root{--bg-color:#fcfbf7;--app-bg:#e8f0fc;--header-bg:#f3eaf4;--card-bg:#f3eaf4;--add-project-bg:#fff9e6;--list-bg:#eaf4ea;--search-bg:#f3eaf4;--border-color:#373a40;--text-primary:#373a40;--text-secondary:#7e828a;--primary-color:#373a40;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--border-radius:16px;--border-width:2px}.app-container{background-color:var(--app-bg);border:var(--border-width) solid var(--border-color);border-radius:24px;flex-direction:column;gap:24px;max-width:700px;margin:0 auto;padding:24px;display:flex;box-shadow:0 10px 30px #b4c6e74d}.app-header{background-color:var(--header-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);text-align:center;padding:16px 20px}.app-header h1{margin:0;font-size:1.4rem;font-weight:600}.app-main{flex-direction:column;gap:24px;display:flex}.add-project-form.card{background-color:var(--add-project-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:24px}.add-project-form h2{margin-top:0;margin-bottom:16px;font-size:1.2rem;font-weight:600}.form-group{margin-bottom:16px}.form-group label{margin-bottom:6px;font-size:.95rem;font-weight:500;display:block}.form-group input,.form-group textarea,.search-input{border:var(--border-width) solid var(--border-color);background-color:#f3eaf4;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group textarea:focus,.search-input:focus{border-color:#92abd8;outline:none}.form-group textarea{resize:vertical;min-height:80px}button[type=submit]{color:var(--primary-color);border:var(--border-width) solid var(--border-color);cursor:pointer;background-color:#f3eaf4;border-radius:12px;padding:10px 28px;font-size:1rem;font-weight:600;transition:all .2s}button[type=submit]:hover{background-color:#f0f0f0;transform:translateY(-2px)}.search-and-list{flex-direction:column;gap:24px;display:flex}.search-bar.card{background-color:var(--search-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:12px 24px}.project-list.card{background-color:var(--list-bg);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);padding:24px}.project-card{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.project-card:last-child{margin-bottom:0}.delete-button{border:var(--border-width) solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#f3eaf4;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.delete-button:hover{color:#d35b5b;background-color:#fff0f0;border-color:#d35b5b}.project-info{flex-grow:1}.project-info h3{margin:0 0 4px;font-size:1.15rem;font-weight:600}.project-info p{color:var(--text-primary);margin:0;font-size:.95rem}.empty-state{text-align:center;color:var(--text-primary);margin:0;padding:20px 0;font-style:italic}@media (width<=480px){body{padding:20px 10px}.app-container,.add-project-form.card,.search-bar.card,.project-list.card{padding:16px}}