:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}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;background-image:radial-gradient(circle at center,black .1rem,transparent 0),radial-gradient(circle at center,black .05rem,transparent 0);background-size:1.3rem 1.3rem;background-position:0 0,.65rem .65rem}h1{font-size:3.2em;line-height:1.1}.card{position:absolute;border-radius:8px;width:400px;cursor:pointer;max-height:600px;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013}.card-body{border-radius:0 0 8px 8px;overflow-y:auto;overflow-x:hidden;padding:10px}.card-body textarea{width:100%;height:100%;border:none;resize:none;background-color:inherit;scrollbar-width:thin;scrollbar-color:#9bd1de #f0f0f0;max-height:500px;font-family:var(--current-font);font-size:var(--current-font-size);max-height:var(--max-height)}textarea:focus{background-color:inherit;outline:none;width:100%;height:100%}.card-header{background-color:#9bd1de;border-radius:5px 5px 0 0;display:flex;justify-content:space-between;align-items:center;padding:5px}#controls{display:flex;flex-direction:column;gap:1em;align-items:center;position:fixed;left:1em;top:50%;transform:translateY(-50%);background-color:#35363e;padding:1em;border-radius:40px;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013;z-index:10000}.dock{background:#ffffffe6;padding:10px 20px;border-radius:40px;display:flex;gap:20px;align-items:center;box-shadow:0 2px 10px #0000001a}.search-pill{padding:0;border-radius:40px;display:flex;align-items:center;box-shadow:0 2px 10px #0000001a;transition:opacity .3s ease,transform .3s ease}.search-pill.hidden{opacity:0;transform:translateY(-10px);pointer-events:none}.search-pill.show{opacity:1;transform:translateY(0);pointer-events:auto}.add-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#35363e;color:#fff;font-size:1.5em;cursor:pointer;transition:transform .2s}.add-btn:hover{transform:scale(1.1)}.color-picker{display:flex;gap:10px}.color-option{width:30px;height:30px;border-radius:50%;cursor:pointer;transition:transform .2s}.color-option:hover{transform:scale(1.1)}.empty-state{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666;font-size:1.2rem}.search-container{position:relative;display:flex;align-items:center;background:transparent;padding:0}.search-input{padding:12px 45px 12px 22px;color:#000;background:#f5f5f5;border-radius:20px;border:.05rem solid transparent;width:100%;min-width:100px;transition:all .3s ease;outline:none}.search-input:focus{outline:none;border-color:#9bd1de;box-shadow:0 0 0 2px #9bd1de4d}.clear-search-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:#666;font-size:1.2rem;padding:0 5px}.clear-search-btn:hover{color:#333}.icon-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.header{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:10000}@keyframes glow{0%{box-shadow:0 0 2px #9bd1de80}50%{box-shadow:0 0 8px #9bd1de}to{box-shadow:0 0 2px #9bd1de80}}.card.highlight{animation:glow 1.5s ease-in-out infinite}.options-container{position:relative;display:inline-block;align-self:center}.options-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:#fff;color:#35363e;font-size:1.5em;cursor:pointer;transition:transform .2s}.options-btn:hover{transform:scale(1.1)}.options-menu{position:absolute;top:45px;left:0;z-index:10001;min-width:150px;animation:fadeIn .3s ease}.options-menu ul{list-style:none;margin:0;padding:4px;display:flex;flex-direction:column;gap:5px}.options-menu li{cursor:pointer;transition:background .2s;background-color:#fff;color:#35363e;border-radius:22px;padding:8px 16px;text-align:center}.options-menu li:hover{background:#f0f0f0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-modal{width:600px;padding:24px;background:#fff;border-radius:8px;box-shadow:0 8px 10px #00000024,0 3px 14px #0000001f,0 5px 5px #0003}.modal-title{margin:0 0 24px;font-size:22px;font-weight:500;color:#202124}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.form-row{margin-bottom:24px}.input-label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#5f6368}.material-input{padding:10px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;transition:border-color .2s;background:#fff;color:#202124}.material-input:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e833}select.material-input{height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%235f6368%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 8px center;background-size:12px auto;color:#000}.material-btn{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase}.material-btn.contained.primary{background:#000;color:#fff;border-radius:22px;text-transform:none}.material-btn.contained.primary:hover{background:#202124;transition:all .2s}.material-btn.outlined{border:1px solid #dadce0;background:transparent;color:#24292e;text-transform:none;border-radius:22px}.material-btn:hover{box-shadow:0 1px 2px #0000001a}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100000}.about-modal{background:#fff;color:#333;padding:2rem;border-radius:12px;width:600px;position:relative;box-shadow:0 8px 32px #0000001a}.github-btn{background:#24292e;color:#fff;padding:.5rem 1rem;border-radius:6px;margin-top:1rem}.close-btn{background:red;border:none;border-radius:22px;padding:4px;width:40px;height:40px;cursor:pointer;color:#f0f0f0;font-size:1.5rem}.close-btn:hover{transform:scale(1.2) duration(.3s)}