.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-nested,1100);background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--gr-bg);max-height:90vh;z-index:calc(var(--z-modal-nested,1100) + 1);border-radius:12px;animation:.3s ease-out slideIn;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.complete-item-modal{width:90%;max-width:500px}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--gr-line);position:relative}.modal-header h2{font-size:var(--text-lg);color:var(--gr-ink-strong);margin:0;font-weight:600}.modal-close-button{top:var(--space-4);right:var(--space-4);font-size:var(--text-2xl);color:var(--gr-ink-mute);cursor:pointer;border-radius:var(--radius-lg);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;line-height:1;transition:all .2s;display:flex;position:absolute}.modal-close-button:hover{background:var(--gr-bg-elev);color:var(--gr-ink-strong)}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--gr-line);justify-content:flex-end;gap:var(--space-3);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.item-name-display{padding:var(--space-3);background:var(--gr-bg-elev);border-radius:var(--radius-lg);margin-bottom:var(--space-4);text-align:center;font-size:var(--text-lg);color:var(--gr-ink-strong)}.form-group{margin-bottom:var(--space-4)}.form-group label{margin-bottom:var(--space-2);color:var(--gr-ink-strong);font-weight:500;display:block}.form-group .required{color:var(--gr-warn-ink)}.form-group .optional{color:var(--gr-ink-mute);font-weight:400;font-size:var(--text-sm)}.form-control{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--gr-line);border-radius:var(--radius-lg);font-size:var(--text-base);background:var(--gr-bg);color:var(--gr-ink-strong);transition:border-color .2s}.form-control:focus{border-color:var(--gr-accent-ink);box-shadow:0 0 0 3px color-mix(in oklab, var(--gr-accent-ink), transparent 80%);outline:none}.form-control[type=date]{appearance:none}textarea.form-control{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.form-text{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--gr-ink-mute);display:block}.completion-info-box{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background:color-mix(in oklab, var(--gr-bg-elev), var(--gr-accent-soft) 50%);border:1px solid color-mix(in oklab, var(--gr-line), var(--gr-accent-ink) 35%);border-radius:var(--radius-lg);margin-top:var(--space-4);display:flex}.completion-info-box svg{color:var(--gr-accent-ink);flex-shrink:0;margin-top:2px}.completion-info-box strong{color:var(--gr-accent-ink);margin-bottom:var(--space-1);font-size:var(--text-sm);display:block}.completion-info-box p{font-size:var(--text-sm);color:var(--gr-ink-mute);margin:0;line-height:1.5}.modal-footer .btn{align-items:center;gap:var(--space-2);display:inline-flex}.modal-footer .btn svg{flex-shrink:0}@media (prefers-color-scheme:dark){.form-control{background:var(--gr-bg-elev)}}