.task-create-modal{--task-create-surface:#fff;--task-create-surface-raised:hsla(0,0%,100%,.98);--task-create-control-bg:#f9fafb;--task-create-control-bg-hover:#f3f4f6;--task-create-line:#e5e7eb;--task-create-line-strong:#d1d5db;--task-create-floating-shadow:0 24px 60px -34px rgba(17,24,39,.35);display:flex;flex-direction:column;max-height:calc(100dvh - 1rem);min-height:0;overflow:hidden;background:transparent;color:var(--app-text)}.dark .task-create-modal{--task-create-surface:#0e0e0e;--task-create-surface-raised:rgba(14,14,14,.98);--task-create-control-bg:#141414;--task-create-control-bg-hover:#1c1c1c;--task-create-line:#2a2a2a;--task-create-line-strong:#363636;--task-create-floating-shadow:0 30px 80px -38px rgba(0,0,0,.86)}.task-create-modal>div{min-height:0}.task-create-modal:has(.task-create-popover-panel){overflow:visible}.task-create-modal-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--task-create-line);background:var(--task-create-surface-raised);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.task-create-modal-body{position:relative;z-index:1;min-height:0;overflow-y:auto;background:transparent;-webkit-overflow-scrolling:touch}.task-create-modal:has(.task-create-popover-panel) .task-create-modal-body{z-index:30;overflow:visible}.task-create-modal-footer{position:sticky;bottom:0;z-index:20;border-top:1px solid var(--task-create-line);background:var(--task-create-surface-raised);padding-bottom:max(.75rem,env(safe-area-inset-bottom));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.task-create-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.task-create-control-button{display:flex;min-height:2.75rem;width:100%;align-items:center;gap:.5rem;border-radius:.75rem;border:1px solid var(--task-create-line-strong);padding:.625rem .75rem;font-size:.875rem;font-weight:500;color:var(--app-text-muted);background:var(--task-create-control-bg);transition:background-color .15s ease,border-color .15s ease}.task-create-control-button:hover{border-color:var(--app-text-soft);background:var(--task-create-control-bg-hover)}.task-create-control-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-create-popover-panel{border:0;border-radius:.75rem;background:transparent;box-shadow:none;color:var(--app-text)}.task-create-floating-surface{background:#fffffffa;color:var(--app-text);border:1px solid #d1d5db;box-shadow:0 24px 60px -34px #11182759}.dark .task-create-floating-surface{background:#0e0e0efa;border-color:#363636;box-shadow:0 30px 80px -38px #000000db}@media(max-width:639px){.task-create-modal{height:100dvh;max-height:100dvh;border-radius:0}.task-create-modal .ProseMirror{min-height:8rem;max-height:12rem;overflow-y:auto}}@media(min-width:640px){.task-create-controls{display:flex;flex-wrap:wrap;align-items:center}.task-create-control-button{min-height:1.75rem;width:auto;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem}}