:root{padding:0;margin:0;box-sizing:border-box;--max-width: 320px;--element-padding: .8em;--element-border-radius: 5px;--btn-height: 5px;--sm-btn-height: 2px;--primary-font: "Cabin", sans-serif;--secondary-font: "Calistoga", sans-serif}body{display:flex;justify-content:center;align-items:center}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.quote-form-container{padding:1rem 1.25rem;width:100%;max-width:500px;margin:1.5rem auto;background:#fff;border-radius:1rem;box-shadow:0 4px 10px #0000001a}.quote-form-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.quote-icon{font-size:1.5rem}.quote-title{font-size:1.5rem;font-weight:700;text-align:center;flex:1}.quote-form{display:flex;flex-direction:column;gap:1rem}.quote-textarea,.quote-input{padding:.75rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem}.quote-textarea:focus,.quote-input:focus{outline:none;border-color:#007bff}.quote-form-buttons{display:flex;flex-direction:column;gap:.75rem}.quote-button,.tag-button{flex:1;padding:.5rem;border:none;border-radius:999px;color:#fff;background-color:#333;cursor:pointer;font-size:1rem;transition:background .2s ease}.tag-button{background-color:#555}.quote-button:hover,.tag-button:hover{background-color:#000}@media (min-width: 500px){.quote-form-buttons{flex-direction:row;justify-content:space-between}}.notes-textarea{transition:all .3s ease-in-out;margin-top:.5rem;width:100%}.quote-library-container{padding:1rem 2rem;max-width:600px;margin:2rem auto;background:#fff;border-radius:1rem;box-shadow:0 4px 10px #0000001a}.quote-library-header{display:flex;justify-content:space-between;align-items:center}.back-button{background-color:#333;color:#fff;border:none;padding:.5rem 1rem;border-radius:99px;cursor:pointer;width:30%;text-align:center}.back-button:hover{opacity:.7}.quote-list{list-style:none;padding:0}.quote-card{background:#f9f9f9;padding:1rem;padding:1rem 3rem 1rem 1rem;border-radius:.75rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #00000014;transition:all .2s ease-in-out;position:relative}.quote-card:hover{box-shadow:4px 4px 12px #0003;transform:translateY(-2px)}.edit-button{bottom:1rem;right:.75rem;padding:4px 10px;border:1px solid transparent;border-radius:6px;background-color:transparent;cursor:pointer;font-weight:700;transition:all .2s ease}.delete-button{color:#e76f51;padding:4px 10px;border:1px solid transparent;border-radius:6px;background-color:transparent;cursor:pointer;font-weight:700;transition:all .2s ease;text-align:right}.edit-button:hover,.delete-button:hover{border:1px solid #333;background-color:#f8f8f8;transform:scale(1.03);transition:all .2s ease-in-out}.quote-edit-delete-btn{display:flex;justify-content:space-between;align-items:center}.like-button{background:none;border:none;font-weight:700;cursor:pointer;font-size:1rem;position:absolute;right:0;top:.5;z-index:1;transition:transform .1s ease-in-out;width:80px}.like-button:hover{color:red}.like-button.liked{color:#c2185b}.like-button:not(.liked){color:#ccc}.blockquote{text-align:left;margin-left:0}.input-hint{font-size:.7rem;color:#888;font-style:italic;margin-top:.25rem}kbd{background:#f5f5f5;border:1px solid #ccc;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.75rem}.edit-form{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.edit-form textarea,.edit-form input{font-size:.9rem;padding:.5rem;border:1px solid #ccc;border-radius:6px;resize:vertical;width:100%;max-width:95%;margin:.25rem 0}.edit-form-buttons{display:flex;gap:1rem;margin-top:.5rem}.edit-form button{padding:.4rem .8rem;border-radius:6px;border:none;cursor:pointer;font-weight:700}.edit-form .save-button{background-color:#4caf50;color:#fff}.edit-form .cancel-button{background-color:#f44336;color:#fff}.edit-form .save-button:hover{background-color:#45a049}.edit-form .cancel-button:hover{background-color:#d32f2f}.quote-search-bar{margin:1rem 0;text-align:center}.quote-search-bar input{width:100%;max-width:400px;padding:.5rem;font-size:1rem;border-radius:6px;border:1px solid #ccc;box-shadow:0 1px 3px #0000000d}.splash-container{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#333;text-align:center;padding:2rem}.title{font-size:3rem;margin-bottom:1rem}.motto{font-size:1.2rem;max-width:500px;font-style:italic}.enter-btn{font-size:1rem;padding:.75rem 2rem;margin-top:2rem;border:none;background:#07c;color:#fff;border-radius:8px;cursor:pointer}.enter-btn:hover{background:#005fa3}.login{margin:none;border:1px solid #e8ecf1;border-radius:12px;box-shadow:0 8px 20px #0000000f;padding:1.25em}.login .auth-fields-and-buttons{display:flex;flex-direction:column;gap:1em}.login .logged-container{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;width:100%}.login #logged-out-view .logged-container{gap:2em}.login input,button{font-family:inherit;padding:12px 14px;border:3px solid #d3d9e0;border-radius:var(--element-border-radius);width:100%;box-sizing:border-box;font-size:1.1em;text-align:left}.login input:focus,button:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd26}.login input{font-weight:300}.login input::placeholder{color:#98a3ad;opacity:1}.login button{font-weight:600;width:100%}.login button:hover{cursor:pointer}.login .primary-btn{background:#ffde00;box-shadow:0 var(--btn-height) 0 0 #000;box-shadow:0 4px #000;position:relative;border-color:#d2b800;border-radius:10px}.login .primary-btn:hover{top:var(--btn-height);box-shadow:none;border-color:#d2b800}.login .secondary-btn{padding:.4em;background:transparent;background:#fff;color:#222;border-color:#d3d9e0}.login .secondary-btn:hover{color:#fff;background:#111;border-color:#111}.login .provider-btn{font-family:Roboto,sans-serif;font-weight:500;font-size:14px;border:1px solid #dadce0;border-radius:10px;padding:10px 14px;color:#3c4043;background:#fff;display:flex;justify-content:center;align-items:center;gap:.5em;box-shadow:0 2px 6px #0000000d;width:100%}.login .provider-btn:hover{transition:all .2s ease;box-shadow:0 6px 18px #00000014}.google-btn-logo{width:18px;height:18px}@media (max-width: 480px){.login{padding:1em;border-radius:10px}}@media (prefers-color-scheme: dark){.login{background:#121722;border-color:#273142;box-shadow:none}.login input,.login button{background:#161c28;border-color:#2b3545;color:#e8eef6}.login .provider-btn{background:#161c28;border-color:#2b3545;color:#dbe2ea}}.app-header{width:100%;max-width:600px;margin:0 auto .75rem;padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 6px 18px #0000000f}.app-header span{padding:.3rem .6rem;border-radius:9999px;background:#f8fafc;border:1px solid rgba(0,0,0,.06);font-weight:600;font-size:.9rem;color:#1f2937}.app-header button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#111827;border:1px solid #e5e7eb;padding:.5rem .9rem;border-radius:12px;font-weight:600;transition:background .15s ease,box-shadow .15s ease,transform .06s ease}.app-header button:hover{background:#f9fafb;border:1px solid #c2185b}.app-header button:active{transform:translateY(1px)}.app-header>button:focus-visible,input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #ffd40059;border-color:#f2c100}@media (max-width: 480px){.app-header{flex-direction:column;align-items:stretch}.app-header button{width:100%}}.appName{display:flex;flex-direction:column}.count{font-size:.6em;font-weight:400;font-style:italic;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding-left:1em}