.is-square.svelte-1xko78n{width:100%;aspect-ratio:1 / 1;padding:0;display:inline-flex;align-items:center;justify-content:center}.button.is-square.svelte-1xko78n{background:#fff;border:1px solid var(--card-border);color:var(--text-primary);box-shadow:0 1px 3px #00000014;transition:background-color .15s ease,transform .1s ease,box-shadow .15s ease}.button.is-square.svelte-1xko78n:hover:not(:disabled):not(.is-active){background:var(--accent-soft);border-color:var(--accent);box-shadow:0 2px 6px #0000001f}.button.is-square.is-active.svelte-1xko78n{background-color:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 4px #00000026,inset 0 1px #ffffff26}.button.is-square.is-active.svelte-1xko78n:hover:not(:disabled){background-color:var(--accent-hover)}.button.is-active.svelte-1xko78n:not(.is-square){color:var(--text-primary);background:var(--grid-bg-subtle);transform:translateY(1px);box-shadow:inset 0 1px 4px #00000026}.button.is-primary.is-active.svelte-1xko78n:not(.is-square),.button.is-dark.is-active.svelte-1xko78n:not(.is-square){background-color:var(--accent-hover);color:#fff}.quadrant-btn.svelte-x6qlyv{background:#fff!important;color:var(--text-primary)!important;border:2px solid var(--card-border)!important;box-shadow:0 2px 6px #0000001f;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease,border-color .15s ease}.quadrant-btn.svelte-x6qlyv:hover:not(:disabled):not(.is-active){background:var(--accent-soft)!important;border-color:var(--accent)!important;box-shadow:0 4px 12px #00000026}.quadrant-btn.is-active.svelte-x6qlyv{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;box-shadow:0 2px 8px #0003,inset 0 1px #ffffff26}.quadrant-btn.is-active.svelte-x6qlyv:hover:not(:disabled){background:var(--accent-hover)!important}.quadrant-nw.svelte-x6qlyv{top:25%;left:25%;transform:translate(-50%,-50%)}.quadrant-ne.svelte-x6qlyv{top:25%;left:75%;transform:translate(-50%,-50%)}.quadrant-sw.svelte-x6qlyv{top:75%;left:25%;transform:translate(-50%,-50%)}.quadrant-se.svelte-x6qlyv{top:75%;left:75%;transform:translate(-50%,-50%)}.quadrant-btn:hover:not(:disabled):not(.is-active).quadrant-nw.svelte-x6qlyv,.quadrant-btn:hover:not(:disabled):not(.is-active).quadrant-ne.svelte-x6qlyv,.quadrant-btn:hover:not(:disabled):not(.is-active).quadrant-sw.svelte-x6qlyv,.quadrant-btn:hover:not(:disabled):not(.is-active).quadrant-se.svelte-x6qlyv{transform:translate(-50%,-50%) scale(1.1)}.quadrant-btn.is-active.quadrant-nw.svelte-x6qlyv,.quadrant-btn.is-active.quadrant-ne.svelte-x6qlyv,.quadrant-btn.is-active.quadrant-sw.svelte-x6qlyv,.quadrant-btn.is-active.quadrant-se.svelte-x6qlyv{transform:translate(-50%,-50%)}.keypad.svelte-du2hpv{display:grid;gap:.75rem}.keys.svelte-du2hpv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.icon.has-text-success.svelte-du2hpv{color:#48c78e}.modal-backdrop.svelte-fmoipc{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:svelte-fmoipc-fadeIn .2s ease-out}@keyframes svelte-fmoipc-fadeIn{0%{opacity:0}to{opacity:1}}.modal-content.svelte-fmoipc{background:var(--form-bg);border-radius:var(--card-radius);border:1px solid var(--card-border);box-shadow:0 10px 40px #0003;max-width:480px;width:100%;animation:svelte-fmoipc-slideUp .3s ease-out;display:flex;flex-direction:column;font-family:var(--font-mono)}@keyframes svelte-fmoipc-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header.svelte-fmoipc{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--card-border)}.modal-header.svelte-fmoipc h3:where(.svelte-fmoipc){margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.close-button.svelte-fmoipc{background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:.5rem;line-height:1;transition:color .2s;border-radius:4px}.close-button.svelte-fmoipc:hover{color:var(--accent);background-color:var(--accent-soft)}.modal-body.svelte-fmoipc{padding:1.5rem;flex:1}.textarea-wrapper.svelte-fmoipc{position:relative;display:flex;flex-direction:column}.note-textarea.svelte-fmoipc{width:100%;min-height:150px;padding:.75rem;border:1px solid var(--input-border);border-radius:4px;font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);background:var(--input-bg);resize:vertical;transition:border-color .2s,box-shadow .2s}.note-textarea.svelte-fmoipc:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.char-count.svelte-fmoipc{display:flex;justify-content:flex-end;margin-top:.5rem;font-size:.8rem;color:var(--text-muted)}.char-count.svelte-fmoipc .warning:where(.svelte-fmoipc){color:var(--warning-text);font-weight:600}.modal-footer.svelte-fmoipc{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--card-border);justify-content:flex-end}.btn-cancel.svelte-fmoipc,.btn-save.svelte-fmoipc{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:4px;font-size:.85rem;font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.btn-cancel.svelte-fmoipc{background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--input-border)}.btn-cancel.svelte-fmoipc:hover{background-color:var(--accent-soft);border-color:var(--accent)}.btn-save.svelte-fmoipc{background-color:var(--accent);color:#fff}.btn-save.svelte-fmoipc:hover{background-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00a88f4d}@media(max-width:640px){.modal-content.svelte-fmoipc{max-width:100%;margin:0 .5rem}.modal-header.svelte-fmoipc{padding:1.25rem}.modal-header.svelte-fmoipc h3:where(.svelte-fmoipc){font-size:.9rem}.modal-body.svelte-fmoipc{padding:1.25rem}.note-textarea.svelte-fmoipc{min-height:120px}.modal-footer.svelte-fmoipc{padding:1.25rem;flex-direction:column-reverse}.btn-cancel.svelte-fmoipc,.btn-save.svelte-fmoipc{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.modal-backdrop.svelte-fmoipc,.modal-content.svelte-fmoipc{animation:none}}