@charset "UTF-8";:root{--background: #374151;--text: #111111;--purple: #828dff;--primary: #854ce6;--secondary: #be1adb;--bookmark: #7c93c3}body{font-family:Arial,sans-serif;background-color:var(--background);margin:0;padding:20px}.container{max-width:600px;margin:0 auto;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a}h1{text-align:center;color:var(--secondary);background-image:linear-gradient(to right,var(--secondary),var(--primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}form{display:flex;justify-content:space-between;margin-bottom:20px}input{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}button{margin-left:10px;padding:5px 10px;cursor:pointer;border:none;border-radius:4px}button.add-btn{padding:10px 20px;font-size:12px;background-color:var(--primary);color:#fff;border-radius:4px}button.add-btn:hover{background-color:var(--secondary)}button.reset-btn{padding:10px 20px;font-size:12px;background-color:var(--primary);color:#fff}button.reset-btn:hover{background-color:var(--secondary)}button.edit-btn{background-color:#e1d7b7;color:#000;padding:5px 10px}button.edit-btn:hover{background-color:#ffc107}button.delete-btn{background-color:#dc3545;color:#fff}button.delete-btn:hover{background-color:#72020d}li{display:flex;justify-content:space-between;align-items:center;padding:5px 0}li a{flex-grow:1;text-decoration:none;color:var(--text)}#bookmark-list{list-style-type:none;padding:0}#bookmark-list li{display:flex;justify-content:space-between;padding:12px;margin-bottom:11px;border-radius:10px;background-color:var(--bookmark)}.bookmark-number{font-weight:700;color:var(--primary);margin-right:10px;min-width:30px;text-align:right}.bookmark-url{flex-grow:1;text-decoration:none;color:var(--text);margin-left:10px;word-break:break-all}.pagination{display:flex;justify-content:center;margin-top:20px}#error-message{color:#dc3545;background-color:#f8d7da;padding:10px;border-radius:4px;margin-top:10px;font-weight:700}#error-message:before{content:"\26a0  ";font-size:1.2em}.hidden{display:none}#results-page{padding:30px;text-align:center;color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}#results-page h1{font-size:28px;margin-bottom:20px;font-weight:700}#submitted-url{font-size:18px;font-style:italic;color:var(--bookmark);font-weight:700}#back-to-overview{margin-top:20px;display:inline-block;background-color:var(--primary);color:#fff;padding:10px 20px;text-decoration:none;border-radius:4px}#back-to-overview:hover{background-color:var(--secondary)}@media (min-width: 768px){.container{max-width:600px}form{flex-direction:row}input{width:80%}button{width:auto}}@media (max-width: 480px){h1{font-size:24px}li{flex-direction:row;align-items:flex-end}li a{word-break:break-word;font-size:12px}li button{width:100px}li .edit-btn,li .delete-btn{width:auto;margin-bottom:10px}}