@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap);:root{--color-bg:#f3f4f7;--color-surface:#fff;--color-surface-2:#f7f8fa;--color-border:#e4e7ec;--color-text:#1f2430;--color-text-muted:#6b7280;--color-primary:#5b5bd6;--color-primary-strong:#4444b5;--color-primary-soft:#ecedfb;--color-success:#2bb673;--color-danger:#e5484d;--color-warning:#f5a524;--font-sans:"Rubik",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1);--shadow:0 4px 14px rgba(16,24,40,.08);--shadow-lg:0 12px 32px rgba(16,24,40,.14);--tap-target:44px}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);margin:0;padding:0 0 env(safe-area-inset-bottom);-webkit-font-smoothing:antialiased;overflow-x:hidden;text-rendering:optimizeLegibility}.container,.container-fluid{padding-inline:max(var(--space-4),env(safe-area-inset-left))}canvas,img,svg{max-width:100%}.navbar{box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1030}.deleteBtn,.editBtn{font-weight:600;margin-left:var(--space-2);min-height:var(--tap-target)}.editBtn{background-color:var(--color-primary);border:none;color:#fff}.editBtn:hover{background-color:var(--color-primary-strong);color:#fff}.deleteBtn{background-color:var(--color-danger);border:none;color:#fff}.deleteBtn:hover{background-color:#c93a3f;color:#fff}.list-group-item{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between}.list-group-item button{flex-shrink:0}@media (max-width:480px){.list-group-item{flex-wrap:wrap}.list-group-item .button-container{display:flex;gap:var(--space-2);width:100%}.list-group-item .button-container .deleteBtn,.list-group-item .button-container .editBtn{flex:1;margin-left:0}}