:root{--primary-color: rgb(61, 145, 104);--primary-color-dark: rgb(45, 110, 78);--bg-color: #f9fafb;--text-color: #1f2937;--card-bg: #ffffff;--border-color: #e5e7eb;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}@media(prefers-color-scheme:dark){:root{--bg-color: #111827;--text-color: #f9fafb;--card-bg: #1f2937;--border-color: #374151}}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}*{box-sizing:border-box}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-color-dark)}button{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:600;cursor:pointer;border:none;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-color-dark);transform:translateY(-1px)}.card{background-color:var(--card-bg);border-radius:.5rem;padding:1rem;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f;border:1px solid var(--border-color);margin-bottom:.75rem;overflow-wrap:break-word;word-break:break-word}.bookmark-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}.bookmark-grid .card{margin-bottom:0;height:100%}.input{width:100%;padding:.75rem;border-radius:.375rem;border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);font-size:1rem;margin-bottom:1rem}.input:focus{outline:2px solid var(--primary-color);border-color:transparent}