:root{--primary:#7aa2f7;--secondary:#9ece6a;--dark-primary:#0f1724;--dark-secondary:#1abc9c;--error:#cf6679}*{font-family:"Arial Narrow","Helvetica Condensed","Roboto Condensed","Liberation Sans Narrow",sans-serif-condensed,sans-serif;font-weight:400;box-sizing:border-box}body{background-color:#0b1220;color:#a6accd;margin:0;padding:0}header,nav,table{background-color:#151922}header,nav{border-bottom:2px solid #232634}header,main{padding:1.25rem}h1 a,h2{color:var(--primary)}h1 a,nav a{text-decoration:none}h1 a{font-size:2.5em;font-weight:700}h2,header,nav{text-align:center}h2{font-size:2em}nav{padding:.625rem 1.25rem}nav a{color:var(--secondary);font-size:1.3em;margin:0 .9375rem;padding:.3125rem .625rem;border-radius:.25rem;transition:background-color .3s ease}nav a:hover{background-color:#202436}main{max-width:50rem;margin:0 auto}table{width:100%;border-collapse:collapse;border-radius:.5rem;overflow:hidden;box-shadow:0 .25rem .5rem rgba(0,0,0,.5)}td,th{padding:.75rem .95rem;text-align:left;border-bottom:1px solid #232634}nav a,th{font-weight:700}th{background-color:#232634;color:#fff;text-transform:uppercase}.date{width:15%}tr:nth-child(even){background-color:#252525}tr:hover{background-color:#383838}label,td a{font-weight:700}td a{color:var(--secondary);text-decoration:none}td a:hover{text-decoration:underline}form{background-color:#151922;padding:1.5625rem;border-radius:.5rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.5);gap:1.25rem}form,form div{display:flex;flex-direction:column}label{margin-bottom:.5rem}input[type=password],input[type=text]{background-color:#252525;border:1px solid #232634;color:#a6accd;padding:.75rem;border-radius:.25rem;font-size:1em}.search-form input[type=search]:focus,input[type=password]:focus,input[type=text]:focus{outline:0;border-color:#7aa2f7}.search-form button,button,input[type=submit]{background-color:var(--secondary);color:#0b1220;padding:.75rem 1.25rem;border:0;border-radius:.25rem;font-size:1em;font-weight:700;cursor:pointer;transition:background-color .3s ease}.btn-pagination:hover,.search-form button:hover,button,input[type=submit]:hover{background-color:#018786}.error{color:var(--error)}.long{word-break:break-word}.pagination,.search-form{background-color:#151922;border-radius:.5rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.5)}.search-form{display:grid;grid-template-columns:8fr 2fr;gap:1rem;padding:1.5625rem;margin-bottom:1.5rem}.search-form input[type=search]{background-color:#252525;border:1px solid #232634;color:#a6accd;padding:.75rem;border-radius:.25rem;font-size:1em}input[type=search]{padding:0 1rem;width:100%}.pagination{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;padding:1rem}.pagination-info{color:#a6accd;font-weight:700}.pagination-buttons{display:flex;gap:.5rem}.btn{padding:.5rem 1rem;border-radius:.25rem;text-decoration:none;font-weight:700;transition:all .3s ease;border:0;cursor:pointer;display:inline-block}.btn-pagination{background-color:var(--secondary);color:#0b1220}.btn-pagination.disabled{background-color:#444;color:#666;cursor:not-allowed}.btn-pagination.disabled:hover{background-color:#444}.delete form{display:inline;background:0 0;box-shadow:unset;background-color:none}.delete form button[type=submit]{background:0 0;border:0;color:var(--error);cursor:pointer}@media screen and (max-width:50rem){header{font-size:.5rem}main{max-width:90%;padding:0}main h2{margin:1rem 0;font-size:1.6em}form{margin-top:1.25rem}table,tbody,td,th,tr{display:block;font-size:1em}tr{margin:0 0 1rem;border:1px solid #232634;border-radius:.5rem;cursor:pointer}td{border:0;border-bottom:1px solid #444;position:relative;padding-left:6rem;word-wrap:break-word}td:before{content:attr(data-label);position:absolute;left:0;padding-left:.9375rem;font-weight:700;color:var(--primary)}td:nth-of-type(1):before{content:"Short"}td:nth-of-type(2):before{content:"Long"}td:nth-of-type(3):before{content:"Created"}.date{width:100%}}@media (prefers-color-scheme:light){body,th{background-color:#eceff4;color:#2e3440}header,nav{background-color:#f2f6fa;border-bottom:2px solid #e1e6eb}h1 a,h2{color:#6b7280}nav a{color:#64748b}nav a:hover{background-color:#eef4fb}form,table{background-color:#fff;box-shadow:0 .25rem .5rem rgba(46,52,64,.06)}th{background-color:#e8eff6}tr:nth-child(even){background-color:#f6f9fc}tr:hover{background-color:#eef4f9}td a{color:#475569}td a:hover{text-decoration:underline}input[type=password],input[type=text]{background-color:#fff;border:1px solid #e1e6eb;color:#2e3440}.search-form input[type=search]:focus,input[type=password]:focus,input[type=text]:focus{border-color:#0f1724}button,input[type=submit]{background-color:#e6eef7;color:#475569;border:1px solid #d0d8e3}.btn-pagination:hover,.search-form button:hover,button:hover,input[type=submit]:hover{background-color:#dfeaf5}.error{color:#bf616a}td:before{color:#94a3b8}.pagination{background-color:#fff;box-shadow:0 .25rem .5rem rgba(0,0,0,.1)}.pagination-info{color:#121212}.btn-pagination,.search-form button{background-color:#e6eef7;color:#475569;border:1px solid #d0d8e3}.btn-pagination.disabled{background-color:#f5f5f5;color:#999;border:1px solid #ddd}.btn-pagination.disabled:hover{background-color:#f5f5f5}.search-form{background-color:#fff;box-shadow:0 .25rem .5rem rgba(46,52,64,.06)}.search-form input[type=search]{background-color:#fff;border:1px solid #e1e6eb;color:#2e3440}}@media screen and (max-width:50rem){.pagination{flex-direction:column;gap:1rem;text-align:center}.pagination-buttons{justify-content:center}}