:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--spinner-animation-speed: 2s}#app{background-color:#212228;background-image:linear-gradient(#292a30 .1em,transparent .1em),linear-gradient(90deg,#292a30 .1em,transparent .1em);background-size:4em 4em;height:100vh;position:relative;overflow:auto}.card{width:400px;border-radius:5px;cursor:pointer;box-shadow:0 1px 1px #00000013,0 2px 2px #00000013,0 4px 4px #00000013,0 8px 8px #00000013,0 16px 16px #00000013;position:absolute}.card-body{padding:1em;border-radius:0 0 5px 5px}.card-body textarea{background-color:inherit;border:none;width:100%;height:100%;resize:none;font-size:16px}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}#add-btn{background-color:#6b6b6b;display:flex;justify-content:center;align-items:center;height:40px;width:40px;border-radius:50%;cursor:pointer;transition:.3s}#add-btn:hover{height:45px;width:45px}.color{background-color:gray;height:40px;width:40px;border-radius:50%;cursor:pointer;transition:.3s}.color:hover{height:45px;width:45px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffe6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spinner-animation-speed: 2s}body{padding:0;margin:0}#app{background-color:#1e1f25;background-image:linear-gradient(#2a2b32 .08em,transparent .08em),linear-gradient(90deg,#2a2b32 .08em,transparent .08em);background-size:4em 4em;height:100vh;position:relative;overflow:auto}.card{width:400px;border-radius:12px;cursor:pointer;position:absolute;box-shadow:0 8px 20px #00000026;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0003}.card:active{transform:scale(.995)}.card-body{padding:1em;border-radius:0 0 12px 12px}.card-body textarea{background-color:inherit;border:none;width:100%;height:100%;resize:none;font-size:15px;line-height:1.5;transition:opacity .2s ease}textarea:focus{outline:none}.card-header{border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;padding:6px 8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin var(--spinner-animation-speed) linear infinite}.card-saving{display:flex;align-items:center;gap:5px}#controls{display:flex;flex-direction:column;gap:1em;align-items:center;position:fixed;left:1.2em;top:50%;transform:translateY(-50%);background:#35363ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1em;border-radius:40px;box-shadow:0 10px 30px #00000040;z-index:10000}#add-btn{background-color:#6b6b6b;display:flex;justify-content:center;align-items:center;height:42px;width:42px;border-radius:50%;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}#add-btn:hover{transform:scale(1.1);box-shadow:0 6px 14px #00000040}#add-btn:active{transform:scale(.95)}.color{height:42px;width:42px;border-radius:50%;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.color:hover{transform:scale(1.1);box-shadow:0 6px 14px #00000040}.color:active{transform:scale(.95)}