body{font-family:sans-serif;margin:0;background:#f1faee;transition:background .3s ease;color:#1d3557}.app-container{max-width:600px;margin:auto;padding:2rem}form{display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #1d3557}form input{width:80%;background-color:#f4f7f3;border-radius:5rem;padding:.5rem 1rem;box-shadow:0 0 0 1px #0000000d;height:1.7rem;border:1px solid #ccc;outline:none}h1{text-align:center}.toggle-btn{padding:.5rem 1rem;margin:1rem 0 2rem;cursor:pointer;background-color:#1d3557;color:#f1faee;border-radius:2rem}.toggle-btn:hover{background-color:#1d35579c}.submit-btn{padding:.7rem 1.5rem;margin:1rem 0;cursor:pointer;background-color:#e63946;color:#f1faee;font-size:1.15rem;border-radius:2rem;border:2px solid #e63946;width:fit-content}.submit-btn:hover{background-color:#e63947ba}.url-form{display:flex;flex-direction:column;gap:1rem}.url-list{margin-top:2rem}.url-item{width:90%;background:#fff;padding:1rem;margin-bottom:1rem;border-left:4px solid #0077cc;box-shadow:0 2px 5px #0000000d}.my-links{width:100%}.my-links a{display:inline-block;width:100%;height:100%;word-break:break-word;overflow-wrap:anywhere;text-decoration:underline;color:#00f}.dark{background:#1d3557;color:#f1faee}.dark form{border-bottom:1px solid #f1faee}.dark .url-item{background:#f1faee;border-left-color:#00bfff;color:#1d3557}.dark .toggle-btn{background:#f1faee;color:#1d3557;border:1px solid #1d3557}.dark .toggle-btn:hover{background-color:#f1faeea3}.dark .submit-btn{background-color:#e63946;color:#f1faee}.dark .submit-btn:hover{background-color:#e63947ba}