*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f7f7f5;color:#222}button,input,textarea{font:inherit}button{border:0;border-radius:14px;padding:12px 16px;background:#222;color:#fff}header{position:sticky;top:0;background:#f7f7f5dd;backdrop-filter:blur(10px);padding:18px 16px 10px;z-index:2}.top{display:flex;align-items:center;justify-content:space-between;gap:10px}.top h1{margin:0;font-size:28px}.search{margin-top:14px;width:100%;padding:13px 15px;border:1px solid #ddd;border-radius:15px;background:white}.grid{padding:12px 14px 100px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card{background:white;border:1px solid #e6e6e2;border-radius:18px;padding:15px;min-height:120px;box-shadow:0 2px 8px #00000008;cursor:pointer}.card h3{margin:0 0 8px;font-size:17px}.preview{white-space:pre-wrap;color:#666;font-size:14px;line-height:1.4}.fab{position:fixed;right:18px;bottom:20px;border-radius:20px;padding:16px 20px;font-weight:700;box-shadow:0 8px 25px #0003}.screen{padding:20px 16px;max-width:760px;margin:auto}.editor input,.editor textarea,.login input{width:100%;border:1px solid #ddd;background:white;border-radius:14px;padding:14px;margin-bottom:12px}.editor textarea{min-height:170px;resize:vertical}.row{display:flex;gap:8px;flex-wrap:wrap}.task{display:flex;gap:10px;align-items:center;background:white;border:1px solid #e5e5e5;border-radius:12px;padding:10px;margin:8px 0}.task input{width:22px;height:22px}.task span{flex:1}.task.done span{text-decoration:line-through;color:#888}.muted{color:#777}.login{max-width:420px;margin:15vh auto;padding:20px}.login h1{font-size:30px}.danger{background:#a33}.ghost{background:#e9e9e6;color:#222}.back{background:transparent;color:#222;padding-left:0}.share{background:#5b5bd6}.empty{text-align:center;color:#777;padding:60px 20px}

.colors{display:flex;gap:8px;margin:4px 0 16px}
.colors button{width:42px;height:42px;padding:0;border-radius:50%;font-size:20px;background:#fff;border:1px solid #ddd}
.editor{background:var(--note-bg,#fff);min-height:100vh}
.editor input,.editor textarea{background:color-mix(in srgb,var(--note-bg,#fff) 85%,white)}